/* ------------------------------------------------------------------------------- 
	BICICLETAS
------------------------------------------------------------------------------- */
body.home-bicis{background:#000 url(img/bg-bicis-home.jpg) no-repeat center 0 fixed;}
body.carretera{background:#000 url(img/bg-body-carretera.jpg) no-repeat center 0 fixed;}
body.triathlon{background:#000 url(img/bg-body-triathlon.jpg) no-repeat center 0 fixed;}
body.mtb_rigidas{background:#000 url(img/bg-body-mtb-rigidas.jpg) no-repeat center 0 fixed;}
body.mtb_dobles{background:#000 url(img/bg-body-mtb-dobles.jpg) no-repeat center 0 fixed;}
body.urbanas{background:#000 url(img/bg-body-urbanas.jpg) no-repeat center 0 fixed;}
body.cross{background:#000 url(img/bg-body-cross.jpg) no-repeat center 0 fixed;}
body.dama{background:#000 url(img/bg-body-dama.jpg) no-repeat center 0 fixed;}
body.ninos{background:#000 url(img/bg-body-ninos.jpg) no-repeat center 0 fixed;}

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

#interactive-int #datos{position:absolute; top:2.5em; left:2.5em; z-index:7;}
#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.links li a:hover{background:#000 url(img/bul-datos-li.png) no-repeat right center; text-decoration:none;}
#interactive-int #datos ul.colores{margin:.33em 0 .83em -.08em;}
#interactive-int #datos ul.colores li{float:left; width:2.35em; height:2.35em; cursor:help;}
#interactive-int #datos .newcolors{clear:both; width:8.67em; height:3.08em; margin:0 0 0 -.33em; background:url(img/ico-new-colours.png) no-repeat; text-indent:-999em;}

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

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

/* =home bicis ------------------------------------------------- */
.home-bicis #text{padding:1.42em 1.42em 0 1.42em; background:#000;}
.home-bicis #text .dest50{width:37.92em; background:url(img/bg-destacado-50-bottom2.gif) no-repeat 0 bottom;}
.home-bicis #text .dest50 .cierre{background:#2179a1 url(img/bg-destacado-50-top2.gif) no-repeat;}

/* =menu bicis */
#menu-bicis{position:absolute; top:0; left:0; z-index:1; width:80em; height:45em; background:url(img/bg-portada-bicis.jpg) no-repeat; z-index:7;}
#menu-bicis ul.listado-tipos{position:absolute; bottom:1.67em; left:1.67em; width:76.67em; padding:0 0 .67em 0; background:url(img/bg-bicis-home-menu.png) repeat-y; z-index:6;}
#menu-bicis ul.listado-tipos li{padding:0 .92em; position:relative;}
#menu-bicis ul.listado-tipos li li{padding:0;}
#menu-bicis ul.listado-tipos li.first{padding:.67em .92em 0 .92em;}
#menu-bicis ul.listado-tipos li.last{padding:0 .92em .67em .92em;}
#menu-bicis ul.listado-tipos li a.link-tipo{color:#fff; font-size:1.6em;}
#menu-bicis ul.listado-tipos li a.link-tipo:hover{color:#dadada; text-decoration:none;}
#menu-bicis ul.listado-tipos li em{color:#a6a8a7; font-size:1.5em; font-style:normal;}

#menu-bicis 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-bicis ul.listado-tipos li.current a.link-tipo{color:#434343;}
#menu-bicis ul.listado-tipos li.current a.link-tipo:hover{color:#585858;}
#menu-bicis ul.listado-tipos li.current em{color:#676767;}

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

#menu-bicis ul.listado-tipos li div.slider div.intro-familia{width:25em; float:left; margin:1.67em 0 0 0;}
#menu-bicis ul.listado-tipos li div.slider div.intro-familia p{margin:0 1.67em .67em 0; color:#676767; line-height:1.4}
#menu-bicis 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-bicis ul.listado-tipos li div.slider ul.listado-familias{}
#menu-bicis ul.listado-tipos li div.slider ul.listado-familias li{float:left; width:20em; padding:0; height:15.83em;}
#menu-bicis ul.listado-tipos li div.slider ul.listado-familias li img{display:block; margin:0 0 .83em 0; background:url(img/bg-sombra-bici-listas.png) no-repeat center 7.33em;}
#menu-bicis 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.png) no-repeat right .76em; color:#434343; font-size:1.2em;}
#menu-bicis ul.listado-tipos li div.slider ul.listado-familias li a.current,
#menu-bicis ul.listado-tipos li div.slider ul.listado-familias li a.link-familia:hover{background:#434343 url(img/ico-expand-familia.png) no-repeat right -.76em; 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-bicis 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-bicis 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-bicis 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-bicis .loading, #familias .loading{height:3.67em; background:#434343 url(img/loader-medium.gif) no-repeat .83em .83em;}
#menu-bicis ul.listado-tipos .datos-familia{display:none;}

/* =destacados */
#dest_comparador, #dest_mi_bici{position:relative; padding:0 0 1.5em 0;}
#dest_comparador .cierre, #dest_mi_bici .cierre{padding:1.2em 1em 0 14.7em; }
#dest_comparador .deco, #dest_mi_bici .deco{position:absolute; top:.5em; left:0; width:13.83em; height:8.58em}
#dest_comparador .deco{background:url(img/bg-comparador.jpg) no-repeat;}
#dest_mi_bici .deco{background:url(img/bg-mi-bici.jpg) no-repeat;}

/* =listado tipos ----------------------------------------------- */
#listado-tipos{padding:0 .83em 5em .83em; position:relative; z-index:9;}
#listado-tipos .intro{margin:0 1.23em 1.23em 1.23em; font:1.35em Helvetica,Arial,Verdana,sans-serif; color:#434343;}

body.listado-tipos .dest50{width:37.92em; margin:.83em 0 3.33em 0; background:url(img/bg-destacado-50-bottom3.gif) no-repeat 0 bottom;}
body.listado-tipos .dest50 .cierre{background:#2179a1 url(img/bg-destacado-50-top3.gif) no-repeat;}
#listado-tipos-destacados{margin:0 .58em;}

#familias{}
#familias .familia{width:18.33em; 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 .modelo{position:relative;}
#familias .familia .newcolors{position:absolute; width:8.67em; height:3.08em; top:-1.25em; left:.83em; background:url(img/ico-new-colours.png) no-repeat; text-indent:-999em;}
#familias .familia img{display:block; padding:0 0 1.08em 0; border-bottom:.25em solid #bababa; background:url(img/bg-sombra-bici-listas.png) no-repeat center 7.33em;}
#familias .familia p{padding:.58em 0;}
#familias .familia p a.link-familia,
#familias .familia p a.link-modelo{float:left; padding:.35em 2.15em .35em .97em; background:url(img/ico-expand-familia.png) no-repeat right .69em; color:#434343; font-size:1.2em;}
#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.png) no-repeat right -.83em; 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;}

/* =ficha-bici ------------------------------------------------------ */

/* =presentacion */
#resumen-bici .intro{width:35em; float:left;}
#resumen-bici .intro p{font:normal 1.33em/1.38em Helvetica,Arial,Verdana,sans-serif; color:#fff; padding:.06em 0 0;}
#resumen-bici .intro_larga p{font:normal 1.33em/1.38em Helvetica,Arial,Verdana,sans-serif; color:#fff;}
#text #resumen-bici .intro p.more{font:1em Arial,Helvetica,sans-serif;}

#resumen-bici .caracteristicas{width:34.17em; float:right; color:#000;}
#resumen-bici .caracteristicas dl{background:url(img/border-dotted-dni.gif) repeat-x bottom left; font-size:.92em; line-height:1.27em; margin:.25em 0 0 0;}
#resumen-bici .caracteristicas dl div{background:url(img/border-dotted-dni.gif) repeat-x top left; float:left; margin:0 0 0 0;}
#resumen-bici .caracteristicas dt{width:10.91em; clear:left; float:left; padding:.27em 0; text-align:right; color:#000; font-weight:bold;}
#resumen-bici .caracteristicas dd{color:#bcd6e5; width:25.45em; float:left; padding:.27em 0 .27em .64em;}

/* =ventajas */
#ventajas .pregunta{width:8.82em; float:left; color:#fff; font-size:1.13em; font-weight:bold; text-align:right;}
#ventajas .respuesta{width:25em; float:right; line-height:1.4;}

/* =entrevista */
#entrevista .entrevistado{padding:.5em 0 .83em 10.83em; background:url(img/bg-dotted-dark.png) repeat-x 0 bottom;}
#entrevista h2{font-size:1.4em; margin:0} 
#entrevista p.edad{font-size:1.3em; color:#fff;} 
#entrevista p.cargo{font-size:1.3em;}
#entrevista .entrevista{padding:0 0 0 10.83em;}
#entrevista .entrevista h3{margin:1.39em 0 .15em 0; color:#fff; font-size:1.2em;}

/* =ficha-tecnica */
#especificaciones.bloque{padding:.83em 0 0 0;}

th.tipo_componente{vertical-align:top; padding-top:.56em;}
td.componente{width:17em; font-size:.9em;}
td.componente-largo{width:32.83em; padding-top:.25em; padding-bottom:.125em; font-size:.9em;}
td.opciones{width:15.83em;}

.bloque ul.option-menu{width:15.58em; margin:.1em 0 0 .8em; background:#1b1b1b url(img/ico-option-expand.png) no-repeat right .33em; color:#acacac; font-size:.9em;}
.bloque ul.option-menu li{padding:.17em 0 .23em 0; cursor:pointer; background:none;}
.bloque ul.option-menu li:hover{position:relative; visibility:inherit; z-index:30;}
.bloque ul.option-menu li ul{display:none; position:absolute; top:1.54em; left:0; background:#1b1b1b; width:15.58em; z-index:30;}

.bloque ul.option-menu li span{padding:0 0 .1em .5em;}
.bloque ul.option-menu li span.myo{padding:0 .5em .17em .5em;}
.bloque ul.option-menu li span.myo em{padding:0 .4em; background:url(img/ico-myo.png) no-repeat 0 .2em;}
.bloque ul.option-menu li span.myo em span{padding:0; visibility:hidden;}
.bloque ul.option-menu li li{padding:.17em .5em .23em .5em; border-top:.08em solid #383737;}
.bloque ul.option-menu li li span{padding:0;}


#packs li{float:left; margin:1.25em .09em 0 0; display:inline; padding:0; background:none;}
#packs li a{float:left; padding:.25em .75em .67em .75em; background:url(img/bg-tabs-tech.gif) no-repeat center 0; color:#a6a8a8; font-size:.9em; font-weight:bold; text-transform:uppercase;}
#packs li a:hover{color:#d7d7d7; text-decoration:none;}
#packs li.ui-tabs-selected a{background-position:center -2.13em; color:#fff;}
.pack-text{padding:.83em 0 .42em 0; font-size:.9em;}

#myo{position:relative; color:#fff; z-index:1;}
#myo.dest60 .cierre{padding:1em 1.25em 0 9.17em;}
#myo h2{position:absolute; top:-.33em; left:.7em; width:7.5em; height:7.5em; background:url(img/chapa-myo.png) no-repeat; text-indent:-900em;}

#geometria div.slider,#ergonomia div.slider{width:30em; overflow:auto;}

#geometria img{margin:.83em 0 0 0;}
#geometria th.right, #ergonomia th.right{width:7.41em;}
#geometria th.talla, #ergonomia th.talla{}
#geometria td, #ergonomia td{text-align:center; padding:.3em 0 .2em 0;}

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

/* =tecnologias */
.ficha-bici #text.tecnologias{padding:1.67em 1.58em 4.17em 1.58em;}

/* =recursos */
.frase-duda{color:#fff; font-size:1.1em;}
.frase-duda{ font-style:normal}

#enlaces.bloque{padding-bottom:0; background:url(img/bg-dotted-dark.png) repeat-x 0 bottom;}
.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;}
.enlace .categoria 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;}

#multimedia{position:relative;}
#multimedia ul.slider-nav li{top:6.42em;}
#multimedia ul.slider-nav li.prev{left:-0.83em;}
#multimedia ul.slider-nav li.next{left:28.83em;}
#multimedia .slider{width:30em; height:12.17em;}
.multimedia{width:9.75em; height:12.17em; float:left; display:inline; margin:0 .33em 0 0; background:url(img/bg-multimedia.png) no-repeat 0 bottom;}
.multimedia img{display:block;}
.multimedia p{padding:.42em .83em;}
.multimedia p a{color:#acacac; font-size:.9em;}

/* =comparador --------------------------------------------------- */
.comparador #content{background:#e4e5e5 url(img/bg-listado-bicis.jpg) no-repeat;}
.comparador #text{padding:0 2.5em 5em 2.5em; background:#434343 url(img/bg-facebox-content.jpg);}

#form-comparador{margin:0 2.5em; height:19.17em; position:relative;}
#form-comparador .dest-dialogo{width:15.5em; height:3.83em; float:left; display:inline; margin:0 1.17em 0 0; background:url(img/bg-bocadillo-comparador.gif) no-repeat;}
#form-comparador .dest-dialogo p{padding:.65em 1.02em; color:#bed5e5; font-size:.9em;}
#form-comparador .selector-modelo{width:18.33em; float:left; display:inline; margin:0 1.17em 0 0; padding:.92em 0; border-top:.25em solid #bababa;}
#form-comparador .last{margin:0;}
#form-comparador .selector-modelo select{margin:0 0 1.17em 0;}
#form-comparador .selector-modelo img{padding:1.25em 0 0 0;}
#form-comparador select{width:15.5em; color:#656565; font:.9em/1.2 Arial,Helvetica,sans-serif; border:.09em solid #7f9db9; background:#fff; padding:0;}
#form-comparador div.img{height:12.50em; border-top:.08em solid #bababa;}
#form-comparador div.loading{background:url(img/bg-menu-ficha-bici-carga.gif) no-repeat center 60%;}

#form-comparador p.button{position:absolute; top:70px; left:0;}

table#tblComparador{margin:0 0 1.67em 0;}
table#tblComparador tr.titles{background:none;}
table#tblComparador tr.vacio{height:3.75em;}
table#tblComparador td{padding:.42em 0 .42em .92em; vertical-align:top}
table#tblComparador td.col-bici{width:18.33em; background:none;}
table#tblComparador th{padding:.46em 1.85em .46em 0; vertical-align:top;}
table#tblComparador th.col-titles{width:15.5em; font-size:1em; padding:0;}

table#tblComparador h2{float:left; padding:.32em 0; color:#fff; font-size:1.3em;}
table#tblComparador td.col-bici p.precio{float:right; padding:.49em .69em .35em 0; font:bold 1.2em Helvetica,Arial,sans-serif; color:#2179a2;}
table#tblComparador td.col-bici p.link{clear:both; padding:1.67em 0;}