@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 0px 0px 0px;
	background-image:url(../images/body-background.jpg); background-color:#E4E4E4;
	background-repeat:no-repeat;
	 font-family:"Arial", Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;
	 height:100%;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:1000px;  height:100%; position:relative;}

#base .pestanya{ position:absolute; height:200px; left:-19px; width:19px; top:163px; background-repeat:no-repeat;}

A{ color:#666666}
A:hover{ color:#000;}

A IMG{ border:0px;}

H1{color:#333333; margin:0px; padding:0px; font-size:20px;}
HR{ padding:0px; margin:0px; border:0px; height:0px; border-bottom:1px solid #CCCCCC;}

/*STRONG{ color:#8FBE00;}*/

H5{ margin:0px;}

/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{font-family:"Verdana", Arial, Helvetica, sans-serif;}
/*ENLACES EN LA CABECERA*/
#cabecera A{text-decoration:none; font-size:11px;}
#cabecera A:hover{color:#FFFFFF}
#cabecera #busqueda{ float:left;}
	#cabecera INPUT{ font-size:10px; color:#A7A7A7; width:180px; height:20px; background-color:#595959; border:0px; margin-top:3px;}
	
#cabecera .login{ margin-left:20px; width:400px; float:left; }
#cabecera .login INPUT{ width:100px; padding-top:3px; height:17px; background-color:#FFFFFF; border:1px solid #cccccc; color:#000000;} 
#cabecera .login A{ color:#287BB6;}

#cabecera .idiomas{ position: absolute; left: 825px; color:#B31315; }
#cabecera .rotulo{ font-family:Arial; font-size:14px; position: absolute; top: 75px; left: 160px; color:#FFFFFF; }

#cabecera B A { color:#B31315; }
#cabecera B A:hover { color:#444444; }

img.valign {
   height: 100%;
   vertical-align: middle;
   width: 0px;
}
	
/********************************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*/


/*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:"Arial",Verdana, Helvetica, sans-serif}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:"Arial",Verdana, Helvetica, sans-serif; height:16px; border:none; border:1px solid #CCCCCC; margin-bottom:8px; width:260px;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:"Arial",Verdana, Helvetica, sans-serif; width:530px; height:111px; border:solid 1px #CCCCCC;}
#central #formularioContacto SELECT{ font-size:11px; font-family:"Arial",Verdana, Helvetica, sans-serif;}
P.notalegal{ font-size:11px; margin-left:3px; color:#000}


/*FORMULARIO DE SUSCRIPCION A LAS NEWS*/
.newsletter{ position:relative;  float:right; min-width:210px; height:75px; margin-top:-14px;}
.newsletter LABEL{ width:50px; display:block;  margin-left:5px; float:left;}
.newsletter INPUT{ color:#666666; font-size:11px; border:1px solid #CCCCCC; width:100px; height:15px;}
.newsletter IMG{ margin-bottom:-3px }

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

/* MAPA WEB*/
.mapaweb{ display:table; padding-left:30px;}

/* POR NORMA GENERAL*/
.mapaweb A{ text-decoration:none;font-weight:normal; color:#B31315; font-size:12px;}

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

/* SEGUNDO NIVEL*/
.mapaweb UL LI UL LI{ color:#000000; padding-top:2px;}
.mapaweb UL LI UL LI A{ color:#000000; font-weight:bold;}
.mapaweb UL LI UL LI A:hover{color:#B31315;}
/* TERCER NIVEL*/
.mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#B31315; padding-top:0px;}
.mapaweb UL LI UL LI UL LI A{ color:#000000; font-weight:normal;}
.mapaweb UL LI UL LI UL LI A:hover{color:#B31315;}


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

#central #actualizable #zonaEnlaces{ font-size:12px; width:236px;  margin:0px; margin-top:37px;float:left; margin-left:56px; _margin-left:26px; overflow:hidden;}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; text-align:right; float:right;}


#central #actualizable #zonaEnlaces UL{ list-style:none; margin:0px; margin-left:0px; padding:0px;}
#central #actualizable #zonaEnlaces LI{height:94px; width:249px; border:0px;margin-bottom:10px; margin-left:0px; background-repeat:no-repeat; background-color:#FFFFFF; color:#666666; font-size:12px; background-image:url(../images/tema-background.jpg);clear:both;}
#central #actualizable #zonaEnlaces LI:hover{ background-image:url(../images/tema-backgroundMarcado.jpg);}
#central #actualizable #zonaEnlaces LI.marcadoLi{ background-image:url(../images/tema-backgroundMarcado.jpg);}
#central #actualizable #zonaEnlaces LI.desmarcadoLi{}
#central #actualizable #zonaEnlaces LI A{ float:none; font-size:14px; text-align:left;  color:#000000; font-weight:bold; margin-top:0px; padding:0px;  padding-bottom:0px; margin-left:0px;}
#central #actualizable #zonaEnlaces LI IMG{text-align:left;}

/* TEMAS*/
.marcado{color:#B31315;  display:block; padding-top:5px; padding-right:15px; background-position:right top; font-family:"Arial Narrow"; font-weight:bold; font-size:16px; margin-top:10px; width:220px;height:30px; background-image:url(../images/marcado.jpg); background-repeat:no-repeat; }
.marcado:hover{ color:#B31315}
.desmarcado{color:#333333; display:block;padding-right:15px;   padding-top:5px; width:220px;font-family:"Arial Narrow";background-position:right top; margin-top:10px; font-weight:bold; font-size:16px; height:30px;background-image:url(../images/desmarcado.jpg); background-repeat:no-repeat;}
.desmarcado:hover{  color:#B31315;background-image:url(../images/marcado.jpg);background-position:right top; padding-top:5px;  background-repeat:no-repeat; margin-top:10px;}

/* SUBTEMAS */
.marcadoNoticia{color:#000000; font-size:11px; width:250px; margin-left:10px;}
.marcadoNoticia:hover{ color:#0066FF;}

.desmarcadoNoticia{color:#999999; font-size:11px; width:250px; margin-left:10px;}
.desmarcadoNoticia:hover{}

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

#central{ clear:both; width:1000px;  margin-left:0px; display:table; min-height:500px; background-image:url(../images/central-background.jpg); 
background-repeat:repeat-y; background-position:right;}

#central #actualizable{margin:0px;  background-image:url(../images/actualizable-background.jpg); background-repeat:no-repeat; background-position:right;
width:987px; margin-bottom:20px; background-position:top; background-repeat:no-repeat;  min-height:300px; margin-left:7px;}

#central #actualizable #contenidos{	font-family:Arial; font-style: normal; font-size:12px; color: 
black; width:656px; float:left; padding:0px; margin-left:30px;_margin-left:0px;margin-top:37px;}



.windowBottom{
	background-image:url(../images/piecentral-background.jpg);
	width:980px; height:13px;
}
	
	
.breves{ width:358px; margin-left:35px; border-left:1px solid #CCCCCC; padding-left:13px; }
.breveBig{ padding:5px; margin-right:23px; _margin-right:10px; width:200px; float:left; min-height:291px; text-align:center; margin-bottom:15px;}
.breveBig A{ font-size:16px; color:#000000; text-decoration:none;}
.breveBig A:hover{ text-decoration:underline}

.breve{ clear:both; margin-bottom:10px;}
.breve A{ font-size:12px; color:#000000; text-decoration:none;}
.breve A:hover{ text-decoration:underline}	


#seccionTitle{font-size:20px;  font-weight:bold; margin-left:20px; color:#B31315}

#loginusuario{ height:100%; background-image:url(images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}

#loginState{ position:absolute; z-index:10; display:block; padding:4px; top:120px; left:20px; color:#000000;}
#loginState A{ color:#000000; font-weight:bold}
#loginState A:hover{ color:#287BB6;}


/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{

	background-image:url(../images/pie-background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:1000px;
	height:166px;
	clear:both;
	color:#FFF; font-size:11px;
	}
	
	/*ENLACESPIE*/
	#pie A{ color:#FFFFFF;text-decoration:none;}
	#pie A:hover{ color:#EEEEEE;text-decoration:none;}
	
	
	
	
	
	
/* TIENDA ONLINE */	
#black{
	 position:absolute;
	 top:0px; left:0px; right:0px; width:100%; height:100%; background-color:#333333;
	 z-index:3; display:none; filter: alpha(opacity=90); opacity: .9; -moz-opacity:0.9;
}

#shoppingcartlayer{ 
	border:1px solid #000000; background-color:#FFFFFF; background-image:url(../images/shoppingcart-background.jpg); background-repeat:no-repeat;
	width:573px; min-height:300px; display:none; position:absolute; padding-top:120px;
	z-index:130; left:50%; margin-left:-280px; right:auto; top:100px; text-align:center}


	
#shoppingcartlayer .shoppingCartcontent{ width:560px; border:1px solid #CCCCCC; border-left:0px; border-bottom:0px; }
#shoppingcartlayer .shoppingCartcontent INPUT{ border:1px solid #CCCCCC; font-size:11px;}
#shoppingcartlayer .shoppingCartcontent THEAD{ background-color:#E0E0E2; font-weight:bold;}
#shoppingcartlayer .shoppingCartcontent TBODY{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC}
#shoppingcartlayer .shoppingCartcontent THEAD TD, #shoppingcartlayer .shoppingCartcontent TBODY TD{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px;}
#shoppingcartlayer .shoppingCartcontent TFOOT{}
#shoppingcartlayer .shoppingCartcontent TFOOT TD{ height:20px; border-bottom:1px solid #CCCCCC;  border-left:1px solid #CCCCCC;}
#shoppingcartlayer .controls{ margin-top:15px; background-image:url(../images/shoppingcart-conrols-background.jpg); background-repeat:repeat-x;display:block; height:34px;}

#shoppingcartlayer #customerData{ text-align:left; margin-left:5px;}
#shoppingcartlayer #customerData H2{ margin:0px; padding:0px; font-size:22px;}
#shoppingcartlayer #customerData H3{margin:0px; padding:0px; font-size:14px;}
#shoppingcartlayer #customerData #customerDataDetails{ text-align:left; float:left; width:300px;}
#shoppingcartlayer #customerData #orderData{ width:250px; float:left; border-left:1px solid #CCCCCC; padding-left:5px; margin-bottom:10px;}
#shoppingcartlayer #customerData #orderData H1{ color:#000000; text-indent:0;}
#shoppingcartlayer #customerData #orderData LABEL{ display:block; width:100px; float:left; margin-bottom:10px; clear:both}
#shoppingcartlayer #customerData #orderData SELECT{ width:140px;}
#shoppingcartlayer #customerData #orderData INPUT{ width:135px;}

.register{ width:380px; margin-left:10px;}
.register INPUT{ width:182px; float:left;  margin-bottom:5px;}
.register SELECT{ width:188px; float:left; margin-bottom:5px; }
.register SPAN { float:left; margin-left:5px; margin-bottom:5px;}
.register LABEL{ display:block; float:left; width:100px; clear:both; margin-bottom:5px;}




.sendproducttofriend{ position:relative}
.sendproducttofriend INPUT{ font-size:11px; border:1px solid #CCCCCC; margin-left:25px; float:right; width:115px;}
#sendproductTofriendLayer{ border:1px solid red; }

#portadaProductos{}
#portadaProductos H1{ font-weight:normal; text-align:left; padding-left:15px;}
#portadaProductos .top{ margin:0px; height:135px; width:400px;  background-image:none; margin-top:35px;}

#portadaProductos .left{ margin:0px;}
#portadaProductos .left{ float:left;}
#portadaProductos .left UL{ margin:0px; padding:0px; list-style:none; margin-top:25px;}
#portadaProductos .left UL LI{
	margin-top:10px;
	width:177px; 
	text-align:center; 
	float:left; margin-left:25px;_margin-left:15px;
 
	
	height:236px;   
 
	text-align:left; 
	position:relative;
	background-image:url(../images/backLiHome.jpg); 
	background-repeat:no-repeat; 
	background-position:center;}
#portadaProductos .left UL LI .imagen{ height:100px; text-align:center;}
#portadaProductos .left UL LI A{ font-size:16px; text-align:center;  color:#FFF;  text-decoration:none; display:block;}
#portadaProductos .left UL LI B{ font-size:16px; display:block; width:68px; float:left; margin-top:3px;}

#portadaProductos .right{ width:187px; float:left;}
#portadaProductos .right UL{ color:#CC3300; margin:0px; margin-top:15px; float:none;}
#portadaProductos .right UL LI{ margin-bottom:5px;}
#portadaProductos .right UL LI A{ color:#000000; text-decoration:none; font-weight:bold; font-size:12px;}
#portadaProductos .right UL LI A:hover{text-decoration:underline;}

.producto{ 
	margin-top:10px;
	_margin-top:20px;
	width:177px; 
	text-align:center; 
	float:left; margin-left:25px; _margin-left:17px;
 	height:236px;   
 	text-align:left; 
	position:relative;
	background-image:url(../images/backLiHome.jpg); 
	background-repeat:no-repeat; 
	background-position:center;}
.producto A.imagen{  height:100px; text-align:center;}
.producto .descripcion {height:54px; margin-bottom:5px;}
.producto A{ font-size:16px; text-align:center;  color:#FFF;  text-decoration:none; display:block;}
.producto A:hover{ text-decoration:underline;}
.producto A.showMore{ position:absolute; right:6px; top:222px;}

.productoFicha{float:left; text-align:center; margin-left:0px; width:626px; background-image:url(../images/ficha_background.jpg); background-repeat:no-repeat; min-height:800px;  overflow:hidden; margin-left:20px;_margin-left:10px;}
.productoFicha H4{ color:#000000; text-align:left; font-size:20px; margin:0px; padding:0px; display:inline}
.productoFicha .left{  width:370px; float:left; margin-left:125px;_margin-left:70px; }
.productoFicha #bot{margin-left:0px;_margin-left:0px; float:left; width:580px; }
.productoFicha .right{ width:370px; min-height:80px; margin-top:15px;float:left;margin-left:125px;_margin-left:70px; }
.productoFicha .right .marca{ height:115px; text-align:center;}
.productoFicha HR{ clear:both;}
.productoFicha .relacionados{ margin:0px; padding:0px; margin-top:10px; display:block; width:600px;}
.productoFicha .relacionados LI{ width:130px; float:left; margin-right:15px; text-align:center;}
.productoFicha .relacionados LI IMG{ margin-top:5px; margin-bottom:5px;}
.productoFicha .relacionados LI A{ clear:both; display:block;}

#catalogoNavegacion{ font-size:20px; font-weight:bold; margin-left:15px; padding-top:7px;  height:40px;}
#catalogoNavegacion A{font-size:24px;}
#catalogoNavegacion .tema{ color:#999999}
#catalogoNavegacion .galeria{}

	/*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:left; color:#666666; margin-top:4px; padding-left:25px; clear:both;
}

	#banners .banner{  background-image:url(../images/banners-background.jpg);
					   width:175px; height:80px; float:left; 
					   background-repeat:no-repeat; margin-left:4px; padding-top:7px;}
					   
					   
/*PAGINACION*/
#topProductos{ margin-left:10px; margin-top:1px;}
#paginacion{display:block;width:205px; color:#FFFFFF; font-size:12px; margin-top:6px; float:left; margin-right:30px; margin-left:10px;}
#paginacion A{color:#000000; text-decoration:none;}
#paginacion .anterior{margin-top:5px; float:left; margin-right:7px; color:#FFFFFF; display:block; width:13px;}
#paginacion .anteriorInactivo{}
#paginacion .estado{ float:left; text-align:center; width:172px; }
#paginacion .estado A{color:#FFF; font-weight:bold; text-decoration:underline;  height:19px; width:22px; display:block; float:left; margin-left:3px; text-decoration:none; padding:4px; }
#paginacion .siguiente{ margin-top:5px; color:#FFFFFF; float:left;display:block; width:13px;}
#paginacion .siguienteInactivo{}
#paginacion .numero{ color:#FFF; background-color:#B31315;}

#paginacion .nonumero{ color:#FFF; background-color:#666666;}


/*REFERENCUIAS*/
.referencias{ font-weight:bold; margin-bottom:10px; margin:0px;}
UL.referencias{ list-style-type:none; display:block; width:620px; margin-top:10px;}
UL.referencias LI{ float:left; border:1px solid White; margin-left:5px; width:60px; margin-bottom:5px;}
UL.referencias LI:hover{border:1px solid #CCCCCC;}
.referencias SELECT{ width:176px; margin-bottom:10px;}
/*Documentos relacionados al producto*/
.documentsList{ margin:0px; margin-left:23px;}


.multiple{height:60px; width:173px; padding-left:15px; padding-top:12px; font-weight:bold; background-image:url(../images/ficha-lateral.jpg); background-repeat:no-repeat; }

.categories{ text-align:center}
.categories H1{ margin:0px; padding:0px; text-align:right; font-weight:normal; margin-bottom:15px;}
.categories UL{ margin:0px; padding:0px; height:100%; list-style:none; }
.categories UL LI{ border:1px solid #CCCCCC; float:right; margin-left:10px; background-color:#000000; margin-bottom:10px;}
.categories UL LI A{ text-decoration:none;}
.categories UL LI A B{ font-size:16px; text-align:right; display:block; text-align:right; color:#FFFFFF; margin:3px; margin-right:6px; width:170px;}
	
/*Estilos Foro*/
.topForo{ padding:3px;font-size:18px; color:#1F3A4E; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.camposForo{font-weight:bold; background-color:#1F3A4E; padding:6px; color:#FFFFFF; font-size:12px; }
.enlaceBuscador{ color:#1F3A4E; text-decoration:none; font-weight:bold;}
.enlaceBuscador:hover{ color:#333333; }
.enlaceForo{ color:#333333; text-decoration:none; font-weight:bold;}
.enlaceForo:hover{ color:#000000; }
.textoForo{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left:5px; padding-bottom:20px; width:530px; bo}

.subtema{ color:#1F3A4E; text-decoration:none;}
.subtema:hover{ color:#333333;}

/*Estilos Valores*/
.textoAzul{font-family:Arial; font-size:11px; color:#1F3A4E; line-height:17px; }
.azulAportes {width:75px; float:left; color:#49749E; font-weight:bold;}


.home{ width:970px;}
.home .outlet{ width:626px; height:345px;background-image:url(../images/backgroundHomeProduct.jpg); background-repeat:no-repeat;}
.home .outlet UL{ margin:0px; padding:0px; list-style:none; padding-top:40px; }
.home .outlet UL LI{ float:left; height:236px; width:177px; margin-left:25px;_margin-left:15px; background-image:url(../images/backLiHome.jpg); background-repeat:no-repeat;text-align:center;}
.home .outlet UL LI A{text-decoration:none; font-size:16px; color:#FFF; font-family:"Arial Narrow"; }

.home .ofertas{  width:626px; height:345px;background-image:url(../images/backgroundHomeProduct.jpg); background-repeat:no-repeat;}
.home .ofertas UL{ margin:0px; padding:0px; list-style:none; padding-top:40px;}
.home .ofertas UL LI{float:left; height:236px; width:177px; margin-left:25px; _margin-left:15px; background-image:url(../images/backLiHome.jpg); background-repeat:no-repeat;text-align:center;}
.home .ofertas UL LI A{text-decoration:none; font-size:16px; color:#FFF; font-family:"Arial Narrow";}

.titulo{
font-family:'Arial Narrow'; font-size:24px; color:#FFFFFF; padding-left:15px; padding-top:4px; 
}

.tituloPincel{
	font-size:28px; font-family:"Arial Narrow"; color:#333333;

}