@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/


BODY{margin: 0px auto 0px auto; background-color:#F1EEEB;
	/*background-image:url(../images/fondo_pagina.jpg);*/
	/*background-repeat:repeat-x;*/
	font-family:"Arial", Verdana, Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px;
	height:100%;
	text-align:center; 
	 }
	 
.clear{
clear:both;
}
/************************************              ZONAS             ***********************************************************/
/*TABLA PRINCIPAL*/
#base{width:1000px; margin: 0px; background-color:#EAE4E1; border:0px solid #999999; text-align:left; margin: 0px auto 0px auto; }

A{ color:#666666;text-decoration:none;}
A:hover{ color:#000000;text-decoration:none;}

h1{color:#E36C18;}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}

img.valign {
   height: 100%;
   vertical-align: middle;
   width: 0px;
}
	
.banner{ clear:both;}

/********************************MENU DESPLEGABLE*/

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:20%; margin-top:20px; _margin-top:10px; position:relative }
#menu li	{ font-weight:bold; color:#999999; margin:0; cursor:default; white-space:nowrap; list-style-type:none; background-color:none; }

#menu.horizontal li	{ display:inline; padding:10px; height:50px; padding-bottom:20px; padding-top:25px; _padding-top:20px; background-color:none; }

#menu.vertical	{ width:6em; border-right:1px solid none }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:none; background-image:url(../images/ico-menu.gif); background-repeat:no-repeat; background-position: center 35px;}
#menu li a	{ text-decoration:none; color:#999999 }

/*FONDO DESPLEGABLE*/
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#FFFFFF; border:1px solid #CCCCCC; width:210px; _width:200px;  margin:0;  padding:0;
filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7;

margin-left:-55px;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #CCCCCC; padding:0em; white-space:normal; width:210px; _width:200px; list-style-type:none; height:20px; text-indent:5px; }

/*ITEMS MENU DESPLE*/
#menu ul li a	{ display:block; width:200px; color:#003F64; text-decoration:none; padding:5px; margin:0; }
#menu ul li a:hover	{ color:white; background-color:#3398D1 }

#menu ul li.active	{ background-color:#44d; color:white; width:200px; }


/*    CENTRAL :: CONTENIDOS       -------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
 #central{ clear:both; width:1000px;margin-left:0px; margin-right:1px; display:block;height:100%; _min-height:462px; min-height:230px;  }

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:24px; height:100%}
#derecha{ width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; _width:600; width:731px;}
#central #formularioContacto H3{ font-size:14px; _width:600;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #D4D0C8;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #D4D0C8;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #D4D0C8;}
P.notalegal{ font-size:9px; color:#666666; width:500; _width:650; margin-right:30px;}


/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px; background-color:#BDB0A6;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;background-color:#BDB0A6;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:11px;padding:20px; padding-top:30px; margin-top:20px; margin-bottom:20px; margin-right:20px; }


/* MAPA WEB*/
#mapaweb{ padding:40px; background-color:#EAE4E1;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#666666; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#666666; font-size:16px; list-style-type:square;  padding-top:5px; font-weight:bold;}}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#666666; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#666666;}
#mapaweb UL LI UL LI A:hover{color:#000000;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#AD9B8D; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#AD9B8D;}
#mapaweb UL LI UL LI UL LI A:hover{color:#000000;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ background-color:#EAE4E1; _height:100%; min-height:500px; _min-height:462px; font-family:Arial; font-size:11px;  }


/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ font-size:11px; font-family:Arial; width:213px; _width:231px; min-height:485px; _min-height:462px; height:100%; background-image:url(../images/fondo-izq.jpg); padding-right:10px; _padding-right:0px; padding-top:15px; float:left; padding-left:10px; position:relative;  height:auto; _height:600px;    }

#central #actualizable #zonaContacto{ float:left; }

#central #actualizable #zonaEnlaceEnlaces{ width:211px; _width:231px; min-height:485px; _min-height:462px; height:100%; background-color:#BDB0A7; padding-right:10px; padding-top:15px; float:left; padding-left:10px; text-align:left; }

#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:0px; border:1px solid red;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:5px;   }

/* TEMAS*/
.marcado{ background-image:url(../images/tema-background.jpg); width:203px; _width:213px; background-repeat:no-repeat; background-position:right center; color:white;  display:block;background-color:#000000; font-weight:bold; margin-bottom:3px;}
.marcado:hover{ color:#ffffff;}

.desmarcado{color:#ffffff;  display:block; background-color:#8C796A; width:203px; _width:213px; filter: alpha(opacity=50);  .opacity:.5; -moz-opacity:0.5; margin-bottom:3px; font-family:Arial;}
.desmarcado:hover{background-image:url(../images/tema-background.jpg); background-repeat:no-repeat; background-position:right center; color:white;  display:block;background-color:#000000; font-weight:bold; margin-bottom:3px;}


/* SUBTEMAS */
.marcadoSubtema{color:#000000; margin-left:20px;  font-size:11px; font-weight:bold; border-left:1px solid #000000; margin-top:5px;margin-bottom:5px;font-weight:bold;}
.marcadoSubtema:hover{ color:#000000; margin-left:20px; background-color:#B4A59A;}

.desmarcadoSubtema{color:#8A7566; font-size:11px; margin-left:20px; margin-top:5px;margin-bottom:5px; font-weight:bold; border-left:1px solid #ffffff;}
.desmarcadoSubtema:hover{background-color:#B4A59A; margin-left:20px; color:#FFFFFF;}


/* NOTICIAS */
.marcadoNoticia{color:#000000; font-size:11px; font-weight:bold; width:203px; _width:213px; border-left:1px solid #000000; margin-top:5px;margin-bottom:5px;font-weight:bold;}
.marcadoNoticia:hover{ color:#000000; background-color:#B4A59A;}

.desmarcadoNoticia{color:#8A7566; font-size:11px; margin-top:5px; width:203px; _width:213px; margin-bottom:5px; font-weight:bold; border-left:1px solid #ffffff;}
.desmarcadoNoticia:hover{background-color:#B4A59A; color:#FFFFFF;}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family :Arial; color: black; width:765px; _width:747px; float:left; padding-top:0px; min-height:500px; font-size:11px;}

#central #actualizable #contenidos H3{ color:#8A7566; background-color:#EAE4E1; height:20px; _height:12px; text-align:right; margin-top:5px; margin-bottom:5px; font-size:16px; width:730px; margin-bottom:20px;}

#central #actualizable #contenidos H5{ color:#8A7566; background-color:#EAE4E1; height:20px; _height:12px; text-align:right; padding-top:0px; _padding-top:5px; padding-bottom:5px; _padding-bottom:0px;  padding-right:25px;  font-size:16px; width:700px;_width:700px;}

#central #actualizable #contenidos H3 B{ color:Black; font:Arial Narrow; font-size:18px; margin-right:10px; }
/*base*/
#central #actualizable #contenidos .text{ 
	margin-right:35px; _margin-right:10px;
	padding-right:15px; padding-bottom:20px; padding-top:15px;
	min-height:455px; height:100%; _height:500px; width:680px;
	background-image:url(../images/fondo-actualizable.jpg); background-repeat:repeat-y; float:right; display:block;}

/*para eventos*/
#central #actualizable #contenidos .text1{ 
margin-right:35px; _margin-right:0px; padding-right:15px; background-image:url(../images/fondo-eventos.jpg); background-repeat:no-repeat;
 background-position:left bottom; float:right; 
height:400px; }

/*para sala prensa*/
#central #actualizable #contenidos .text2{ margin-right:30px; _margin-right:0px; padding-right:2px; background-image:url(../images/fondo-prensa.jpg); background-repeat:no-repeat;
 background-position:left bottom;float:right; 
height:400px;}

/*para programas*/
#central #actualizable #contenidos .text3{ margin-right:30px; padding-right:2px; background-image:url(../images/fondo-programas.jpg); background-repeat:no-repeat;
 background-position:left bottom;float:right; 
height:400px;}

/*para divulgacion*/
#central #actualizable #contenidos .text4
{
    margin-right:35px; _margin-right:0px; padding-right:15px; background-image:url(../images/fondo-publicaciones.jpg); background-repeat:no-repeat;
    background-position:left bottom; height:400px;
}


#seccionTitle{height:33px; width:1000px; color:#000000; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:0px; font-weight:bold;}

/*BREVES*/
.fecha{font-family :Arial; color: black; font-size:11px;}
.tituloBreves{font-family :Arial; font-weight:bold; color: black; font-size:11px;}
.textoBreves{font-family :Arial; color: black; font-size:11px;}



/* PAGINACION*/
.pagina-actual{color:#0D2F93; text-decoration:none; font-size:10px; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-weight:bold; border-top:1px solid #dddddd; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #dddddd; padding-top:3px;}

/*PAGINACION II*/
#paginacion{}
#paginacion .anterior{}
#paginacion .anteriorInactivo{}
#paginacion .estado{}
#paginacion .siguiente{}
#paginacion .siguienteInactivo{}
#paginacion .numero{}





#loginusuario{ height:100%; background-image:url(images/fondo-zona-privada.jpg); background-repeat:no-repeat;}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}



/*CATALOGO*/

.producto{  border:1px solid #CCCCCC; width:170px; text-align:center; float:left; margin-left:10px; padding:10px;}
.productoFicha{  border:1px solid #CCCCCC;  float:left; margin-left0px; padding:10px; width:620px;}


	/*CAPA EMERGENTE DE AMPLIACION DEL PRODUCTO*/
	#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
	#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}



/*    PIE  --------------------------------------------------------------------------------------------------------------------------*/
#pie{
	/*background-image:url(../imagenes/fondo_barra_footer.jpg);*/
	background-color:#EAE4E1;
	background-repeat:repeat-y;
	width:1000px; 
	height:30px; text-align:center;
	font-size:11px; clear:both;
	margin-left:0px;
	
	}
	/*ENLACESPIE*/
	#pie A{ color:#333333;text-decoration:none; font:bold Arial; font-size:11px;}
	#pie A:hover{ color:#8A7566;text-decoration:none;}
    #pie A.pie2 { color:#333333;text-decoration:none; font:bold; font-size:9px;}

/***** Estilos para el formulario de inscripcion a las ofertas de empleo*/
.empleoTexto{ font-family:Arial;font-size:11px;color:Black;}	
.empleoTextoBlanco{ font-family:Arial;font-size:12px;color:White; font-weight:bold}
.botonEmpleo{width:48px; height:22px;background-color:#BDB0A7;font-family:Arial;font-size:12px;color:White; font-weight:bold;border:1px solid #D4D0C8;}
.cajaEmpleo{width:144px;height:19px;font-family:Arial;font-size:11px;border:1px solid #D4D0C8;}
.cajaGrandeEmpleo{font-family:Arial;font-size:12px;border:1px solid #D4D0C8;}
.camposForo{ font-family:Arial; color:#FFFFFF; font-weight:bold;}

/*ESTILOS RSS COMO NOS VEN*/
.rss{ font-size:11px; margin:0px; padding:0px; color:#666666; }
.rss LI{ list-style:none; margin-bottom:7px;}
.rss A{ display:block; font-size:12px; font-weight:bold;}
.rss A:hover{ text-decoration:underline;}
.rss B{font-size:12px; color:#000000;}