/*'estilos.css :: Desarrollado por www.Hooping.net

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

BODY{margin:0px; background-color:#333333; background-image:url(../images/body-background.jpg); background-repeat:repeat-x;}

/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:1000px; height:100%; font-size:10px;}

#base TABLE{font-size:11px; font-family:Arial, Helvetica, sans-serif}

A{ color:#0D2E92}
A:hover{ color:#FFFFCC;}


/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	height:156px; font-size:0px;
	}
	/*ENLACES EN LA CABECERA*/
	#cabecera A{ color:#000000; background-color:#333333; color:#FFFFFF; padding:15px;}
	#cabecera A:hover{ color:#000000;}
	

/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
 #central{}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ background-image:url(../images/fondo-izq.jpg); background-repeat:repeat-y; background-position:right; width:24px; height:100%}
#derecha{ background-image:url(../images/fondo-der.jpg); background-repeat:repeat-y; width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:11px; font-family:Arial, Verdana, Helvetica, sans-serif}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}


/*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: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:#0099FF; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#032799;}
#mapaweb UL LI UL LI A:hover{color:#0099FF;}
/* 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:#0099FF;}



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


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

/*#central #actualizable #zonaEnlaces{ font-size:11px; font-family: Arial,Verdana, Helvetica, sans-serif;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:10px;}*/
#zonaEnlaces{ font-size:12px; font-family: Arial,Verdana, Helvetica, sans-serif;}
#zonaEnlaces A{ text-decoration:none; }

/* TEMAS*/
.marcado{color:#000000; text-decoration:mone;	 font-weight:bold;}
.marcado:hover{ text-decoration:underline; color:#c1c1c1;}
.desmarcado{color:#FFFFFF; text-decoration:mone;	 font-weight:bold;}
.desmarcado:hover{text-decoration:underline; color:#c1c1c1;}

/* SUBTEMAS */
.marcadoNoticia{color:#FFFFFF; text-decoration:mone;  font-weight:bold; padding-left:4px;}
.marcadoNoticia:hover{ color:#000000;}

.desmarcadoNoticia{color:#FFFFFF; text-decoration:mone;}
.desmarcadoNoticia:hover{color:#000000;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family : Arial; font-style : normal; 	font-size : x-small;	color: black;}


#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; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-family:Tahoma; font-size:12px; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-family:Tahoma; font-size:12px; 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;}

/*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:2; width:550px;}
.boton_cerrar{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }




/*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:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}*/

.txt_login{font-size:11px; font-family:Arial, Verdana,  Helvetica, sans-serif; border:1px solid #CCCCCC;}

.txt_blanco 
{
	font-size:14px; 
	font-family:Arial, Verdana,  Helvetica, sans-serif; 
	color:#FFCC00;
	font-weight:bold; font-size:12px;
}


.txt_blanco_busqueda 
{
	color:#000000; font-size:9px;
}

.txt_blanco_busqueda A
{
	font-size:10px; 
	font-family:Arial, Verdana,  Helvetica, sans-serif; 
	color:White;
	text-decoration:none
}

.txt_blanco_busqueda A:hover
{
	text-decoration:underline; color:#FFCC00;
}

.txt_blanco_busquedaBold 
{
	color:#000000; 
	font-weight:bold;
	font-size:9px;	
}

.txt_blanco_busquedaBold A
{
	font-size:10px; 
	font-family:Arial, Verdana,  Helvetica, sans-serif; 
	font-weight:bold;
	color:White;
	text-decoration:none
}

.txt_blanco_busquedaBold A:hover
{
	text-decoration:underline; color:#FFCC00;
	font-weight:bold;
}



.txt_negro 
{
	font-size:14px; 
	font-family:Arial, Verdana,  Helvetica, sans-serif; 
	color:Black;
}


.enlaceBreves{color:#FFFFFF; text-decoration:mone;}
.enlaceBreves:hover{color:#b2b2b2;}




#disco{ height:90%; margin:25px; font-size:12px; }

#disco SPAN{ color:#FFFFFF}

#disco A{ color:#FFFFFF}
#disco A:hover{ color:#FFFFFF; text-decoration:none;}

#letras{ width:240px; height:68px; margin-top:10px; margin-left:23px;}

#letras .letra { background-color:#333333; padding:5px; width:18px; _width:35px; _padding-left:10px; _padding-right:10px;
 color:#FFFFFF; text-decoration:none; font-weight:bold; display:block; text-align:center; float:left; margin-left:2px;
 margin-top:2px;}

#letras A.letra{ border:1px solid #CCCCCC;}
#letras A.letra:hover {color:#FFFF66; }


/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:11px;
	padding:2px;
	height:43px;
	padding-left:15px;
	background-color:#000000;
	}
	/*ENLACESPIE*/
	#pie A{ color:#F8D700}
	#pie A:hover{ color:white;}