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

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

BODY{margin:0px; background-image:url(../images/body-background.jpg); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;



 SCROLLBAR-FACE-COLOR:#D1D1D1;
SCROLLBAR-HIGHLIGHT-COLOR: #D1D1D1;
SCROLLBAR-SHADOW-COLOR: #D1D1D1;
SCROLLBAR-3DLIGHT-COLOR: #D1D1D1;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-TRACK-COLOR: #F0F0F0;
SCROLLBAR-DARKSHADOW-COLOR: #D1D1D1;

}

/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:800px; height:100%; background-color:#000000; color:#FFFFFF;}

A{ color:red; font-size:12px;}
A:hover{ color:white;}


HR{ padding:0px; margin:0px; height:0px; border-bottom:1px solid #666666}

INPUT, TEXTAREA{ background-color:#666666; color:#CCCCCC; border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}



/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	height:600px;
	}
	/*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: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;}


/*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:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:230px; padding-right:25px; padding-top:20px; }
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:5px; margin-left:15px;}

#central #actualizable #zonaEnlaces2{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:120px; padding-right:25px; padding-top:20px; }
#central #actualizable #zonaEnlaces2 A{ text-decoration:none; display:block; padding:5px; margin-left:15px;}

/* TEMAS*/
.marcado{color:#666666; background-color:white; font-size:9px; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; border-bottom:1px solid white;}
.marcado:hover{color:#666666; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
.desmarcado{color:#666666; background-color:white;  font-size:9px; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; border-bottom:1px solid white;}
.desmarcado:hover{color:#666666; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }

/* SUBTEMAS */
.marcadoNoticia{color:#333333; font-size:9px; font-weight:bold; border-bottom:1px solid #666666;}
#zonaEnlaces .marcadoNoticia{color:#FFFFFF;}
.marcadoNoticia:hover{ background-color:#CCCCCC;}

.desmarcadoNoticia{color:#333333; font-size:9px; border-bottom:1px solid #666666;}
#zonaEnlaces .desmarcadoNoticia{color:#FFFFFF;}

.desmarcadoNoticia:hover{background-color:#CCCCCC;}

/*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: white;}
.contenidos{font-family : Arial; font-style : normal; 	font-size : x-small;	color: white;}

#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:#FFFFFF; text-decoration:none; font-size:10px; border:1px solid #333333; background-color:#FF0033; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#FFFFFF; text-decoration:none; font-size:10px; border:1px solid #333333; background-color:#FF0033; padding:8px; padding-top:3px;padding-bottom:4px; margin-left:4px; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.pagina:hover{color:#000000; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; }
.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; border-top:1px solid #999999; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #000000; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #000000; padding-top:3px;}

/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/

#cerrarImagenAmpliada{display:none;}
#capaImagenAmpliada{display:none;}
.boton_cerrar{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }





.producto{ background-color:#FFFFFF; height:80px; border:1px solid #999999; color:#666666; padding:3px;
			font-size:10px; text-align:left; width:115px; _width:120px; }
.producto A{ color:#000000; font-weight:bold; font-size:11px; text-decoration:none;}
.producto A:hover{ color:#666666;}

.producto .precio{ background-color:#CC3300; float:right; color:#FFFFFF;  padding-left:2px; padding-right:2px;}

.producto-activo{ background-color:#FFFFFF; height:80px; border:1px solid #999999; color:black;  padding:3px;
				filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; font-size:10px; text-align:left;  width:115px; _width:120px;}
.producto-activo A{ color:#000000; font-weight:bold; font-size:11px; text-decoration:none;}
.producto-activo A:hover{ color:#666666;}

.producto-activo .precio{ background-color:#CC3300; float:right; color:#FFFFFF; padding-left:2px; padding-right:2px;}

#fichaproducto{ color:#000000; font-size:12px;}
#fichaproducto H4{ font-weight:bold; font-size:17px; margin:0px; padding:0px;}





.color{width:50px; height:50px; display:block; float:left}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	padding:2px;
	height:43px;
	padding-left:15px;
	background-image:url(../images/pie-background.jpg);
	}
	/*ENLACESPIE*/
	#pie A{ color:red}
	#pie A:hover{ color:white; }

	#pie .menu{ color:#999999;}
	#pie .menu A{ color:#999999; font-size:9px; text-decoration:none}
	#pie .menu A:hover{ color:white;}
	
#zona-derecha{}
#zona-derecha-ab2{}