@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:#FFF;
}
.clearfloat{
	clear:both;
}
#content, #gurenet{
	width:990px;
	margin:auto;
}
/* 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;
}