@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; background-color:#00125C; 
	background-image:url(../images/body-background.jpg);
	background-repeat:repeat-x;
	 font-family:Arial;
	 font-size:11px;
	 height:100%;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/


/*TABLA PRINCIPAL*/
#base{width:938px; margin: 0px auto 0px auto; height:100%; display:table; z-index:100;}

A{ color:#0D2E92}
A:hover{ color:#0099CC;}

h1{color:#00125C;}
H2{line-height:36px;color:#FFFFFF; font-size:16px;  padding-left:10px; font-family:"Arial Narrow", Arial; margin:0px;  }
HR{ border:0px; height:0px; border-bottom:1px dotted #CCCCCC;}

/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:Arial;
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
/*ESTILO DE LA HOME*/
.izq{  float:left; padding-left:15px; width:446px; }
.izq #actualidad{ background-image:url(../images/home-actualidad-background.png); background-repeat:no-repeat; background-position:top left; width:446px; height:251px; margin-bottom:7px; }
.izq UL{ margin:0px; padding:0px;} 
.izq UL LI{ margin:0px; padding:0px;}
.izq .banners{ clear:both}
.izq .banners DIV{ float:left; width:216px;}
.der{ float:left;  background-image: url(../images/servicio-home.png); height:379px; margin-left:15px; width:445px;}

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

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Arial; font-size:20%; margin-top:20px; _ margin-top:10px; _margin-top:0px; 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:938px; display: table; height:100%;  min-height:315px; background-image:url(../images/central-background.jpg); background-repeat:repeat-y;}

/*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; color:#001c88; font-weight:bold; font-family:Arial; border:0px;}
#central #formularioContacto H3{ font-size:14px; border:0px;}
#central #formularioContacto INPUT{ height:22px;font-size:11px; font-family:Arial; border: none; line-height:22px;border:0px;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Arial;border: none; border:0px; }
#central #formularioContacto SELECT{ font-size:11px; font-family:Arial;border: none;border:0px;}
P.notalegal{ font-size:9px; color:#666666}


/*FORMULARIO HAZTE SOCIO*/

#central #formularioSocio, #central #formularioSocio TABLE{ font-size:12px; color:#001c88; font-weight:bold; font-family:Arial;}
.txt{ font-size:10px; color:#001c88;  font-family: Arial;}
#central #formularioSocio H3{ font-size:14px;}
#central #formularioSocio INPUT {height:22px; line-height:22px;  font-size:11px; font-family:Arial; border: none; background-color:#FFFFFF;}
.inp1{ width:151px;}
.inp2{ width:387px;}
.inp3{ width:80px;}
.inp4{ width:328px;}
.inp5{ width:258px;}
.inp6{ width:320px;}
.inp7{ width:232px;}
.inp8{ width:20px;}
.inp9{ width:140px;}
.inp10{ width:417px;}


#central #formularioSocio TEXTAREA{ font-size:11px; font-family:Arial;border: none;}
#central #formularioSocio SELECT{ font-size:11px; font-family:Arial;border: none;}

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



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:0px; padding-left:20px; padding-right:20px;}
#central #avisoLegal #enlace{ color:#001c88;}
#central #avisoLegal #enlace:hover{ color:#8Fb4C5;}

/* MAPA WEB*/
#mapaweb{ padding:40px;}

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

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

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#001c88; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#032799;}
#mapaweb UL LI UL LI A:hover{color:#333333;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#A0AFD3; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#A0AFD3;}
#mapaweb UL LI UL LI UL LI A:hover{color:#333333;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ background-image:url(../images/actualizable-background.jpg); background-repeat:no-repeat; background-position:top center;  height:100%; min-height:310px; }


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

#central #actualizable #zonaEnlaces{   height:100%; display:table;  padding-top:0px; padding:0 0 0 15px;float:left; }
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:0px; }

/* TEMAS*/
.marcado{ background-image:url(../images/marcado.png); text-indent:20px; color:#FFFFFF; font-family:"Arial Narrow"; font-size:14px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; line-height:36px;  margin:5px;  display:block;}
.marcado:hover{ color:#001c88;}
.desmarcado{ background-image:url(../images/desmarcado.png);  text-indent:20px;color:#6383A5; font-family:"Arial Narrow"; font-size:14px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; margin:5px; line-height:36px;  display:block;}
.desmarcado:hover{color:#001c88; }

/* TEMAS SECCIÓN DONACIÓN DE ÓRGANOS*/
.marcado2{ background-image:url(../images/marcado.png); color:#FFFFFF; font-family:"Arial Narrow"; font-size:11px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; line-height:18px;  margin:5px;  display:block;}
.marcado2:hover{ color:#001c88;}
.desmarcado2{ background-image:url(../images/desmarcado.png);  color:#6383A5; font-family:"Arial Narrow"; font-size:11px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; margin:5px; line-height:18px;  display:block;}
.desmarcado2:hover{color:#001c88; }


/*Temas con subtemas*/
.marcadoT{ background-image:url(../images/marcado-noticia.png); text-indent:0px; bottom:0px; color:#FFFFFF; font-family:"Arial Narrow"; font-size:14px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; margin:5px;  display:block;}
.marcadoT:hover{color:#001C88;}
.desmarcadoT{ background-image:url(../images/desmarcado.png);bottom:0px; color:#6383A5; font-family:"Arial Narrow"; font-size:14px; font-weight:bold; background-repeat:no-repeat; width:206px; height:40px; margin:5px; display:block;}
.desmarcadoT:hover{color:#001C88; }

/* BREVES */
.marcadoBreveTitulo{ background-image:url(../images/marcado-tit-breve.png);   background-repeat:no-repeat; }
.marcadoBreveTitulo:hover{}
.marcadoBreve{ background-image:url(../images/marcado-txt-breve.png); color:#ffffff;  background-repeat:no-repeat; }
.marcadoBreve:hover{ }
.desmarcadoBreveTitulo{}
.desmarcadoBreve{color:#333333;}


/* SUBTEMAS */
.marcadoNoticia{ font-size:11px; color:#001c88; margin-left:10px; margin-top:10px  }
.marcadoNoticia:hover{ color:#001C88;}

.desmarcadoNoticia{color:#ffffff; font-size:11px; margin-left:10px; margin-top:10px; }
.desmarcadoNoticia:hover{ color:#001C88;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family : Arial; text-align:justify;  min-height:310px; height:100%;   font-style : normal; 	font-size :11px;	color: #666666; float:right; padding: 0px 15px 0px 10px; display:block; }


#seccionTitle{ background-image:url(../images/title-seccion.jpg); height:33px; width:954px; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:8px; font-weight:bold;}

/* PAGINACION*/
.pagina-actual{color:#0D2F93; text-decoration:none; font-size:10px; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#001c88; text-decoration:none; }
.pagina:hover{color:#fefefe; }
.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/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Arial;}



/*CATALOGO*/

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


	/*CAPA EMERGENTE DE APMLIACION 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:Arial; color:#ffffff;}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	
	background-position:top; background-repeat:no-repeat;
	width:918px;
	height:33px;
	display:table;
	
	
	}
	/*ENLACESPIE*/
	#pie A{ font-family:"Arial Narrow"; font-size:11px;text-decoration:none;}
	#pie A:hover{color:#FFFFFF; }

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