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

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

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

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

A{ /*color:#999999;*/color:white; text-decoration:none;}
A:hover{color:white}

/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	background-image:url(../images/top-background.jpg);
	background-repeat:no-repeat;
	height:100%;
	}
	/*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{width:634px; background-repeat:no-repeat; background-image:url(../images/central-background.jpg);}

/*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%}




#central #empresa{ 
/*color:#676666; */color:#FFFF00;
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; padding-top:32px;padding-left:30px; float:left; width:371px;}
#central #empresa H5{ color:white; font-size:10px;}
#central #empresa UL{ margin:15px; padding:0px;}
#central #empresa UL B{ color:white;}



#central #preguntas-frecuentes{ color:#FFFF00; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; padding-top:35px; padding-left:30px; float:left; width:368px;}
#central #preguntas-frecuentes H5{ color:white; font-size:10px;}



#central #productos-texto{ color:#FFFF00; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; width:600px; float:left; padding-top:5px; }
#central #productos-texto H5{ color:white; font-size:10px; padding-left:30px; margin:0px; }
#central #productos-texto P{ padding-left:30px; margin-top:0px;}

#central #productos-texto TABLE H5 { color:black;}




#central #productos{ font-family:"Tahoma",Arial, Helvetica, sans-serif; font-size:10px; width:268px; 
height:100%; float: right; background-color:#FFFFFF; text-align:right; padding-top:150px; margin-left:65px;}
#central #productos H5{ font-family:"Tahoma",Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#818181; margin-right:45px;}



#central #direccionContacto{ font-family:"Tahoma",Arial, Helvetica, sans-serif; font-size:10px; width:220px; background-image:url(../images/zona-derecha-background.jpg); background-position:center; background-repeat:repeat-y; height:100%; float:left; text-align:right; 
 margin-left:10px; color:#FFFFFF; text-align:center;}


.autolamina{ color:white; font-weight:normal;}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto{ font-size:11px; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; color:#676666;}
#central #formularioContacto #contactar{ font-size:11px; color:#676666; padding-top:35px;padding-left:30px; float:left; width:290px;} 
#central #formularioContacto #contactar TABLE{ color:#676666; font-size:11px; margin-left:0px;}

#central #formularioContacto INPUT{color: #FFFFFF;font-size:10px; background-color:#161616; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #333333;}
#central #formularioContacto TEXTAREA{color: #FFFFFF; font-size:10px; background-color:#161616;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #333333;}
#central #formularioContacto SELECT{color: #FFFFFF;font-size:10px; background-color:#161616;font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #333333;}


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



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px;}

/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{color:#676666; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; padding-top:35px;padding-left:30px; float:left; width:610px;}


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

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

/* TEMAS*/
.marcado{ color:#fddb11; }
.marcado:hover{ background-color:#fddb11; color:#000000}
.desmarcado{color:#666666;}
.desmarcado:hover{ background-color:#fddb11; color:#000000}

/* SUBTEMAS */
.marcadoNoticia{color:#FFFFFF; font-size:9px;}
.marcadoNoticia:hover{ }

.desmarcadoNoticia{color:black; font-size:9px;}
.desmarcadoNoticia:hover{}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{}


.zonatext {
 	font-family : Tahoma;
	font-style : normal;
	font-size : 11px;
	color: #676666
 }




.mapaweb{margin:0px; padding:0px;}
.mapaweb LI{margin:0px; padding:0px;}

.mapaweb UL{ margin:0px; padding:0px;}
.mapaweb UL LI{ margin:0px; padding:0px;}

.mapaweb A{}
.mapaweb A:hover{ color:#FFCC00;}

/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	padding:5px;
	height:65px;
	}
	/*ENLACESPIE*/
	#pie A{ color:#990000}
	#pie A:hover{ color:#333333;}

/*PUBLICIDAD*/
#advertising { height:625px; width:568px; position:absolute; top:14px; left:390px; z-index:2; background-color:#000000}
#advertising  #closeAdvertising { position:absolute; left:487px; top:410px; z-index:3; }