/* ------------------------------------------------------------------------------- 
	ROPA
------------------------------------------------------------------------------- */
body.home-ropa{background:#000 url(img/bg-body-ropa.jpg) no-repeat center 0 fixed;}
body.ficha-ropa{background:#000 url(img/bg-body-ropa.jpg) no-repeat center 0 fixed;}
body.hombre{background:#000 url(img/bg-body-ropa.jpg) no-repeat center 0 fixed;}
body.mujer{background:#000 url(img/bg-body-ropa.jpg) no-repeat center 0 fixed;}

/* =interactive --------------------------------------------------- */
.listado-tipos #interactive{background:url(img/bg-tipos-ropa.jpg) no-repeat;}
.ficha-ropa #interactive{background:#e5e6e6 url(img/bg-interactive.png) no-repeat;}

#interactive #flash{position:absolute; top:0; left:0; z-index:1;}
#interactive #flash div img{margin:5em 0 0 18em;}

#interactive-int #datos{position:absolute; top:2.5em; left:2.5em; z-index:2;}
#interactive-int #datos p.modelo{color:#000; font-size:1.55em; line-height:.8em;}
#interactive-int #datos p.precio{color:#fff; font-size:2.4em; line-height:1.2em; font-weight:normal;}
#interactive-int #datos ul{width:16.67em; margin:.33em 0 .83em 0;}
#interactive-int #datos ul.links li{margin:0 0 .17em 0; width:16.67em; float:left;}
#interactive-int #datos ul.links li a{display:block; padding:.28em 0 .28em .65em; background:#434343 url(img/bul-datos-li.png) no-repeat right center; color:#a6a8a8; font-size:.9em;}
#interactive-int #datos ul.colores li{float:left; width:2.35em; height:2.35em; cursor:help;}

/* =content --------------------------------------------------- */
#content{position:relative;}
.home-ropa #content{padding:0; background:#30332a;}
.listado-tipos #content{background:#e4e5e5 url(img/bg-listado-bicis.jpg) no-repeat;}
.ficha-ropa #content{background:#e5e6e6;}
.ficha-ropa #text{background:#434343;}

/* =home ropa ------------------------------------------------- */
/* =menu ropa */
#menu-ropa{position:absolute; top:0; left:0; z-index:1; width:80em; height:45em; background:url(img/bg-portada-ropa-hombre.jpg) no-repeat;}

#menu-ropa ul.listado-tipos{position:absolute; bottom:1.67em; left:1.67em; width:76.67em; background:url(img/bg-bicis-home-menu.png) repeat-y;}
#menu-ropa ul.listado-tipos li{padding:0 .92em; position:relative;}
#menu-ropa ul.listado-tipos li li{padding:0;}
#menu-ropa ul.listado-tipos li.first{padding:.67em .92em 0 .92em;}
#menu-ropa ul.listado-tipos li.last{padding:0 .92em .67em .92em;}
#menu-ropa ul.listado-tipos li a.link-tipo{color:#fff; font-size:1.6em;}
#menu-ropa ul.listado-tipos li a.link-tipo:hover{color:#dadada; text-decoration:none;}
#menu-ropa ul.listado-tipos li em{color:#a6a8a7; font-size:1.5em; font-style:normal;}

#menu-ropa ul.listado-tipos li.current{padding:.67em .92em .83em .92em; background:#fff;
-webkit-box-shadow:0 0 30px rgba(0,0,0,.5);
-moz-box-shadow:0 0 30px rgba(0,0,0,.5);
box-shadow:0 0 30px rgba(0,0,0,.5);
}
#menu-ropa ul.listado-tipos li.current a.link-tipo{color:#434343;}
#menu-ropa ul.listado-tipos li.current a.link-tipo:hover{color:#585858;}
#menu-ropa ul.listado-tipos li.current em{color:#676767;}

#menu-ropa ul.listado-tipos li div.slider{width:75em; overflow:hidden; display:none; visibility:hidden; height:17.8em; position:relative;}
#menu-ropa ul.listado-tipos li.current div.slider{display:block; visibility:visible;}
#menu-ropa ul.listado-tipos li div.slider div.slider-int{width:900em; height:15.83em; position:absolute;}

#menu-ropa ul.listado-tipos li div.slider div.intro-familia{width:33.33em; float:left; margin:1.67em 0 0 0;}
#menu-ropa ul.listado-tipos li div.slider div.intro-familia p{margin:0 1.67em .67em 0; color:#676767; line-height:1.4}
#menu-ropa ul.listado-tipos li div.slider div.intro-familia p.link a{background: url(img/bul-menu-sub-li-hover.png) no-repeat 0 center; color:#006f9e;}

#menu-ropa ul.listado-tipos li div.slider ul.listado-familias{}
#menu-ropa ul.listado-tipos li div.slider ul.listado-familias li{float:left; width:13.33em; padding:0; height:15.83em;}
#menu-ropa ul.listado-tipos li div.slider ul.listado-familias li img{display:block; margin:0 0 .83em 0; background:url(img/bg-sombra-ropa-listas.png) no-repeat center bottom;}
#menu-ropa ul.listado-tipos li div.slider ul.listado-familias li a.link-familia{float:left; padding:.35em 2.15em .35em .97em; background:#fff url(img/ico-expand-familia-ropa.png) no-repeat right .69em; color:#434343; font-size:1em;}
#menu-ropa ul.listado-tipos li div.slider ul.listado-familias li a.current,
#menu-ropa ul.listado-tipos li div.slider ul.listado-familias li a.link-familia:hover{background:#434343 url(img/ico-expand-familia-ropa.png) no-repeat right -49px; color:#fff;
-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
box-shadow: 3px 3px 0 rgba(0,0,0,.2);
}

#menu-ropa ul.listado-tipos li div.slider .sliderbar{position:absolute; left:0; bottom:0; width:75em; height:1.25em; background:url(img/bg-horizontal-drag.png) repeat-x;}
#menu-ropa ul.listado-tipos li div.slider .sliderbar .sliderdrag{position:absolute; width:4.50em; height:1.25em; background:url(img/ico-horizontal-drag.png) no-repeat; cursor:pointer; overflow:hidden;}

#menu-ropa ul.listado-tipos li a.close{position:absolute; top:-1em; right:-1em; display:none; width:3.25em; height:3.25em; background:url(img/nav-close.png) no-repeat; text-indent:-800em; cursor:pointer;}

.datos-familia{position:absolute; z-index:1000; left:0; width:33.33em; background:#434343; color:#acacac; display:none;
-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
box-shadow: 3px 3px 0 rgba(0,0,0,.2);
}
.datos-familia .texto-familia{width:18.98em; float:left; display:inline; margin:0 1.85em 0 1.39em; padding:1.39em 0; font-size:.9em;}
.datos-familia .modelos-familia{float:left; width:11.92em;}
.datos-familia .modelos-familia p{padding:1.1em 0; color:#fff; font-size:.9em; text-transform:none;}
.datos-familia .modelos-familia ul{margin:0; padding:.08em 0 1.67em 0; background:url(img/bg-dotted.png) repeat-x;}
.datos-familia .modelos-familia li{margin:0; padding:0; display:inline; float:left;}
.datos-familia .modelos-familia li a{display:inline; float:left; width:13.24em; margin:0; padding:.46em 0 .56em 0; background:url(img/bg-dotted.png) repeat-x 0 bottom; color:#acacac; font-size:.9em;}
.datos-familia .modelos-familia li a span{display:block; background:url(img/bul-text-more-gray.png) no-repeat 12.69em .25em;}
.datos-familia .modelos-familia li a:hover{text-decoration:none; color:#fff;}
.datos-familia .modelos-familia li a:hover span{background:url(img/bul-text-more.png) no-repeat 12.69em .25em;}
 
#menu-ropa .loading, #familias .loading{height:3.67em; background:#434343 url(img/loader-medium.gif) no-repeat .83em .83em;}
#menu-ropa ul.listado-tipos .datos-familia{display:none;}

/* =listado tipos */
#listado-tipos{padding:0 .92em 5em 1.08em;}
#listado-tipos .intro{margin:0 1.23em 1.23em 1.23em; font:normal 1.33em/1.38em Helvetica,Arial,Verdana,sans-serif; color:#434343;}

#familias{position:relative; z-index:9;}
#familias .familia{width:11.5em; float:left; display:inline; margin:0 1.67em 1.67em 0; border-bottom:.08em solid #bababa;}
#familias .last{margin:0 0 1.67em 0;}
#familias .familia img{display:block; padding:0 0 1.08em 0; border-bottom:.25em solid #bababa; background:url(img/bg-sombra-ropa-listas.png) no-repeat center bottom;}
#familias .familia p{padding:.58em 0;}
#familias .familia p a.link-familia,
#familias .familia p a.link-modelo{float:left; padding:.42em 2.2em .55em 1em; background:url(img/ico-expand-familia-ropa.png) no-repeat right .83em; color:#434343; font-size:1em;}
#familias .familia p a.current,
#familias .familia p a.link-familia:hover,
#familias .familia p a.link-modelo:hover{background:#434343 url(img/ico-expand-familia-ropa.png) no-repeat right -49px; color:#fff;
-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 3px 3px 0 rgba(0,0,0,.2);
box-shadow: 3px 3px 0 rgba(0,0,0,.2);
}

#familias .familia p a.link-modelo{padding:.35em .97em; background:none;}
#familias .familia p a.link-modelo:hover{background:#434343;}

/* =presentacion */
#resumen-ropa.bloque{padding:0; border-top:0;}
#resumen-ropa .intro{width:41.67em; padding:0 0 3.33em 0;}
#resumen-ropa .intro p{font:normal 1.33em/1.38em Helvetica,Arial,Verdana,sans-serif; color:#fff;}

#caracteristicas h2,#tallas h2{float:left; width:8.33em; text-align:right;}
#caracteristicas div,#tallas div{padding:.2em 0 0 10.83em;}
#tallas.bloque ul li{float:left; margin:0 .4em 0 0; padding:.25em 0 .5em 0; width:22px; background:url(img/bg-talla.png) no-repeat; color:#fff; text-align:center;}
#tallas.bloque ul li span{font-size:.9em;}

/* =recursos */
#enlaces.bloque{padding-bottom:0; }
.enlace{margin:0 0 1.67em 0; padding:.92em 0 0 0; background:url(img/bg-dotted-dark.png) repeat-x;}
.enlace .categoria{width:10.83em; float:left;}
.enlace .resumen{margin-left:12.5em; line-height:1.3;}
.enlace a{color:#d6d7d7;}

#enlaces p.more{padding:.92em 0 0 0; background:url(img/bg-dotted-dark.png) repeat-x;}
#enlaces p.more a{display:block; padding:.23em 2.69em .23em .65em; background:#1b1b1b url(img/bul-datos-li.png) no-repeat right center; color:#a6a8a8; font-size:.9em;}

#utilidades.bloque{margin:0 0 3.33em 0; padding-bottom:0; background:url(img/bg-dotted-dark.png) repeat-x 0 bottom;}
.utilidad{margin:0 0 1.67em 0; padding:.92em 0 0 0; background:url(img/bg-dotted-dark.png) repeat-x;}
.utilidad .descargar{width:9.17em; float:right;}
.utilidad .resumen{margin-left:12.5em; line-height:1.3;}
.utilidad a{color:#d6d7d7;}
.utilidad .descargar a{display:block; padding:.23em 2.69em .23em .65em; background:#1b1b1b url(img/bul-datos-li.png) no-repeat right center; color:#a6a8a8; font-size:.9em;}

#equipacion .producto_relacionado{width:20.66em; height:16.67em; float:left; display:inline; margin:0 .33em 0 0; background:url(img/bg-bici-rel.png) no-repeat;}
#equipacion .last{margin:0;}
#equipacion .producto_relacionado div.img{margin:.75em 0 1.15em .75em;}
#equipacion .producto_relacionado img{display:block;}
#equipacion .producto_relacionado p{padding:.42em .83em;}
#equipacion .producto_relacionado p a{color:#acacac; font-size:.9em;}