@font-face {
    font-family: 'bree_rgbold';
    src: url('fonts/bree-bold-webfont.eot');
    src: url('fonts/bree-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bree-bold-webfont.woff') format('woff'),
         url('fonts/bree-bold-webfont.ttf') format('truetype'),
         url('fonts/bree-bold-webfont.svg#bree_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bree_rgregular';
    src: url('fonts/bree-regular-webfont.eot');
    src: url('fonts/bree-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bree-regular-webfont.woff') format('woff'),
         url('fonts/bree-regular-webfont.ttf') format('truetype'),
         url('fonts/bree-regular-webfont.svg#bree_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bree_ththin';
    src: url('fonts/bree-thin-webfont.eot');
    src: url('fonts/bree-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bree-thin-webfont.woff') format('woff'),
         url('fonts/bree-thin-webfont.ttf') format('truetype'),
         url('fonts/bree-thin-webfont.svg#bree_ththin') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { height:100%; overflow-y:scroll}
body, h1, h2, h3, p, ul, li, dl, dt, dd, form, label, img, input, textarea { margin:0px; padding:0px; }
body, html, input, select, textare, table { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666 }
body, html { margin:0px; padding:0px; height:100%; text-align:center; }
a { color:#333; text-decoration:none }
a:hover { color:#666; }
ul { margin:0px; padding:0px }
h1, h2, h3 { margin:0px; padding:0px; font-style:normal; text-decoration:none; font-weight:normal; }
p { padding-bottom:10px }
ul, ol { margin:0px; padding:0px }
li { padding-bottom:2px; margin-left:15px }
img, table { border:0px }
td, th { }
input, select, textarea, label { float:left }
input.text, textarea, select { margin:0px 3px 3px 0px; color:#4b7572; font-size:11px; font-family:Verdana, Geneva, sans-serif }
input.text, textarea { border:1px solid #cfd3d4; padding:2px }
input.checkbox { float:left; width:13px; height:13px }
label { padding-top:2px; padding-right:3px; cursor:pointer }
table td, table th {  }
.submit { position:absolute; top:-1000px; left:-1000px }
.clear{clear:both;line-height:1px;height:1px;float:none;overflow:hidden}

.oblig { font-family:bree_rgregular; font-size:14px; line-height:25px; color:#009ac7; font-weight:bold; vertical-align:top; }
.oblig2 { text-decoration:none; font-style:normal; font-family:bree_rgregular; font-size:14px; line-height:14px; color:#009ac7; font-weight:bold; vertical-align:top; }
.bajada {font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; line-height:14px; color:#666; vertical-align:top; padding-top:4px; padding-left:10px; padding-right:5px }
.bajada2 { text-align:right !important; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; line-height:12px; color:#666; vertical-align:top; padding-top:4px;}
.bajada2 label { float:right; width:120px; padding-right:10px; }
input.text { background:#fff; border:1px solid #fff; color:#666; width:385px; height:18px; padding:2px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left;  }
input.text2 { background:#fff; border:1px solid #ccc; color:#666; width:200px; height:18px; padding:2px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left;  }
input.text3 { background:#fff; border:1px solid #fff; color:#666; width:285px; height:18px; padding:2px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left;  }
select.text3 { background:#fff; border:1px solid #fff; color:#666; width:292px; height:22px; padding:2px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left;  }
textarea.text3 { background:#fff; border:1px solid #fff; color:#666; width:385px; height:100px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left; }
textarea.text { background:#fff; border:1px solid #fff; width:385px; height:100px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; text-align:left; }
.inpt_home { width:190px; height:14px; padding:2px; background:#ddd; border:1px solid #ddd; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px;  }
a.btn_send2 { width:18px; height:16px; background:url(extras/flecha.jpg) no-repeat left top; display:block; cursor:pointer}
a.btn_send { width:auto; height:auto; padding:1px 7px; background:#009ac7; font-family:bree_rgregular; color:#fff; font-size:14px; line-height:14px; cursor:pointer}
a:hover.btn_send { opacity:0.8}
img#zoom { -ms-interpolation-mode:bicubic; cursor:url(extras/zoom.png), pointer;}

a:hover.hover { opacity:0.8}
div.error { margin-top:10px; border:1px solid #e00; background:#FFDFDF; padding:10px;}
div.error span { font-family:SansationBold; font-size:14px; line-height:14px; color:#e00}
div.error ul li { float:left; width:285px; padding:3px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:11px; color:#585858;}

div.confirmacion { margin-top:10px; border:1px solid #0CB397; background:#fff; padding:10px; text-align:justify}
div.confirmacion span { font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:14px; color:#0CB397}

/* ----- LAYOUT ----- */
.root { width:100%; height:100%; margin:0 auto; padding:0px; text-align:left; z-index:2 }
.layout { height:100%; width:100%; margin:0px auto; padding:0px; z-index:2; }
.main { width:956px; margin:0px auto; text-align:left; z-index:4; box-shadow:1px 1px 10px #666; border-bottom:1px solid #009ac7; }
.content { width:956px; height:595px; padding-top:20px; margin:0px; background:url(layout/fdo_content.png) repeat left top; text-align:center; font-family:bree_rgbold; font-size:13px; line-height:13px; color:#fff; }
.content2 { width:956px; padding-top:20px; margin:0px; background:url(layout/fdo_content.png) repeat left top; text-align:center; font-family:bree_rgbold; font-size:13px; line-height:13px; color:#fff; }
.header { position:relative; width:916px; height:90px; margin:0px auto; padding:0px 20px; background:url(layout/fdo_content.png) repeat left top; text-align:center; box-shadow: 5px -7px 10px -5px #666, -5px -7px 10px -5px #666; z-index:2; }
.footer { position:relative; width:956px; height:37px; margin:0px auto; margin-top:-37px; padding:0px; text-align:center; background:url(layout/fdo_content.png) repeat left top; border-top:1px solid #009ac7; box-shadow:1px 1px 10px #666; overflow:hidden; z-index:3; }
.col_left { width:150px; text-align:left; height:100%; }
.col_left .inner { display:block; position:fixed; left:0; top:0; width:150px; height:100%; z-index:2;}
.col_right { width:150px; text-align:left; height:100%; }
.col_right .inner { position:relative; width:150px; height:100%; z-index:2; }
#background { position:fixed; display:block; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#background img {min-width:100%; min-height:100%; height:100%; border:none; z-index:-1; -webkit-user-select:none; cursor:-webkit-zoom-in; visibility:visible; }
.ln_menu2 { float:right; width:1px; height:10px; margin:1px 4px 0px 4px; background:url(extras/ln_menu.jpg) no-repeat left top; z-index:2}

/* ----- HEADER ----- */
.header .hdr_cont { position:relative; width:916px; height:89px; padding:0px; margin:0px auto; border-bottom:1px solid #009ac7; }
.header .hdr_cont .logo { float:left; text-align:left; vertical-align:top; margin:0px; padding:0px; z-index:2; } 
.header .hdr_cont .div_menu { position:relative !important; float:right; text-align:left; z-index:2; margin-top:10px}
a.fb { float:left; width:15px; height:12px; background:url(extras/fb.png) no-repeat left top; margin-top:-2px; margin-left:10px; cursor:pointer;}
a:hover.fb { opacity:0.8	}
a.tw { float:left; width:13px; height:10px; background:url(extras/tw.png) no-repeat left top; margin-top:1px; margin-left:10px; cursor:pointer;}
a:hover.tw { opacity:0.8	}

/* ----- FOOTER ----- */
.footer table tr td { vertical-align:top; text-align:left; padding:14px 20px 0px 20px; font-family:bree_ththin; font-size:12px; line-height:12px; color:#999; }
a.mtz { width:70px; height:25px; background:url(extras/mestizos.png) no-repeat left top; display:block; overflow:hidden; }
a:hover.mtz { background-position:0px -25px; -moz-transition:300ms ease-in-out; -o-transition:300ms ease-in-out; -ms-transition:300ms ease-in-out; transition:300ms ease-in-out}

/* ------ FUENTES ------*/
.data { font-family:bree_rgregular; color:#666; font-size:12px; line-height:12px; }
.data p { font-family:bree_rgregular; color:#666; font-size:14px; line-height:14px; }
a.data { font-family:bree_rgregular; color:#666; font-size:12px; line-height:12px; }
a:hover.data { opacity: 0.8}
.data_b { font-family:bree_rgbold; color:#666; font-size:14px; line-height:14px; }

.div_title { position:relative; height:21px; padding-top:7px; padding-left:10px; background:#fff; font-family:bree_rgregular; color:#009ac7; font-size:15px; line-height:15px; }
.div_title_blue { position:relative; height:21px; padding-top:7px; padding-left:10px; background:#009ac7; font-family:bree_rgregular; color:#fff; font-size:15px; line-height:15px; }
a.v_mas { font-family:bree_rgregular; color:#009ac7; font-size:12px; line-height:12px;}
a:hover.v_mas { opacity:0.8} 
a.enviar { font-family:bree_rgregular; color:#009ac7; font-size:14px; line-height:14px;}
a:hover.enviar { opacity:0.8} 
a.pdf { font-family:bree_rgregular; color:#666; font-size:14px; line-height:14px;}
a:hover.pdf { opacity:0.8}
a.cambiar { font-family:bree_rgregular; color:#009ac7; font-size:14px; line-height:14px;}
a:hover.cambiar { opacity:0.8} 
a.cerrar { font-family:bree_rgregular; color:#009ac7; font-size:14px; line-height:14px;}
a:hover.cerrar { opacity:0.8} 

/* ------ MENU ------*/
.div_menu .ln_menu { float:left; width:1px; height:10px; margin:1px 4px 0px 4px; background:url(extras/ln_menu.jpg) no-repeat left top; z-index:2}
.div_menu ul.dropdown { position:relative; width:auto; margin:0px; padding:0; z-index:9999;}
.div_menu ul.dropdown li { float:left; width:auto; margin:0px; padding:2px 0px; cursor:pointer; text-align:center; white-space:nowrap; list-style:none;}
.div_menu ul.dropdown li a h3 { float:left; width:auto; margin:0px 10px; font-family:bree_rgregular; color:#333; font-size:12px; line-height:12px; text-align:center; }
.div_menu ul.dropdown a.active h3 { color:#009ac7; }
.div_menu ul.dropdown a:hover h3 { color:#44BBDD; }
.div_menu ul.dropdown li.hover, ul.dropdown li:hover { position:relative; }

.div_menu ul.dropdown ul { visibility:hidden; position:absolute; top:15px; left:-5px; width:auto; height:auto; margin:0px; padding:8px 16px; background:#fff; border-bottom:1px solid #009ac7; box-shadow:0px 2px 2px #ccc; z-index:9999999 }
.div_menu ul.dropdown ul li { display:block; width:auto; height:auto; margin:4px 0px; padding:0px; z-index:9999999}
.div_menu ul.dropdown ul li a { position:relative; display:block; text-align:left; width:auto; height:auto; margin:0px; padding:0px; font-family:bree_rgregular; color:#333; font-size:12px; line-height:12px; text-align:center;  z-index:9999999}
.div_menu ul.dropdown ul li a:hover { color:#44BBDD; }
.div_menu ul.dropdown ul li a.active2 { color:#009ac7;}
  

/* ------ HOME ------*/
.cont_home { position:relative; width:916px; height:220px; padding-top:10px; margin:0px auto; overflow:hidden;}
.cont_home .rgt { float:right; width:658px;}
.cont_home .rgt .div_emp { height:166px; margin-bottom:10px; overflow:hidden; }
.cont_home .rgt .div_emp .emp { float:left; width:325px; height:166px; padding-right:18px; text-align:left; border-right:1px solid #009ac7; overflow:hidden; }
.cont_home .rgt .div_emp .rep { float:right; width:296px; height:166px; padding:0px; margin:0px; margin-left:6px; text-align:left; overflow:hidden; }
.rep a.indoor { width:296px; height:93px; padding:0px; margin:0px; background:url(extras/indoor_home.png) no-repeat right top; display:block }
.rep a:hover.indoor { opacity:0.8}
.rep a.catalogo { width:296px; height:74px; padding:0px; margin:0px; background:url(extras/catalogo-home.png) no-repeat right top; display:block }
.rep a:hover.catalogo { opacity:0.8}
.cont_home .rgt .div_login { height:24px; padding:3px 0px; margin-bottom:10px; background:#fff;}
.tit_acc { font-family:bree_rgbold; color:#009AC7; font-size:13px; line-height:13px; }
.ver_cat { width:auto; padding-top:18px; padding-left:10px; font-family:bree_rgregular; color:#fff; font-size:13px; line-height:13px;}
.txt_cat { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; font-style:italic; color:#666 }

/* ------ NOVEDAD ------*/
.etiq_nov { position:relative; width:160px; height:21px; padding-top:7px; padding-left:10px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:15px; line-height:15px; z-index:1}
.cont_home .prod_new { position:relative; float:left; width:240px; }
.cont_home .prod_new #sliderNov { width:240px; height:206px; padding:0px; } 
#slidehome { position:relative; width:240px; height:206px; margin:0px; overflow:hidden; }
#slidehome #slidesContainer { position:relative; margin:0px; width:240px; height:206px; overflow:hidden; }
#slidehome #slidesContainer .nov_border { position:absolute; left:0px; top:28px; width:232px; height:146px; border:4px solid #009ac7; border-bottom:none; z-index:9}
#slidehome #slidesContainer .slide { margin:0 auto; width:240px; height:206px; overflow:hidden}
.slide .boxgrid { position:relative; float:left; width:240px; height:178px; }
.slide .boxgrid .img_nov { position:absolute; top:0; left:0; border:0; width:242px; height:146px; z-index:1}
.slide .boxgrid .title { position:absolute; bottom:0px; left:0px; width:225px; height:20px; margin:0px; padding:8px 5px 0px 10px; background:#43BADC; border-top:4px solid #009ac7; font-family:bree_rgregular; font-size:13px; line-height:13px; color:#fff; text-align:left; z-index:99; overflow:hidden;}
.puntero { position:absolute; z-index:4; top:7px; right:0px;}
.puntero .slide_puntero_div{ float:left; height:9px; width:10px; padding:2px; cursor:pointer; display:block; background:url(extras/point_novedad.png) no-repeat left center;}	
.puntero .slide_puntero_div_ac{ float:left; height:9px; width:10px; padding:2px; cursor:pointer; display:block; background:url(extras/point_novedad01.png) no-repeat left center;}

/* ------ MENU PROD HOME ------*/
.menu_prod { width:950px; height:360px; margin:0px auto; padding:0px 0px 0px 20px; font-family:bree_rgbold; font-size:13px; line-height:13px }
.etiq_menu { position:absolute; left:-8px; bottom:100px; width:140px; height:38px; padding-top:10px; padding-left:20px; text-align:left; color:#1A171B; text-transform:uppercase; overflow:hidden; z-index:9999999; display:block }
.etiq_menu h2 { color:#1A171B; font-family:bree_rgbold; font-size:13px; line-height:13px }
#top .preloading_background { background:url(extras/preload.gif) no-repeat scroll 50% 50%;}
#top .fadeout { position:absolute; width:100px !important; display:block; right:0px; z-index:3;}
#top .sliderheading { display:block; font-size: 1.6em;}
#top .slidercontent { font-size:1.2em;}
#top .heading_clone { position:absolute; z-index:4; display:block; font-size:4.0em; height:50px; margin-bottom:60px;}
#contentwrap { position:relative; width:100%; height:349px; clear:both; padding:0px;}
#feature_wrap { position:relative; width:100%; overflow:hidden}
#featured { position:relative; width:100%; height:349px; overflow:hidden; border:none; }
.featured { float:left; width:150px; height:349px; margin-right:15px; background:url(extras/preload.gif) no-repeat scroll 50% 150px !important; display:none; z-index:2; overflow:hidden}
.featured a, .featured a img, .featured img { text-decoration:none; }
.featured img { position:relative; display:block; z-index:1}
.fadeout, .newsselect { height:349px;}

/* ------ PRODUCTOS ------*/
.menu_prod2 { position:relative; width:916px; height:35px; margin:0px auto; padding:0px; overflow:hidden; }
.ln_menu_prod2 { float:left; width:1px; height:15px; margin:12px 17px 0px 0px; background:url(extras/ln_menu_bicis.jpg) no-repeat left top; z-index:1}
.menu_prod2 a { position:relative; float:left; width:auto; height:35px; z-index:1; margin-right:17px; padding:0px; text-align:left; }
.menu_prod2 a:hover { color:#ccc }
.menu_prod2 a.b5 { width:98px; height:35px; background:url(extras/b_urbanas.png) no-repeat left -35px; overflow:hidden}
.menu_prod2 a:hover.b5 { background-position:left top; }
.menu_prod2 a.active_b5 { width:98px; height:35px; background:url(extras/b_urbanas.png) no-repeat left -70px; overflow:hidden}
.menu_prod2 a.b1 { width:128px; height:35px; background:url(extras/b_mountain.png) no-repeat left -35px; overflow:hidden}
.menu_prod2 a:hover.b1 { background-position:left top; }
.menu_prod2 a.active_b1 { width:128px; height:35px; background:url(extras/b_mountain.png) no-repeat left -70px; overflow:hidden}
.menu_prod2 a.b4 { width:93px; height:35px; background:url(extras/b_classics.png) no-repeat left -35px; overflow:hidden}
.menu_prod2 a:hover.b4 { background-position:left top; }
.menu_prod2 a.active_b4 { width:93px; height:35px; background:url(extras/b_classics.png) no-repeat left -70px; overflow:hidden}
.menu_prod2 a.b2 { width:74px; height:35px; background:url(extras/b_kids.png) no-repeat left -35px; margin-left:1px; overflow:hidden; }
.menu_prod2 a:hover.b2 { background-position:left top; }
.menu_prod2 a.active_b2 { width:74px; height:35px; background:url(extras/b_kids.png) no-repeat left -70px; margin-left:1px; overflow:hidden; }
.menu_prod2 a.b6 { width:108px; height:35px; background:url(extras/b_especiales.png) no-repeat left -35px; overflow:hidden; }
.menu_prod2 a:hover.b6 { background-position:left top; }
.menu_prod2 a.active_b6 { width:108px; height:35px; background:url(extras/b_especiales.png) no-repeat left -70px; overflow:hidden; }
.menu_prod2 a.b7 { width:122px; height:35px; background:url(extras/b_freestyle.png) no-repeat left -35px; margin-left:1px; overflow:hidden; }
.menu_prod2 a:hover.b7 { background-position:left top; }
.menu_prod2 a.active_b7 { width:122px; height:35px; background:url(extras/b_freestyle.png) no-repeat left -70px; margin-left:1px; overflow:hidden; }
.menu_prod2 a.b8 { width:80px; height:35px; background:url(extras/b_indoor.png) no-repeat left -35px; margin-left:1px; overflow:hidden; }
.menu_prod2 a:hover.b8 { background-position:left top; }
.menu_prod2 a.active_b8 { width:80px; height:35px; background:url(extras/b_indoor.png) no-repeat left -70px; margin-left:1px; overflow:hidden; }

.cont_prod { position:relative; width:916px; height:376px; margin:0px auto; margin-top:23px; }
.cont_prod .etiq_dest { position:absolute; left:0px; top:0px; height:47px; text-align:left; z-index:4}
div.etiq_dest_mid { float:left; width:auto; height:21px; padding-top:7px; padding-left:10px; padding-right:10px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:15px; line-height:15px; text-transform:uppercase;}
div.etiq_dest_der { float:left; width:12px; height:28px; background:url(extras/corte_destacado.png) no-repeat left top }
a.next_prod { position:absolute; right:0px; bottom:0px; width:auto; height:12px; padding:5px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:13px; line-height:13px; display:block; cursor:pointer; z-index:2}
a:hover.next_prod { opacity:0.8 }
a.prev_prod { position:absolute; right:74px; bottom:0px; width:auto; height:12px; padding:5px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:13px; line-height:13px; display:block; cursor:pointer; z-index:2}
a:hover.prev_prod { opacity:0.8 }

.tit_prod2 { padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; line-height:14px; color:#666; text-align:left; }
.dsc_prod { height:250px; width:317px; margin-bottom:10px; padding-left:10px; overflow-y:auto; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:11px; line-height:13px; color:#666; }
.dsc_prod p { padding:2px 0px; }
.div_imgs { position:relative; width:532px; overflow:hidden; }
.div_imgs ul { position:relative; width:999999px; margin:0px; padding:0px}
.div_imgs ul li { position:relative; width:auto; float:left; margin:0px; padding:0px; }
.div_imgs ul li img { width:532px; height:375px; }

/* ------ MENU MODELOS ------*/
.div_modelos { position:relative; width:916px; height:100px; padding:0px; padding-top:10px; margin:0px auto; }
.div_modelos a.modelos { float:left; width:82px; height:12px; margin:0px 11px 10px 0px; padding:5px; background:#fff; font-family:bree_rgregular; text-transform:uppercase; color:#ccc; font-size:14px; line-height:14px; text-align:center; }
.div_modelos a:hover.modelos { color:#999}
.div_modelos a.modelos.active { color:#666} 

/* ------ EMPRESA ------*/
.cont_emp { position:relative; width:916px; height:567px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#333;}
.cont_emp .izq { float:right; width:510px}
.cont_emp .izq_real { float:left; width:460px;}
.cont_emp p { padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; line-height:16px; color:#666}
.cont_emp ul { padding:2px; } 
.cont_emp ul li { padding:2px 0px; } 

#slideImg { position:relative; width:373px; height:569px; }
#slideImg .sombra { position:absolute; left:12px; bottom:0px; width:373px; height:569px; background:url(extras/tira_empresa.png) no-repeat right bottom; z-index:99}
#slideImg IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideImg IMG.active { z-index:10; opacity:1.0;}
#slideImg IMG.last-active {z-index:9;}

/*-------- CONTACTO ----- */
a.fb2 { width:auto; background:url(extras/fb2.png) no-repeat left top; cursor:pointer; font-family:bree_rgregular; color:#666; font-size:12px; line-height:12px; padding-left:18px }
a:hover.fb2 { opacity:0.8}
a.tw2 { width:auto; background:url(extras/tw2.png) no-repeat left 2px; cursor:pointer; font-family:bree_rgregular; color:#666; font-size:12px; line-height:12px; padding-left:15px }
a:hover.tw2 { opacity:0.8}

/* ------ POP UP ------- */ 
#ventanaPopup1Fondo{ display:none; position:fixed; _position:absolute; /* caso especial para IE 6*/ height:100%; width:100%; top:0; left:0; background:#000000;  z-index:999;  -webkit-transition:ease-out 0.5s; -moz-transition:ease-out 0.5s; -o-transition: ease-out 0.5s; transition: ease-out 0.5s;}
#ventanaPopup1{ display:none; position:fixed; _position:absolute; /* caso especial para IE 6*/ width:650px; height:450px; z-index:1000; font-size:13px; -webkit-transition:ease-in 0.5s; -moz-transition:ease-in 0.5s; -o-transition: ease-in 0.5s; transition: ease-in 0.5s;}
#ventanaPopup1Cerrar{ position:absolute; right:0px; top:-22px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:20px; display:block; cursor:pointer;  }
	
/* ------ DESCARGAS ------- */ 
a.download_title { display:block; position:relative; width:850px; height:21px; padding-top:7px; padding-left:10px; background:#fff; font-family:bree_rgregular; color:#009ac7; font-size:15px; line-height:15px; margin-bottom:15px }
a:hover.download_title { opacity:0.8}
.cont_down { position:relative; width:100%; height:auto; display:block; margin-bottom:10px; display:none }
.download_subtit { font-family:bree_rgregular; color:#009ac7; font-size:14px; line-height:16px;}
.download_separate { float:left; margin:0px 3px; color:#666; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:13px }
a.dwl { float:left; color:#666; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:13px }
a:hover.dwl { color:#009ac7; text-decoration:underline;} 

/* ------ CLI ------- */
a.logout { float:right; width:auto; height:auto; padding:3px 5px; font-family:bree_rgregular; background:#fff; color:#009ac7; font-size:12px; line-height:12px;} 
a.logout:hover { opacity:0.7}
a.logout div.out{ float:left; width:auto; height:auto; margin-top:3px}
a.logout div.cruz { float:right; width:auto; height:auto; background:#e00; color:#fff; padding:2px 4px; margin-left:8px}
a.link_menu_cli { position:relative; width:250px; height:21px; padding-top:7px; padding-left:10px; margin-bottom:20px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:15px; line-height:15px; display:block; }
a.link_menu_cli:hover { opacity:0.7} 

/* ------ CLI LIST ------- */
.list_tit_urbanas { position:relative; height:50px; margin:0px; text-align:left; background:#1EAD8A}
.list_tit_classics { position:relative; height:50px; margin:0px; text-align:left; background:#99589F}
.list_tit_mountain { position:relative; height:50px; margin:0px; text-align:left; background:#F7A63A}
.list_tit_freestyle { position:relative; height:50px; margin:0px; text-align:left; background:#F08449}
.list_tit_kids { position:relative; height:50px; margin:0px; text-align:left; background:#EA4F60}
.list_tit_especiales { position:relative; height:50px; margin:0px; text-align:left; background:#2092D1}
.list_tit_indoor { position:relative; height:50px; margin:0px; text-align:left; background:#353534}

tr.gris { height:30px; background:#bbb; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; }
tr.even { background:#EFEFEF }
tr.even td { font-size:12px; line-height:15px; }
tr.odd { background:#F9F9F9 }
tr.odd td { font-size:12px; line-height:15px;}
.dsc_list { position:relative; width:100%; height:auto; display:block; margin-bottom:10px; display:none }
a.apliar_dsc { float:right; margin-right:5px; padding-top:3px; font-family:bree_ththin; color:#009ac7; font-size:12px; line-height:12px;  }
a:hover.apliar_dsc { opacity:0.7}
.condiciones { position:fixed; top:32px; left:50%; margin-left:490px; width:160px; height:auto; padding:8px; background:url(layout/fdo_content.png) repeat left top; text-align:left; box-shadow:1px 1px 10px #666; border-bottom:1px solid #009ac7; }
.condiciones .datos { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#666}
.condiciones .titles { position:relative; height:auto; padding:2px 4px; background:#009ac7; text-align:left; color:#fff; font-family:bree_rgregular; font-size:15px; line-height:15px; display:block; }

.buttonontop {position:fixed; bottom:7px; left:50%; margin-left:490px; width:43px; height:43px; background:url(extras/up.png) no-repeat center top; text-align:center; text-decoration:none;  cursor:pointer; z-index:99; opacity: 0.8; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; display:none; }
.buttonontop:hover { opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;}

a.promo { position:fixed; top:10px; left:50%; margin-left:490px; width:160px; height:auto; box-shadow:1px 1px 10px #666; }

/* ------ CLI NOV ------- */
.nov_cli_cont { position:relative; width:100%; background:#43BADC; }
.nov_cli_cont div { padding:0 10px 0px 10px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:13px }
.nov_cli_cont div table tr td .novtit { width:100%; padding:0px; height:15px; margin-bottom:6px; font-family:bree_rgregular; font-size:15px; line-height:15px; color:#fff; overflow:hidden; }
.nov_cli_cont div table tr td .novdsc { width:100%; padding:0px; height:101px; margin-bottom:7px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#fff; overflow:hidden; }

a.btn_lista { float:left; margin-right:22px; width:112px; height:100px; background: url(extras/lista_precios.jpg) no-repeat left top; } 
a.btn_lista:hover { opacity:0.7}
a.btn_misdatos { float:left; margin-right:22px; width:112px; height:100px; background: url(extras/mis_datos.jpg) no-repeat left top; } 
a.btn_misdatos:hover { opacity:0.7}
a.btn_mispedidos { float:left; width:112px; height:100px; background: url(extras/mis_pedidos.jpg) no-repeat left top; } 
a.btn_mispedidos:hover { opacity:0.7}

.bree_a { font-family:bree_rgregular; color:#009ac7; font-size:14px; line-height:16px;}
.ar_g_11 { font-family: bree_rgregular; font-size:11px; line-height:13px; color:#666; }
.ar_g_14 { font-family: bree_rgbold; font-size:14px; line-height:14px; color:#666; }
.ar_w_11 { font-family: bree_rgregular; font-size:12px; line-height:12px; color:#fff; }
.ar_w_12 { font-family:bree_rgbold; font-size:14px; line-height:14px; color:#fff;  }
select.textField { width:120px; height:28px; margin:0px; padding:3px; padding-top:4px; font-family:bree_rgregular; font-size:16px; line-height:14px; color:#fff; background:#009ac7; border:none; }
select.textField option { background:#fff; color:#009ac7; }
select.textField option:hover { background:#009ac7; color:#fff; }

/* */
.myd_1c { width:120px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:12px; line-height:12px; color:#666; vertical-align:top; padding-top:4px;}
.myd_2c { width:300px; text-align:left; font-family:Arial, Helvetica, sans-serif;  font-size:12px; line-height:12px; color:#666; vertical-align:top; padding-top:4px; }
.myd_3c { text-align:left; vertical-align:top; padding-top:4px; }