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

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

BODY{margin: 0 auto 0px auto; background-color:#ffffff; 
	background-image:url(../images/fondo-body.jpg);
	background-repeat: repeat-x;
    font-family: "Tahoma", Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px;
	 height:100%; color:#333333; font-size:11px;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:980px; margin: 0px auto 0px auto; height:100%; }

A{ color:#006F7C}
A:hover{ color:#006F7C; text-decoration:none;}
/*
h3 { margin:0px; padding:0px; color:#ffffff; font-size:23px; font-weight:normal; background-image:url(../images/bkH1.jpg); background-repeat:no-repeat; display:block; width:800px; height:35px; padding-left:20px; padding-top:5px; display:inline  }*/
H3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; display:inline}
H3 A{ text-decoration:none;}
H2{ font-size:17px; font-weight:normal; margin:0px; padding:0px; display:inline;}


H3 .actualizer{ background-image::none; display:inline}

.titPrincipal { margin:0px; padding:0px; color:#ffffff; font-size:23px; font-weight:normal; background-image:url(../images/bkH4.jpg); background-repeat:no-repeat; display:block; width:722px; height:35px; padding-left:20px; padding-top:5px;  }

h4 { color:#006F7C; font-size:23px;  padding:0; margin:0; margin-bottom:10px; font-weight:normal; display:inline}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif; height:125px; text-align:center;
	}

	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{
	text-decoration:underline;
	font-size:11px;
}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
	




/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
 #central{ clear:both; min-height:515px; height:100%; }

/*    CENTRAL :: CONTENIDOS  ::BREVES HOME   */
 #central .noticiasHome { width:245px;  margin-right:10px; _margin-right:5px; float:left;}
 #central .titNoticias { background-image:url(../images/fondoTitnot.jpg); background-repeat: no-repeat; width:239px;height:26px; padding: 5px 0 0 10px; }
#central .contentHome { border-bottom:1px solid #666666; border-left:1px solid #666666; border-right: 1px solid #666666; padding:0;}

/*GET BREVES*/
.breve { width:500px; color:##333333; display:block; margin-top:5px;
}
.breve B{color:#006F7C; font-size:11px; font-weight: bold;}

.breve .fecha{ background-image:url(../images/breves-fecha.jpg); color:#FFFFFF; text-indent:10px; background-repeat:no-repeat; display:block; clear:both; height:22px;}




/*    CENTRAL :: DERECHA   */

#central #contenidoDerecha { width:725px; height:299px; display:block; float:right; }

.bannerContenedor { width:355px; height:99px; float:left; margin-left:2px; margin-top:8px; margin-right:2px; border:0px; }
.facebook { float:left; padding-top:160px; /padding-top:20px;}
.twiter { float:right; padding-left:10px; padding-top:160px; /padding-top:20px; }

.bannerContenedoright { width:355px; height:99px; float:right;  margin-top:8px; height:99px; border:0px;}


/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:10px;}
#contacto { font-size:12px; padding:20px 0 20px 50px; width:930px;}
#contenidoContacto {width:800px;  background-image:url(../images/fondoLegal.jpg); background-repeat:no-repeat; background-position:top; padding: 20px 50px 20px 50px;}

#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #006F7C; padding-left:4px;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #006F7C; padding-left:4px;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #006F7C;}


/*FORMULARIO DE ASISTENCIA*/
#central #formularioAsistencia, #central #formularioAsistencia TABLE{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:10px;}
#contacto { font-size:12px; padding:20px 0 20px 50px; width:930px;}
#contenidoContacto {width:800px;  background-image:url(../images/fondoLegal.jpg); background-repeat:no-repeat; background-position:top; padding: 20px 50px 20px 50px;}

#central #formularioAsistencia INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #006F7C; padding-left:4px;}
#central #formularioAsistencia TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #006F7C; padding-left:4px;}
#central #formularioAsistencia SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #006F7C;}


.notalegal{ font-size:9px; color:#02707D; line-height:11px}
.notalegal A{}
.notalegal A:hover{ color:#02707D; text-decoration:none;}


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



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-size:12px; padding:20px 0 20px 50px; width:930px; line-height:20px; margin-bottom:50px; }
#central #avisoLegal .contenidoLegal { width:800px; height:325px; background-image:url(../images/fondoLegal.jpg); background-repeat:no-repeat; background-position:top; padding: 20px 50px 20px 50px;
}
#central #avisoLegal .contenidoLegal h1 { color:#006F7C; font-size:23px;}


/* MAPA WEB*/
#mapaweb{padding:20px 0 20px 50px; width:930px; }
#mapaweb .contenidoLegal { width:800px;  background-image:url(../images/fondoLegal.jpg); background-repeat:no-repeat; background-position:top; padding: 20px 50px 20px 50px; 
}
#mapaweb #izquierda{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#mapaweb #derecha{}
/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#006F7C; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#006F7C; font-size:16px; list-style-image:url(../images/bulletMapa.jpg);  padding-top:5px; font-weight:bold;}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#006F7C; padding-top:2px; list-style:circle;}
#mapaweb UL LI UL LI A{ color: #333333;}
#mapaweb UL LI UL LI A:hover{color: #CCCCCC;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#333333; padding-top:0px; list-style:none;}
#mapaweb UL LI UL LI UL LI A{ color:#333333;}
#mapaweb UL LI UL LI UL LI A:hover{color:#CCCCCC;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{}

#central #actualizable .bannerContenedor { width:370px; height:99px; float:right;  margin:8px 25px 0  0; height:99px; border: 1px solid #666666; }

#central #actualizable .bannerContenedoright { width:345px; height:99px; float:right;  margin-top:8px; height:99px; border: 1px solid #666666; margin-right:8px;}
/*LA ZONA DEL LISTADO DE TEMAS

 *********************************************************************************************************/

#central #actualizable #zonaEnlaces{  width:190px;  margin:0;float:left; padding:0;}

#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:3px 3px 3px 12px; }
#central #actualizable #zonaEnlaces .contenidoEnlaces { background-image:url(../images/fondoEnlaces.jpg); background-repeat:no-repeat; 
 padding-top:15px; padding-left:5px; padding-right:4px; height:100%; background-color:#006F7C;  }
#central #actualizable #zonaEnlaces  .topEnlaces { height:15px;}
#central #actualizable #zonaEnlaces .contenidoEnlaces .temas {  height:100%; padding-top:5px;}
#central #actualizable #zonaEnlaces .enlacesAbajo { height:30px; background-repeat:no-repeat;}




/* TEMAS*/
.marcadoUno{
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bulletblanco-over-trans.png);
	background-repeat:no-repeat;
	padding-left:10px;
	text-indent:18px;
	background-color:#091B1C;
	margin-top:3px;	
}
.marcadoUno:hover{
	background-color:#091B1C;
	color:#FFFFFF
}
.desmarcadoUno{
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bulletblanco-over-trans.png);
	background-repeat:no-repeat;
	text-indent:18px;
	margin-top:3px;
	background-position:left;
	font-size:11px;
	
}
.desmarcadoUno:hover{
	background-color:#091B1C;
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bullet-over-trans.png);
	background-repeat:no-repeat;
	background-position:left;
}



.marcado{
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bullet-trans.png); background-repeat:no-repeat; padding-left:10px; text-indent:18px; background-color:#23676F; margin-top:3px;
	
}
.marcado:hover{
	background-color:#2C7A83;
	color:#FFFFFF
}
.desmarcado{
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bullet-trans.png);
	background-repeat:no-repeat;
	text-indent:18px;
	margin-top:3px;
	background-position:left;
	font-size:11px;
	
}
.desmarcado:hover{
	background-color:#154044;
	color:#FFFFFF;
	display:block;
	background-image: url(../images/bullet-over-trans.png); background-repeat:no-repeat; background-position:left;
}

/* SUBTEMAS */
.marcadoNoticia{ color:#ffffff; font-size:11px; background-color:#268590;  display: block;  }

.marcadoNoticia:hover{ color:#ffffff;  }

.desmarcadoNoticia{
	color:#ffffff;
	font-size:11px;
	background-color:#40939D;
}	
.desmarcadoNoticia:hover { color:#ffffff; background-color:#268590;}


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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	
									font-family :  "Tahoma", Trebuchet MS, Arial, Helvetica, sans-serif; font-style : normal; 	font-size : 11px; color:#333333;
									width:728px; _width:778px; float:right;
									background-image:url(../images/fondoContenidos.jpg); background-repeat:no-repeat; background-position:top; 
									margin-bottom:20px; padding: 37px 29px 0 29px; _padding: 37px 0px 0 10px; 
									line-height:20px; height:100%;
									}
								
#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:#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;}


.galeria{ float:left; margin-left:15px; margin-bottom:15px;}

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




/*LOGIN*/
#loginusuario{ margin:0 0 0 135px; font: Arial, Helvetica, sans-serif; font-size:11px;  }
#loginusuario TABLE{color:#666666; }
#loginusuario .contenidoLogin { width: 455px; height:202px; background-image: url(../images/bkLogin.jpg); background-repeat:no-repeat; padding:0;}
#recordarPassword{ width:455px; height:202px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-left:140px;  }
#loginusuariopass .contenidoLoginpass #showmsj { width:257px; height:119px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-top:50px; }
#respuestaRecuerdo{width:455px; height:202px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px; margin-left:140px;}
#mensaje-alerta {width:455px; height:202px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px; margin-left:140px;}


/*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; 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:3px; 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{ font-size:8pt;	 
	background-image: url(../images/fondo-pie.gif); background-repeat:no-repeat;
	background-position:top;
	height:59px; margin-top:10px;
	padding: 21px 0 0 5px;

	}
	/*ENLACESPIE*/
	#pie A{ color:#006F7C;text-decoration:none; padding: 0 10px 0 0px;}
	#pie A:hover{ color:#0099CC;text-decoration:none;}
	
.pieLinks {
	color:#333333; font-size:11px; padding:0px; margin:0px;}



/*CREDITOS AVISO LEGAL*/
.cred { text-align:center; float:right; padding-right:10px; font-size:11px;
} 
.cred a { padding:0; margin: 0; }
 

/*ASISTENCIA AL USUARIO*/
#invitar{width:500px; height:251px; position:absolute; left:40%; top:30%; display:none; z-index:1000;}


#comentarios{ background-image:url(../images/comentarios-background.jpg); background-repeat:no-repeat; background-position:top left; height:100%; min-height:200px; width:351px; padding:5px;}
#comentarios .item{ border-bottom:1px solid #CCCCCC; padding:5px;}