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

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

A{ color:#FF0000;}
A:hover{ color:#ED1C24;}

A IMG{ border:0px;}

H1{color:#000000; margin:0px;}
HR{ padding:0px; margin:0px; border:0px; height:0px; border-bottom:1px solid #CCCCCC;}

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

H5{ margin:0px;}

/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	height:115px;
	}
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px; color:#FFFFFF; margin-left:4px; background-position:right; padding-right:8px;}
	#cabecera A:hover{ color:#8FBE00;}
	
	#cabecera #busqueda{ float:left;}
	#cabecera INPUT{ font-size:10px; color:#A7A7A7; width:180px; height:20px; background-color:#595959; border:0px; margin-top:3px;}
	
	
	

/********************************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{ width:350px; display:block;}
#central #formularioContacto LABEL{ width:120px; display:block; float:left; clear:both; margin-bottom:20px;}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:320px; float:left;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:320px; float:left;}
P.notalegal{ font-size:9px; color:#666666;}
#central #formularioContacto .adjunto{ color:#156829; font-size:11px;}
#central #formularioContacto .adjunto INPUT{ width:230px;}
#central #formularioContacto .adjunto TEXTAREA{ width:480px;}


/*FORMULARIO DE SUSCRIPCION A LAS NEWS*/
.newsletter{ position:relative;  float:right; min-width:490px;  height:45px;}
.newsletter LABEL{ width:50px; display:block;  margin-left:5px; float:left;}
.newsletter INPUT{ color:#666666; font-size:11px; border:1px solid #CCCCCC; width:130px; 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{ padding:20px; padding-top:5px;}

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

/* POR NORMA GENERAL*/
.mapaweb A{ text-decoration:none;font-weight:normal; color:#ED1C24; font-size:11px; font-weight:bold; text-transform:uppercase}

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

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

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

#central #actualizable #zonaEnlaces{ width:205px; padding-right:0px; padding-top:10px; padding-left:9px; margin:0px;float:left; z-index:3; background-image:url(../images/poblaciones-menu.jpg); min-height:615px; background-repeat:no-repeat;}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; margin-bottom:1px;}

/* TEMAS*/
.marcado{color:#ED1C24; min-height:25px; display:block; padding-top:10px; font-weight:bold; 
background-image:url(../images/tema-background-over.jpg); background-repeat:no-repeat; background-position:left bottom; padding-left:30px;
}
.marcado:hover{ color:#000000}
.desmarcado{color:#000000; display:block; min-height:25px; padding-left:10px; padding-top:10px; 
background-image:url(../images/tema-background.jpg); background-repeat:no-repeat; background-position:left bottom;
}
.desmarcado:hover{ color:#000000; background-image:url(../images/tema-background-over.jpg); padding-left:40px;}

/* SUBTEMAS */
.marcadoNoticia{color:#ED1C24; margin-left:25px; display:block; padding-bottom:10px;}
.marcadoNoticia:hover{ color:#ED1C24; margin-left:25px;}

.desmarcadoNoticia{color:#333333; margin-left:25px;   display:block; padding-bottom:10px;}
.desmarcadoNoticia:hover{margin-left:25px;}

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

#central{ clear:both; width:987px; display:block;height:100%; min-height:600px; background-position:top left; position:relative;}
#central #actualizable{ height:100%; min-height:615px; position:relative; z-index:2; display:table;}
#central #actualizable .bottom{ position:absolute; background-color:#99CC00; z-index:2; height:200px; bottom:0px; left:0px; width:100%;}
#central #actualizable #contenidos{	font-family : "Tahoma", Verdana; font-style : normal; height:100%;	font-size : 12px; color:#000000; width:773px;float:left;
  background-repeat:no-repeat; background-position:right top; min-height:615px; background-color:#FFFFFF; display:table;
}

#central #actualizable #contenidos #seccionTitle{ margin:0px; padding:0px; margin-right:70px; text-align:right; min-width:300px; float:right; font-size:20px; padding-bottom:10px; background-position:right bottom; background-repeat:no-repeat; color:#ED1C24; font-weight:bold;}

#central #actualizable #contenidos #seccionTitle A{text-decoration:none; color:#0D4689;}
#central #actualizable #contenidos #seccionTitle B{font-size:20px; font-weight:bold;}


.home{ background-image:url(../images/home-background.png); background-repeat:no-repeat; width:967px; height:609px;}


.home .breves{ position:absolute; margin-left:0px; width:180px; margin-left:15px; margin-top:360px;}
.home .breves .breve{ height:68px; width:185px; text-indent:0px; }
.home .breves .breve IMG{ border:1px solid #bababa; margin-right:10px; float:left; width:76px;}
.home .breves .breve A{ padding:0px; font-variant:normal; font-size:10px; color:#000000;}




.home UL{ margin:0px; padding:0px; list-style:none; margin-left:34px; margin-top:20px;}
.home UL LI{list-style:none; float:left; width:200px; text-align:center; height:180px; margin-right:30px; margin-bottom:10px;}
.home UL LI .imagen{ display:block; height:80px; margin:0px; margin-top:15px; }
.home .left UL LI A{ display:block; margin-top:5px; height:60px; margin-top:15px; color:#000000; clear:both;}
.home UL LI B{ font-size:16px; display:block; width:198px; float:left; margin-top:3px; text-align:center;}



#loginusuario{ height:100%;  background-repeat:no-repeat; text-align:left; margin-bottom:10px;}
#loginusuario LABEL{ display:block;}
#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;  left:214px; color:#000000; top:0px;}
#loginState A{ color:#000000; font-weight:bold; background-image:none;}
#loginState A:hover{ color:#ED1C24;}


/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	text-align:left;
	width:100%;
	height:30px;color:#0D4689;
	position:relative; text-align:center;
	background-image:url(../images/pie-background.jpg); background-repeat:repeat-x; background-position:top; padding-top:30px; padding-bottom:10px;
	}
	/*ENLACESPIE*/
	#pie A{ color:#0D4689;text-decoration:none; margin-right:9px; margin-left:9px;}
	#pie A:hover{ color:#ED1C24;text-decoration:underline;}
	
	
	.windowBottom{
		background-image:url(../images/bottom-window-background.png); 
		background-position:center top; position:absolute; 
		top:0px; left:-1px; width:100%; 
		background-repeat:no-repeat;
	}
	
	
.breves{ width:710px;}
.breveBig{ padding:9px; padding-top:12px; margin-right:15px; width:143px; float:left; min-height:153px; text-align:center; margin-bottom:15px; background-image:url(../images/breve-background.jpg); background-repeat:no-repeat;}
.breveBig A{ font-size:11px; color:#000000; text-decoration:none; font-weight:normal; margin:4px; display:block}
.breveBig A:hover{ text-decoration:underline}

.breve{ clear:both; width:490px; margin-bottom:10px;  background-image:url(../images/tema-ico.png); background-position: 2px left; background-repeat:no-repeat;}
.breve IMG{ float:left; margin-right:10px;}
.breve EM{ color:#FF0000; font-size:11px;}
.breve A{ font-size:13px; color:#0D4689; text-decoration:none;}
.breve A:hover{ text-decoration:underline}	

.breve A.masinfo{ color:#FF0000; float:right; font-weight:bold;}
	
	
/* TIENDA ONLINE */	
#black{
	 position:absolute;
	 top:0; left:0; right:0px; background-color:#333333;
	 z-index:3; display:none; filter: alpha(opacity=90); opacity: .9; -moz-opacity:0.9;
}

#shoppingcartlayer{ 
	border:1px solid #333333; background-color:#000000; background-image:url(../images/shoppingcart-background.jpg); background-repeat:no-repeat;
	width:573px; min-height:300px; display:none; position:absolute; padding-top:130px; color:#FFFFFF;
	z-index:100; left:auto; right:auto; top:70px; 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; color:#000000;}
#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-color:#8FBE00; 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 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:316px;}
.register INPUT{ width:186px; float:right; margin-bottom:5px; margin:0px; padding:0px; margin-bottom:5px;}
.register SELECT{ width:188px; float:left; margin-bottom:5px; }
.register SPAN { float:left; margin-left:5px; margin-bottom:5px; display:none; clear:both; width:100%; margin-left:125px;}
.register LABEL{ display:block; float:left; width:125px; clear:both; margin-bottom:5px; margin:0px; padding:0px;}




.sendproducttofriend{ display:inline}
.sendproducttofriend INPUT{ font-size:11px; border:1px solid #CCCCCC; float:right; width:115px;}
.sendproductTofriendLayer{ /*border:1px solid red;*/ float:right; width:120px; }

#portadaProductos{ background-image:url(../images/portada-catalogo.png); min-height:661px; background-position:top;}
#portadaProductos .top{ margin:0px; height:135px; width:400px;  background-image:none; margin-top:35px;}

#portadaProductos{ float:left; width:740px; margin:0px;}
#portadaProductos{ float:left;}
#portadaProductos .left{ min-height:230px;}
#portadaProductos .left UL{ margin:0px; padding:0px; list-style:none; margin-left:22px; margin-top:20px;}
#portadaProductos .left UL LI{list-style:none; float:left; width:159px; text-align:center; background-image:url(../images/product-background-portada.png); height:180px; margin-left:15px; margin-bottom:10px;}
#portadaProductos .left UL LI .imagen{ display:block; height:80px; margin:0px; margin-top:10px;}
#portadaProductos .left UL LI A{ display:block; margin-top:0px; height:60px; margin-top:5px; color:#000000;}
#portadaProductos UL LI B{ font-size:16px; display:block; width:153px; float:left; margin-top:3px; text-align:center}

#portadaProductos .right{ width:740px; float:left; clear:both;}
#portadaProductos .right UL{ argin:0px; padding:0px; list-style:none; margin-left:22px; margin-top:5px;}
#portadaProductos .right UL LI{ list-style:none; float:left; width:159px; text-align:center; background-image:url(../images/product-background-portada.png); height:180px; margin-left:15px; margin-bottom:10px;}
#portadaProductos .right UL LI A{display:block; margin-top:5px; height:60px; margin-top:15px; color:#000000;}
#portadaProductos .right UL LI A:hover{text-decoration:underline;}

.producto{ width:343px; float:left; margin-left:15px; padding-left:10px; padding-top:10px; background-image:url(../images/product-background.jpg); min-height:200px; background-repeat:no-repeat; margin-bottom:4px; position:relative; background-color:#FFFFFF;}
.producto H2{ color:#ED1C24; font-size:16px; padding:0px; margin:0px;}
.producto B{ color:#0D4689; font-size:11px; font-weight:normal;}
.producto A.imagen{ margin-top:10px;}
.producto .descripcion {height:54px; margin-bottom:5px;}
.producto A{ font-size:12px; color:#000000; text-decoration:none; display:block;}
.producto A:hover{ text-decoration:underline;}
.producto A.showMore{ position:absolute; right:6px; top:222px;}

.productoFicha{ float:left; margin-left:25px; width:690px; margin-top:0px; color:#666666;}
.productoFicha H4{ color:#000000; font-size:18px; margin:0px; padding:0px; display:inline}
/*Division de la ficha en dos columnas*/
.productoFicha .left{ float:left; width:370px;}
.productoFicha .right{ width:185px; min-height:215px; margin-top:15px; float:right; background-repeat:no-repeat; background-position:top;}
.productoFicha .right .marca{ height:115px; text-align:center;}
.productoFicha HR{ clear:both;}

/*Productos relacionados*/
.productoFicha .relacionados{ margin:0px; padding:0px; margin-top:10px; display:block; width:600px;}
.productoFicha .relacionados LI{ width:182px; float:left; margin-right:15px; min-height:170px; text-align:center;}
.productoFicha .relacionados LI IMG{ margin-top:5px; margin-bottom:5px;}
.productoFicha .relacionados LI A{ clear:both; display:block;}

#catalogoNavegacion{ color:#000000; font-size:15px; font-weight:bold; margin-top:3px;}
#catalogoNavegacion A{ color:#000000;}
#catalogoNavegacion .tema{color:#000000; }
#catalogoNavegacion .galeria{ font-size:13px; color:#000000;}

	/*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{ height:75px; text-align:left; overflow:hidden; width:856px; color:#FFFFFF; padding-top:23px; padding-left:40px; clear:both;
background-image:url(../images/banners-background.jpg); background-repeat:no-repeat; background-position:center; margin-top:5px;}

	#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-top:-30px; background-image:url(../images/catalog-pagination-background.png); height:59px;}
#paginacion{display:block; width:160px; color:#FFFFFF; font-size:12px; margin-top:18px; float:left; margin-left:10px; }
#paginacion A{color:#FFFFFF; text-decoration:none;}
#paginacion .anterior{ float:left; display:block; width:13px;}
#paginacion .anteriorInactivo{}
#paginacion .estado{ float:left; text-align:center; width:133px;}
#paginacion .estado A{color:#999999; text-decoration:underline; background-color:#333333; height:22px; width:22px; display:block; float:left; margin-left:3px; text-decoration:none;}
#paginacion .siguiente{ float:left; display:block; width:13px;}
#paginacion .siguienteInactivo{}
#paginacion .numero{ color:#D10020; background-color:#8FBE00;}


/*REFERENCUIAS*/
.referencias{ height:60px; width:173px; padding-left:15px; padding-top:12px; font-weight:bold; background-image:url(../images/ficha-lateral.jpg); background-repeat:no-repeat; }
.referencias INPUT{ width:160px;}
/*Documentos relacionados al producto*/
.documentsList{ margin:0px; margin-left:23px;}





/***************************************************************
ESTILOS DE RESERVAS
***************************************************************/
.reservas{ background-color:Red; color:White; padding-top:15px;}
.reservas H1{ color:Red}


/***************************************************************
FORO DE DISCUSIÓN
***************************************************************/
/*Capa principal*/
.foro{background-image:url(images/fondo_contenidos.jpg); background-position:left; margin-left:55px;   background-repeat:repeat-y; text-align:left;  width:710px;}
/*Lista de mensajes*/
.foro .menssages{ width:661px;}
.foro .menssages THEAD{}
.foro .menssages THEAD TD{ background-color:#000000; color:#FFFFFF; padding:5px;}
.foro .menssages TBODY{}
.foro .menssages TBODY TR{ background-color:#CCCCCC; padding:4px;}
.foro .menssages TBODY TR A{ color:#000000;}
.foro .menssages TBODY TR:hover{ background-color:#0D4689; color:#FFFFFF;}
.foro .menssages TBODY TR:hover A{color:#FFFFFF;}

/*Mesaje ampliado superior*/
.foro .menssage{ background-color:#000000; min-height:91px; width:586px; padding-left:75px; padding-top:10px;
 color:#FFFFFF; background-image:url(../images/foro-mensaje-background.png); background-repeat:no-repeat; background-position:top center; display:table; }
.foro .menssage B{ color:#CC3300;}
.foro .menssage .text{width:470px;min-height:87px; float:left;}
.foro .menssage .buttons{float:left; width:95px;}
.foro .menssage .buttons A IMG{ margin-bottom:15px; }
/*Respuestas al mensaje*/

.foro .responses{ width:661px; margin:0px; padding:0px; list-style:none; background-image:url(../images/foro-title-respuestas.jpg); background-position:top center; background-repeat:no-repeat; margin-top:15px; padding-top:60px; }
.foro .responses LI{ border-bottom:1px solid #666666; margin-top:40px; padding-left:65px; min-height:54px; background-image:url(../images/ico-foro-usuario.png); background-position:left top; background-repeat:no-repeat;}
.foro .responses LI B{}
/*Formulario de añadir mensaje/respuesta*/
.foro #foroForm{width:480px;}
.foro #foroForm LABEL{ display:block; width:150px; clear:both; float:left; margin-bottom:7px; color:#006699; font-weight:bold;}
.foro #foroForm INPUT{ float:left; width:300px; float:left; color:#333333; border:1px solid #CCCCCC;font-size:12px; margin-bottom:7px;}
.foro #foroForm TEXTAREA{ float:left; width:300px; float:left; color:#333333; border:1px solid #CCCCCC;font-size:12px; margin-bottom:7px;}




/*CALENDARIO*/
.calendar{ border:1px solid #CCCCCC; width:180px; background-color:#FFFFFF; text-align:center; min-height:250px;}
.calendar THEAD{}
.calendar THEAD.days{background-color:#EEEEEE;}
.calendar TD{ padding:2px;}
.calendar A{  display:inline; margin-bottom:1px; width:10px;}
.calendar .mark{ background-color:#CCCCCC; color:#FFFFFF;}