@charset "utf-8";
/* CSS Document */
/* inicializar elementos */ 
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img, li a, a { border:none; text-decoration:none; }
address { font-style:normal; }
/*-----------------------*/
body { background-color:#000; background-image:url(comun/imagenes/fondo-invierno.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed; }
.clearfloat { clear:both; }

/* área top */
#areaTop { width:100%; position:fixed; top:0px; z-index:2; }
#areaTopContenido { margin:auto; width:962px; background-color:#19191a; height:35px; background: -moz-linear-gradient(top, #494949 , #19191a); background: -webkit-gradient(linear, 0 0, 0 100%, from(#494949),  to(#19191a)); box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0x 10px #000; -webkit-box-shadow: 0px 0px 10px #000; padding-left:30px; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding-top:15px; }



#areaTopContenido ul li{display:inline-block;  }

#areaTopContenido ul li a { padding-bottom:6px; padding-top:6px; padding-left:36px; padding-right:15px; margin-top:5px;  border-radius:5px; -moz-border-radius:5px; -webkkit-border-radius:5px; font-weight:bold; margin-top:6px; color:#FFFFFF; text-decoration:none; }
.top-facebook a { background:url(../../comun/imagenes/icon_top-facebook.png) no-repeat 5px 3px; background-color:#3b5998; border:#FFFFFF 1px solid; margin-right:115px; }
.top-facebook a:hover { background-color:#39C; }
.top-garantia a { background:url(../../comun/imagenes/icon_top-garantia.png) no-repeat 5px 3px;  background-color:#C00; border:#FFFFFF 1px solid; margin-right:115px; }
.top-garantia a:hover { background-color:#F66; }
.top-financiacion a { background:url(../../comun/imagenes/icon_top-financiacion.png) no-repeat 5px 3px;  background-color:#C00; border:#FFFFFF 1px solid; }
.top-financiacion a:hover { background-color:#F66; }




#content, #gurenet{ width:990px; margin:auto; }
#content { background-color:#FFF; margin-top:40px; }

/* cabecera */
#header { height:90px; position:relative; }
#logo, #idiomas, #form-buscar{ position:absolute; }
#logo{ left:0; top:10px; }
#idiomas { right:10px; top:5px;	}
#form-buscar { /*right:15px;*/ left:15px; top:1px; }
/* Menu horizontal */
#menu-hor { border:1px solid #cdcdcd; background:url(comun/imagenes/fondo-menu-hor.jpg) repeat-x; height:24px; position:relative; }
/* Publicidad y primer menu vertical */
#productos, #area-clientes, #tu-compra, #te-interesa { height:20px; }
#tu-compra-content, #area-clientes-content, #productos-content,#te-interesa-content { border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
#main { height:270px; margin-top:10px; }
#sidebar1,#sidebar2 { width:200px; float:left; }
#sidebar2 { margin-bottom:50px; }
#tu-compra { background:url(cas/imagenes/tu-compra.gif) top left no-repeat; }
#tu-compra-content { background-color:#f3f3f3; height:79px; }
#area-clientes { background: url(cas/imagenes/area-clientes.gif) top left no-repeat; }
#area-clientes-content { background:url(comun/imagenes/fondo-area-clientes.gif); height:149px; }
#datos-incorrectos { text-align:center; position:absolute; top:7px; width:100%; }
#publicidad { width:778px; height:268px; float:right; border:1px solid #333; }
/* cuerpo y menu vertical de productos */
#body { margin-top:10px; }
#body-main { float:left; margin:4px 10px 0 10px; width:770px; margin-bottom:50px; position:relative; }
#texto p { margin-left:10px; margin-top:10px; }
#productos { background: url(cas/imagenes/productos.gif) top left no-repeat; }
#productos-content { background:url(comun/imagenes/fonfo-productos.gif) repeat-x; padding-bottom:20px; }
#te-interesa { background: url(cas/imagenes/te-interesa.gif) top left no-repeat; }
#te-interesa-content { background:url(comun/imagenes/fondo-te-interesa.gif) repeat-x; height:79px; }
#te-interesa-content, #area-clientes-content, #tu-compra-content { padding-left:10px; }
#area-clientes-content { position:relative; }
#tu-compra-content { padding-right:10px; }
#carrito { height:auto; }
#carrito-content { margin-top:20px; height:320px; width:220px; float:right; background:url(comun/imagenes/fondo-carrito-dch.jpg); position: relative; }
#premios { float:right; width:220px; padding-bottom: 5px; }
#premios-sup { background:url(cas/imagenes/fondo-premios-sup.jpg); height:40px; }
#premios-inf { background:url(cas/imagenes/fondo-premios-inf.jpg); height:10px; background-repeat:no-repeat; }
#premios-content { border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; padding: 0 5px 0 5px; text-align: center; }
#productos-destacados, #productos-nuestras-ofertas, #productos-ultimas-novedades { margin:auto; width:760px; padding-bottom: 5px; border:2px solid #CCCCCC; }
#productos-destacados-sup, #productos-nuestras-ofertas-sup, #productos-ultimas-novedades-sup { height:38px; }
#productos-destacados-sup { background:url(cas/imagenes/fondo-productos_destacados-sup.jpg); }
#productos-nuestras-ofertas-sup { background:url(cas/imagenes/fondo-nuestras_ofertas-sup.jpg); }
#productos-ultimas-novedades-sup { background:url(cas/imagenes/fondo-ultimas_novedades-sup.jpg); }
#productos-destacados-inf, #productos-nuestras-ofertas-inf, #productos-ultimas-novedades-inf { height:10px; }
#productos-destacados-content, #productos-ultimas-novedades-content, #productos-nuestras-ofertas-content { padding: 0 5px 0 5px; text-align: center; background-color:#FFFFFF; }
#lista-productos-subcategorias li{ float:left; }
/*//////////////////////////maquetacion del especial destacado/////////////*/
#destacados-dch { float:right; width:345px; margin-right:15px; height:350px; background:url(comun/imagenes/fondo-destacados-especial.jpg) bottom right repeat-x; }
#destacados-dch-sup{
	height:12px;
	background:url(comun/imagenes/destacados-especial-sup.jpg) left top no-repeat;
}
#destacados-dch-inf{
	height:12px;
	background:url(comun/imagenes/destacados-especial-inf.jpg) left top no-repeat;
}
#destacados-dch-content{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	height:328px;
}
#logo-destacado,#modelo{
	float:left;
}
#logo-destacado{
	width:80px;
	height:20px;
	margin-left:20px;
}
#modelo{
	width:210px;
	text-align:right;
	margin-right:20px;
}
#foto-destacado{
	width:255px;
	height:160px;
}
#foto-destacado, #slogan-destacado,#descripcion-destacado, #precio-content{
	margin:auto;
	padding-top:5px;
}
#slogan-destacado{
	width:283px;
	height:22px;
}
#descripcion-destacado{
	overflow:auto;
	height:30px;
	text-align:justify;
	width:283px;	
}
#precio-content{
	width:283px;
	position:relative;
	height:75px;
}
#descuento-destacado{
	position:absolute;	
	top:10px;
	left:0px;
	width:80px;
	height:56px;
}
#antes-destacado{
	position:absolute;
	bottom:50px;
	left:90px;
	display:table-cell;
	text-align:right;
	width:195px;
	font-size:11px;
}
#precio-destacado{
	position:absolute;
	bottom:15px;
	left:90px;
	height:26px;
	width:195px;
	display:table-cell;
	text-align:right;
}
/*///////////////////////////////////////////////////////////*/
.destacados1, .destacados2, .destacados3, .destacados4{
	float:left;
}
.destacados1, .destacados3{
	width:100px;
}
.destacados1{
	margin-left:10px;
}
.destacados2, .destacados4{
	width:220px;
	margin-left:10px;
}
.destacados2{
	margin-right:20px;
}
.otros1, .otros2, .otros3, .otros4, .otros5, .otros6{
	float:left;
}
.otros1{
	margin-left:10px;
}
.otros1, .otros3, .otros4{
	text-align:center;
	padding-left:10px;
}
.otros3, .otros4{
	padding-right:10px;
}
.otros1{
	width:80px;
}
.otros2{
	text-align:left;
	padding:0 10px 0 10px;
	width:350px;
}
.otros3{
	width:100px;
}
.otros4{
	width:100px;
}
.otros5{
	text-align:center;
	width:50px;
}
.otros6{
	width:200px;
}
#texto{
	padding-top:25px;
}
#tecnologias{
	height:30px;
	background-color:#00FF00;
	margin:20px 0 0 10px;
}
#descripcion-breve{
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
	height:60px;
}
#paginacion, .productos-filtrar{
	margin:auto;
	width:720px;
	padding-bottom:10px;
}
.productos-filtrar{
	border: 1px dashed #EFEFEF;
}
.productos-galerias{
	width:730px;
	margin-botton:5px;
}
.productos-galerias-fotos{
	float:left;
	width:175px;
	margin-left:5px;
}
/* Pie */
#footer{
	position:relative;
	background-color:#f3f3f3;
	border:1px solid #CCCCCC;
	height:48px;
}
#tarjetas{
	position:absolute;
	left:450px;
	display:block;
	padding-top:15px;
}
#gurenet{
	padding:7px 0 7px 0;
}
#imprimir{
	position:absolute;
	top:40px;
	right:0px;
	background:url(comun/imagenes/imprimir.jpg) left no-repeat;
	padding-left:25px;
}
/************************************  ESPECIALES ********************************/
#especiales{
	margin:auto;
	width:760px;
	padding-bottom: 5px;
}
.especiales1, .especiales2{
	float:left;
	width:360px;
	height:230px;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border: 1px dashed #CCCCCC;
}
/***** Para el listado de especiales ***/
.especial-top, .especial-content, .especial-foto, .especial-texto{
	float:left;
}
.especial-top{
	width:750px;
	margin-left:10px;
	background-color:#EFEFEF;
}
.especial-content{
	width:750px;
	margin-left:10px;	
}
.especial-foto{
	margin-top:10px;
	margin-right:10px;
	padding:5px;
	border:1px dashed #CCCCCC;
}
.especial-texto{
	position:relative;
	margin-top:10px;
	width:520px;
}
.especial-mosca{
	display:block;
	position:absolute;
	top:0px;
	left:490px;
}
/************************************* MENSAJES DE ERROR **********************************/
#error{
	width:375px;	
	height:150px;
	margin:auto;
	border:1px solid #EFEFEF;
	background-image:url(comun/imagenes/msg-error-fondo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:right;
}
.error-titulo, .error-contenido{
	width:375px;
	margin:auto;
}
.error-titulo{
	height:15px;
	font:Georgia, "Times New Roman", Times, serif;
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;	
}
.error-contenido{		
	margin-bottom:10px;
	padding-top:10px;
	padding-left:10px;		
	height:150px;
}
/************************************* MENSAJES DE CORRECTO *****************************/
#msg-correcto{
	width:375px;	
	height:150px;
	margin:auto;
	border:1px solid #EFEFEF;
	background-image:url(comun/imagenes/msg-correcto-fondo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:right;
}
.msg-correcto-titulo, .msg-correcto-contenido{
	width:375px;
	margin:auto;
}
.msg-correcto-titulo{
	height:15px;
	font:Georgia, "Times New Roman", Times, serif;
	color:#00CC00;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;	
}
.msg-correcto-contenido{		
	margin-bottom:10px;
	padding-top:10px;
	padding-left:10px;		
	height:150px;
}
/**************************************formularios*****************************************/
.formulario fieldset{
	width:90%;
	margin:auto;
	border:0;
	padding:5px 5px 5px 20px;
}
.formulario p, .formulario-cliente p{
	width:90%;
	clear:both;
}
.formulario p{
	padding-left:10px;
}
.formulario-cliente p{
	margin-top:10px;
}
.formulario-cliente{
	padding-top:20px;
}
.formulario label, .formulario-cliente label{
	float:left;
}
.formulario label{
	width:25%;
}
.formulario-cliente label{
	width:30%;
}
/***************************************Maquetacion carrito*****************************/
.detalles1, .detalles2, .detalles3, .detalles4{
	float:left;
}
.detalles5, .detalles6{
	float:right;
}
.detalles6{
	text-align:right;
}
.detalles1{
	margin-left:10px;
	width:130px;
}
.detalles2{
	padding-left:10px;
	width:320px;
}
.detalles3{
	width:85px;
	text-align:center;
}
.detalles4{
	width:50px;
	text-align:center;
}
.detalles5{
	width:150px;
	text-align:right;
}
.detalles-sep{
	margin-left:10px;
	height:1px;
	background-color:#efefef;
}
/*para centrar la imagen de los productos*/
.imagen-producto{
	margin-top:20px;
	margin-left:10px;
	width:510px;
	height:320px;
	float:left;
	/*position:relative;*/
	display: table;
} 
.imagen-producto-content{
     display: table-cell;
     vertical-align: middle;
	 text-align:center;
     position: relative;
} 
.imagen-producto-content img{
	*margin-top: expression((320 - this.height)/2); /* se pone el * para que solo funcione en explorer 6 y 7 css expression solo funciona en explorer y tienes que poner la altura en px del layer contenedor o una distinta para luego partirlo por dos para que se quede en la mitad*/
}
.producto-financiacion{
	margin-left: 10px;
}
/***************************************** Paginacion *********************************/
.paginacion-numeros{
	float:left;
}
.paginacion-letras, .productos-formulario-orden{
	float:right;
	text-align:right;
}
.paginacion-numeros{
	margin-left:10px;
	position:relative;
}
.paginacion-letras, .productos-formulario-orden{
	margin-left:10px;
	width:500px;
	position:relative;
}
/************************ Maquetacion de los pedidos *********************************/
.pedidos1, .pedidos2, .pedidos3, .pedidos4, .pedidos5, .pedidos6{
	float:left;
	padding-left:5px;
}
/*.pedidos2, .pedidos3, .pedidos4, .pedidos5, .pedidos6{
	margin-left:10px;
}*/
.pedidos1, .pedidos4, .pedidos5, .pedidos6{
	text-align:center;
}
.pedidos2, .pedidos3{
	text-align:left;
}
.pedidos1{
	width:50px;
}
.pedidos3{
	width:340px;
}
.pedidos2, .pedidos4, .pedidos5{
	width:100px;
}
.pedidos6{
	width:50px;
}
/************************* Maquetacion de los pedidos para imprimir **********************/
.imprimir1, .imprimir2{
	float:left;
	padding-left:10px;
	margin-bottom:10px;
}
.imprimir1{
	width:25%;
}
.imprimir2{
	width:65%;
}
.modelo, .modelo1, .modelo2, .precio-pedido, .cantidad{
	float:left;
	margin-left:1%;
}
.importe, .total-ficha{
	float:right;
	text-align:right;
	margin-left:1%;
}
.modelo{
	text-align:center;
	width:48%;
}
.modelo1, .modelo2, .precio-pedido{
	text-align:left;
}
.cantidad{
	text-align:center;
}
.modelo1{
	width:13%;
}
.modelo2{
	width:33%;
}
.precio-pedido{
	width:8%;
}
.cantidad{
	width:8%;
}
.importe{
	width:28%;
}
.total-pedido{
	text-align:right;
	float:right;
}