/* BODY */

body {
	margin:0; 
	padding:0;
	text-align: center; /* hack para iExplorer: centra las capas "contenedoras" */
}

IMG {
	border: 0px;
}

A:link, A:visited { color: #39A7D6; text-decoration: none; }
A:hover { color: #39A7D6; text-decoration: underline; }
A:active { color: #39A7D6; text-decoration: none; }

/* elementos de la Pagina de Inicio */

#contenedorInicio {
	text-align: left; /* para deshacer el hack de iExplorer */
	background-repeat:no-repeat; 
	margin-left: auto; 
	margin-right: auto;
}
#contenidoInicio {
	padding-left: 40px;
	padding-top: 300px;
}


/* texto encima de los desplegables  */

.tituloDesplegable {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: black;
	padding-left: 20px;
}
.separador {
	padding-left: 10px;
	padding-right: 10px;
}

/* desplegables de CENTRO */

.listboxCentro {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	height:16px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	width:11em;
}
div.listboxCentro {position:relative}
div.listboxCentro img{cursor:pointer}		
div.listboxCentro div.selectValue{
	padding-left: 5px;
	padding-top: 1px;
	position:absolute; 
	top:0px; 
	left:20px; 
	border:0px; 
	color:white; 
	background-color:#58585A;
	/*background-image: url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
	height:15px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	_height:16px;
	width:9em; 
	cursor:pointer;
}
div.listboxCentro div.selectList{ position:absolute; top:16px; left:20px; display:none; }
div.listboxCentro div.selectList div{ 
	cursor:pointer; 
	background-color:#58585A; 
	color:#DDDDDD; 
	width:99px; 
	_width:100px; 
	padding-left: 5px; 
	/*background-image:url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
}
div.listboxCentro div.selectList div.listboxOver{ color:white; }

/* desplegables de ACTIVIDAD */

.listboxActividad {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	height:16px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	width:16em;
}
div.listboxActividad {position:relative}
div.listboxActividad img{cursor:pointer}		
div.listboxActividad div.selectValue{
	padding-left: 5px;
	padding-top: 1px;
	position:absolute; 
	top:0px; 
	left:20px; 
	border:0px; 
	color:white; 
	background-color:#58585A;
	/*background-image: url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
	height:15px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	_height:16px;
	width:14em; 
	cursor:pointer;
}
div.listboxActividad div.selectList{ position:absolute; top:16px; left:20px; display:none; }
div.listboxActividad div.selectList div{ 
	cursor:pointer; 
	background-color:#58585A; 
	color:#DDDDDD; 
	width:154px; 
	_width:155px; 
	padding-left: 5px; 
	/*background-image:url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
}
div.listboxActividad div.selectList div.listboxOver{ color:white; }

/* desplegables de AREA */

.listboxArea {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	height:16px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	width:7em;
}
div.listboxArea {position:relative}
div.listboxArea img{cursor:pointer}		
div.listboxArea div.selectValue{
	padding-left: 5px;
	padding-top: 1px;
	position:absolute; 
	top:0px; 
	left:20px; 
	border:0px; 
	color:white; 
	background-color:#58585A;
	/*background-image: url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
	height:15px; /* aunq lo correcto sea usar "em", de esta forma ajustamos a la imagen de la "flecha" */
	_height:16px;
	width:5em; 
	cursor:pointer;
}
div.listboxArea div.selectList{ position:absolute; top:16px; left:20px; display:none; }
div.listboxArea div.selectList div{ 
	cursor:pointer; 
	background-color:#58585A; 
	color:#DDDDDD; 
	width:55px; 
	_width:55px; 
	padding-left: 5px; 
	/*background-image:url("img/fondoListBox.gif");*/
	background-image:url("/wps/wcm/connect/f4cc50004b296974b13ebbe7baa5b626/fondoListBox.gif?MOD=AJPERES");
	background-repeat: repeat-y;
}
div.listboxArea div.selectList div.listboxOver{ color:white; }

/* elementos comunes a todas las paginas */

#contenedor {
	text-align: left; /* para deshacer el hack de iExplorer */
	margin-left: auto; 
	margin-right: auto;
	width: 800px;
}

#bannerSuperior IMG {
	width: 800px;
	border: 0px;
}

#contenedorMenu {
	float: right;
	width: 180px;
}

.fondoIzq {
	background-image: url('/wps/wcm/myconnect/c8f66a004a4c5f7bb991fbd4f7a204f4/izq.gif?MOD=AJPERES');     
}

.menu_level_1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #BBBBBB;
	/*background-image: url('img/fondoLevel1.gif');*/
	background-image: url('/wps/wcm/connect/5d1581804b266c62bd50bf12b6f917d9/fondoLevel1.gif?MOD=AJPERES');
	background-color: #57575A;
	background-position: left;
	background-repeat: repeat-y;
	cursor:pointer;
}
.menu_level_1 A {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #BBBBBB;
	padding-left: 15px;
	padding-bottom: 5px;
}
.menu_level_1 A:link, .menu_level_1 A:visited { color: #BBBBBB; text-decoration: none; }
.menu_level_1 A:hover, .menu_level_1 A:active { color: white; text-decoration: none; }

.menu_level_2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #77787A;
	padding-bottom: 5px; 
	background-color: #B1B2B3;
	display: none;
}
.menu_level_2 A {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #77787A;
	padding-top: 3px;
	padding-left: 20px;
	padding-bottom: 3px;
}
.menu_level_2 A:link, .menu_level_2 A:visited { color: #77787A; text-decoration: none; }
.menu_level_2 A:hover, .menu_level_2 A:active { color: #77787A; text-decoration: none; }

.menu_level_3 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #7D7A7C;
	padding-top: 2px;
	padding-bottom: 2px; 
	background-color: #E9EAEB;
	display: none;
}
.menu_level_3 A {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #7D7A7C;
	padding-left: 25px;
}
.menu_level_3 A:link, .menu_level_3 A:visited { color: #7D7A7C; text-decoration: none; }
.menu_level_3 A:hover, .menu_level_3 A:active { color: #7D7A7C; text-decoration: none; }

.menu_level_4 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #7D7A7C;
	background-color: #E9EAEB;
	display: none;
}
.menu_level_4 A {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #919194;
	padding-left: 35px;
}
.menu_level_4 A:link, .menu_level_4 A:visited { color: #919194; text-decoration: none; }
.menu_level_4 A:hover, .menu_level_4 A:active { color: #7D7A7C; text-decoration: none; }

/* menu de la izquierda (subpaginas) */
/* #39A7D6 <- color azul del menu activo */

#menuSubpaginas {
	text-align: left; /* para deshacer el hack de iExplorer */
	width: 150px;
}

.subpagina_menu_level_1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #615F61;
	/*background-image: url(flechaIzq.gif);*/
	background-image: url('/wps/wcm/connect/3a334b804b0ae8d38ed3ef451e5f5890/flechaIzq.gif?MOD=AJPERES');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.subpagina_menu_level_1 A:link, .subpagina_menu_level_1 A:visited { color: #615F61; text-decoration: none; }
.subpagina_menu_level_1 A:hover, .subpagina_menu_level_1 A:active { color: #615F61; text-decoration: underline; }


.subpagina_menu_level_1_down {
	font-family: Helvetica, Verdana, Arial, sans-serif;  
	font-size: 12px;
	font-weight: bold;
	color: #615F61;
	/*background-image: url(flechaIzq_down.gif);*/
	background-image: url('/wps/wcm/connect/7b2b60004b0ae8d38ed6ef451e5f5890/flechaIzq_down.gif?MOD=AJPERES');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.subpagina_menu_level_1_down A:link, .subpagina_menu_level_1_down A:visited { color: #615F61; text-decoration: none; }
.subpagina_menu_level_1_down A:hover, .subpagina_menu_level_1_down A:active { color: #615F61; text-decoration: underline; }

.subpagina_menu_level_2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #87878A;
	display: none;
	padding-left: 25px;
}
.subpagina_menu_level_2 A:link, .subpagina_menu_level_2 A:visited { color: #87878A; text-decoration: none; }
.subpagina_menu_level_2 A:hover, .subpagina_menu_level_2 A:active { color: #87878A; text-decoration: underline; }

.subpagina_menu_level_3 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #87878A;
	display: none;
	padding-left: 35px;
}
.subpagina_menu_level_3 A:link, .subpagina_menu_level_3 A:visited { color: #87878A; text-decoration: none; }
.subpagina_menu_level_3 A:hover, .subpagina_menu_level_3 A:active { color: #87878A; text-decoration: underline; }

.subpagina_menu_level_4 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #87878A;
	display: none;
	padding-left: 45px;
}
.subpagina_menu_level_4 A:link, .subpagina_menu_level_4 A:visited { color: #87878A; text-decoration: none; }
.subpagina_menu_level_4 A:hover, .subpagina_menu_level_4 A:active { color: #87878A; text-decoration: underline; }

.subpagina_menu_level_5 {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: #87878A;
	display: none;
	padding-left: 45px;
}
.subpagina_menu_level_5 A:link, .subpagina_menu_level_5 A:visited { color: #87878A; text-decoration: none; }
.subpagina_menu_level_5 A:hover, .subpagina_menu_level_5 A:active { color: #87878A; text-decoration: underline; }

/* clase para el menu "miga de pan" */

.claseMigaDePan {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	color: #58585A;
}
.claseMigaDePan A:link, .claseMigaDePan A:visited { color: #58585A; text-decoration: none; }
.claseMigaDePan A:hover { color: #58585A; text-decoration: underline; }
.claseMigaDePan A:active { color: #58585A; text-decoration: none; }

/* zona central de la pagina */

#central {
	width: 600px;
	padding-left: 10px; 
}

/* menu de navegacion (contenedor de la miga de pan) */

#menuNavegacion {
	padding-top: 5px; 
	padding-bottom: 0px;
}

/* menu superior (los 3 desplegables) */

#menuSuperior {
	padding-top: 10px;
}

/* cabecera (contenedor del titulo y del menu buscar) */

#cabecera {
	padding-top: 25px; 
	padding-bottom: 15px;
}

/* buscar (contenedor del campo buscar) */

#buscar {
	padding-bottom: 5px;
}

#buscar img{
	vertical-align:middle; 
}

.claseCampoBuscar {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	color: black;
	border: 1px solid black;
	width: 125px;
	height: 21px;
	padding-left: 5px;
	padding-right: 5px;
}


/* clase para el titulo de cada seccion */

.claseTituloSeccion {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 19px;
	font-weight: bold;
	color: #39A7D6;
}

/* clases para los listados de registros */

#listado {
	width: 605px;
}

#listado .titulo {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #59585A;
}

#listado .categoriaPublicacion  {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color: #39A7D6;
}

#listado .fechaPublicacion {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color: #646566;
}

#listado .entradilla {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	color: #646566;
}

#listado .masinfo {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	color: #39A7D6;
}
#listado .masinfo A:link, #listado .masinfo A:visited { color: #39A7D6; text-decoration: none; }
#listado .masinfo A:hover { color: #39A7D6; text-decoration: underline; }
#listado .masinfo A:active { color: #39A7D6; text-decoration: none; }

/* estilos para los enlaces de paginación */

#paginador.TD {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
	color: black;
}
#paginador.TD A:link, #paginador.TD A:visited { color: #39A7D6; text-decoration: none; }
#paginador.TD A:hover { color: #39A7D6; text-decoration: underline; }
#paginador.TD A:active { color: #39A7D6; text-decoration: none; }

.enlacesPaginador {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
}
enlacesPaginador A:link, enlacesPaginador A:visited { color: #39A7D6; text-decoration: none; }
enlacesPaginador A:hover { color: #39A7D6; text-decoration: underline; }
enlacesPaginador A:active { color: #39A7D6; text-decoration: none; }

/* clases para el detalle de cada registro */

#detalle {
	width: 605px;
}

#detalle .titulo {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #59585A;
}

#detalle .fechaPublicacion {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color: #39A7D6;
}

#detalle .imagenesIzq {
	padding-top: 15px;
}

#detalle .categoriaPublicacion {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color: #646566;
}

#detalle .entradilla {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	color: #646566;
}

#detalle .masinfo {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	color: #39A7D6;
}

#detalle TABLE {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	color: #666666;
}

/* clase para el pie de pagina */

.footer {
	padding-top: 15px;
}

.footer TD {
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.footer A:link, .footer A:visited { color: black; text-decoration: none; }
.footer A:hover { color: black; text-decoration: underline; }
.footer A:active { color: black; text-decoration: none; }

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}