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


/*****************************************************************              ZONAS             **************************************************************************/

/*TABLA PRINCIPAL*/

#base{
	width:953px; 
	margin: 0px auto 0px auto;
	height:100%;
	min-height:729px;
	background-repeat:no-repeat;
}

A {color:#33338B; text-decoration:none;}

A:hover{color:#33338B; text-decoration:underline;}

h1{color:#00006E;}


/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#cabecera{
	font-family:Arial;
	background-repeat:no-repeat;
	background-position:center;
}
	

/*ENLACES EN LA CABECERA*/

#cabecera A{
	text-decoration:none;
	font-size:11px;
}

#cabecera A:hover{ color:#FFFFFF;}
	
	
	
/********************************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; _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:953px;
	height:100%;
	background-color:#FFFFFF;
	display:table;
}

/*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:Verdana, Arial, Helvetica, sans-serif}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; background-color:#EBEBEB;}
#central #formularioContacto TEXTAREA{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;border:none; background-color:#EBEBEB;}
#central #formularioContacto SELECT{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;border:none; background-color:#EBEBEB;}
P.notalegal{ font-size:9px; color:#666666}


/*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-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:20px;}


/* MAPA WEB*/
#mapaweb{ padding-left:4px; padding-top:0px;}

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

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

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#0099FF; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#000000;}
#mapaweb UL LI UL LI A:hover{color:#99CCFF;}
/* 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:#00006E;}
#mapaweb UL LI UL LI UL LI A:hover{color:#99CCFF;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/

#central #actualizable{
	background-color:#FFFFFF;
	height:100%;
}


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

#central #actualizable #zonaEnlaces{ 
	font-size:11px;
	color:#000000;
	width:196px;
	float:left;
	padding-left:10px;
	margin-top:12px;
	height:100%;
	
}

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


/* TEMAS*/

.marcado{
	background-image:url(../images/marcado-tema.png);
	background-repeat:no-repeat;
	height:24px;
	width:183px;
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

.marcado:hover{
	background-image:url(../images/marcado-tema.png);
	background-repeat:no-repeat;
	height:24px;
	width:183px;
	color:#000000;
}

.desmarcado{
	background-image:url(../images/desmarcado-tema.png);
	background-repeat:no-repeat;
	height:24px;
	width:183px;
	color:#999999;
	font-family:Arial;
	font-size:11px;

}

.desmarcado:hover{
	background-image:url(../images/marcado-tema.png);
	background-repeat:no-repeat;
	height:24px;
	width:183px;
	color:#000000;
}



.marcadoD{
	background-image:url(../images/marcado-tema-desplegable.png);
	background-repeat:repeat-y;
	width:170px;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	margin-left:9px;
	border-bottom:1px dotted #333333;
	min-height:18px;
	margin-bottom:5px;
}

.marcadoD:hover{
	background-image:url(../images/marcado-tema-desplegable.png);
	background-repeat:repeat-y;
	width:170px;
	color:#000000;
	margin-left:9px;
	border-bottom:1px dotted #333333;
	min-height:18px;
}

.desmarcadoD{
	background-image:url(../images/desmarcado-tema.png);
	background-repeat:repeat-y;
	width:170px;
	color:#999999;
	font-family:Arial;
	font-size:11px;
	margin-left:9px;
	border-bottom:1px dotted #333333;
	min-height:18px;
	margin-bottom:5px;
}

.desmarcadoD:hover{
	background-image:url(../images/marcado-tema-desplegable.png);
	background-repeat:repeat-y;
	width:170px;
	color:#000000;
	margin-left:9px;
	border-bottom:1px dotted #333333;
	min-height:18px;
}



/* SUBTEMAS */

.marcadoNoticia{
	color:#333333;
	font-family:Arial;
	font-size:11px;
	background-image:url(../images/marcado-noticia.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	margin-left:13px;
	border-bottom:1px dotted #333333;
	text-indent:10px;
	margin-bottom:3px;
	width:165px;
}

.marcadoNoticia:hover{ 	
	color:#333333;
	font-family:Arial;
	font-size:11px;
	background-image:url(../images/marcado-noticia.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:13px;
	border-bottom:1px dotted #333333;
	text-indent:10px;
	margin-bottom:3px;
	width:165px;
}

.desmarcadoNoticia{
	color:#333333;
	font-family:Arial;
	font-size:11px;
	margin-left:13px;
	border-bottom:1px dotted #333333;
	text-indent:10px;
	margin-bottom:3px;
	width:165px;
}

.desmarcadoNoticia:hover{	
	color:#333333;
	font-family:Arial;
	font-size:11px;
	background-image:url(../images/marcado-noticia.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	margin-left:13px;
	border-bottom:1px dotted #333333;
	text-indent:10px;
	width:165px;
}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	
	font-family:Verdana;
	font-style:normal;
	font-size:12px;
	color:#333333;
	width:727px;
	float:left;
	margin-top:-2px;
	padding-left:10px;
}

#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;}

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





#login{background-image:url(../images/login.jpg); height:184px; width:254px; background-position:center; background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}
#login INPUT{font-family:Arial; font-size:11px; color:#000000; height:17px; width:205px; margin-left:20px; border:0px;}



/*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 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:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}



#banners{ 
	text-align:center; overflow:hidden; width:935px; background-color:#FFFFFF; clear:both; text-align:center; padding-left:18px;
 	background-image:url(../images/background-banners.jpg); background-repeat:no-repeat; background-position:center;  height:70px; overflow:hidden}

	#banners .banner{  background-image:url(../images/banners-background.jpg);
					   width:300px; height:52px; float:left; margin-top:10px;
					   background-repeat:no-repeat; margin-left:5px; background-color:#33338B}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/

#pie{
	background-image:url(../images/pie-home.jpg); background-position:top center; padding-top:30px;
	text-align:center;
	background-repeat:no-repeat;
	width:953px;
	height:31px;
	display:table; color:#FFFFFF; clear:both;
}

	/*ENLACESPIE*/
	#pie A{ color:#FFFFFF;text-decoration:none;}
	#pie A:hover{ color:#0099CC;text-decoration:none;}

.suscripcion {
	font-size:14px;
	font-family:Arial black;
	font-weight:bold;
	color:#000000;
}

.cajaSuscripcion {
	font-size:11px;
	font-family:Arial;
	color:#000000;
	vertical-align:middle;
	background-image:url(../images/cajaTexto.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:3px;
	padding-top:5px;
	width:185px;
	height:24px;
	border:0px;
}