@import url('reset.css');

/* ESTRUCTURA ************************/
html,body{
	height:100%;
}
body{
	color:#333;
	background:#333 url(../img/patron.gif);
}
#fondo{
	background:#ddd url(../img/bg_body.gif) left repeat-y;
}
#contenido{
	width:960px;
	margin:auto;
	position:relative;
	background:#fff;
	padding-bottom:40px;
}
#home #contenido{
	padding:0;
}
/*************************************/

/* TITULOS, TEXTOS Y LINKS ***********/
h1{
	font-size:1.4em;
	font-weight:bold;
	color:#E20A17;
	margin-bottom:10px;
	text-transform:uppercase;
}
h1 span{
	color:#000;
}
h1.tipo{
	margin:0;
}
h2{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}
#home h2{
	color:#E20A17;
}
h2.cat{
	color:#666;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:none;
}
h3{
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	background:url(../img/flecha_gris_abajo.gif) right 6px no-repeat;
}
#home h3{
	background:none;
}
blockquote{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
}
p{
	font-size:1.1em;
	line-height:18px;
	color:#333;
}
a{
	color:#333;
}
a.ver_mas{
	background:url(../img/flecha_gris_derecha.gif) right 5px no-repeat;
	padding-right:6px;
	color:#E20A17;
	text-decoration:none;
}
a.ver_mas:hover{
	text-decoration:underline;
}
a.ver{
	background:url(../img/flecha_roja_derecha.gif) right no-repeat;
	padding-right:6px;
}
a.ver:hover{
	color:#E20A17;
}
/*************************************/

/* FORMULARIOS ***********************/
legend{
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
label{
	font-weight:bold;
	font-size:1.1em;
	line-height:26px;
	display:block;
}
.text, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	padding:5px;
	border:1px solid #e5e5e5;
	width:400px;
}
textarea{
	height:140px;
}
.text.activo, textarea.activo{
	border:1px solid #999;
}
a.boton{
	color:#fff !important;
	font-size:1.1em;
	font-weight:bold;
	background:#E20A17;
	padding:5px 20px;
	float:left;
	text-decoration:none;
	margin-right:8px;
}
a.boton:hover{
	background:#000;
}
a.boton input{
	border:none;
	background:none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
#alerta_contacto{
	color:#666;
	font-size:1.1em;
	padding-bottom:10px;
}
.nota{
	margin-top:20px;
	color:#666;
}
/*************************************/

/* TABLAS ****************************/
table{
	margin:20px 0;
	border:0;
}
tr{
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
}
tr.nobg{
	background:none;
}
th,td{
	padding:6px;
	font-size:1.1em;
	color:#666;
}
th{
	font-weight:bold;
	font-size:1.4em;
	background:none;
	color:#000;
}
/*************************************/

/* CABECERAS *************************/
.banner_cabecera{
	float:left;
	width:774px;
	height:151px;
	cursor:pointer;
}
#home .banner_cabecera{
	height:260px
}
.banner_cabecera.over{
	background-position:bottom !important;
}
#banner_mujeres{
	background:url(../img/cabeceras/cabecera_tiendas_mujeres.jpg) top no-repeat;
}
#home #banner_mujeres{
	background:url(../img/cabeceras/banner_mujeres_home.jpg) top no-repeat;
}
#banner_hombres{
	background:url(../img/cabeceras/banner_hombres.jpg) top no-repeat;
}
#home #banner_hombres{
	background:url(../img/cabeceras/banner_hombres_home.jpg) top no-repeat;
}

#contenedor_carrusel{
	background:#666;
	padding:7px 0;
	margin-right:6px;
}
#carrusel{
	width:714px;
	overflow:hidden;
	margin:auto;
	position:relative;
	height:87px;
}
#objetos_carrusel{
	height:87px;
	position:absolute;
	left:0;
	top:0;
}
#objetos_carrusel img{
	border:3px solid #fff;
	margin-right:14px;
}
#objetos_carrusel img.ultima{
	margin:0;
}
/*************************************/

/* MENU ******************************/
#logo{
	height:auto !important;
}
#menu{
	padding-left:20px;
	width:145px;
	float:left;
	padding-top:60px;
	font-size:1.3em;
	color:#999;
	background:#fff;
}
#menu a, #menu .desplegador{
	display:block;
	height:9px;
	margin-top:5px;
	color:#999;
	text-decoration:none;
}
#menu a:hover, #menu .hover, #menu .seleccionado{
	color:#E20A17;
}
#menu .doble_altura{
	height:32px;
}
#menu span{
	display:none;
}
#menu .desplegador{
	display:block !important;
}
#menu ul{
	margin-top:40px;
}
#menu li{
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
	text-align:center;
	line-height:18px;
	padding-bottom:5px;
}
#menu li.ultimo{
	background:none;
}
#menu ul ul{
	margin-top:0;
}
#menu ul ul li{
	background:none;
	font-size:0.85em;
	padding:0;
	width:145px;
}
#menu ul ul li a{
	height:auto !important;
	line-height:12px;
	margin-bottom:5px;
}
#menu ul ul a:hover{
	color:#666;
}
#menu ul ul a span{
	display:inline !important;
}
#menu ul ul li a:hover span{
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x !important;
}
#menu ul ul a.seleccionado{
	color:#000;
}
.desplegador,.subdesplegador{
	cursor:pointer;
}
.categorias a span{
	display:inline !important;
}
.categorias a:hover span{
	color:#666 !important;
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
	padding:0 5px;
}
.categoria{
	font-style:normal;
	color:#000;
	background: #ebebeb url(../img/flecha_gris_abajo.gif) 130px 8px no-repeat !important;
	margin-bottom:5px;
	margin-top:5px;
}
.subcategoria{
	background:#ebebeb url(../img/flecha_gris_abajo.gif) 130px 8px no-repeat !important;
	color:#000;
	font-style:normal;
}

.menu.seleccionado, .menu:hover{
	background-position:bottom !important;
}
#menu_home{
	background:url(../img/menu/home.gif) top no-repeat;
}
#menu_empresa{
	background:url(../img/menu/empresa.gif) top no-repeat;
}
#menu_catalogo{
	background:url(../img/menu/catalogo.gif) top no-repeat;
}
#menu_tiendas{
	background:url(../img/menu/tiendas.gif) top no-repeat;
}
#menu_consejos_ss{
	background:url(../img/menu/consejos_ss.gif) top no-repeat;
}
#menu_propiedades_de_los_materiales{
	background:url(../img/menu/propiedades_de_los_materiales.gif) top no-repeat;
	height:23px !important;
}
#menu_contacto{
	background:url(../img/menu/contacto.gif) top no-repeat;
}
/*************************************/

/* CABECERA **************************/
#borde_arriba, #borde_abajo{
	background:#ddd;
	height:30px;
	margin-bottom:6px;
}
#borde_abajo{
	height:15px;
	margin-top:6px;
	margin-bottom:0;
}
/*************************************/

/* PAGINA ****************************/
#pagina{
	float:right;
	width:780px;
	background:#fff;
	position:relative;
	min-height:550px;
	height:auto !important;
	height:550px;
}
#home #pagina{
	background:#ddd;
	padding-bottom:40px;
}
#cabecera{
	background:#fff;
}

#pestana{
	background:url(../img/pestana_novedades.gif) left top no-repeat;
	height:30px;
	margin-left:20px;
}
#pestana span{
	display:none;
}

#avance_temporada{
	background:#eee;
	padding:10px 15px;
	padding-top:20px;
	margin-left:20px;
}
#avance_temporada p{
	line-height:normal !important;
}
#avance_temporada .imagenes{
	float:left;
	width:255px;
}
#avance_temporada .imagenes img{
	border:3px solid #ccc;
	margin-right:10px;
}
#avance_temporada .texto{
	float:right;
	width:470px;
}

.separador{
	background:#eee url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
	height:10px;
	overflow:hidden;
}

#consejos_home{
	background:#ddd;
	padding:10px 0;
	padding-bottom:20px;
	padding-left:15px;
	margin-left:20px;
}
#consejos_home p{
	line-height:normal !important;
	color:#333 !important;
}
#consejos_home .modulo{
	width:220px;
	float:left;
	padding-right:17px;
	margin-right:16px;
	background:url(../img/linea_punteada_vertical.gif) right repeat-y;
}
#consejos_home .modulo.ultimo{
	padding:0;
	margin:0;
	background:none;
}

#marco{
	padding:20px;
	padding-bottom:0;
}
#marco img{
	border:3px solid #ccc;
}
#marco .texto{
	float:left;
	width: 350px;
	padding-right:21px;
	background:url(../img/linea_punteada_vertical.gif) right repeat-y;
}
#marco .imagenes{
	float:right;
	width:350px;
}

#casa_matriz{
	position:relative;
}
#casa_matriz p{
	position:absolute;
	bottom:0;
	right:0;
	width:340px;
}
#casa_matriz big{
	color:#E20A17;
	font-size:1.2em;
	font-weight:bold;
}
#casa_matriz a{
	background:url(../img/flecha_roja_derecha.gif) right 6px no-repeat;
	padding-right:6px;
}
#casa_matriz a:hover{
	color:#E20A17;
}

.consejo{
	padding-bottom:21px;
	margin-bottom:20px;
	background: url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
}
.consejo.ultimo{
	background:none;
	margin:0;
	padding:0;
}

.producto{
	float:left;
	width:166px;
	margin-right:14px;
	margin-bottom:14px;
}
.producto p{
	margin-top:3px;
	line-height:normal;
}
#productos img{
	width:160px;
	height:240px;
	overflow:hidden;
}
#productos a:hover img{
	border:3px solid #999;
}
/*************************************/

/* PIE *******************************/
#pie{
	border-top:1px solid #999;
	padding:5px 20px;
	clear:both;
}
#pie .marco{
	width:760px;
	padding-left:200px;
	margin:auto;
}
#pie p{
	color:#999;
	line-height:normal !important;
}
#pie #marca{
	color:#E20A17;
	font-weight:bold;
}
#creditos{
	float:right;
	display:inline;
	font-size:1.1em;
	color:#666;
}
#creditos a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
#creditos a:hover{
	text-decoration:underline;
}
/*************************************/

/* LIGHTBOX **************************/
#lbBottom{
	background:url(../img/logo_lightbox.gif) left no-repeat;
	padding-left:38px;
}
/*************************************/