/**
 * Esta hoja de estilo guarda la definición de estilos que nos definen 
 * el comportamiento de los popup
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since  Proxia Portal Server 6.3
 * @copy   2010
 */

 
/** 
* layout general del los pop-up 
**/
BODY.bodyPopup {
	padding: 0px;
}

DIV.popup {
	margin: 0.5em;
	border: 1px solid #C5C5C5;
}

DIV.popup DIV.centerBlock {
	padding: 0.4em 0px 0px 0px;
}

DIV.headerPopup { 
	background-color: #EEEFF1;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: middle;
	padding-left: 1em;
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

IMG.itranetUbu {
	float: left;
}

IMG.itranetPopup {
	float: right;
	border-left: 1px solid #FFFFFF;
}

DIV.popup DIV.currentContent {
	clear: both;
}

DIV.footerPopup {
	background-color: #EEEFF1;
	border-top: 1px solid #FFFFFF;
	padding: 5px;
}

DIV.contentPopup {
	background-color: #EEEFF1;
	padding: 0.3em 0px 0.3em 0px;
}

DIV.contentPopup2 {
	background-color: #FFFFFF;
	padding: 0.5em 1em 0px 2em;
	margin: 0px;	
	height: 400px;
}

DIV.popup DIV.header {
	margin: 0px 0px 0.1em 0px;
	padding: 0.2em;
	text-align: left;
	border-bottom: 1px solid #C0C0C0;
}

DIV.titlePopup {
	color: #20326A;
	font-size: 1.1em;
}

/** 
* Estilo para la zona de cerrar de los popup 
**/
DIV.close {
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 10px; 
}

DIV.close A {
	color: #898989;
}
DIV.close A:hover {
	color: #898989;
}
DIV.close A:active {
	color: #898989;
}
DIV.close A:visited {
	color: #898989;
}
/*************** fin de estilos generales ************/

/**
 * galería de imagenes
 */
DIV.titleImageGallery {
	color: #0C1C60;
	text-align: left;
	font-size: 1.1em;
	border-bottom: 1px solid #C0C0C0;
}

/**
 * Estilo para la tabla principal de la galería de imágenes.
 */
DIV.cmImageGallery {
	padding: 0.5em 0px 0px 0px;
	margin: 0px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #E3E3E3;
}

DIV.cmImageGalleryRow {
	padding: 0.5em 0px 0.5em 1.5em;
	overflow: hidden;
	height: auto !important;
	height: 1%;
}

DIV.cmImageGalleryCell {
	margin-right: 0.6em;
	border: 1px solid #D3D3D3;
}

/**
 * Estilo por defecto de la caja de texto del título de la imagen
 */
DIV.cmImageGalleryTitleTD {
	background-color: #071F55;
	padding: 0.2em;
	text-align: left;
}

SPAN.cmImageGalleryTitleName {
	color: #FFFFFF;
	font-size: 0.8em;
}

/*
* Estilo por defecto de la celda que permite ver información de las imágenes ampliadas y reducidas 
*/
DIV.cmImageGalleryImageTD {
	background-color: #FFFFFF;
	padding: 0.5em;
}

DIV.cmImageGalleryImageTD SPAN.cmPopupText {
	font-size: 0.9em;
}

/**
 * Estilo por defecto de los enlance para ampliar o reducir la imagen
 */
DIV.cmImageGalleryBottomTD {
	text-align: right;
	padding-right: 0.3em;
}

/**
 * galería de imagenes de UBU
 */
DIV.galleryUbu DIV.centerBlock, 
DIV.relatedUbu DIV.centerBlock {
	padding: 0px;
}

DIV.headerPopupUbu {
	height: 1%;
	background-color: #002150;
}
DIV.headerPopupUbu[class] {
	height: auto;
	overflow: hidden;
}

DIV.headerPopupUbu IMG.logoUbu {
	float: left;
	margin: 0.2em 0px 0px 0.5em;
}

DIV.headerPopupUbu IMG.tizaUbu {
	float: right;
}

DIV.galleryUbu DIV.contentPopup,
DIV.relatedUbu DIV.contentPopup {
	background-color: transparent;
	padding: 0px;
	border-top: 4px solid #E8E8E8;
	border-bottom: 4px solid #002150;
}

DIV.galleryUbu DIV.contentPopup2 {
	height: 415px;
}

DIV.galleryUbu DIV.titlePopup,
DIV.relatedUbu DIV.titlePopup,
DIV.galleryUbu DIV.titleImageGallery {
	color: #002150;
}

DIV.galleryUbu DIV.cmImageGalleryTitleTD {
	background-color: #002150;
}

/**
 * Estilo de la caja de la imagen ampliada
 */
BODY.bodywhite {
}

DIV.imageContainer {
	padding: 0.5em;
	text-align: center;
	height: 100%;
}

DIV.imageZoomContainer {
	padding: 0.5em;
	text-align: center;
	height: 100%;
	width: 100%;
	overflow: auto;
}

DIV.zoomedImage {
	padding-bottom: 0.5em;
}

DIV.resourceName {
	text-align: left;
	color: #333;
	padding: 0.1em;
}

DIV.resourceDescription {
	color: #666;
	font-size: 0.9em;
	padding: 0.1em;
}

DIV.resourceName {
	font-size: 0.9em;
}

DIV.authors {
	font-weight: bold;
	font-size: 0.8em;
}

DIV.imgClose {
	font-size: 0.9em;
	text-align: right;
}
DIV.imgClose IMG {
	vertical-align: middle;
	margin-right: 0.2em;
}

/* 
*  Navegación de la galería de imágenes 
*/
DIV.popup DIV.cmNavigation {
	background-color: #FFFFFF;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	border-top: 1px solid #E3E3E3;
	width: 100%;
}

DIV.popup DIV.cmResultsCount {
	float: left;
	width: 50%;
	color: #666666;
	font-size: 0.9em;
	text-align: left;
	padding-left: 0.5em;
}

DIV.popup DIV.cmPagesNavigation {
	float: left;
	width: 177px;
	height: 19px;
	padding-left: 1em;
	background-image: url('../imagenes/fondos/base.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 0.9em;
}

DIV.popup DIV.close {
	background-color: transparent;
	position: absolute;
	right: 25px;
	bottom: 15px;
}

DIV.popup DIV.close A {
	margin: 0px;
	padding: 0px;
	display: block; 
	vertical-align: top;
	border: none;
	font-weight: bold;
	font-size: 0.9em;
}

DIV.popup DIV.close IMG {
	border-top: 1px solid #E3E3E3;
	margin-right: 5px;
	vertical-align: middle;
}

/**
*  Popup para el listado de contenidos relacionados 
*/
DIV.popupInformation {
	margin: 0px;
	padding: 0.3em;
}

DIV.popup UL.cmRelatedList {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 0.9em;
	height: 270px;
	overflow: auto;
	list-style: none;
}

DIV.popup LI.cmContentPopupItem {
	padding: 0px 0.5em 0.5em 0.3em;
}

DIV.popup LI.cmContentPopupItem DIV.contentName {
	background-image: url(../imagenes/bullets/popup.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 0.8em;
	font-size: 0.8em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}

DIV.popup LI.cmContentPopupItem DIV.contentAbstract {
	font-size: 0.8em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	padding-left: 0.8em;
}

DIV.popupInformation DIV.cmNavigation {
	background-image: url(../imagenes/fondos/relPopup.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0.6em;
	border: none;
}

DIV.popupInformation DIV.cmResultsCount {
	padding-left: 0px;
	font-size: 0.8em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}

DIV.popupInformation DIV.cmPagesNavigation {
	background-image: none;
}

DIV.popupInformation A.cmNavEndsPagesLink IMG {
	vertical-align: middle;
}

DIV.close2 {
	float: right;
	position: relative;
	top: -20px;
	font-size: 0.8em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	height: 2em;
}

DIV.close2 IMG {
	margin-right: 5px;
	vertical-align: middle;
}

/* cambios para UBU */
DIV.relatedUbu DIV.contentPopup2 {
	height: 365px;
}

DIV.relatedUbu DIV.cmNavigation {
	width: 98%;
}

DIV.relatedUbu DIV.cmPagesNavigation {
	text-align: right;
	width: 50%;
}

/** 
* Información que se muestra del contenido para impresión 
**/
DIV.popupContainer {
	border: 0px;
	width: 100%;
	height: 100%;
	padding: 0.5em;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 68%;
	overflow: scroll;
}

DIV.popupContainer DIV.top {
	height: 1%;
}
DIV.popupContainer DIV.top[class] {
	overflow: hidden;
	height: auto;
}

DIV.popupContainer DIV.link {
	float: left;
	width: 50%;
	text-align: left;
	padding-bottom: 0.3em;
}

DIV.popupContainer DIV.date {
	float: left;
	width: 49%;
	text-align: right;
	padding-bottom: 0.3em;
}

DIV.popupContainer DIV.header {
	text-align: center;
	padding: 0px;
	background-image: url(../imagenes/fondos/fondo_impresion.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #002150;
}

DIV.popupContainer DIV.header IMG {
	vertical-align: bottom;
}

DIV.commands {
	padding-top: 0.8em;
	text-align: right;
    float:right;
    width: 10em;
}
DIV.lastChange {
	padding-top: 0.8em;
	text-align: right;
}

DIV.popupContainer DIV.popupFooter {
	margin-top: 0.5em;
	background-color: #DADADA;
	padding: 0.3em;
	text-align: left;
	height: 1%;
	border: 1px solid #DADADA;
}
DIV.popupContainer DIV.popupFooter[class] {
	height: auto;
	overflow: hidden;
}

DIV.popupContainer DIV.popupFooter SPAN.copyright {
	float: left;
	width: 28%;
	display: block;
}

DIV.popupContainer DIV.popupFooter SPAN.info {
	float: right;
	display: block;
	width: 70%;
	text-align: right;
}

DIV.popupContainer DIV.popupInformation {
	border: 1px solid #C0C0C0;
	margin-top: 0.8em;
	padding: 0.8em;
	text-align: justify;
}

DIV.popupContainer DIV.path {
	background-color: #FFF;
	position: relative;
	top: -16px;
	left: 10px;
	padding: 0px 0.3em 0px 0.3em;
	width: auto;
	display: inline;
}

DIV.popupContainer DIV.popupInformation DIV.path ul.cmCategorizer{
	margin:0;
	display:inline;
	font-weight:normal;
}

DIV.popupContainer DIV.popupInformation DIV.path li{display:inline;}

.contentPrintableName {
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
}
 
.contentPrintableAltText {
	padding: 0.6em 0px 0px 0px;
	font-weight: bold;
}

.contentPrintableBody {
	color: #555;
	line-height: 1.5em;
}

@media print {	
	DIV.popupContainer {
		overflow: visible;
		width: 100%;
	}
	
	DIV.popupContainer DIV.top {
		display: none;
	}
	
	DIV.popupContainer DIV.header {
		display: none;
	}
	
	DIV.popupInformation {
		width: 100%;
	}

	DIV.contentPrintableBody * {
		color: #000;
	}
	
	DIV.commands {
		display: none;
	}
}

/*** 
* pop-up de autenticación 
***/
DIV.loginContainer {
	overflow: auto;
}

DIV.login {
	color: #666;
	padding-top: 1.5em; 
}

DIV.login FORM {
	padding-top: 1em;
}

DIV.login DIV {
	padding: 0.2em;
}

DIV.login LABEL {
	font-size: 1em;
}

DIV.login SPAN.dvLogin INPUT {
	margin-left: 2em;
}

/**
 * Pop-up: Datos de usuario
**/
DIV.personalInfo {
	padding-left: 1em;
	padding-bottom: 1em;
	font-size: 0.9em;
}

DIV.personalInfo P.intro {
	margin-bottom: 0px;
}

DIV.personalInfo DIV.login SPAN.loginLabel {
	display: block;
	width: 12em;
	float: left;
	padding-right: 1em;
	text-align: right;
}

DIV.personalInfo DIV.login SPAN.loginInput {
	font-size: 1em;
}

DIV.personalInfo DIV.loginButton {
	padding-top: 1em;
}

DIV.personalInfo DIV.confirm {
	color: #002147;
}

/**
* Estilos para los contenidos en POPUP 
**/
DIV.content {
}

DIV.content DIV.centerBlock {
	margin: 0.5em;
	border: 1px solid #C5C5C5;
}
DIV.content DIV.centerBlock[class] {
	width: 99%;
}

DIV.content DIV.contentPopup2 {
	height: auto;		
}

DIV.content DIV.titlePopup H1 {
	color: #002147;
}

DIV.content DIV.cmBodyContent {
	height: auto;
}

DIV.content DIV.footerPopup {
	position: relative;
}

DIV.closeContent {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 1.1em;
}

DIV.closeContent IMG {
	margin-right: 5px;
	vertical-align: middle;
}

/**
 * Estilos para el listado en un POPUP
 */
DIV.popupChildren {
	font-size: 1em;
	overflow: auto;
}

DIV.popupChildren DIV.popupInformation {
	padding: 1em;
}

DIV.popupTitle {
	color: #00216E;
	font-size: 1.3em;
	padding-bottom: 1em;
}

DIV.popupInformation UL.cmContentList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
} 
 
LI.cmContentPopupItem {
	list-style-type: none;
	list-style-image: none;
	background-image: url('../imagenes/bullets/popup.gif');
	background-repeat: no-repeat;
	background-position: 0.3em 0.3em;
	padding-left: 1.6em;
	margin-left: 0px;
	margin-bottom: 1em;
} 

DIV.popupChildren DIV.cmNavigation {
	background-image: none;
}
/*listado popup modelo convocatoria*/
DIV.popupChildren DIV.contestList DIV.title {
	background-image: none;
	padding: 0px;
}

DIV.popupChildren DIV.contestList DIV.common {
	background-color: #FFF;
}

/**
* Buscador y resultados en pop-up 
*/
DIV.popupSearch {
	font-size: 1em;
}

DIV.popupSearch DIV.fieldsetContainer {
	border: none;
}

DIV.popupSearch DIV.fieldsetContainer LEGEND {
	background-image: none;
	padding-left: 0.5em;
}

DIV.popupSearch DIV.cmNavigation {
	background-image: none;
}

DIV.popupSearch DIV.cmBodyContentChildrens {
	padding-top: 2em;
}

/***
* Página de video en popup
***/
DIV.videoContainer {
	padding-top: 0.3em;
	text-align: center;
}

DIV.videoContainer DIV.header {
	padding: 0px;
	background-color: #002150; 
	background-image: url(../imagenes/fondos/fondo_video.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
DIV.videoContainer DIV.header IMG {
	margin: 0px;
	vertical-align: middle;
}

DIV.videoContainer DIV.video {
	text-align: center;
	padding-top: 0.2em;
}

DIV.videoContainer DIV.commands {
	padding: 0px 0.5em 0.2em 0px;
	text-align: right;
	clear: both;
}
DIV.videoContainer DIV.commands SPAN.close {
	font-size: 0.8em;
}

DIV.videoContainer DIV.normaltextsmall {
	padding: 0.5em 1em 0px 1em;
	text-align: left;
	font-size: 0.9em;
}

/* no imprimimos los iconos a popups */
DIV.contentPrintableBody IMG.cmPopupIcon {
	display: none;
}

div.commands span.close{padding:0 0.5em 0 0;}