/* CSS Document */

* {margin:0; padding:0;outline:none;}

ul {list-style:none;}

img {border:0}

body {text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; color:#808080; background-image:url(../images/fondo.gif); background-position:center}

h1{ margin: 5px 0 3px 10px; float: left;}

#banner img{ margin: 20px 0 0 70px; display: block}

#generico{display: none}

#contenido {text-align:left; margin:0 auto; width:773px;}

#menu {margin-left:21px; margin-right:15px; text-align:right}

#menu li {float:left;}

#menu li.registro {float:right; margin-top:5px; margin-right:5px; padding-left:4px}

#menu li.contacto {float:right; margin-top:5px; margin-right:5px; padding-left:4px}

#menu li.mapa {float:right;  margin-top:5px}

#menu a {color:#808080; text-decoration:none;}

#menu:after {content:".";height:0; clear:both; display:block; visibility:hidden;}

/* Hides from IE-mac \*/

* html #menu {height: 1%;}

/* End hide from IE-mac */



#ppal {margin-left:21px; margin-right:15px; position:relative; height:47px }

#ppal:after {content:".";height:0; clear:both; display:block; visibility:hidden;}

/* Hides from IE-mac \*/

* html #ppal {height: 47px;}

/* End hide from IE-mac */



#ppal li {float:left; background-image:url(../images/corte.gif); background-repeat:no-repeat; background-position:right top; background-color:#01213A; color:white; font-weight:bold; border-right:1px solid white; border-bottom:1px solid white; padding:6px 12.5px 5px;}

#ppal a {color:white; text-decoration:none;}

#ppal li.sel {border-bottom:1px solid #01213a}

#submenu {position:absolute; left:0; top:24px; background-color:#01213a; width:737px; background-image:url(../images/corte.gif); background-repeat:no-repeat; background-position:right top; }

#ppal li #submenu li {background-image:url(../images/fondo_submenu.gif); background-position:right center; background-repeat:no-repeat; background-color:transparent; border:none; padding-left:11px; padding-right:10px;}

#ppal li #submenu li.primero {margin-left:15px;}

#ppal li #submenu li.ultimo {background-image:none;}

#submenu li{font-weight:normal}

#submenu a {color:white; text-decoration:none;}

#central {margin-left:21px; margin-right:15px; padding-top:10px}

#central:after {content:".";height:0; clear:both; display:block; visibility:hidden;}

/* Hides from IE-mac \*/

* html #central {height: 1%;}

/* End hide from IE-mac */

div#modulos {width:595px; float:left;}

div.modulo {width:593px; border:1px solid #C9C8C7; margin-bottom:15px}

div.modulo:after {content:".";height:0; clear:both; display:block; visibility:hidden;}

/* Hides from IE-mac \*/

* html div.modulo {height: 1%;}

/* End hide from IE-mac */

div.titulo {float:left; width:138px; padding-top:20px}

div.titulo h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#01213A; margin-left:4px; margin-bottom:25px}

div.titulo h2 a {color:#01213A; text-decoration:none}

div.titulo img {display:block}

div.info {float:right;margin-right:13px; display:inline; width:425px; padding-top:20px;}

div.info p {margin-bottom:6px; margin-right:20px}

.destacado {color:#01213a; font-weight:bold}

.cosas {background-color:#EEE; background-image:url(../images/fondo_info.gif); padding-right:3px; padding-bottom:3px;margin-top:15px; margin-bottom:15px;}

.cosas ul {border:1px solid #C9C8C7; background-color:white;padding-left:10px}

.cosas ul:after {content:".";height:0; clear:both; display:block; visibility:hidden;}

/* Hides from IE-mac \*/

* html .cosas ul {height: 1%;}

/* End hide from IE-mac */


.cosas .lista_producto {background: url(../images/fondo-lista-seccion.gif) no-repeat; width:400px; height:22px; padding:10px 0 0 0;margin:0 0 10px 0;}

.cosas .lista_producto .producto_lista{background-image: url(../images/vineta.gif); background-repeat: no-repeat; background-position: 5px; padding:0 0 0 15px; font-weight:bold; font-size:11px;}

.cosas .lista_producto .solicitar_ya{margin: -13px 0 0 280px; float:left;}



.cosas h3 {font-size:10px; color:#01213A; }

.cosas li {margin-top:16px; margin-right:15px;margin-bottom:7px}

.cosas li.noticias {margin-right:0}

.cosas ul li ul {border:none; margin-top:10px; margin-bottom:10px; padding-left:0}

.cosas a {color:#808080}



#imprimir{ text-align:center; margin: 15px 0 0 0}


/*****************************************************************           PIE   */

#copy {margin:20px auto 0; text-align:center;}
#copy .separador {background:url(../images/f_copy.gif) 50% 50% no-repeat; width:100%; height:10px;}
#copy ul{margin:0 auto; padding: 0; list-style-type: none;}
#copy ul li{ color: #808080; display:inline;}
#copy ul li a{ color: #808080; text-decoration:none}
#copy ul li a:hover{ text-decoration:underline}

#copy .color_claro li{color:#C0C0C0;}
#copy .color_claro a{color:#C0C0C0;}

#copy .color_oscuro {margin:0 0 20px 0;}
#copy .anio a{color: #808080; text-decoration:none}

/*****************************************************************           FIN PIE   */

.clearer{clear: both; font-size: 1px; height:1px; margin: 0; padding:0}



#banners {float:right; margin-right:2px; width:125px}

#banners p {margin-bottom:15px}



#modulo {float:left; width:595px;}

div.caja_producto_destacado{margin:0 0 0 140px;}

div.texto {background-color:white; border:1px solid #C9C8C7; padding:18px 15px 32px 10px;}

div.texto h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#01213A;  margin-bottom:12px; color:#2273AA}

div.texto p {margin-bottom:8px}

div.texto a{color:#808080; text-decoration:none;}
div.texto a:hover{color:#808080; text-decoration:underline;}

#informacion {border:1px solid #C9C8C7;padding-bottom:130px;padding-top:22px;}

#informacion h3, h3.linea {color:#01213A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:2px; border-bottom:1px solid #C9C8C7; margin-right:23px; margin-left:18px;}

#informacion h2{font-size: 14px}

#informacion ul {margin-top:10px; margin-left:18px; margin-right:15px;margin-bottom:16px;}

#informacion p.ver_todos {margin-bottom:32px; margin-left:18px;}

#informacion ul li {margin-bottom:8px; background-image:url(../images/vineta.gif); padding-left:8px; background-position:0 5px; background-repeat:no-repeat}

#informacion ul li a {color:#2373A6; font-weight:bold; }




/********************************************************************************************************** Landing pages */

#informacion_landing {border:1px solid #C9C8C7;padding: 22px 0 0 0;width:370px;float:left;}
#informacion_landing  h3, h3.linea {color:#01213A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:2px; border-bottom:1px solid #C9C8C7; margin-right:23px; margin-left:18px;}
#informacion_landing h2{font-size: 14px; margin:0; padding:8px;}
#informacion_landing ul {margin-top:10px; margin-left:18px; margin-right:15px;margin-bottom:16px;}
#informacion_landing p.ver_todos {margin-bottom:32px; margin-left:18px;}
#informacion_landing ul li {margin-bottom:8px; background-image:url(../images/vineta.gif); padding-left:8px; background-position:0 5px; background-repeat:no-repeat}
#informacion_landing ul li a {color:#2373A6; font-weight:bold; }



#caja_productos{border:1px solid #C9C8C7;padding:22px 10px 0px 10px; margin:0 0 0 10px; width:190px;float:left;}
#caja_productos h3{color:#01213A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0; border-bottom:1px solid #C9C8C7; margin: 0 0 10px;}
#caja_productos img{ border:1px solid #fff;margin:0 5px 0 0;float:left;}
#caja_productos h2 a{font-family:Arial, Helvetica, sans-serif;margin:0 0 10px 0;padding:0;font-size:13px;color:#2273AA;text-decoration:none;font-weight: bold;float:left;}
#caja_productos .botoninfo a{width:133px;height:40px;float:left;background: url(../images/mas_info2.gif) no-repeat;text-indent:-9000px;display:block;margin:0;}
#caja_productos a{font:10px Verdana, Arial, Helvetica, sans-serif; color:#808080;text-decoration:none}
#caja_productos a:hover{text-decoration:underline;}
#caja_productos .producto_landing{padding:5px;margin:0 0 10px 0;background: #dadada;}
#caja_productos .producto_landing:hover{background: #CCC;}


/******************************************************************************************************** Fin landing pages */


div.producto {margin-left:18px; margin-right:15px; padding-right:3px; padding-bottom:3px; background-color:#eeeeee; background-image:url(../images/f1.gif); background-repeat:no-repeat; margin-bottom:20px;}

div.producto h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#01213A;  margin-bottom:0px; color:#2273AA; background-color:white; padding-left:20px; padding-right:18px; float:left; background-image:url(../images/fondo_producto.gif); background-position:right top; background-color:white; background-repeat:no-repeat; padding-top:7px; }

div.tit h1 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 margin-bottom:0px;
 color:#2273AA;
 background-color:#ffffff;
 padding-left:0px;
 padding-right:18px;
 float:left;
 background-image:url(../images/fondo_producto.gif);
 background-position:right top;
 background-color:white;
 background-repeat:no-repeat;
 padding-top:7px;
 }

div.tit {border-left:1px solid #c9c8c7; background-image:url(../images/fondo_h2.gif); padding-top:0px; background-repeat:no-repeat; background-position:right bottom}

div.tit:after {content:".";height:0; clear:both; visibility:hidden; display:block;}

/* Hides from IE-mac \*/

* html div.tit {height: 1%;}

/* End hide from IE-mac */



div.datos {border:1px solid #c7c8c9; border-top:none; background-color:white; margin-top:0; padding-top:20px}

div.cabecera {padding-bottom:1px;position:relative; width:100%; margin-top:20px;}

div.cabecera:after {content:".";height:0; clear:both; visibility:hidden; display:block;}

/* Hides from IE-mac \*/

* html div.cabecera {height: 1%;}

/* End hide from IE-mac */

div.img_producto {margin-top:0; width:149px; margin-left:12px; margin-right:17px;  float:left; display:inline}

div.img_banner_producto {margin-top:0; margin-left:8px; margin-right:8px;  float:left; display:inline}

div.img_referer {margin-top:0; width:149px; margin-left:300px; margin-right:17px;  float:left; display:inline}

div.img_referer_mod {margin-top:15px; width:149px; margin-left:280px; margin-right:5px;  float:left; display:inline}

div.proveedor {margin-top:0; width:300px; float:left; display:inline;  padding-left:0; }

div#producto div.proveedor ul {margin-left:0; padding-left:0; }

div#producto div.proveedor ul li {background-image:none; padding-left:0}

div.datos p {margin:0; padding:0}

div.datos img {display:block;}

div.descripcion {margin-left:12px; margin-right:18px; padding-bottom:30px; padding-top:10px}

div.media_descripcion {margin-left:12px; margin-right:18px; padding-bottom:30px; padding-top:10px;}

div.descripcion p {margin-bottom:10px; line-height:13px;}

div#producto h3 {font-size:10px; color:#2372A8; padding-bottom:0; margin-left:0px; margin-right:0px; border:none}

div#producto div.descripcion p.mas_info {margin-bottom:20px;}



span.fecha {font-weight:bold;}



#productos {margin-left:18px; border-bottom:1px solid #c7c8c9;}

#productos td{border-right:1px solid #c7c8c9;  border-top:1px solid #c7c8c9; padding:4px 6px;}

#productos td.select, #productos th.select {text-align:center; border-left:1px solid #c7c8c9;}

#productos th{border-right:1px solid #c7c8c9; border-top:1px solid #c7c8c9; padding:4px 6px;}

#productos th a {color:white}

#productos tr {background-color:#ffffff}

#productos tr.seleccionada {background-color:#eeeeee}

p.ver_detalle {margin-top:10px; margin-left:18px;}

.tabla_label {color:white;}



/* Home */

div.bloque_home{ width: 260px; float: left; margin-right: 15px; padding: 4px 10px}

div.bloque_home h2{font-family:Arial, Helvetica, sans-serif; font-size:17px; margin: 0 0 8px 0}

div.bloque_home ul{ margin: 10px 0 0 0;}

div.bloque_home ul li{ padding: 4px; background: #f5f5f5;}

div.bloque_home ul li:hover{ background: #eee;}

div.bloque_home ul li img{float: left; margin-right: 10px; border:1px solid #000;}

div.bloque_home ul li:after{content:".";height:0; clear:both; visibility:hidden; display:block;}

div.bloque_home ul li{display: inline-table; margin-bottom: 8px}

* html div.bloque_home ul li{ height: 1%} /* hack ie6 */
*:first-child+html div.bloque_home ul li{height: 1%} /* hack ie7 */

div.bloque_home .solicitar_ya{margin:4px 0 0 50px;  border:0;}

.ico{ float: left;margin-right: 6px}

div.entero{ width: 559px;}

div.entero .cont{ width: 500px}

.sinmargen{margin: 0}

div.bienvenida {margin-right:10px; margin-left:10px; padding-bottom:3px; padding-right:3px; margin-bottom:15px;}

div.newsletter{ width: 583px; padding: 5px}

div.newsletter h2{font-family:Arial, Helvetica, sans-serif; font-size:17px; margin: 0 0 12px 18px;}



/* Noticas */

.img_noti{float: left; margin: 0 5px 5px 0}



/* Foros */

table#foros {width:590px; border-left:1px solid #c7c8c9; border-top:1px solid #c7c8c9; margin: 20px 0 0 0}

table#foros tr.alt{ background-color:#F3F3F3}

#foros th {padding:4px; color:white; border-right:1px solid #c7c8c9; border-bottom:1px solid #c7c8c9}

#foros td {padding:4px; border-right:1px solid #c7c8c9; border-bottom:1px solid #c7c8c9}

a.link{color:#808080; text-decoration:none}

a.link:hover{color:#808080; text-decoration:underline}

.boton_foro{color:#FFF; background-color:#0066CC; border:1px solid #999; font-size: 9px; font-weight:bold; padding: 2px}

.tema{border: 1px solid #999; width: 400px; margin: 30px 0 18px 0;}

.tema div{padding: 3px; background-color:#666666; color: #FFF}

.post{border: 1px solid #999; width: 400px; margin: 0 0 12px 30px;}

.post div{color: #FFF; padding: 3px}

.tema p, .post p{ padding: 3px}

.post p.alt{ background-color:#F3F3F3}

.registros{margin: 10px 0 10px 0}

.seleccionado{ color: #CC0000}



/* Registro */

.warning{ font-weight: bold; color:#C00;}

#registro{ width: 490px; margin: 10px 0 0 0}

#registro tr td.uno{ font-weight:bold; padding: 5px 8px 5px 0; vertical-align:top; width: 90px}

#registro tr td.dos{ width: 400px}

#registro tr td .inpu{ border:1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px}



.mensaje1{ text-align: center; padding-top: 30px}

.mensaje2{ margin: auto; padding: 5px 20px 10px 20px; text-align:left; width: 282px; border: 1px solid #CCC;}

.mensaje1 p.titulo{margin: 0 auto 0 auto; padding: 4px 0 4px 0; width: 324px; border: 1px solid #CCC; border-bottom: 0;font-weight: bold; color: #FFF;font-size: 10px; text-align:center;}

.mensaje2 textarea{width: 280px; height: 140px; font-size: 11px; border: 1px solid #CCC; font-family: Verdana, Arial, Helvetica, sans-serif}

.mensaje2 .asunto{width: 200px; font-size: 10px; border: 1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif}

.botones{ text-align:center; margin-top: 10px}

.publicar, .cancelar{border:1px solid #999; background-color:#FFF; font-weight:bold; font-size: 9px; padding:2px}

.validacion{color: #CC3333; font-weight:bold; text-align:center}





/* Registro2 */

.warning{ font-weight: bold; color:#C00;}

#registro2{ width: 240px; margin-top: 6px;}

#registro2 tr td.uno{ font-size:9px;padding: 2px 3px 2px 0; vertical-align:top; width: 90px; color:#1D363A;text-align:right}

#registro2 tr td.dos{ width: 150px;text-align:left}

#registro2 tr td .inpu{ border:1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px;color:#4A4A4A;}

#registro2 tr td .envio{margin:0 0 0 20px}

span.formu_titulo{padding-bottom:2px;color:#871800;font-weight:bold;border-bottom: 2px dotted #F3BF37;}

.separador_vertical{border-left: 2px dotted #9B9B9B;}

a.link_priv{color:#A06716; text-decoration:none; text-weigth:normal;font-size:9px;margin:0 40px 0 0;}

a.link_priv:hover{color:#A06716; text-decoration:underline}



/* Registro3 */

#registro3{ width: 240px; margin-top: 6px;}

input.reg3 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666666;text-decoration: none;background-color: #FFFFFF;border: 1px solid #C9CCD5;}

.blancoformu {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;text-decoration: none;text-align: right;}

.blancoformuizq {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;text-decoration: none;text-align: left;}

.despleglable_dia {    font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #666666;text-decoration: none;background-color: #FFFFFF;border: 1px solid #C9CCD5;}

.style1 {color: #FFFF00}



/* Productos Destacados */



div.presentacion {margin-right:15px; margin-left:18px; padding-bottom:3px; padding-right:3px; background-color:#EEEEEE; background-image:url(../images/fondo_presentacion.gif); background-repeat:no-repeat;  margin-bottom:25px;}

#bloque_dest{margin: 20px 0 10px 0; padding: 0 0 0 10px}

#bloque_dest div.presentacion{margin: 0 10px 16px 0; width:569px; height:90px;}
#bloque_dest div.presentacion1{margin: 0 10px 16px 0; width:574px; height:113px;}

#bloque_dest div.presentacion1 .texto{height:106px; margin:0 0 20px 0;width:567px;}


#bloque_dest div.mitad{float: left; width: 278px; margin: 0 10px 10px 0; height:120px;}

#bloque_dest div.texto{padding: 4px 0 0 0; margin:0; height:114px;}

#bloque_dest .img_pro{ float: left; margin: 0 8px 4px 4px; border:1px solid #000;}

#bloque_dest .texto h2{ font-size: 12px; color:#2273AA; text-decoration:none;}

#bloque_dest .texto h2 a{ font-size: 12px; color:#2273AA; text-decoration:none;}

#bloque_dest .texto h2 a:hover{ text-decoration: underline}

#bloque_dest .contiene1{float: left; width: 450px;}
#bloque_dest .contiene2{float: left; width: 270px;}

#bloque_dest .contiene1 .solicitar_ya{margin:0 0 0 0;}
#bloque_dest .contiene2 .solicitar_ya{margin:0 0 0 150px;}


/*form integrados*/

#caja_form{ padding:21px; border:1px solid #ccc; background:#f9f9f9; margin:20px 0 0 0;}
#caja_form h2{margin:0;padding:0; font-size:14px; font-weight:bold;float:none; background:none; border-bottom:2px solid #c7c8c9;}

/* Cabecera sección */

#cabecera_seccion_noticia{background: url(../images/cuestiona-noticia.gif) no-repeat; width:200px; height:30px; text-indent:-9000px; margin:0 0 10px 15px;}
#cabecera_seccion_consejo{background: url(../images/cuestiona-consejo.gif) no-repeat; width:200px; height:30px; text-indent:-9000px; margin:0 0 10px 15px;}

/* Pie */

#pie{margin:20px 0 0 0;}

#pie h2{background: url(../images/cuestiona-recomienda.gif) no-repeat; width:200px; height:30px; text-indent:-9000px; margin:0 0 10px 15px;}

#pie ul{background:#f5f5f5; height:15px; margin:0; padding:10px 0 10px 10px; width:585px;}

#pie ul li{list-style-type: none; float: left;}

#pie ul li a{ margin:0;	padding: 0 5px 0 15px; background-image: url(../images/flecha-pie.gif);	background-repeat: no-repeat;	background-position:left; font-weight: bold; color: #808080; text-decoration: none;}

#pie ul li a:hover{	text-decoration: underline; background-position:2px;}

/* Google */
.google_ad_sup_pp{
position:absolute;
top:4px;
right:50px
}

/********** Botón superior productos *********/
div.proveedor {
	margin:0 10px 0 0 ; 
	width:150px; 
	float:left; 
	padding-left:0; 
}

div#producto div.proveedor ul {
	margin-left:0; 
	padding-left:0; 
}

div#producto div.proveedor ul li {
	background-image:none; 
	padding-left:0
}

.bt-top-producto{ 
	float:left;
}

.bt-top-producto a{ 
	text-indent:-9000px; 
	background: url(../images/bt-grande-masinfo.gif) no-repeat; 
	display:block; 
	cursor:pointer; 
	width:200px; 
	height:141px;
}
/********** FIN - Botón superior productos *********/

.bt-top-producto2{ 
	float:left;
}

.bt-top-producto2 a{ 
    text-indent:-9000px; 
	background: url(../images/bt-grande-masinfo-2.gif) no-repeat; 
	display:block; 
	cursor:pointer; 
	width:156px; 
	height:110px;
	margin-top:20px;
}

.noticia_blog{
	width:29%;
	float:left;
	margin:6px 10px
}
.noticia-titulo_blog{
	font-size:12px;
}
.noticia-titulo_blog a{
	color:#98CC00; 
	text-decoration:none
}
.noticia-titulo_blog a:hover{
	text-decoration:underline;
	color:#4C6600; 
}

