body{padding:40px 0 0; background:#fff; font:.9em/1.5 Arial,Helvetica,sans-serif; color:#000;} body.empty{padding:0;} body > iframe{display:none;} *{margin:0; padding:0; border:0; outline:none;} h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;font-family: 'Fjalla One', sans-serif;} h1{ text-transform:uppercase; font-family: 'Fjalla One', sans-serif; font-size: 3em; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; } h1.underline{padding:0 0 20px; border-bottom:1px solid #d0d1d3;} h3{font-size: 2.0em;text-transform:uppercase;} a{outline:none; text-decoration:none;} a:hover{outline:none;} img{display:block;} a img{border:0;} ul{list-style:none; list-style-position:outside;} abbr{border:0;} @media only screen and (max-width: 767px) { body { padding: 55px 0 0; } } /* ------------------------------------------------------------------------------- layout ------------------------------------------------------------------------------- */ /* =heading */ #heading{position:fixed; z-index:1000; top:0; left:0; width:100%; background:#2A3333; color:#a6a8aa; text-transform:uppercase; -moz-box-shadow:inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 8px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 8px rgba(0,0,0,.5); box-shadow:inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 8px rgba(0,0,0,.5);font-family: 'Fjalla One', sans-serif, 'Microsoft JhengHei';} .tablet #heading{position:absolute;} @media screen and (max-width: 767px) { #heading { height: 60px; } #heading .mobile-hide { display: none; } } /* burger ========================================== */ @media only screen and (max-width: 767px) { .burger { width: 50px; height: 50px; position: fixed; top: 6px; right: 12px; border-radius: 4px; transition: .4s; z-index: 9999; } .fixed .burger { top: 0px; } .burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -1.5px; } .burger span, .burger span::before, .burger span::after { display: block; width: 25px; height: 1px; background-color: #ffffff; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; transition-duration: 0.9s; } .burger span::before, .burger span::after { position: absolute; content: ""; } .burger span::before { top: -9px; } .burger span::after { top: 9px; } .burger.clicked span { background-color: transparent; } .burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); } .burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); } .burger.clicked span:before, .burger.clicked span:after { background-color: rgb(255, 255, 255);} .burger:hover { cursor: pointer; } } /* mobile-nav ========================================== */ .mobile-nav { background: rgb(31, 31, 31); position: fixed; z-index: 999; top: 0; right: 0; height: 100%; width: 100%; padding-top: 30px; overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .mobile-nav.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .mobile-nav ul{ padding: 20px 0; margin: 0px; } .mobile-nav ul li{ display: block; width: 100%; text-align: center; } .mobile-nav ul li a{ display: block; font-size: 18px; color: rgba(255, 255, 255, 1); padding: 10px 5px 5px 5px; } .mobile-nav ul li.clicked a { color: #F64B3A; } .mobile-nav hr { border: 1px solid rgba(255, 255, 255, 0.2); width: 20%; margin: 20px auto; } /* =cookie bar */ #cookie-bar{position:fixed; z-index:1000; bottom:0; left:0; width:100%; background:#fff; color:#000; font-size:13px; text-transform:none; border-top:1px solid #d0d1d3; -moz-box-shadow:0 -6px 10px -8px rgba(0,0,0,.5); -webkit-box-shadow:0 -6px 10px -8px rgba(0,0,0,.5); box-shadow: 0 -6px 10px -8px rgba(0,0,0,.5);} #cookie-bar .wrap{padding:20px 0;} #cookie-bar p{padding:0 60px 0 0;} #cookie-bar a{color:#F64B3A; border-bottom:1px solid #F64B3A;} #cookie-bar .cb-enable{position:absolute; top:25px; right:0; display:block; width:13px; height:13px; background:url(img/sprite-main.png) no-repeat -140px 0; border:0; text-indent:-9999px;} #cookie-bar .cb-enable:hover{background-position:-140px -20px;} /* form */ input,select,textarea{ background-color: #EDEDED; padding: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:inset 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow:inset 0 2px 5px rgba(0,0,0,.1); box-shadow:inset 0 2px 5px rgba(0,0,0,.1); } /* messages */ .message-error{margin:-15px 0 30px; color:#e2001a;} .message-error p{font-weight:bold;} .message-error ul{margin-top:9px; font-size:.9em;} .message-error li{padding:0 0 5px 15px; background:url(img/bul-li-error.png) no-repeat 0 6px;} .message-info{margin:-15px 0 30px; color:#F64B3A;} .message-info p{font-weight:bold;} .remember-password .message-info {margin-top: 50px; text-align: center; } /* =popups */ .popup h1{float:left; margin:0 0 37px;} .popup h1.underline{padding:0 0 8px; border-bottom:5px solid #000;} .popup .popup-content{clear:both;} .popup.message .popup-content{width:300px; padding:30px 60px 30px 0; font-size:1.1em; font-weight:bold;} #msg-popup { display: none; } #colorbox .msg-nick { padding: 30px 50px 0px 30px; } #colorbox .msg-nick p { margin-bottom: 30px; } /* ------------------------------------------------------------------------------- general styles ------------------------------------------------------------------------------- */ /* helper classes */ .clear_both { clear: both; } .structural{position:absolute; top:-99999px; left:-99999px;} .hide{display:none;} .lazy{display:none;} .clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} html[xmlns] .clearfix{display: block;} * html .clearfix {height:1%;} /* generic classes/elements/blocks */ .space{padding-top:37px !important;} .scroller{overflow:hidden;} .scroller ul{width:99999px;} span.ico{position:absolute; top:0; left:0; display:block; background:url(img/sprite-main.png) no-repeat;} .preguntanos{float:right; width:218px; padding:13px 0; text-align:center; text-transform:uppercase;} .preguntanos a{color:#808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .preguntanos span.title{display:block; position:relative; margin:0 0 5px; padding:0 0 2px; background:url(img/line-light-grey.png) no-repeat center bottom; color:#000; font:24px/1.2 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif;} .preguntanos a:hover{color:#000;} .preguntanos a:hover span.title{color:#F64B3A;} body.ja .preguntanos a{font-size:13px;} body.ja .preguntanos span.title{padding:0 0 5px; font-size:18px; font-weight:bold;} ul.ulist{margin:0 0 30px; font-size:.85em;} ul.ulist li{padding:0 0 7px 15px; background:url(img/bul-li.png) no-repeat 0 6px;} ul.ulist li a{padding:0 0 2px; color:#000; border-bottom:1px solid #000; font-weight:bold;} ul.ulist li a:hover{border:0;} ul.ulist ul{margin:13px 0 20px;} ul.ordered li{position:relative; padding:0 0 30px 40px;} ul.ordered li span.num{position:absolute; top:0; left:0; color:#000; font:40px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif;} ul.social-share{overflow:visible; height:30px;} ul.social-share li{position:relative; float:left; padding:5px 10px; border-left:1px solid #d0d1d3;} ul.social-share li a{float:left; width:18px; height:14px; background:url(img/sprite-main.png) no-repeat; text-indent:-9999px;} ul.social-share li.facebook{padding-left:0; border:0;} ul.social-share li.facebook a{width:14px; background-position:0 -40px;} ul.social-share li.twitter a{background-position:-20px -40px;} ul.social-share li.googleplus a{background-position:-40px -40px;} ul.social-share li.pinterest a{width:14px; background-position:-60px -40px;} ul.social-share li.facebook:hover a{background-position:0 -60px;} ul.social-share li.twitter:hover a{background-position:-20px -60px;} ul.social-share li.googleplus:hover a{background-position:-40px -60px;} ul.social-share li.pinterest:hover a{background-position:-60px -60px;} ul.social-share li div.count-container{position:absolute; z-index:11; top:-85px; left:-32px; width:80px; height:66px; padding:11px; background:url(img/bg-social-box.png) no-repeat; text-align:center;} ul.social-share li.facebook div.count-container{left:-42px;} .num-nav{position:relative; left:-50%; float:right; margin:12px 0 0;} .num-nav ul{position:relative; left:50%;} .num-nav li{float:left; margin:0 0 0 8px;} .num-nav li.first{margin:0;} .num-nav a{float:left; width:10px; height:10px; background:url(img/sprite-main.png) no-repeat -20px -20px; text-indent:-9999px;} .num-nav a:hover{background-position:-80px -20px;} .num-nav a.selected{background-position:-40px -20px;} .arrow-nav li{position:absolute; top:50%; margin:-62px 0 0;} .arrow-nav li a{ display:block; width:125px; height:125px; background-color:#1E2424; } .arrow-nav li a:hover{ background-color: #F64B3A; } .arrow-nav li a strong{display:none;} .arrow-nav li a span.ico{top:50%; left:45px; margin:-13px 0 0; width:26px; height:26px; background-position:-60px -80px;} .arrow-nav li.prev{left:0;} .arrow-nav li.next{right:0;} .arrow-nav li.next a span.ico{left:auto; right:45px; background-position:-90px -80px;} .arrow-nav.medium li a{width:70px; height:70px;} .arrow-nav.medium li a span.ico{top:50%; left:26px; margin:-8px 0 0; width:15px; height:16px; background-position:-160px -20px;} .arrow-nav.medium li.prev{left:0;} .arrow-nav.medium li.next{right:0;} .arrow-nav.medium li.next a span.ico{left:auto; right:26px; background-position:-180px -20px;} .arrow-nav.small li a{width:15px; height:16px; background:url(img/sprite-main.png) no-repeat; text-indent:-9999px;} .arrow-nav.small li.prev a{background-position:-160px -40px;} .arrow-nav.small li.next a{background-position:-180px -40px;} .arrow-nav.small li.prev a:hover{background-position:-160px -60px;} .arrow-nav.small li.next a:hover{background-position:-180px -60px;} form.standard{position:relative; z-index:1; width:100%;} form.standard fieldset{width:100%;} form.standard p.intro, form.standard div.msg-extra p{margin:0 0 40px; font-weight:bold;} form.standard div.msg-extra p { margin-bottom: 20px; color: #f10101; } form.standard p.intro a{color:#000; padding:0 0 2px; border-bottom:1px solid #000;} form.standard p.intro a:hover{border:0;} form.standard div.field{position:relative; z-index:999; width:430px; float:left; margin:0 60px 20px 0;} form.standard .clickable-group{float:left; margin:0 0 20px;} form.standard .clickable-group div.field{margin-bottom:5px;} form.standard div.field.right{margin-right:0;} form.standard div.field.full{margin-right:0; float:none; clear:both;} form.standard div.field p.side-link{position:absolute; top:0; right:50px; font-size:12px;} form.standard div.field p.side-link a{color:#808184; font-weight:bold;} form.standard div.field p.side-link a:hover{color:#59595b;} /* minisearch */ #minisearch{position:absolute; z-index:1; top:-9999px; right:-9999px; width:400px; padding:20px; background:#fff; -moz-box-shadow:0 0 16px rgba(0,0,0,.2); -webkit-box-shadow:0 0 16px rgba(0,0,0,.2); box-shadow:0 0 16px rgba(0,0,0,.2);} #heading ul.shop li.search:hover div.minisearch, #minisearch.hover{top:40px !important; right:0 !important;} #minisearch input{width:230px; float:left; padding:10px 10px 9px 40px; background:#EEE url(img/icon-search3.png) no-repeat 11px center; font:14px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; } #minisearch button{ float:right; min-width:100px; padding:10px 0 9px; font-size:12px; color: #FFFFFF; background-color: #F64B3A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; } /* minicart */ #heading div.minicart{position:absolute; top:-9999px; right:-9999px; width:340px; background:#fff; -moz-box-shadow:0 0 16px rgba(0,0,0,.2); -webkit-box-shadow:0 0 16px rgba(0,0,0,.2); box-shadow:0 0 16px rgba(0,0,0,.2);} .tablet #heading div.minicart{ display:none !important;} #heading ul.shop li.cart:hover div.minicart, #minicart.hover{top:40px !important; right:0 !important;} #heading ul.shop div.minicart li{position:relative; overflow:auto; float:none; padding:10px 20px; border-bottom:1px solid #e6e7e7;} .cart-item-info img{width:100px; float:left;} .cart-item-info div{width:180px; float:right; margin:15px 0 0; color:#000; font-size:1.1em; line-height:1.6; text-transform:none;} .cart-item-info div strong{color:#000; font:19px/.95 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .cart-item-info div strong span.qty{font-size:14px;} .cart-item-info div span.price{color:#808184;} #heading ul.shop div.minicart li a.delete{display:block; position:absolute; top:20px; right:20px; width:13px; height:13px; background:url(img/sprite-main.png) no-repeat -140px -20px; text-indent:-9999px;} #heading ul.shop div.minicart li a.delete:hover{background-position:-140px 0;} #heading ul.shop div.minicart p{overflow:auto; padding:15px 20px; color:#000; border-bottom:1px solid #e6e7e7; font-size:1.3em; font-weight:bold;} #heading ul.shop div.minicart p.price span.title{float:left;} #heading ul.shop div.minicart p.price strong{float:right;} #heading ul.shop div.minicart p.button{padding:20px; background:#f8f8f8; border:0;} #heading ul.shop div.minicart p.button a{float:left; width:100%; padding:12px 0 10px;} #heading ul.shop div.minicart p.button a.margin{margin-bottom:10px;} #heading ul.shop div.minicart p.empty{padding:20px; text-align:center; font:19px/.95 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} /* =footer */ .shop-footer{clear:both; position:relative; overflow:auto; min-height:120px; margin:0 0 50px; padding:0 0 30px;} .ventajas{height:16px; padding:9px 20px 7px; background:#000; color:#fff; font:17px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;} .ventajas li{float:left; position:relative; margin:0 20px 0 0;} .ventajas li.envio{padding:0 0 0 30px;} .shop-footer .ventajas li.envio{width:250px;} .ventajas li.recogida{padding:0 0 0 30px;} .shop-footer .ventajas li.recogida{width:180px;} .ventajas li.telefono{position:relative; padding:0 0 0 30px; margin:0;} .ventajas li.telefono a { color: #ffffff; } .ventajas li.telefono a:hover { color: #999999; } .ventajas li span.ico{width:16px; height:16px;} .ventajas li.envio span.ico{width:19px; background-position:-160px 0;} .ventajas li.recogida span.ico{background-position:-180px 0;} .ventajas li.telefono span.ico{background-position:-200px 0;} .ventajas li a.note{padding:0 0 0 2px; color:#808184; font-size:14px;} #horarios{width:350px;} #horarios p{margin:0 0 10px;} #horarios p.title{margin:0 0 20px; font:40px/.9 'DharmaGothicEExBold',Arial,Helvetica,sans-serif; text-transform:uppercase;} .shop-footer em.nota-envio{position:absolute; top:130px; left:50px; color:#a6a8aa; font-size:.8em;} .shop-footer .enlaces{overflow:auto; border:1px solid #d1d1d3; border-top:0; text-transform:uppercase; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px;} .shop-footer .soporte{float:left; width:719px; padding:16px 0 23px; border-right:1px solid #d1d1d3;} .shop-footer .soporte p{float:left; width:100px; margin:0 0 0 48px; font:17px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .shop-footer .soporte ul{float:right; width:460px; font-size:.7em;} .shop-footer .soporte li{float:left; width:45%; margin:0 5% 2px 0;} .shop-footer .soporte a{color:#5a5a5c;} .shop-footer .soporte a:hover{color:#000;} .shop-footer .soporte p a{color:#000;} .shop-footer .soporte p a:hover{color:#F64B3A;} .shop-footer .preguntanos{margin-top:5px;} .shop-footer .logos-pago{width:200px; float:right; text-align:center; margin:17px 10px 0 0;} .en .shop-footer .logos-pago{margin-top:11px;} .shop-footer .logos-pago p{ text-align:center; margin:0 0 8px; color:#5a5a5c; font-size:10px;} .shop-footer .logos-pago li{display:inline-block; position:relative; margin:0 1px;} .corporate-footer{position:relative; z-index:99; width:100%; overflow:auto; background:#2A3333; color:#808184; text-transform:uppercase;} .corporate-footer p.copyright{padding:13px 0; color:#fff; font:13px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .corporate-footer ul.social{position:absolute; top:0; right:0; height:39px; border-right:1px solid #313131;} .corporate-footer ul.social li{float:left; border-left:1px solid #313131;} .corporate-footer ul.social li a{display:block; width:39px; height:39px; background:url(img/sprite-main.png) no-repeat; text-indent:-9999px;} .corporate-footer ul.social li.facebook a{background-position:0 -240px;} .corporate-footer ul.social li.twitter a{background-position:-40px -200px;} .corporate-footer ul.social li.googleplus a{background-position:-80px -200px;} .corporate-footer ul.social li.pinterest a{background-position:-120px -200px;} .corporate-footer ul.social li.youtube a{background-position:-160px -240px;} .corporate-footer ul.social li.instagram a{background-position:0 -280px;} .corporate-footer ul.social li.weibo a{background-position:-40px -280px;} .corporate-footer ul.social li.facebook a:hover{background-position:0 -240px;} .corporate-footer ul.social li.twitter a:hover{background-position:-40px -240px;} .corporate-footer ul.social li.googleplus a:hover{background-position:-80px -240px;} .corporate-footer ul.social li.pinterest a:hover{background-position:-120px -240px;} .corporate-footer ul.social li.youtube a:hover{background-position:-160px -240px;} .corporate-footer ul.social li.instagram a:hover{background-position:0 -320px;} .corporate-footer ul.social li.weibo a:hover{background-position:-40px -320px;} .corporate-footer .bottom-menu{ overflow:auto; padding:15px 0 15px; border-top:1px solid #1E2424; background-color: #1E2424; } .corporate-footer ul.principales{margin-bottom:20px;} .corporate-footer ul.principales li{ float:left; width:16%; font-size:.7em; line-height:1.4; text-align:center; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; } .corporate-footer ul.principales a{display:block;} .corporate-footer ul.principales a strong{ font-family: 'Fjalla One', sans-serif; display:block; margin:0 0 7px; padding:0 0 7px; background:url(img/line-dark-grey.png) no-repeat center bottom; position:relative; color:#fff; font-size: 16px; line-height: 1; font-weight: normal; } .corporate-footer ul.principales a span{display:block; color:#808184;} .corporate-footer ul.principales a:hover span{color:#d0d1d3;} .corporate-footer .secundarios{overflow:hidden; padding:10px 0 0; background:url(img/line-dotted-doubledistance-grey.png) repeat-x; color:#fff; font:.7em/1 Arial,Helvetica,sans-serif;} .corporate-footer .secundarios .lang-zone{float:left;} .corporate-footer .secundarios .lang-zone p{position:relative; float:left; margin:0 10px 0 0; padding:4px 0 0 10px;} .corporate-footer .secundarios .lang-zone p span.ico{width:4px; height:7px; top:6px; background-position:-340px -40px;} .corporate-footer .secundarios .lang-zone ul{float:left; padding:4px 10px; border-left:1px solid #313131;} .corporate-footer .secundarios .lang-zone li{display:inline;} .corporate-footer .secundarios .others{float:right; padding:4px 0 0} .corporate-footer .secundarios .others li{margin:0 0 0 20px; float:left;} .corporate-footer .secundarios span.sep, .corporate-footer .secundarios a{background:none; color:#808184; white-space:nowrap;} .corporate-footer .secundarios a:hover{color:#d0d1d3;} @media only screen and (max-width: 1100px) and (min-width: 767px) { .corporate-footer ul.principales li { width: 14%; } } @media only screen and (max-width: 767px) { .corporate-footer ul li.twitter { display: none; } .corporate-footer ul li.footer-logo { display: block; width: 90%!important; margin-top: 5px!important; } .corporate-footer ul.principales li { width: 40%; text-align: left; float: none; display: inline-block; vertical-align: top; margin: 35px 0 10px 0; } } @media only screen and (max-width: 480px) { .corporate-footer p.copyright { font-size : 11px; -webkit-transform : scale(0.9); } .corporate-footer .secundarios .others { float: none; } .corporate-footer .secundarios .others li { margin: 5px 0 0 10px; } .corporate-footer ul.principales li { width: 36%; } } /* =country-selection -------------------------------------------------------- */ .country-selection div.bg img{min-height:100%; min-width:1600px; width:100%; height:auto; position:fixed; top:0; left:0;} @media screen and (max-width: 1600px) { .country-selection div.bg img{left:50%; margin-left:-800px;} } .country-selection .countries{position:absolute; top:50%; left:50%; z-index:2; width:670px; margin:-230px 0 0 -360px; padding:50px 0 50px 50px; background:url(img/bg-overlay-90.png); text-transform:uppercase;} @media screen and (max-height:600px) { .country-selection .countries{position:relative; top:0; left:0; margin:50px auto 0;} } .country-selection .countries .column{width:140px; float:left; margin:0 20px 0 0;} .country-selection .countries h2{margin:0 0 10px; color:#fff; font:36px/1 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif;} .country-selection .countries ul{margin:0 0 40px; font-size:12px;} .country-selection .countries ul li{position:relative;} @media screen and (max-height:600px) { .country-selection .countries ul li{ padding: 5px 0; } } .country-selection .countries ul li span.ico{width:17px; height:16px; top:1px; left:-25px; background-position:-240px 0;} .country-selection .countries a{color:#fff;} .country-selection .countries a:hover{color:#0163be;} .country-selection .countries ul ul{position:absolute; z-index:4; top:-9999px; left:-9999px; width:87px; padding:10px 20px; background:#fff;} .country-selection .countries ul ul li.ico{position:absolute; top:13px; left:-7px; width:7px; height:13px; background: url(img/bg-lang-popup-corner.png)} .country-selection .countries ul ul a{color:#808184;} .country-selection .countries ul ul a:hover{color:#000;} .country-selection .countries .corporate-footer{clear:both; background:none; border-top:1px solid #313131; position:relative; z-index:3; width:620px;} .country-selection .countries .corporate-footer p.legend{ position:absolute; top:10px; left:480px; padding:0 0 0 25px; color:#fff; font-size:.9em;} .country-selection .countries .corporate-footer p.legend span.ico{width:17px; height:16px; top:1px; background-position:-240px 0;} /* =home ----------------------------------------------------------------- */ .home{margin-bottom:60px; color:#fff; text-transform:uppercase;} .home a,.home a span{ -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out;} .home .features-main{position:relative; margin:0;} .home .features-main .scroller{width:100%; overflow:hidden;} .home .features-main .scroller ul{width:100%;} .home .features-main .scroller li{position:relative; display:table; float:left; width:100%; text-shadow:0 0 30px rgba(0,0,0,.2);} .home .features-main .scroller li img{width:100%;} .home .features-main .scroller li .txt{position:absolute; top:0; left:50%; width:820px; height:auto; display:table; margin:0 0 0 -410px; text-align:center;} .home .features-main .scroller li .txt .vert-center{display:table-cell; vertical-align:middle;} .home .features-main .scroller li h2{margin:0 0 25px; font:120px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-main .scroller li h2 span.shadow { display: none; } .zh .features-main .scroller li h2{font-family:'DharmaGothicEExBold','Microsoft Yahei',sans-serif;} .home .features-main .scroller li a{margin:0 5px; padding:7px 16px 5px; color:#fff; border:2px solid #fff; font:19px/1.2 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-shadow:0 0 5px rgba(0,0,0,.4);} .home .features-main .scroller li a:hover{background:#000;} .home .features-main .scroller li strong.txt{margin-top:150px; color:#fff; font:19px/1.2 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-shadow:0 0 5px rgba(0,0,0,.4); font-weight:normal} .home .features-main .scroller li a.video{padding-left:35px; background:url(img/icon-play.png) no-repeat 15px 10px; text-shadow:none;} .home .features-main .num-nav{margin-top:-70px;} .home .features-main .num-nav a{width:7px; height:7px; background:none; border:2px solid #fff; border-radius:50%; -moz-box-shadow:0 0 10px rgba(0,0,0,.7); -webkit-box-shadow:0 0 10px rgba(0,0,0,.7); box-shadow:0 0 10px rgba(0,0,0,.7);} .home .features-main .num-nav a:hover, .home .features-main .num-nav a.selected{background:#fff;} .home p.more a{position:absolute; bottom:0; left:0; display:block; width:100%; padding:10px 0; background:#1978be; color:#fff; font:17px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center;} .home p.more a:hover{background:#000;} .home p.more a strong{position:relative; font-weight:normal; padding:0 30px 0 0;} .home p.more a span.ico{width:17px; height:10px; top:4px; left:auto; right:0; background-position:-100px -20px;} .home .features-shop{position:relative; padding:20px 0 30px; background:url(img/bg-dest-shop-texture.jpg); -moz-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.7); -webkit-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.7); box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.7);} .home .features-shop li{float:left; width:300px; margin:0 20px 0 0; font:36px/.95 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-shop li.last{margin:0;} .home .features-shop li a{display:block; height:385px; background:#fff; border-bottom:4px solid #1978be; color:#000; text-align:center;} .home .features-shop li a div.img{position:relative; margin:0 0 15px; border-bottom:1px solid #e6e7e7;} .home .features-shop li a div.hover{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); text-align:center; font-size:30px; color:#fff;} .home .features-shop li a div.hover strong{display:block; margin-top:35%; padding:15px 0 0; background:url(img/line-single-white.png) no-repeat center 0; font-weight:normal;} .home .features-shop li a div.hover strong span{display:block; padding:0 0 15px; background:url(img/line-single-white.png) no-repeat center bottom;} .home .features-shop li a img{display:block; width:100%;} .home .features-shop li a h3{margin:0 0 15px;} .home .features-shop li a span.button{display:inline-block; padding:7px 10px; border:2px solid #000; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-shop li a:hover span.button{background:#1978be; border-color:#1978be; color:#fff;} .home .features-other{position:relative; margin-top:30px; width:960px;} .home .features-other li{float:left; position:relative; width:300px; height:240px; overflow:hidden; margin:0 10px 20px;} .home .features-other li.medium{height:500px;} .home .features-other li p.section{position:absolute; z-index:2; top:7px; left:15px; padding:0 0 3px; border-bottom:1px solid #fff; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-other li .txt{display:none; position:absolute; z-index:1; top:0; left:0; width:270px; height:180px; padding:45px 15px 15px; background:url(img/bg-overlay-80.png);} .home .features-other li.medium .txt{height:440px;} .home .features-other li.blog .txt{ background:url(img/bg-overlay-blue-70.png);} .home .features-other li img{position:relative; width:300px; height:240px;} .home .features-other li.medium img{height:500px;} .home .features-other li h2{font:60px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-other li.small h2{font:40px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .home .features-other li.blog h2{font:30px/.95 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif;} body.ja .home .features-other li h2{font-size:50px; line-height:1.1; letter-spacing:.1em;} body.ja .home .features-other li.small h2{font-size:30px; line-height:1; letter-spacing:.1em;} body.ja .home .features-other li.blog h2{font-size:20px; line-height:1; letter-spacing:.1em;} .home .features-other li a{color:#fff;} .home .features-other li .links{position:absolute; width:270px; left:15px; bottom:15px; font-size:11px;} .home .features-other li .links a{float:left; margin:6px 10px 0 0; padding:3px 7px; border:1px solid #fff;} .home .features-other li .links a:hover{background:#000;} .home .features-other li.blog .links a:hover{background:#F64B3A;} /* =product-list */ .product-list{margin-bottom:50px; padding:73px 0 0;} .product-list .category{clear:both; overflow:hidden; margin:0 0 30px;} .product-list .category div.wrap{width:960px;} .product-list .category h1,.product-list .category h2{margin:0 0 20px; padding:3px 0 0; text-align:center; font:24px/.8 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .product-list .category h1{padding-top:20px;} .product-list .category h1 strong,.product-list .category h2 strong{border-bottom:2px solid #000; font-weight:normal;} .product-list .category ul.products li{position:relative; float:left; width:210px; height:255px; margin:0 10px 20px; padding:0 5px; text-align:center; font:16px/1.25 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .product-list .category ul.products li.prod-bikes{text-transform: none; font:17px 'DharmaGothicERegular','Arial Narrow',Arial,Helvetica,sans-serif;;} .product-list .category ul.products li img{display:block; width:210px; height:181px; margin:0 0 10px;} .product-list .category ul.products li a{color:#808184;} .product-list .category li p.price{color:#a6a8aa;} .product-list .category li p.price strong{color:#a6a8aa; font-weight:normal;} .product-list .category li p.price em {color:#d0d1d3; font-style:normal;} .product-list .category li p.price em span{font-size:14px; text-decoration:line-through;} .product-list .category li div.hover{position:absolute; top:-9999px; left:-9999px; width:180px; min-height:215px; padding:20px; background:url(img/bg-overlay-90.png); text-align:left;} .product-list .category li div.hover a.product{display:block; width:180px; min-height:115px; overflow:hidden; padding:0 0 53px;} .product-list .category li div.hover a.product em{display:block; color:#F64B3A; font:36px/.85 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; font-style:normal;} .product-list .category li div.hover a.product em.price{color:#fff;} .product-list .category li div.hover a.product strong{display:block; color:#fff; font:36px/.85 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; font-weight:normal;} .product-list .category li div.hover a.product strong em{display:inline; padding-left:5px; color:#a7a8aa; font:26px/1 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-decoration:line-through;} .product-list .category li div.hover a.product span.more{position:absolute; left:20px; bottom:12px; padding:10px 0 0; background:url(img/line-double-dark-grey.png) no-repeat; font:16px/1.25 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .product-list .category li div.hover a.product span.more.bikes{ bottom:30px;} .product-list .category li div.hover a.product_link { display: none; } .product-list .category li div.hover a.compare{position:absolute; left:20px; bottom:12px;font:16px/1.25 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .product-list .category li div.hover a.product:hover span.more, .product-list .category li div.hover a.compare:hover{color:#fff;} .product-list .intro-travel{margin:10px auto 30px; width:940px; font:40px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;} .product-list .message-empty{width:960px; margin:-20px auto 0; font-weight:bold; text-align:center;} .product-list .message-empty p{padding:0 225px 50px; line-height:1.3;} .product-list .category li span.ico.new{width:50px; height:50px; background:#fff; border:2px solid #1972c4; color:#1972c4; font-size:13px; text-align:center; text-transform:uppercase; border-radius:50%;} .product-list .category li span.ico.new span{display:block; padding-top:17px;} /* =product-feature -------------------------------------------------------- */ .product-feature{position:relative; height:340px; overflow:hidden;} .product-feature img{width:1600px; margin:0 0 0 -800px; position:absolute; top:0; left:50%;} .product-feature .txt{position:relative; display:table; width:460px; height:340px; margin:0 auto; color:#fff; text-align:center; text-transform:uppercase; text-shadow:0 0 20px rgba(0,0,0,.5);} .product-feature .vert-center{display:table-cell; vertical-align:middle;} .product-feature h2{margin:0 0 10px; font:70px/.89 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .product-feature .subtitle{margin:0 0 10px; font:30px/1 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif;} .product-feature a{display:inline-block; padding:7px 16px 5px; color:#fff; border:2px solid #fff; font:19px/1.2 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-shadow:0 0 5px rgba(0,0,0,.4); -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;} .product-feature a:hover{background:#000;} .product-feature a.video{display:block; margin:0 auto; width:90px; height:90px; padding:0; border:0; background:url(img/sprite-main.png) no-repeat -120px -80px; text-indent:-9999px;} .product-feature.tall,.product-feature.tall .txt{height:400px;} .product-feature.short,.product-feature.short .txt{height:250px;} .product-feature.short .subtitle{margin:0 0 3px;} .product-feature.short a.video{width:78px; height:78px; background-position:-320px -200px;} @media only screen and (min-width: 1600px) { .product-feature img{width:100%; margin:0; left:0;} } /* =product-detail -------------------------------------------------------- */ .product{overflow:auto; padding:90px 0 0;} .product .section{overflow:auto; margin-bottom:100px;} .product span.note { display: block; text-transform: none; margin-top: 7px; font: 10px/1.2 Arial; color: #999999; } /* =top-navigation */ .top-nav{position:fixed; z-index:999; top:40px; left:0; width:100%; background:#fff; border-bottom:1px solid #d0d1d3; -moz-box-shadow:0 0 8px rgba(0,0,0,.1); -webkit-box-shadow:0 0 8px rgba(0,0,0,.1); box-shadow:0 0 8px rgba(0,0,0,.1);} .tablet .top-nav{position:absolute;} .top-nav .arrow-nav{position:absolute; top:14px; right:136px;} .top-nav .arrow-nav li{position:relative; top:auto; float:left; margin:0 0 0 20px;} .top-nav .arrow-nav li a{text-indent:0;} .top-nav .arrow-nav li a span.tooltip{position:absolute; display:none; padding:10px 15px; top:28px; left:-10px; background:url(img/bg-overlay-80.png); color:#fff; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; white-space:nowrap} .top-nav .arrow-nav li a span.tooltip span{position:absolute; top:-10px; left:10px; display:block; width:19px; height:10px; background:url(img/sprite-main.png) no-repeat -200px -60px;} .top-nav p.help{float:right; width:115px; padding:15px 0 12px; border-left:1px solid #d0d1d3; text-align:right; font:16px/1.12 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .top-nav p.help a{color:#a6a8aa;} .top-nav p.help a:hover{color:#808184;} .ja .top-nav p.help{width:125px; font-size:12px;} .top-nav .gamas{position:relative; float:right; width:115px; padding:0; border-left:1px solid #d0d1d3; font:16px/1.12 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer;} .top-nav .gamas p.actual{padding:15px 0 12px 20px; color:#a6a8aa;} .top-nav .gamas p.actual span.ico{top:18px; left:auto; right:20px; width:9px; height:9px; background-position:-120px -20px;} .top-nav .gamas a{display:block; color:#a6a8aa;} .top-nav .gamas .desplegable{position:absolute; top:-9999px; left:-9999px; width:115px; padding:45px 0 0; -webkit-box-shadow:0 0 16px rgba(0,0,0,.2); box-shadow:0 0 16px rgba(0,0,0,.2);} .top-nav .gamas .desplegable a{display:block; padding:11px 0 10px 20px; background:#fff; color:#a6a8aa; border-top:1px solid #e6e7e7; } .top-nav .gamas .desplegable a:hover{color:#F64B3A;} .gamas:hover .desplegable{top:0; left:0;} .section-nav{ position:fixed; z-index:96; top:85px; left:0; width:100%; overflow:auto!important; line-height:1.10; font-family: 'Fjalla One', sans-serif; text-transform:uppercase; border-bottom:1px solid #d0d1d3; -moz-box-shadow:0 0 8px rgba(0,0,0,.1); -webkit-box-shadow:0 0 8px rgba(0,0,0,.1); box-shadow:0 0 8px rgba(0,0,0,.1); background-image: url(../images/bg01.png); padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; text-shadow: 0 1px 0 rgba(255,255,255, 1); } .tablet .section-nav{position:absolute;} .section-nav ul{float:left;} .section-nav li{float:left; margin:7px 20px 0 0;} .section-nav li a{color:#808184;} .section-nav li a:hover,.section-nav li a.selected{border-bottom:1px solid #000; color:#000;} .section-nav p{float:right; text-shadow:none;} .section-nav p a{float:left; margin:0 0 0 10px; background:#F64B3A; padding:6px 10px 4px; color:#fff; border-radius:3px; white-space:nowrap;} .section-nav p.minisite a{background:#59595b;} .section-nav p a:hover{background:#000;} .bikes .top-nav p.breadcrumbs strong,.bikes .section-nav li a.model-name{text-transform:none;} @media only screen and (max-width: 767px) { .section-nav { top: 102px; } } .utility-links{position:absolute; top:155px; left:30px; width:60px; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center; text-transform:uppercase;} .utility-links p{margin:0 0 15px; padding:10px 0 0; background:url(img/line-double-dark-grey.png) no-repeat center 0;} .utility-links a{color:#808184;} .utility-links a:hover{color:#59595b;} .utility-links p.minisite{padding:0; background:none;} .utility-links p.minisite a span{display:block; padding:7px 5px 0;} .utility-links p.minisite a span.shortname{padding:15px 10px 0;} .utility-links p.circle{padding:0; background:none; } .utility-links p.circle a{display:block; width:60px; height:60px; background:#000; color:#fff; border-radius:30px;} .utility-links p.circle.euskaltel a{background:#ff6600;} .utility-links p.circle a:hover{background:#333;} .utility-links p.circle a span{display:block; padding:13px 0 0;} .utility-links p.all-use{padding:0; background:none;} p.all-use a{display:block; width:114px; padding:10px 10px 7px 10px; border:2px solid #F64B3A; color:#F64B3A; font-size:19px; text-align:left; line-height:1;} p.all-use a span.ico{width:36px; height:24px; left:93px; top:18px; background-position:-150px -170px;} p.all-use a:hover{ background:#F64B3A; color:#fff;} .es p.all-use a{padding:11px 10px 10px 10px; font-size:17px;} /* =product-photos */ .product .section.photos{width:100%; height:674px; margin-bottom:80px; overflow:hidden;} .product .photos .large-photos{position:relative; width:780px; height:674px; margin:0 auto;} .product .photos .large-photos li{position:absolute; top:0; left:0; width:100%; height:674px; background:#fff url(img/loading.gif) no-repeat center 200px;} .product .photos .large-photos li p.note{position:absolute; bottom:0; left:0; width:780px; color:#a6a8aa; text-align:center; font-size:.85em; font-style:italic; } .product .photos .photos-nav{position:absolute; z-index:996; top:135px; right:10px; width:60px;} .product .photos .photos-nav li{position:relative; height:52px; margin:0 0 10px;} .product .photos .photos-nav li a span.tooltip{position:absolute; display:none; padding:10px 15px; top:10px; right:75px; background:url(img/bg-overlay-80.png); color:#fff; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; white-space:nowrap;} .product .photos .photos-nav li a span.tooltip span{position:absolute; top:10px; right:-8px; display:block; width:8px; height:15px; background:url(img/sprite-main.png) no-repeat -240px -60px;} /* zoom */ .zoom{overflow:hidden; position:relative;} .zoom .large-photos li{position:absolute; top:0; left:0; width:100%; height:674px; background:#fff url(img/loading.gif) no-repeat center 200px;} .zoom .large-photos img{position:absolute; top:0; left:0; cursor:move;} .zoom .photos-nav{position:absolute; overflow:auto; z-index:996; padding:135px 10px 10px; top:0; right:0; width:60px; background:#fff;} .zoom .photos-nav li{height:52px; margin:0 0 10px;} a.zoom { cursor: pointer; } .zoom-generic ul li { display: block !important; } /* =product-specs */ .product .section h1, .product .section h2, .product .section h3, .product .section h4{font:40px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .product .section h1{margin:0; color:#F64B3A; text-transform: none;} .product .section h2{/*margin:0 0 15px;*/margin:0 0 5px; color:#000;} .product .section h3{margin:0 0 15px; padding:8px 0 0; background:url(img/line-double-black.png) no-repeat; font-size:34px; line-height:1.05;} .product .section h4{margin:0 0 15px; color:#F64B3A; font-size:30px;} .product .specs{overflow:visible; position:relative; margin-bottom:50px; } .specs form > div{position:relative; float:left; text-transform:uppercase;} .specs p.title{margin:0 0 12px; padding:10px 0 0; background:url(img/line-double-black.png) no-repeat; font:16px/1.05 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .specs p.link{position:absolute; top:12px; right:0; font:16px/.95 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .specs p.link a{color:#a6a8aa; border-bottom:1px solid #a6a8aa;} .specs p.link a:hover{color:#808184; border-color:#808184;} .specs ul.social-share{position:absolute; z-index:10; top:0; right:0;} .specs .spec-desc{position:relative; margin:0 0 20px; text-transform:none;} .specs .spec-desc .title-claim{float:left; width:200px; margin:0 40px 0 0;} .specs .spec-desc .txt{float:right; width:700px; padding:40px 0 0;} .specs .spec-desc p.referencia{font:16px/.95 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; color: #a6a8aa;} .specs .spec-desc p.prod-logo{margin:0 0 20px; position:relative; height:20px;} .specs .spec-desc p.prod-logo img{position:absolute; bottom:0; left:0;} .specs .spec-desc p{margin:0 0 25px;} .specs .spec-desc div.weight{position:absolute; top:0; left:240px; color:#808184; font-size:.8em; text-transform:uppercase;} .specs .spec-desc div.weight p{float:left; margin:0 10px 0 0; color:#808184; white-space:nowrap;} .specs .spec-desc div.weight span.info{float:left; position:relative;} .specs .spec-desc div.weight span.info span.ico{width:16px; height:16px; background-position:-100px -60px; cursor:help;} .specs .spec-desc div.weight span.info span.txt{position:absolute; display:none; width:220px; padding:10px; bottom:13px; right:-31px; background:url(img/bg-overlay-90.png); color:#fff; fon-size:.85em; line-height:1.3; text-transform:none;} .specs .spec-desc div.weight span.info span.txt span.ico{position:absolute; top:auto; left:auto; bottom:-10px; right:13px; display:block; width:19px; height:10px; background-position:-240px -40px; cursor:auto;} .wrap.text-reserva p {width:680px; margin-bottom: 30px; clear:left;} .specs .spec-data{width:680px; clear:left;} .specs .spec-data p.title{margin:0 0 20px; font-size:19px;} .specs .spec-data ul.packs{overflow:auto; margin:0 0 15px;} .specs .spec-data ul.packs li{float:left; padding:9px 13px 4px; border-left:1px solid #d0d1d3; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .specs .spec-data ul.packs li.first{border:0; padding-left:0;} .specs .spec-data ul.packs li a{color:#808184;} .specs .spec-data ul.packs li a:hover{color:#000;} .specs .spec-data ul.packs li a.selected{color:#F64B3A;} .specs .spec-data div.pack{overflow:auto; display:none; position:relative;} .specs .spec-data div.pack.selected{display:block;} .specs .spec-data div.pack p{margin:0 0 15px; text-transform:none;} .specs .spec-data div.pack input{position:absolute; top:0; left:0; z-index:1; width:auto;} .specs .spec-data div.pack h3{position:relative; z-index:2; margin:0; padding:15px 0 10px; background:#fff;} .specs .spec-data div.pack .pack-price{clear:both; position:relative; margin:0 26px 0 130px;} .specs .spec-data div.pack .pack-price p.price{text-align:right; font-weight:bold;} .specs .spec-data div.pack .pack-price span.control{position:absolute; top:2px; left:0; padding:0 0 0 17px; color:#a6a8aa; font:14px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer;} .specs .spec-data div.pack .pack-price span.add span.ico{width:10px; height:10px; top:2px; background-position:-300px -40px;} .specs .spec-data div.pack .pack-price span.remove span.ico{width:10px; height:10px; top:2px; background-position:-300px -60px;} .specs .spec-data div.pack .pack-price span.control:hover{color:#808184;} .specs .spec-data ul.components{position:relative; z-index:2; margin:0 0 15px; font-size:.8em; background:#fff;} .specs .spec-data ul.components li{position:relative; overflow:auto; padding:7px 0 0; border-bottom:1px solid #d0d1d3;} .specs .spec-data ul.components li.expand{cursor:pointer;} .specs .spec-data ul.components li.expand span.ico{top:10px; left:auto; right:7px; width:9px; height:9px; background-position:-120px -20px;} .specs .spec-data ul.components li.expand.opened span.ico{background-position:-120px -40px;} .specs .spec-data ul.components li.expand:hover{background:#f3f3f3;} .specs .spec-data ul.components li.expand div.option{overflow:auto;} .specs .spec-data ul.components li span.tipo{float:left; width:115px; margin:0 10px 0 5px; padding:0 0 6px;} .specs .spec-data ul.components li em.component{float:left; width:430px; margin:0 5px 0 0; padding:0 0 6px; color:#808184; font-style:normal; text-transform:none;} .specs .spec-data ul.components li.expand:hover em.component, .specs .spec-data ul.components li.custom div.option em.component{color:#F64B3A;} .specs .spec-data ul.components li strong.price{float:right; margin:0 26px 0 0; font-size:1.3em; line-height:1.1; text-align:right;} .specs .spec-data ul.components li.expand ul{width:420px; padding:0 0 0 130px; clear:both;} .specs .spec-data ul.components li.expand ul li{overflow:auto; width:550px; margin:0; padding:0; border:0;} .specs .spec-data ul.components li.expand ul li label{display:block; overflow:auto; margin:0; padding:3px 0 4px; font:1em Arial,Helvetica,sans-serif; cursor:pointer;} .specs .spec-data ul.components li.expand ul li input.clickable{position:absolute; top:3px; right:3px;} .specs .spec-data ul.components li.expand ul li em.component{padding:0; text-transform:none;} .specs .spec-data ul.components li.expand ul li strong.price, .specs .spec-data ul.components li.expand:hover ul li em.component{color:#808184;} .specs .spec-data ul.components li.expand ul li:hover strong.price, .specs .spec-data ul.components li.expand:hover ul li:hover em.component{color:#000;} .specs .spec-data p.reset{float:right; margin:0 5px 0 0; padding:0 0 2px; font:14px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .specs .spec-data p.reset a{position:relative; padding:0 22px 0 0; color:#a6a8aa;} .specs .spec-data p.reset a span.ico{top:2px; left:auto; right:0; width:12px; height:12px; background-position:-140px -20px;} .specs .spec-data p.reset a:hover{color:#808184;} .specs .spec-data p.reset a:hover span.ico{background-position:-120px -60px;} .specs .spec-list{text-transform:none; font-size:.9em; line-height:1.61;} .specs .spec-list li{padding:0 0 0 15px; background:url(img/bul-li.png) no-repeat 0 7px;} .specs .spec-pricing{position:relative; float:right; width:210px;} .specs .stock-note{display:none; font:16px/1.05 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .specs .stock-note p{margin:0 0 10px;} .specs .stock-note a{color:#F64B3A; border-bottom:1px solid #F64B3A;} .specs .stock-note a:hover{border-bottom:0;} .specs .spec-pricing p.price{margin:0 0 25px; font:40px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .specs .spec-pricing span.ico.discount, .product-list .category li span.ico.discount{display:block; width:38px; height:38px; background:url(img/sprite-main.png) no-repeat -240px -200px; color:#fff; font-size:16px; line-height:.9;} .specs .spec-pricing span.ico.discount{left:auto; right:0;} .specs .spec-pricing span.ico.discount span, .product-list .category li span.ico.discount span{display:block; padding:11px 0 0; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center;} .specs .spec-pricing em.original-price{display:inline; padding-left:5px; color:#a7a8aa; font:26px/1 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-decoration:line-through;} .specs .spec-pricing div{position:relative; padding:0 0 15px;} .specs .spec-pricing div p.link{font-size:12px;} .specs .spec-pricing label{color:#a6a8aa;} .specs .spec-pricing p.model-code{margin:0 0 2px; color:#808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .specs .spec-pricing p.model-code strong{ font-weight:normal; color:#59595b;} .specs .spec-pricing ul{position:relative; padding:0 0 12px; overflow:auto; color:#a6a8aa;} .specs .spec-pricing li{position:relative; float:left; margin:0 4px 4px 0;} .specs .spec-pricing li input{position:absolute; z-index:1; top:0; left:0;} .specs .spec-pricing li .value{position:relative; z-index:2; top:0; left:0; background:#fff; cursor:pointer;} .specs .spec-pricing li strong.value{float:left; min-width:14px; padding:6px 6px 3px; border:2px solid #d0d1d3; font:17px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center;} .specs .spec-pricing li:hover strong.value{border-color:#a6a8aa;} .specs .spec-pricing li.selected strong.value{border-color:#000; color:#000;} .specs .spec-pricing li img.value{width:25px; height:25px; padding:1px; border:2px solid #fff; font:10px Tahoma,Geneva,sans-serif; text-transform:none;} .specs .spec-pricing li:hover img.value{border-color:#a6a8aa;} .specs .spec-pricing li.selected img.value{border-color:#000;} .specs .spec-pricing li.disabled .value{cursor: default;} .specs .spec-pricing li.disabled strong.value{text-decoration:line-through;} .specs .spec-pricing li.disabled strong.value, .specs .spec-pricing li.disabled:hover strong.value{border-color:#e7e7e8; color:#c6c9cb;} .specs .spec-pricing li.disabled span.ico{z-index:3; top:3px; left:3px; width:26px; height:25px; background-position:-280px -200px;} .specs .spec-pricing li.disabled img.value,.specs .spec-pricing li.disabled:hover img.value{border-color:#fff; opacity:.5;} .specs .spec-pricing li.disabled input{ display:none;} .specs .spec-pricing div.colors ul.icons li{margin:0 1px 1px 0; overflow:hidden;} .specs .spec-pricing div.colors ul.color-photos{position:relative; overflow:hidden; width:188px; height:198px; margin:0 0 15px; background:url(img/line-dotted-medium-grey.png) repeat-x 0 bottom;} .specs .spec-pricing div.colors ul.color-photos li{position:absolute; top:0; left:0; width:188px; height:195px; background:#fff;} .specs .spec-pricing div.colors .color-photos div.img{width:186px; height:162px; margin:0 0 8px; padding:0; border:1px solid #e6e7e7;} .specs .spec-pricing div.colors .color-photos div.img img{width:186px;} .specs .spec-pricing div.colors .color-photos p.color{color:#808184; font:14px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .specs .spec-pricing p.button{padding-top:13px;} .specs .spec-pricing p.button a{display:block; font-size:22px;} .specs .spec-pricing p.button button{width:190px; font-size:22px;} .specs .spec-pricing .tooltip-size-color{position:absolute; display:none; z-index:3; width:190px; padding:10px; top:-10px; left:-10px; background:url(img/bg-overlay-90.png); color:#fff; font:16px/1.1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .specs .spec-pricing .tooltip-color{position:absolute; display:none; z-index:3; width:190px; padding:7px 10px 10px; top:-42px; left:-6px; background:url(img/bg-overlay-90.png); color:#fff; font-size:.85em; font-style:italic; text-transform:none;} .specs .spec-pricing .tooltip-color a{display:block; margin-top:3px; color:#2b99fe; font:14px/1.1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:underline;} .specs .spec-pricing .tooltip-color a:hover{text-decoration:none;} .specs .spec-pricing .tooltip-color.euskaltel a{color:#ff6600;} .specs .spec-pricing .tooltip-color.black-ed{top:-25px;} .equipment .specs{padding-top:40px;} .equipment .specs .spec-desc{width:680px; float:left;} .equipment .specs .spec-desc div.txt{width:440px; float:right;} .equipment .specs .spec-data p.title{width:165px; margin:0 0 65px;} .popup.euskaltel{width:880px;} .popup.euskaltel .imgs{position:relative; width:880px; height:350px; margin:0 0 30px; background:#000;} .popup.euskaltel .imgs h2{position:absolute; top:20px; left:20px; width:225px; color:#fff; font:70px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .popup.euskaltel .intro{float:left; width:240px; padding:5px 0; border:4px solid #000; border-left:0; border-right:0; font:30px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .popup.euskaltel .txt{float:right; width:610px;} .popup.euskaltel .txt p{margin:0 0 20px;} /* =product-gallery */ .product .gallery{position:relative; overflow:hidden; width:100%; height:555px;} .gallery ul.items{width:999999px; position:relative;} .gallery ul.items li{overflow:hidden; height:533px; float:left; margin:0 4px 0 0;} .gallery ul.items li.video a{position:relative; display:block;} .gallery ul.items li.video a span.overlay{position:absolute; top:0; left:0; display:block; width:100%; height:100%;} .gallery ul.items li.video a span.overlay span.ico{top:50%; left:50%; width:90px; height:90px; margin:-45px 0 0 -45px; background-position:-120px -80px;} .gallery ul.items li.video a:hover span.overlay{background:rgba(0,0,0,.5);} /* =resources */ .resources{width:100%;} .resources li{float:left; width:220px; margin:0 0 20px 20px; padding:9px 0 0; background:url(img/line-double-dark-grey.png) no-repeat; color:#a6a8aa; font-size:.8em;} .resources li.first{clear:left; margin-left:0;} .resources li a, #magazine a.download {display:block; color:#808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .resources li a:hover, #magazine a.download:hover{color:#59595b;} #magazine a.download { margin-bottom: 20px; } /* =technologies */ .product .section.technologies{overflow:visible; margin-bottom:50px;} .technologies .tech-nav{float:left; width:120px; margin:50px 0 0;} .technologies .tech-nav ul{font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .technologies .tech-nav li{border-bottom:1px solid #d0d1d3;} .technologies .tech-nav li a{display:block; padding:8px 0; color:#808184;} .technologies .tech-nav li a.selected{color:#F64B3A;} .technologies .technologies-list{width:780px; float:right;} .technologies .technology{width:780px; position:relative; padding:50px 0 0;} .technologies .technology.photo{padding:0;} .technologies .technology h4{margin:0 0 15px; padding:8px 0 0; background:url(img/line-double-blue.png) no-repeat; font-size:34px; line-height:1.05;} .technologies ul.iconos li{position:absolute;} .technologies ul.iconos li a{position:relative; display:block; height:27px; width:27px; background:#1978be; color:#fff; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; white-space:nowrap; overflow:hidden; z-index:100; opacity:.9; -moz-opacity:.9; -webkit-opacity:.9; filter: alpha(opacity=90); -webkit-transition:0;-moz-transition:0;-o-transition:0; transition:0;} .technologies ul.iconos li a span.ico{top:8px; left:8px; width:10px; height:10px; background-position:-320px -40px;} .technologies ul.iconos li a span.txt{display:none;} .technologies ul.iconos li a:hover{background:#000; height:auto; width:auto; z-index:101;} .technologies ul.iconos li a:hover span.txt{ display:block; padding:7px 10px 4px 27px;} .technologies .block-nav{position:relative; padding:10px 0 8px; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; color:#000; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;} .technologies .block-nav span.cont{color:#808184;} .technologies .block-nav a{position:absolute; top:10px; padding:0 0 0 19px; color:#a6a8aa;} .technologies .block-nav a.next{right:0; padding:0 19px 0 0;} .technologies .block-nav a span{top:2px; width:9px; height:9px; background-position:-320px -20px;} .technologies .block-nav a.next span{left:auto; right:0; background-position:-330px -30px;} .technology .block-scroller{width:780px; overflow:hidden; position:relative;} .technology .block-scroller-inner{width:99999px; position:relative;} .technology .tech-block{width:780px; float:left; margin:0 40px 0 0;} .technology .tech-block p.intro{margin:0 0 20px; width:220px; padding:5px 0; border:4px solid #000; border-left:0; border-right:0; font:28px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .technology .tech-block .info.nogallery p.intro{width:350px;} .technology .tech-block h5{margin:0 0 2px; font:18px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .technology .tech-block .txt{padding:0 0 15px; font-size:.9em;} .technology .tech-block .txt p{margin:0 0 10px;} .technology .tech-block .txt ul{margin:0 0 20px;} .technology .tech-block .txt ul li{padding:0 0 7px 15px; background:url(img/bul-li.png) no-repeat 0 6px;} .technology .tech-block .txt a{padding:0 0 2px; color:#000; border-bottom:1px solid #000; font-weight:bold;} .technology .tech-block .txt a:hover{border:0;} .technology .tech-block .gallery{position:relative; float:right; width:540px; height:auto; margin:0 0 5px 20px;} .technology .tech-block .gallery .scroller ul.items li{overflow:visible; height:auto;} .technology .tech-block .gallery .scroller ul.items li p{padding:5px 0 0; color:#808184; font-size:.9em; text-align:center; font-style:italic;} .technology .tech-block .gallery .num-nav{margin-top:20px;} /* =features */ .product .features{margin-bottom:50px; padding:40px 0; background:#1b1b1b;} .product .features h3{background: url(img/line-double-white.png) no-repeat; color:#fff;} .features .scroller li{float:left; position:relative; width:220px; margin:0 20px 20px 0; font-size:.95em;} .features .scroller li a{padding:0; color:#808184; } .features .scroller li img{display:block; width:220px; height:147px; margin:0 0 10px;} .features .scroller li a span.name{display:block; margin:0 0 7px; color:#fff; font:18px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .features .scroller li a span.overlay{position:absolute; top:0; left:0; display:block; width:220px; height:147px;} .features .scroller li a:hover span.overlay{background:rgba(0,0,0,.7);} .features .scroller li a:hover span.overlay span.ico{top:50%; left:50%; width:52px; height:52px; margin:-26px 0 0 -26px; background-position:-270px -140px;} .features .arrow-nav li.prev{margin:0; top:125px; left:-30px;} .features .arrow-nav li.next{margin:0; top:125px; right:-30px;} .feature{width:920px;} .feature .txt p{font:normal 12px/20px Arial, Helvetica, sans-serif; margin:0 0 10px;} .feature .txt ul{margin:0 0 20px;} .feature .txt ul li{padding:0 0 7px 15px; background:url(img/bul-li.png) no-repeat 0 6px;} .feature .txt a{padding:0 0 2px; color:#000; border-bottom:1px solid #000; font-weight:bold;} .feature .txt a:hover{border:0;} .feature img{float:right; width:440px; margin:0 0 20px 30px;} /* =related */ .related{clear:both; overflow:hidden; margin-bottom:100px; padding:9px 0 0; border-top:2px solid #000;} .related ul.tabs{overflow:auto; margin:0 0 30px;} .related ul.tabs li{float:left; margin:0 20px 0 0;} .related ul.tabs a{float:left; padding:0 0 6px; color:#808184; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .related ul.tabs a:hover{color:#59595b;} .related ul.tabs a.selected{color:#000; border-bottom:2px solid #000;} .related .product-list{overflow:hidden; margin-bottom:0; padding:0;} .related .product-list .category{overflow:visible; margin:0;} .related .product-list ul{width:99999px;} .related .product-list li{margin-bottom:0;} /* =geometry */ .geometry{width:800px;} .geometry .img{height:368px; padding:15px 0 40px;} .geometry .img img{margin:0 auto;} .geometry .geometry-data{margin:0 0 45px;} .geometry .ergo-data{width:380px; float:left;} .geometry .size-data{width:380px; float:right;} .popup table{margin:0 0 5px;} .popup table tbody td{padding:5px 10px; color:#808184; background:#f2f3f3; font-size:.85em;} .popup table tbody th{padding:5px 10px; background:#f2f3f3;} .popup .geometry-data table th.left{width:200px; text-align:left;} .popup table tbody .par td,.geometry table tbody .par th{background:#fff;} .popup p.note{padding:0 0 0 10px; color:#a6a8aa; font-size:.9em; font-style:italic;} /* sizes */ .sizes-bikes{width:400px;} .sizes-bikes img{margin:0 0 15px;} .sizes-equipment{width:800px; height:580px;} .sizes-equipment.helmets{height:480px;} .popup ul.tabs{width:190px; float:left; font-size:.85em; text-transform:uppercase;} .popup ul.tabs li{padding:7px 0; border-bottom:1px solid #d0d1d3;} .popup ul.tabs a{color:#808184;} .popup ul.tabs a:hover{color:#000;} .popup ul.tabs a.selected{color:#F64B3A;} .popup .tab{display:none; position:relative; float:right; width:550px; overflow:hidden;} .popup .tab.current{display:block;} .sizes-equipment .size-data{height:373px;} .sizes-equipment h2{margin:0 0 40px; font:34px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .sizes-equipment th.size{text-align:center;} .sizes-equipment.helmets th.size{text-align:left;} .sizes-equipment.helmets td{text-transform:uppercase; line-height:1.6; vertical-align:central;} .sizes-equipment .par th.size{background:#fff;} .sizes-equipment .size-data table{width:380px; float:left;} .sizes-equipment .size-data img{position:absolute; top:0; right:0;} .sizes-equipment .pattern-data img{margin:0 0 20px;} .sizes-monegros{width:900px;} .sizes-monegros table{width:450px; float:left;} .sizes-monegros td.name{ text-align:left;} .sizes-monegros img{width:400px; float:right;} /* pop monegros */ .monegros-popup{width:500px;} .monegros-popup h2{padding:0 80px 20px 0; font:30px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .monegros-popup p{padding:0 60px 20px 0;} .monegros-popup p.button{padding:0;} /* =compare */ .compare{width:960px;} .compare table{border-bottom:0;} .compare h1{margin-bottom:30px;} .compare tr.button td{padding:10px 0; text-align:center;} .compare th, .compare td{ width:257px; padding:6px 16px 6px 0; color:#808184; font-size:11px !important; font-weight:normal; text-align:left; text-transform:uppercase; border:0; border-bottom:1px solid #d0d1d3; background:#fff !important;} .compare th{color:#000;} .compare th.empty{border:0;} .compare th.col1,.compare th.col1{width:130px; padding-right:10px;} .compare thead tr.photos td{height:185px; padding-bottom:10px; text-align:center; border:0;} .compare thead tr.photos td div.selector{position:relative; height:101px; border:2px dashed #d0d1d3; padding:80px 0 0;} .compare thead tr.photos td div.selector span.select{color:#808184; border-bottom:1px solid #808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center; cursor: } .compare thead tr.photos td div.selector select{position:absolute; top:79px; left:42px; width:185px; padding:0 0 0 2px; background:#fff; color:#000; font-size:14px; font-weight:bold; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; cursor:pointer;} .compare thead tr.photos td div.selector select optgroup{font-style:normal;} .compare thead tr.photos td div.selector select option{padding:0 0 0 15px; color:#808184; font-size:12px;} .compare thead tr.photos td div.selector div.img{position:absolute; top:-2px; left:-2px; width:254px; height:181px; padding:2px;} .compare thead tr.photos td div.selector.showing div.img.loading{background:#fff url(img/loading.gif) no-repeat center center;} .compare thead tr.photos td div.selector.showing div.img{background:#fff;} .compare thead tr.photos td div.selector a.close{display:block; position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(img/sprite-main.png) no-repeat -140px -20px; text-indent:-9999px;} .compare thead tr.photos td div.selector a.close:hover{background-position:-140px 0;} .compare tr.titles th{height:40px; border:0; color:#d0d1d3; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif !important;} .compare tr.titles th strong{color:#000; font-weight:normal;} .compare tr.titles th em{color:#808184; font-style:normal;} .compare tbody td{ padding-left:0 !important;} .compare tbody .filter-info th,.compare tbody .filter-info td{font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif !important; background:#fff;} .compare tbody .use th,.compare tbody .use td{border:0; padding-bottom:40px; background:#fff;} .compare tbody tr.links th, .compare tbody tr.links td{padding:20px 0 0; border:0; background:#fff;} .compare tr.links a{padding:0 0 1px; color:#808184; border-bottom:1px solid #808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif !important;} .compare tr.links a:hover{border:0;} /* =cart -------------------------------------------------------- */ .cart{overflow:auto; margin-bottom:100px;} .cart table .detail{width:290px; text-align:left;} .cart table th.detail{padding-left:0;} .cart table td{vertical-align:top;} .cart table td a{color:#F64B3A; padding:0 0 2px; border-bottom:1px solid #F64B3A; text-transform:uppercase;} .cart table td a:hover{border:0;} .cart table .cart-item-info div{position:relative; width:240px; margin-top:4px; line-height:1.1;} .cart table .cart-item-info div span.ref{float:left; width:100%; margin:0 0 10px; padding:0; color:#808184; font-size:.8em; text-transform:uppercase;} .cart table .cart-item-info div span.color{display:block; margin:2px 0 0;} .cart table .cart-item-info div p.options-toggle{display:none; margin:4px 0 0;} .cart table .cart-item-info div p.options-toggle span{padding:0 0 2px; color:#F64B3A; cursor:pointer;} .cart table .cart-item-info div p.options-toggle span:hover{border-bottom:1px solid #F64B3A;} .cart table .cart-item-info div ul.options{width:350px; padding:15px 0 0; text-transform:uppercase; font-size:.85em;} .cart table .cart-item-info div ul.options span.tipo{width:110px; float:left; padding:0 0 5px;} .cart table .cart-item-info div ul.options em.component{width:220px; float:right; padding:0 0 5px; font-style:normal; color:#808184;} .cart table .cart-item-info div span.home{top:0; left:-116px; width:18px; height:18px; background-position:-30px -140px;} .cart table td.size{width:55px; padding-top:33px;} .cart table td.shipping{width:120px; padding-top:33px; text-transform:uppercase;} .cart table td.shipping em.note{display:block; color:#808184; font:italic .9em Arial, Helvetica, sans-serif; text-transform:none;} .cart table td.price{width:80px; padding:33px 10px 0; text-align: center;} .cart table td.price span.original-price{color:#808184; text-decoration:line-through;} .cart table td.price span.discount{color:#F64B3A; font-size:.85em;} .cart table td.amount{width:88px; padding-top:30px;} .cart table td.amount input{width:15px; margin:0 0 5px 25px; padding:5px; border:0; color:#000; font:1em Arial,Helvetica,sans-serif; text-align:right; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .cart table td.amount ul{float:right; width:13px; margin:0 24px 0 0;} .cart table td.amount ul li{margin:0 0 1px;} .cart table td.amount ul li span{display:block; width:13px; height:13px; background:url(img/sprite-main.png) no-repeat; text-indent:-9999px; cursor:pointer;} .cart table td.amount ul li span.up{background-position:-260px 0;} .cart table td.amount ul li span.down{background-position:-260px -20px;} .cart table td.amount ul li span.up:hover{background-position:-280px 0;} .cart table td.amount ul li span.down:hover{background-position:-280px -20px;} .cart table td.amount a{display:block; margin:3px 0; text-align:center; font-size:.9em; text-transform:none; border:0;} .cart table td.amount a:hover{text-decoration:underline;} .cart table td.options{width:130px; padding-top:33px;} .cart table td.price_total{width:80px; padding:33px 20px 0 0; text-align:right;} .cart table td.discounts{text-align:right; padding-right:0;} .cart table td.discounts label{display:inline; width:auto; padding-right:20px; font-size:17px;} .cart table td.discounts input{width:150px; margin-right:4px;} .cart table td.discounts button{width:auto; padding:10px 17px; min-width:0; background:#d1d1d3 !important;} .cart table td.discounts button:hover{background:#808184 !important;} .cart #frm-payment div.email { width: 100%; text-align:right; padding-right:0; margin-bottom: 30px; } .cart #frm-payment div.email label{display:inline; width:auto; padding-right:20px; font-size:17px;} .cart #frm-payment div.email input{width:250px; margin-right:4px;} .cart table tfoot{background:#f2f3f3;} .cart table tfoot td{vertical-align:top; padding:0 20px; font-size:.9em;} .cart table tfoot th{vertical-align:top; padding:0 40px 0 0; font-size:.9em; font-weight:normal; text-align:right; text-transform:uppercase;} .cart table tfoot td.info{padding:20px;} .cart table tfoot td.price{text-align:right; padding-right:20px;} .cart table tfoot .top{padding-top:15px; padding-bottom:7px;} .cart table tfoot td.shipping{padding-top:0;} .cart table tfoot .discount{padding-top:10px; font-weight:bold;} .cart table tfoot .bottom{padding-top:15px; padding-bottom:15px;} .cart table tfoot td.info p{width:400px; color:#808184; margin:0 0 10px;} .cart table tfoot td.info p.title{margin:0 0 2px; color:#000; font:17px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .cart table tfoot td.info p.home-note{position:relative; padding:0 0 0 32px; color:#a6a8aa; font-size:.9em; line-height:1.2; font-style:italic;} .cart table tfoot td.info p.home-note span.ico{width:26px; height:26px; background-position:0 -140px;} .cart table tfoot .total{font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .cart table tfoot em.note{display:block; color:#808184; font-size:.9em;} .cart p.button.secondary a{float:left;} .cart p.button.secondary.send-email a{margin-bottom: 30px; } .cart p.button.secondary.datos a{margin-left: 10px; } .cart p.buyer { display: inline-block; margin-left: 20px; padding-top: 12px; } .cart p.buyer span.name { margin-right: 20px; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; } .cart p.buyer span.rest { margin: 0 20px; font:15px/1 Arial,Helvetica,sans-serif; } .cart p.button.pedido button{float:right;} /* =forms -------------------------------------------------------- */ ul.steps{height:58px; margin:0 0 30px; border-bottom:1px solid #d0d1d3; color:#a6a8aa; font:40px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} ul.steps li{float:left; margin:0 40px 0 0;} ul.steps li span.num{float:left; width:38px; margin:0 10px 0 0; padding:6px 0; background:#a6a8aa; color:#fff; font-size:29px; text-align:center; border-radius:3px;} ul.steps li strong{font-weight:normal;} ul.steps li a,ul.steps li.current{color:#000;} ul.steps li a span.num,ul.steps li.current span.num{background:#000;} ul.steps li a:hover{color:#F64B3A;} ul.steps li a:hover span.num{background:#F64B3A;} form.steps p.mandatory{position:absolute; top:-70px; right:0;} form.steps p.button{text-align:right;} /* payment */ .cart table.payment .detail{width:350px;} .cart table.payment .detail div, .cart table.payment .detail div span.ref{width:200px;} .cart table.payment td.size{width:100px;} .cart table.payment td.price{width:125px;} .cart table.payment td.amount{width:132px;} .cart table.payment td.price_total{width:115px;} .order-product-info,.delivery-info{clear:both; overflow:auto; margin:0 0 30px;} .delivery-info h2{margin:0 0 30px; font:30px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .delivery-info div{width:300px; float:left; margin:0 20px 0 0; font-size:.9em;} .delivery-info dl{overflow:auto; margin:0 0 20px;} .delivery-info dt{clear:left; float:left; width:110px; margin:0 20px 0 0; font-weight:bold;} .delivery-info dd{float:left; width:170px;} .delivery-info .shipping-info p.address{margin:0 0 20px;} .delivery-info .shipping-info p.address strong{font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .delivery-info .payment-info{margin:0;} .delivery-info .payment-info a{border:0;} .delivery-info .payment-info img{margin:0 2px; display:inline; vertical-align: middle;} .delivery-info .payment-info label{display:block; margin:0 0 13px;} .delivery-info .payment-info label span{display:block; padding:3px 0 0 22px; font-size:.85em; color:#808184;} .delivery-info .payment-info .conditions{width:100%; padding:15px 0 0; border-top: 1px solid #d0d1d3;} .delivery-info .payment-info .conditions.dealer{width:100%; padding:0 0 0; border-top: 0px solid #d0d1d3;} .delivery-info .payment-info .conditions input{ float: left; } .delivery-info .payment-info .conditions label{ float: right; width: 92%; font-size:12px;} .shipping-mode .home-delivery{width:380px; margin:0 0 100px; float:left;} .shipping-mode .shop-pickup{width:450px; margin:0 0 100px; float:right;} .shipping-mode h2,.login-register h2{margin:0 0 30px; font:40px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .shipping-mode p.intro{margin:0 0 25px; font-weight:bold;} .shipping-mode a{float:left;} .shipping-mode p.maillot-note{clear:both; padding:30px 95px 15px 0; color:#808184; font-size:12px; font-style:italic;} .shipping-mode p.maillot-note.monegros{background:url(img/cart-logo-monegros.png) no-repeat right 0;} .shipping-mode p.maillot-note.paxavant{background:url(img/cart-logo-paxavant.png) no-repeat right 0;} .shipping-mode p.maillot-note.kyrgyzstan{background:url(img/cart-logo-kyrgyzstan.png) no-repeat right 0;} .cart .home-delivery-same div.field{width:100%;} .cart .home-delivery-same label{font-weight:bold; font-size:1.1em;} .cart fieldset.home-delivery-fields{clear:both;} .do-payment button{font-size:23px;} .payment-error p{margin:0 0 15px;} .payment-error p.button{margin-top:10px; float:left;} .payment-error strong{font-size:1.1em;} /* =user ---------------------------------------------------------- */ .login-register .login{width:380px; margin:0 0 100px; float:left;} .login-register .register{width:450px; margin:0 0 100px; float:right;} .login-register .register .top strong{font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .login-register .register .top .garantia strong{color:#1978be;} .login-register .register p.intro{margin:0 0 20px;} .login-register p.mandatory{margin:10px;} .login-register .register p.mandatory{margin-right:70px;} .remember-password{overflow:hidden;} .remember-password p.mandatory{margin:10px 560px 0 0;} .user{position:relative; overflow:auto; margin-bottom:50px;} .user h1{margin-bottom:15px;} .user .logout{position:absolute; top:57px; right:0; color:#a6a8aa; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .user .logout a{padding:0 22px 0 0; color:#a6a8aa; position:relative;} .user .logout a span.ico{left:auto; top:2px; right:0; width:13px; height:13px; background-position:-140px -20px;} .user .logout a:hover{color:#59595b;} .user .logout a:hover span.ico{background-position:-140px 0;} .submenu{margin:0 0 30px; font:30px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .submenu ul{overflow:auto; padding:20px 0; border-top:1px solid #d0d1d3;} .submenu ul.no-bottom{border-bottom:1px solid #d0d1d3;} .submenu li{float:left; margin:0 40px 0 0;} .submenu li a{color:#a6a8aa;} .submenu li a:hover{color:#808184;} .submenu li.selected a{color:#000;} .submenu .bottom{font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .submenu ul.bottom{padding-bottom:5px;} .submenu .bottom li{margin:0 30px 0 0;} .submenu .bottom li.selected a{color:#F64B3A;} .user ul.plate-list{width:190px; float:left; font-size:.85em; text-transform:uppercase;} .user ul.plate-list li{padding:7px 0; border-bottom:1px solid #d0d1d3;} .user ul.plate-list a{color:#808184;} .user ul.plate-list a:hover{color:#59595b;} .user ul.plate-list a.selected{color:#000;} .user .plate-info{width:670px; float:right;} .user .plate-info h2{margin:0 0 40px; font:34px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .user .plate-info form{width:380px; float:left;} .user .plate-info .dealer{width:190px; float:right;} .user .plate-info .dealer p{color:#808184; font-size:.9em; line-height:1.38;} .user .plate-info .dealer p strong{font-size:1.3em;} .user .plate-info .dealer p.title{margin:0 0 12px; padding:0 0 5px; border-bottom:1px solid #d0d1d3;color:#000; font:22px/.9 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; font-weight:normal; text-transform:uppercase;} .orders .intro{margin:0 0 40px;} .orders table .order_numb{padding-left:0; text-align:left;} .orders table strong{font-size:1.2em;} .orders table td{padding-top:15px; padding-bottom:10px; vertical-align:top;} .orders table td.delivery em.note{display:block; color:#a6a7a9;} .orders table td.status{color:#F64B3A;} .orders table td.status.canceled{color:#f00;} .orders table a{color:#000; border-bottom:1px solid #000;} .orders table a:hover{border:0;} .user .order-info{position:relative;} .user .order-info p.back{position:absolute; top:22px; right:0; font:14px/.9 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .user .order-info p.back a{position:relative; display:block; padding:0 22px 0 0; color:#a6a8aa;} .user .order-info p.back a:hover{color:#808184;} .user .order-info p.back a span.ico{left:auto; right:0; width:12px; height:11px; background-position:-240px -20px;} .user .order-info ul.basics{overflow:auto; margin:0 0 20px; border-bottom:1px solid #d0d1d3; font-size:.9em; text-transform:uppercase;} .user .order-info ul.basics li{float:left; width:220px; margin:0 20px 20px 0;} .user .order-info ul.basics li.delivery{width:400px;} .user .order-info ul.basics strong{font-size:1.2em;} .user .order-info ul.basics em.note{color:#a6a7a9; text-transform:none;} .user .order-info span.title{display:block; margin:0 0 4px; color:#808184; font:16px/.9 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .user .order-info .status{overflow:auto; margin:0 0 30px;} .user .order-info .status span.title{float:left; display:inline; width:110px; margin:4px 20px 0 0;} .user .order-info .status li{position:relative; float:left; margin:0 9px 0 0; padding:0 13px 0 0; color:#a6a8aa; text-transform:uppercase;} .user .order-info .status li.current{color:#F64B3A; font-weight:bold;} .user .order-info .status li.current.canceled{color:#f00;} .user .order-info .status li span.ico{left:auto; top:8px; right:0; width:4px; height:6px; background-position:-80px -60px;} .user .frm-user p.button{float:right; margin-right:70px;} .user .frm-user fieldset{clear:both; margin:0;} /* =partners --------------------------------------------------------- */ .partners .intro{padding:35px 17% 30px; font:40px/1 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;} .partners li{overflow:auto; margin:0 0 30px; padding:35px 0; border-top:1px solid #d0d1d3;} .partners img,.partners div.txt{float:left; width:49%; max-width:460px;} .partners div.txt{float:right; display:table; text-align:center; } .partners div.txt div.vertical-center{display:table-cell; vertical-align:middle;} .partners h2{margin:0 0 20px; padding:0 0 20px; background:url(img/line-single-black.png) no-repeat center bottom; font:40px/1 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .partners li p{margin:0 10% 20px; color:#59595b;} .partners li p a{color:#1978be;} .partners li p a:hover{border-bottom:1px solid #1978be;} @media only screen and (max-width: 600px) { .partners img,.partners div.txt{width:100%; max-width:none;} .partners img{margin-bottom:20px;} } /* =blog --------------------------------------------------------- */ .blog .section-nav{position:static; margin:0 0 15px;} .blog .posts{margin-bottom:235px; position:relative;} .blog .posts ul.post-list{width:960px; padding:0 0 20px;} .blog .posts ul.post-list li{position:relative; float:left; margin:0 20px 20px 0;} .blog .blog-post > .category a, .blog .posts ul.post-list li .category a{float:left; margin:0 0 3px; padding:2px 4px; color:#fff; background:#F64B3A; font:14px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .blog .posts ul.post-list li .category a:hover{background:#000;} .blog .posts ul.post-list li h2{clear:both; margin:0 0 5px; font:30px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:capitalize; white-space:break-word;} .blog .posts ul.post-list li h2 a{color:#000;} .blog .posts ul.post-list li h2 a:hover{color:#F64B3A;} .blog .posts ul.post-list li:hover > h2 a{color:#F64B3A;} .blog .blog-post .date, .blog .posts ul.post-list li .date{margin:0 0 5px; color:#808184; font-size:12px;} .blog .blog-post .intro, .blog .posts ul.post-list li .intro{font-size:13px; line-height:1.35;} .blog .posts ul.post-list li img{margin:0 0 10px;} .blog .posts ul.post-list li.large{width:940px;} .blog .posts ul.post-list li.medium{width:300px;} .blog .posts ul.post-list li.small{width:140px;} .blog .posts ul.post-list li.large img{width:620px; height:348px; float:left; margin:0;} .blog .blog-post .txt, .blog .posts ul.post-list li.large .txt{position:relative; float:right; width:300px; min-height:300px; padding-bottom:43px; border-top:3px solid #000;} .blog .blog-post > .category a, .blog .posts ul.post-list li.large .category a{position:absolute; z-index:10; top:10px; left:10px;} .blog .posts ul.post-list li.large h2{ margin:5px 0 15px; font-size:50px;} .blog .blog-post .date, .blog .posts ul.post-list li.large .date{margin:0 0 2px;} .blog .blog-post .intro, .blog .posts ul.post-list li.large .intro{font-size:1em;} .blog .posts ul.post-list li.medium img{width:300px; height:240px;} .blog .posts ul.post-list li.small img{width:140px; height:112px;} .pagination{clear:both; padding:20px 0 80px; border-top:1px solid #d0d1d3;} .pagination li.prev{float:left;} .pagination li.next{float:right;} .pagination li a{position:relative; color:#a6a8aa; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .pagination li.prev a{padding:0 0 0 25px;} .pagination li.next a{padding:0 25px 0 0;} .pagination li a span{width:15px; top:2px; height:16px; background-position:-160px -40px;} .pagination li.next a span{left:auto; right:0; background-position:-180px -40px;} .pagination li a:hover{color:#808184;} .pagination li a:hover span{background-position:-160px -60px;} .pagination li.next a:hover span{background-position:-180px -60px;} .blog .blog-post{margin-bottom:270px;} .blog .blog-post .gallery{position:relative; width:620px; height:348px; float:left; margin:0 0 35px;} .blog .blog-post .gallery .scroller{width:620px; height:348px;} .blog .blog-post .gallery .scroller li{float:left; position:relative;} .blog .blog-post .gallery .scroller li p{position:absolute; bottom:0; left:0; width:600px; padding:5px 10px; background: url(img/bg-overlay-80.png); color:#fff; font-size:.8em;} .blog .blog-post .gallery .scroller li span{color:#a6a8aa;} .blog .blog-post h1{margin:5px 0 15px; font:50px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:capitalize;} .blog .blog-post .txt{margin:0 0 35px;} .blog .blog-post .full-txt{width:620px; float:left; font-size:.95em;} .blog .blog-post .full-txt p{padding:0 0 15px;} .blog .blog-post .full-txt a{padding:0 0 1px; color:#F64B3A; border-bottom:1px solid #F64B3A;} .blog .blog-post .full-txt a:hover{border:0;} .blog .blog-post ul.social-share{height:33px; margin:0 0 20px; padding:10px 0 0; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3;} .blog .blog-post ul.social-share li{margin:0;} .blog .blog-post ul.social-share li a{border:0} .blog .blog-post ul.social-share li.facebook{margin-left:10px;} .blog .blog-post .comments{margin:15px 0 0; padding:9px 0 0; border-top:2px solid #000;} .blog .blog-post p.title{margin:0 0 20px; padding:0; font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .blog .blog-post .related-posts{float:right; width:300px; overflow:hidden; clear:none; margin:0;} .blog .blog-post .related-posts p.title{border-top:2px solid #000; padding:9px 0 0;} .event-widget{margin:0 0 100px; width:100%; padding:10px 0 0; background:#f2f3f3; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; text-transform:uppercase;} .event-widget h2{margin-right:250px; padding:0 0 10px 17px; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; cursor:pointer;} .event-widget h2:hover{color:#000;} .event-widget h2 span.ico{top:2px; width:10px; height:10px; background-position:-260px -40px;} .event-widget h2:hover span.ico{} .event-widget h2.open span.ico{top:2px; width:10px; height:10px; background-position:-280px -40px;} .event-widget h2.open:hover span.ico{} .event-widget p.more{position:absolute; top:0; right:0; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .event-widget p.more a{position:relative; padding-left:23px; color:#a6a8aa;} .event-widget p.more a:hover{color:#96989a;} .event-widget p.more a span.ico{top:2px; width:16px; height:14px; background-position:-220px -40px;} .event-widget p.more a:hover span.ico{background-position:-220px -60px;} .event-widget .events{position:relative; height:130px; padding:0 30px; } .event-widget .scroller{padding:30px 0;} .event-widget .scroller li{float:left; width:280px; margin:0 20px 0 0; color:#808184;} .event-widget .scroller li p{font-size:.85em; text-transform:none;} .event-widget .scroller li p.date{float:left; width:70px; height:70px; margin:0 20px 0 0; background:#F64B3A; color:#b2d0ea; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center; border-radius:3px;} .event-widget .scroller li p.date strong{display:block; width:70px; margin:0 0 5px; padding:2px 0 3px; background:url(img/line-white.png) repeat-x 0 bottom; color:#fff; font:40px/1 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .event-widget .scroller li h3{margin:0 0 3px; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .event-widget .scroller li h3 a{color:#000;} .event-widget .scroller li p.location{color:#F64B3A;} .event-widget .arrow-nav li{margin-top:-10px} .event-widget .arrow-nav li.prev a{background-position:-160px -60px;} .event-widget .arrow-nav li.next a{background-position:-180px -60px;} .event-widget .arrow-nav li.prev a:hover{background-position:-200px -20px;} .event-widget .arrow-nav li.next a:hover{background-position:-220px -20px;} .event{width:460px;} .event h1{margin-right:60px;} .event .event-info{overflow:auto; clear:both; margin:0 0 25px;} .event .event-info dl{width:460px; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .event .event-info dt{float:left; margin:5px 0 0; color:#000;} .event .event-info dd{padding:5px 0 5px 140px; border-top:1px solid #d0d1d3; color:#808184;} .event .event-info dd.first{border:0;} .event a{color:#F64B3A;} .event a:hover{border-bottom:1px solid #F64B3A;} .event .txt{font-size:.9em;} .event .txt p{margin:0 0 20px;} .event-calendar .arrow-nav li{top:107px; margin-top:0;} .event-calendar h1{text-align:center; font:100px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; } .event-calendar div.month{margin:0 0 100px; border-top:1px solid #000; border-bottom:1px solid #000;} .event-calendar table{margin:0; border-collapse:collapse; border:0;} .event-calendar table th,.event-calendar table td{width:135px; padding:15px 0; border:0; border-left:1px solid #d0d1d3; border-right:1px solid #d0d1d3; text-align:center; vertical-align:top;} .event-calendar table th{padding:10px; color:#59595b;} .event-calendar td.day p.number{margin:0 0 10px; color:#000; font:100px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .event-calendar td.day.no-events p.number{color:#d0d1d3;} .event-calendar td.day div.cal-event{margin:0 0 5px; padding:10px; background:#f2f3f3; color:#808184; font-size:.95em; text-align:left;} .event-calendar td.day div.cal-event h2{font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .event-calendar td.day div.cal-event a{color:#000;} .event-calendar td.day div.cal-event a:hover{color:#59595b;} .event-calendar td.day div.cal-event .location{color:#F64B3A;} /* =dealers */ .dealer-photo-list{overflow:auto; margin:0 0 10px;} .dealer-photo-list li{position:relative; float:left; margin:0 20px 20px 0; width:280px; height:330px; padding:9px; border:1px solid #fff;} .dealer-photo-list li.selectable{cursor:pointer;} .dealer-photo-list li:hover{border:1px solid #d0d1d3;} .dealer-photo-list li.last{margin-right:0;} .dealer-photo-list li.selected{padding:8px; border:2px solid #000;} .dealer-photo-list li input{position:absolute; z-index:1; top:15px; left:15px;} .dealer-photo-list li label{font:.9em/1.3 Arial,Helvetica,sans-serif; text-transform:none; cursor:pointer;} .dealer-photo-list li img{position:relative; z-index:2; margin:0 0 7px;} .dealer-photo-list li p{padding:10px 10px 0;} .dealer-photo-list li p strong{font:19px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .dealer-photo-list li p a{color:#F64B3A; border:0; padding:0 0 1px;} .dealer-photo-list li p a:hover{border-bottom:1px solid #F64B3A;} .dealer-photo-list li.more{background:url(img/line-box.png) no-repeat center 9px; text-align:center; text-transform:uppercase;} .dealer-photo-list li.more:hover{border:1px solid #fff;} .dealer-photo-list li.more strong{display:block; margin:45px 25px 7px; font:30px/.9 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .dealer-photo-list li.more a{border-bottom:1px solid #808184; color:#808184; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .dealer-photo-list li.more a:hover{border:0;} .dealers{overflow:auto; margin-bottom:100px;} .dealers .form{float:left; width:280px; margin:0 0 10px;} .dealers .form form.standard div.field{width:280px; float:none;} .dealers .form label{font-size:1.2em;} .dealers .form select{width:280px; padding:10px; font-size:1em;} .dealers .form button{padding:10px 12px 8px; font-size:1.25em;} .dealers .map{width:630px; height:450px; margin: 0 0 20px; float:right;} .dealers .map label{display:inline; font:1.1em Arial, Helvetica, sans-serif; text-transform:none;} .dealers .results{clear:both; position:relative;} .dealers .results a{padding:0 0 2px; color:#F64B3A;} .dealers .results a:hover{border-bottom:1px solid #F64B3A;} .dealers .results .dealers p.title{position:absolute; top:-33px; left:0; font:16px/1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif;} .dealers .results table thead th, .dealers .results table tbody td{padding:9px 10px 9px 0; border-top:1px solid #d0d1d3; text-align:left; vertical-align:top;} .dealers .results table tbody .first td{border-top:0; padding-top:20px;} .dealers .results table td.name{width:300px;} .dealers .results table td.name strong.num{float:left; display:block; width:24px; background:url(img/gmaps/marker-black.png) no-repeat; height:33px; color:#fff; font:16px/1.5 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center;} .dealers .results table td.name strong.num.hover{background:url(img/gmaps/marker-blue.png) no-repeat;} .dealers .results table td.name h2{margin-left:30px; font:19px/1.2 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer;} .dealers .results table td.name h2:hover{color:#F64B3A;} .dealers .results table td.name p.links{margin-left:30px;} .dealers .results table td.address{width:300px;} .dealers .results table td.contact{width:160px;} .dealers .results table td.solutions{padding-right:0;} .dealers .results table td.solutions li{float:left; height:25px; margin:0 7px 0 0; padding:0 0 0 7px; border-left:1px solid #d0d1d3;} .dealers .results table td.solutions li span{display:block; height:15px; margin-top:5px; background:url(img/sprite-main.png) no-repeat; text-indent:-99999px;} .dealers .results table td.solutions li:first-child{border:0; padding-left:0;} .dealers .results table td.solutions li.bikes span{padding-left:0; border:0; width:24px; background-position:0 -170px;} .dealers .results table td.solutions li.clothing span{width:22px; background-position:-30px -170px;} .dealers .results table td.solutions li.helmets span{width:21px; background-position:-60px -170px;} .dealers .results table td.solutions li.orca span{width:31px; background-position:-90px -170px;} .dealers .results .strategic p.title{margin:0 0 25px; padding:6px 0 0; background:url(img/line-double-black.png) no-repeat; font:34px/1.05 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .dealers .results .strategic li{float:left; width:220px; margin:0 0 30px 20px; font-size:.9em;} .dealers .results .strategic li.first{clear:left; margin-left:0;} .dealers .results .strategic li h3{font:17px/1.1 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} /* =dealers popup */ .popup .dealers{width:800px; margin-bottom:20px;} .popup .dealers .map{width:490px; height:368px;} .popup .dealer-photo-list{clear:both; width:800px;} .popup .dealer-photo-list li{position:relative; float:left; width:253px; height:330px; padding:0; border:0;} .popup .dealer-photo-list li:hover{border:0;} .popup .dealer-photo-list li.last{margin-right:0;} .popup .dealer-photo-list li img{width:253px;} .popup .dealer-photo-list li .txt{padding:0 0 0 31px; position:relative;} .popup .dealer-photo-list li strong.num{position:absolute; top:5px; left:0; display:block; width:24px; background:url(img/gmaps/marker-black.png) no-repeat; height:33px; color:#fff; font:16px/1.5 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-align:center;} .popup .dealer-photo-list li strong.num.hover{background:url(img/gmaps/marker-blue.png) no-repeat;} .popup .dealer-photo-list li h2{padding:6px 0 0; font:19px/1.2 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; cursor:pointer;} .popup .dealer-photo-list li h2:hover{color:#F64B3A;} .popup .dealer-photo-list li p{padding:0; font-size:.9em;} .popup .dealer-photo-list li p.select{padding:7px 0 0;} .popup .dealer-photo-list li p.select a{float:left; padding:5px 10px; color:#a6a8aa; border:1px solid #d0d1d3; font-size:.9em; text-transform:uppercase;} .popup .dealer-photo-list li p.select a:hover{color:#808184; border:1px solid #808184;} /* =shopping conditions popup */ .popup.shopping-conditions{width:800px;} .popup.shopping-conditions p{margin: 0px 0px 17px 0px;} .popup.shopping-conditions h4{margin: 0 0 10px; font-size: 1.2em; font-weight: bold;} /* =support & terms */ .static-submenu{position:fixed; z-index:-1; top:77px; left:0; width:100%;} .tablet .static-submenu{position:absolute;} .static-submenu h1{width:290px;} .static-submenu ul{width:240px; text-transform:uppercase;} .static-submenu ul.links{margin:0 0 20px; font-size:.9em;} .static-submenu ul.links li{padding:5px 0; border-bottom:1px solid #d0d1d3;} .static-submenu ul.links a{color:#808184;} .static-submenu ul.links a:hover{color:#59595b;} .static-submenu ul.ventajas{height:auto; position:relative;} .static-submenu ul.ventajas{padding:14px; border-radius:3px;} .static-submenu ul.ventajas li{float:none; margin:0 0 20px;} .static-submenu ul.ventajas li.telefono{margin:0;} .static-submenu em.nota-envio{margin-left:10px; color:#a6a8aa; font:.65em Arial, Helvetica, sans-serif; text-transform:none;} .text-page{position:relative; z-index:3; overflow:auto; margin-bottom:100px;} .text-zone{width:620px; padding-top:66px; float:right; font-size:.95em;} .text-zone .text-section{padding:0 0 60px;} .text-zone h2{margin:0 0 15px; font:34px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .text-zone h3{margin:0 0 10px; font-size:1.2em; font-weight:bold;} .text-zone h4{margin:0 0 10px; font-size:1.1em; font-weight:bold; color:#333;} .text-zone p{margin:0 0 17px;} .text-zone p.intro{font-size:1.1em; font-weight:bold;} .text-zone a{padding:0 0 1px; color:#000; border-bottom:1px solid #000; font-weight:bold;} .text-zone a:hover{border-bottom:0;} .text-zone img{ display:inline; vertical-align: middle;} .text-zone ul.ulist{font-size:1em;} .text-zone ol{padding:0 0 15px 25px;} .text-zone ol li{margin:0 0 5px;} .text-zone dt{color:#F64B3A; font-size:1.1em; font-weight:bold; text-transform:uppercase;} .text-zone dd{padding:0 0 17px;} .text-zone .condiciones-envio strong{font-size:1.1em;} .text-zone p.note{margin:-9px 0 17px; color:#a6a7a9; font-style:italic;} .text-zone p.note a{color:#a6a7a9; font-weight:normal; border-color:#a6a7a9;} .text-zone dl.returns{margin:0 0 50px;} /* =availability */ .availability{width:850px;} .availability form.standard div.field{width:400px; margin-right:30px;} .availability form.standard div.field.right{margin-right:0;} .availability form.standard textarea{width:790px;} /* =newsletters */ .newsletters, .magazine, .dealers-area{margin-bottom:100px;} .newsletters form, .dealers-area form{width:460px;} .newsletters .field.newsletter-list{margin:0 0 10px; padding:0;} .newsletters .clickable-group{padding-bottom:15px;} .newsletters .clickable-group.multiple{padding-bottom:0;} .newsletters p.mandatory, .dealers-area p.mandatory{margin:8px 80px 0 0;} /* =warranty */ .magazine div.container { width: 100%; } .magazine div.container div { margin: 0px auto; } .magazine div.container ul.social-share{display: block; width: 650px; height:33px; margin:20px auto 20px auto; padding:10px 0 0; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3;} .magazine div.container ul.social-share li:first-child {margin-left: 5px;} /* =warranty */ .warranty .static-submenu h2{width:270px; margin:0 0 15px; font:34px/.9 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .warranty .static-submenu p{width:270px; font-size:.9em;} .warranty .static-submenu p.button a{ margin:20px 0 30px; display:inline-block;} /* =error-page */ .error-page{margin-bottom:100px;} .error-page p{margin:0 0 20px; font-weight:bold;} .error-page ul.ulist li a{color:#F64B3A; border-color:#F64B3A; font-weight:normal;} /* =events -------------------------------------------------------- */ .events{ text-align:center; margin:0;} .events a{ color:#fff; outline:none; text-decoration:none; /* Webkit */ -webkit-transition:.2s ease-in-out; /* Firefox */ -moz-transition:.2s ease-in-out; /* Opera */ -o-transition:.2s ease-in-out; /* Standard */ transition:.2s ease-in-out;} /* event-list */ .events .event-list li{display:table; width:100%; height:500px; margin:0 0 1px; text-transform:uppercase;} .events .event-list li div{display:table-cell; vertical-align:middle; color:#fff; text-align:center; font:normal 28px/1 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .event-list li span.fecha{display:block;} .events .event-list li h2{margin:0 160px; padding:5px 0 10px; font:120px/.8 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .events .event-list li a{display:inline-table; width:auto; border:2px solid #fff; color:#fff; padding:7px 15px 4px; font:normal 19px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .event-list li a:hover{ background:#fff; color:#1b1b1b;} .events a.bajar { bottom:0; display:block; height:56px; margin:0 auto; text-align:center; position:absolute; width:100%; min-width:940px;} .events a.bajar img{ margin:0 auto; position:relative; top:0; /* Webkit */ -webkit-transition:.2s ease-in-out; /* Firefox */ -moz-transition:.2s ease-in-out; /* Opera */ -o-transition:.2s ease-in-out; /* Standard */ transition:.2s ease-in-out;} .events a.bajar:hover img{ top:10px;} .events .notas{ color:#808184; font:normal 11px/16px Arial, Helvetica, sans-serif; font-style:italic; margin:0; padding:15px 0 0; text-transform:none;} .events .header{ background:#1b1b1b; height:650px; position:relative; text-align:center;} .events .header p.creditos{ position:absolute; top:20px; right:20px; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .header p.creditos a{ border-bottom:1px solid #fff; padding:0 0 1px;} .events .header .header_inner{ margin:0 auto; width:940px;} .events .header .header_inner img{ margin:0 auto;} .events .header .header_inner p{ color:#fff; font:normal 28px/28px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:12px 0 0; text-transform:uppercase;} .events .header .header_inner p.logo{ margin:0 auto; padding:50px 0 0;} .events .header .header_inner h1{ color:#fff; display:block; margin:0 auto; font:normal 120px/.85 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; padding:8px 0 0; text-transform:uppercase; width:620px;} .events .header .header_inner ul{ padding:14px 0 0;} .events .header .header_inner ul li{ color:#fff; display:inline; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .header .header_inner ul li a{ border:2px solid #fff; display:inline-table; color:#fff; padding:7px 15px 4px; margin:0 1px; width:auto;} .events .header .header_inner ul li a:hover{ background:#fff; color:#1b1b1b;} .home .header .header_inner ul li a.asi_es, .section_recorridos .header .header_inner ul li a.recorridos, .section_programa .header .header_inner ul li a.programa, .section_inscripciones .header .header_inner ul li a.inscripciones, .section_clasificaciones .header_inner ul li a.clasificaciones, .section_informacion .header .header_inner ul li a.informacion, .section_videos .header .header_inner ul li a.videos, .section_voluntarios .header .header_inner ul li a.voluntarios{ background:#fff; color:#1b1b1b;} .events .header .countdown{ background:url(img/bg-countdown.png) repeat; bottom:0; padding:10px 0; position:absolute; text-align:center; width:100%; min-width:940px;} .events .header .countdown div{display:inline;} .events .header .countdown p{ border-right: 1px solid #313131; color:#a6a8aa; display:inline-table; font:normal 19px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:3px 0 5px; text-transform:uppercase; vertical-align:top; width:100px;} .events .header .countdown p strong{ display:block; font:normal 40px/40px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .events .header .countdown p.p_quedan{ font:normal 68px/68px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:0 38px 0 0; width:auto;} .events .retos{ margin:0 auto; padding:0 0 50px; position:relative; text-align:center; width:940px; z-index:100;} .events .retos h2{color:#000; display:block; margin:0 auto; font:normal 80px/74px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; padding:51px 0 0; text-transform:uppercase;} .events .retos p.intro{ color:#59595b; font:normal 34px/34px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:0 auto; padding:27px 0; text-transform:uppercase; width:620px;} .events .retos ul{overflow:auto; font-size:18px; text-align:left;} .events .retos li{overflow:auto; margin:0 0 20px; padding:20px 0 0; border-top:1px solid #d0d1d3; color:#000;} .events .retos li img{float:left; width:300px; height:225px; margin:0;} .events .retos li div{float:right; width:600px;} .events .retos li span.kms{display:block; font:normal 50px/.9 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .retos li h3{font:normal 60px/1 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .events .retos li p{margin:0; text-transform:none;} .events .retos p.p_inscribete{ color:#000; display:inline; float:left; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:20px 0 0; text-transform:uppercase; width:auto;} .events .retos p.p_inscribete a{ border:2px solid #000; color:#000; padding:7px 15px 4px; margin:0 3px 0 0;} .events .retos p.p_inscribete a:hover{ background:#000; color:#fff;} .events .explain{ clear:both; padding:0 0 120px; background:#1b1b1b; border-bottom:1px solid #e6e7e7; border-top:1px solid #e6e7e7; margin:0; position:relative; text-align:center; z-index:10;} .events .explain .explain_inner{ color:#fff; margin:0 auto; text-align:left; width:940px;} .events .explain .explain_inner .col_left{ border-top:8px solid #fff; display:inline; float:left; margin:80px 0 0; padding:7px 0 0; width:380px;} .events .explain .explain_inner .col_left h2{ font:normal 70px/62px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .explain .explain_inner .col_left p{ color:#fff; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:20px 0 0; text-transform:uppercase;} .events .explain .explain_inner .col_left p a{ border:2px solid #fff; color:#fff; padding:7px 15px 4px;} .events .explain .explain_inner .col_left p a:hover{ background:#fff; color:#1b1b1b;} .events .explain .explain_inner .col_right{ border-top:8px solid #fff; display:inline; float:right; margin:80px 0 0; padding:8px 0 0; width:540px;} .events .explain .explain_inner .col_right p{ font:bold 14px/20px Arial, Helvetica, sans-serif; letter-spacing:normal; padding:0 0 20px; text-transform:none;} .events .explain .explain_inner .col_right ul{ padding:8px 0 0;} .events .explain .explain_inner .col_right ul li{ display:inline; padding:0 40px 0 0;} .events .explain .explain_inner .col_right ul li a{ background:url(img/bg-border-link.png) no-repeat top left; display:inline-table; color:#808184; font:normal 16px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:9px 0 0; width:auto;} .events .explain .explain_inner .col_right ul li a:hover{} .events .premios{ color:#000; margin:0 auto; padding:0 0 106px; position:relative; text-align:left; width:940px; z-index:100;} .events .premios .col_left{ border-top:8px solid #000; display:inline; float:left; margin:60px 0 0; padding:7px 0 0; width:380px;} .events .premios .col_left h2{ font:normal 70px/62px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .premios .col_left p{ color:#59595b; font:normal 34px/34px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:19px 0 0; text-transform:uppercase;} .events .premios .col_left p.p_inscribete{ color:#59595b; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:o auto; text-transform:uppercase; margin:20px 0 0; padding:0;} .events .premios .col_left p.p_inscribete a{ border:2px solid #59595b; color:#59595b; padding:7px 15px 4px;} .events .premios .col_left p.p_inscribete a:hover{ background:#000; border-color:#000; color:#fff;} .events .premios .col_right{float:right; margin:60px 0 0; width:540px;} .events .premios .col_right h3{padding:8px 0 20px; border-top:8px solid #000; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase;} .events .premios .col_right ul{overflow:auto; margin:0 0 20px;} .events .premios .col_right li{padding:8px 0 0; background: url(img/bg-border-premio.png) no-repeat; font:normal 16px/1.2 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .premios .col_right .cont-premios li{width:30%; margin:0 3% 20px 0; float:left;} .events .premios .col_right .cont-diplomas li.prueba{width:100%; overflow:auto; margin:0 0 10px;} .events .premios .col_right .cont-diplomas .nombre{width:160px; float:left;} .events .premios .col_right .cont-diplomas .txt{width:360px; float:right;} .events .premios .col_right .cont-diplomas .txt ul{margin:-5px 0 0;} .events .premios .col_right .cont-diplomas .txt ul li{position:relative; overflow:auto; padding:7px 0 7px 80px; background:none; border-bottom:1px solid #d0d1d3; color:#808184; font:11px Arial, Helvetica, sans-serif;} .events .premios .col_right .cont-diplomas .txt ul li strong{position:absolute; top:7px; left:0; color:#000;} .events .material{padding:0 0 120px; background:#1b1b1b; border-bottom:1px solid #313131; border-top:1px solid #e6e7e7; margin:0; position:relative; text-align:center;} .events .material .material_inner{ color:#fff; margin:0 auto; width:940px;} .events .material .material_inner h2{ color:#000; font:normal 34px/34px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:66px 0 0; text-transform:uppercase;} .events .material .material_inner h3{ color:#fff; font:normal 70px/62px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; margin:0 auto; padding:8px 0 0; text-transform:uppercase; width:460px;} .events .material .material_inner ul{ padding:50px 0 0;} .events .material .material_inner ul li{ display:inline-block; vertical-align:top; width:210px; margin:0 10px 20px; text-align:left;} .events .material .material_inner ul li img{float:left; width:32px; height:32px;} .events .material .material_inner ul li .txt{float:right; width:170px; padding:5px 0 0;} .events .material .material_inner ul li h4{font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .material .material_inner ul li p{color:#000; font-size:11px; font-style:italic; text-transform:none;} .events .creditos{position:relative; width:940px; margin:0 auto; padding:0 0 120px; text-align:center; text-transform:uppercase;} .events .creditos h2{padding:50px 0 40px; color:#000; font:normal 70px/1 'DharmaGothicEExBold', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .creditos h3{margin:0 0 15px; padding:0 0 7px; border-bottom:1px solid #d0d1d3; color:#808184; font:normal 18px/1 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .creditos ul li{display:inline-block; padding:0 0 20px 20px; width:140px;} .events .creditos ul li.first{padding-left:0;} .events .creditos a.back_top{color:#7f7f7f; background:url(img/icon-subir-gris.png) no-repeat center 10px; bottom:30px; display:block; font:normal 16px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; height:auto; margin:0 auto; padding:53px 0 0; position:absolute; text-transform:uppercase; width:100%; min-width:940px;} .events .creditos a.back_top:hover{ background-position:center 0;} .events.interiors { padding:0 0 50px;} .events.interiors .header{ border-bottom:1px solid #e6e7e7; height:334px !important;} .events.interiors .header .header_inner h1{ margin:0 auto; padding:30px 0 0;} .events.interiors .header .header_inner ul{ padding:14px 0 0;} .events.interiors .int_title{ clear:both; padding:31px 0 11px;} .events.interiors .int_title h1,.interiors .int_title h2{ margin:0; padding:0; color:#000; display:inline; float:left; font:normal 80px/74px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events.interiors .int_title p.p_normas{ color:#808184; display:inline; float:right; font:normal 11px/16px Arial, Helvetica, sans-serif; font-style:italic; margin:0; padding:5px 0 0; width:380px;} .events.interiors .int_title p.p_inscribete{ color:#000; display:inline; float:right; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:36px 0 6px; margin:0; text-transform:uppercase; width:auto;} .events.interiors .int_title p.p_inscribete a{ border:2px solid #000; color:#000; padding:7px 15px 4px;} .events.interiors .int_title p.p_inscribete a:hover{ background:#000; color:#fff;} .events.interiors a.back_top{ background:url(img/icon-subir-gris.png) no-repeat center 10px; bottom:0; color:#7f7f7f; display:block; font:normal 16px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; height:auto; margin:0 auto; padding:53px 0 0; position:absolute; text-align:center; text-transform:uppercase; width:100%; min-width:940px;} .events.interiors a.back_top:hover{ background-position:center 0;} .events.section_recorridos .header{ border-color:#111112 !important;} .events .recorridos{ margin:0 auto; padding:0 0 130px; position:relative; text-align:center;} .events .recorridos .ficha_recorrido{ background:#1b1b1b; margin:0 auto;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner{ color:#fff; margin:0 auto; padding:70px 0 0; text-align:left; width:940px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left{ border-top:8px solid #fff; display:inline; float:left; padding:7px 0 0; width:380px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right{ border-top:8px solid #fff; display:inline; float:right; padding:9px 0 0; width:540px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner h2{ clear:both; color:#fff; font:normal 70px/62px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner h2 strong{ display:block; font-family:'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight:normal;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left ul{ display:inline; float:left; padding:10px 0 0; width:180px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left ul.datos_right{ float:right;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left ul li{ color:#fff; display:block; font:normal 16px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left ul li strong{ color:#808184; font-weight:normal;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_left ul li a{ border-bottom:1px solid #fff; color:#fff;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .text{ display:inline; float:left; width:380px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .text p{ color:#fff; font:bold 14px/20px Arial, Helvetica, sans-serif; padding:0 0 20px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .precio{ display:inline; float:right; width:130px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .precio h3{ color:#fff; font:normal 19px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .precio ul{ padding:18px 0 0;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .precio ul li{ display:block; font:normal 24px/20px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:0 0 20px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right .precio ul li em{ color:#808184; display:block; font:normal 11px/20px Arial, Helvetica, sans-serif;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion{ clear:both; padding:5px 0 0;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion li{ display:inline; color:#808184; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:0 2px 0 0; text-transform:uppercase;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion li a{ color:#808184; display:inline-table; padding:9px 17px 6px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion li a:hover{ color:#fff;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion li a.inscribete{ border:2px solid #fff; color:#fff; padding:7px 15px 4px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner .col_right ul.ul_inscripcion li a.inscribete:hover{ background:#fff; color:#1b1b1b;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner ul.list_datos_recorrido{ clear:both; padding:40px 0 0;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner ul.list_datos_recorrido li{ display:inline; color:#fff; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner ul.list_datos_recorrido li a{ background:#000; color:#fff; display:inline-table; padding:9px 17px 6px;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner ul.list_datos_recorrido li a:hover{ color:#808184;} .events .recorridos .ficha_recorrido .ficha_recorrido_inner ul.list_datos_recorrido li.active a{ background:#fff; color:#1b1b1b;} .events .recorridos .datos_recorrido{ clear:both; margin:0 auto; padding:30px 0 100px; position:relative; text-align:left; width:940px;} .events .recorridos .datos_recorrido a.bajar img{ opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter: alpha(opacity=50);} .events .recorridos .datos_recorrido .col_left{ display:inline; float:left; width:780px;} .events .recorridos .datos_recorrido .col_right{ display:inline; float:right; width:140px;} .events .recorridos .datos_recorrido .col_right h4{ background:url(img/bg-border-alojamientos.png) no-repeat top left; color:#000; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:8px 0 0;} .events .recorridos .datos_recorrido .col_right ul{ padding:15px 0 40px;} .events .recorridos .datos_recorrido .col_right ul li{ color:#59595b; display:inline; font:normal 13px/18px Arial, Helvetica, sans-serif;} .events .recorridos .datos_recorrido .col_right ul li a{ color:#59595b; display:block;} .events .recorridos .datos_recorrido .col_right ul li a:hover{ color:#000;} .events .recorridos .datos_recorrido .col_right p{ color:#59595b; font:normal 13px/18px Arial, Helvetica, sans-serif; padding:15px 0 0;} .events .recorridos .datos_recorrido .rutometro .col_right p{font-size:12px;} .events .recorridos .datos_recorrido .rutometro .col_right a{color:#000; border-bottom:1px solid #000;} .events .recorridos .datos_recorrido .rutometro .col_right a:hover{border:0;} .events .recorridos .datos_recorrido .rutometro .col_right p.descarga{font:16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .recorridos .datos_recorrido .avituallamientos li{ float:left; width:100%; margin:0 0 5px;} .events .programa{ margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .programa .dia{overflow:auto; border-top:8px solid #000; padding:5px 0 50px; } .events .programa .dia h2{float:left; width:300px; color:#000; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .programa .dia .txt{float:right; width:620px; padding:10px 0 0;} .events .programa .dia .programa-dia li{display:table; width:100%; padding:5px 0; border-bottom:1px solid #d0d1d3; color:#59595b; font-size:13px;} .events .programa .dia .programa-dia li strong{display:table-cell; width:120px; padding:0 20px 0 0; color:#000; font-size:14px;} .events .programa .dia .programa-dia li a{ color:#000; font-weight:bold;} .events .programa .dia .programa-dia li a:hover{ color:#a0977a;} .events .programa div.notas{padding:15px 0 0 140px; } .events .programa p.notas{ margin:0 auto; text-align:center; padding:20px 0 0;} .events .programa p.p_inscribete{ color:#000; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:0 auto; text-transform:uppercase; text-align:center; margin:20px 0 0; padding:0;} .events .programa p.p_inscribete a{ border:2px solid #000; color:#000; padding:7px 15px 4px;} .events .programa p.p_inscribete a:hover{ background:#000; border-color:#000; color:#fff;} .events .inscripciones{ margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .inscripciones .datos_inscripcion{overflow:auto; border-top:8px solid #000; padding:5px 0 20px;} .events .inscripciones h3{width:380px; float:left; margin:0 20px 0 0; color:#000; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .inscripciones .explicacion{float:right; width:540px; padding:6px 0 0;} .events .inscripciones .explicacion h4{ color:#59595b; font:normal 30px/30px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .inscripciones .explicacion p{ color:#808184; font:normal 14px/20px Arial, Helvetica, sans-serif; padding:0 0 18px;} .events .inscripciones table{ border-collapse:collapse; margin:0; padding:0; width:100%;} .events .inscripciones table th{ border:none; border-bottom:1px solid #d0d1d3; color:#000; height:46px; margin:0; padding:0; text-align:center; vertical-align:top; background:#fff;} .events .inscripciones table th .notas{display:block; padding:0;} .events .inscripciones table th.th_federacion{ color:#59595b; font:normal 20px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-align:center; padding:3px 0 0; width:180px;} .events .inscripciones table th.th_no_federados{ width:130px !important;} .events .inscripciones table th.th_federacion em{ color:#808184; display:block; font:normal 11px/16px Arial, Helvetica, sans-serif; text-transform:none;} .events .inscripciones table th.th_inscripcion{ width:300px;} .events .inscripciones table td{ border:none; border-bottom:1px solid #d0d1d3; color:#1b1b1b; height:68px; margin:0; padding:0; vertical-align:middle;} .events .inscripciones table td.td_recorrido{ color:#1b1b1b; font:normal 30px/30px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase;} .events .inscripciones table td.td_recorrido strong{ font:normal 30px/30px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .events .inscripciones table td.td_precio{ text-align:center; font:normal 24px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .inscripciones table td.td_inscripcion{color:#000; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .inscripciones table td.td_inscripcion a{ float:right; margin:0 0 0 3px; border:2px solid #000; color:#000; padding:7px 15px 4px;} .events .inscripciones table td.td_inscripcion a:hover{ background:#000; color:#fff;} .events .inscripciones .col_right .admission{ clear:both; padding:24px 0 0; text-align:center;} .events .inscripciones .col_right .admission p{ background:#a0977a; color:#fff; display:block; clear:both; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:0 auto; padding:14px 20px 11px; text-align:center; border-radius:3px;} .events .inscripciones .derechos_inscripcion{clear:both; overflow:auto; padding:40px 0 0;} .events .inscripciones .derechos_inscripcion div{width:540px; float:right;} .events .inscripciones .derechos_inscripcion div li{display:inline-block; width:176px; margin:0 0 20px; vertical-align:top; padding:8px 0 0; background: url(img/bg-border-premio.png) no-repeat; font:normal 16px/1.2 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .form-registro{margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .form-registro .mandatory{margin-right:80px;} .events .clasificaciones{ margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .clasificaciones ul{border-top:8px solid #000;} .events .clasificaciones ul li{overflow:auto; margin:0 300px 0 0; padding:20px 0 20px; border-bottom:1px solid #59595b;} .events .clasificaciones ul li p.nombre{float:left; margin:0; color:#59595b; font:normal 34px/34px 'DharmaGothicELight','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .clasificaciones ul li p.nombre strong{color:#000; font-family:'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .events .clasificaciones ul li p.p_inscribete{float:right; margin:10px 0 0; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .clasificaciones ul li p.p_inscribete a{ border:2px solid #59595b; color:#59595b; padding:7px 15px 4px;} .events .clasificaciones ul li p.p_inscribete a:hover{ background:#000; border-color:#000; color:#fff;} .events .informacion{ margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .informacion .col_left{ border-top:8px solid #000; clear:left; display:inline; float:left; padding:5px 0 40px; width:620px;} .events .informacion .col_right{ border-top:8px solid #000; clear:right; display:inline; float:right; padding:5px 0 40px; width:300px;} .events .informacion h3{ color:#000; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .informacion h4{ color:#59595b; font:normal 34px/34px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:11px 0 0; text-transform:uppercase; width:220px;} .events .informacion .col_left iframe{ margin:15px 0 0;} .events .informacion .col_right p{ color:#59595b; font:bold 14px/20px Arial, Helvetica, sans-serif; margin:9px 0 0;} .events .informacion .col_right p.p_link{ color:#59595b; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:9px 0 6px; margin:18px 0 0; text-transform:uppercase; width:auto;} .events .informacion .col_right p.p_link a{ border:2px solid #59595b; color:#59595b; padding:7px 15px 4px;} .events .informacion .col_right p.p_link a:hover{ background:#000; border-color:#000; color:#fff;} .events .informacion .servicios{ border-top:8px solid #000; clear:both; padding:5px 0 40px;} .events .informacion .servicios .servicio{ overflow:auto; border-bottom:1px solid #d0d1d3; margin:0 0 10px; padding:0 0 20px;} .events .informacion .servicios .servicio:first-child{ border:none;} .events .informacion .servicios .servicio .title{ display:inline; float:left; width:220px;} .events .informacion .servicios .servicio .title h4{ color:#1b1b1b; font:normal 34px/34px 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; padding:4px 0 0;} .events .informacion .servicios .servicio .text{ display:inline; float:right; width:700px;} .events .informacion .servicios .servicio .text h5{ color:#59595b; font:bold 14px/20px Arial, Helvetica, sans-serif; margin:15px 0 -15px;} .events .informacion .servicios .servicio .text p, .events .informacion .servicios .servicio .text ul{ color:#59595b; font:normal 13px/18px Arial, Helvetica, sans-serif; margin:15px 0 0;} .events .inscripciones .servicio .text ul li{ display:block;} .events .inscripciones .servicio .text ul li a{ border-bottom:1px solid #59595b; color:#59595b;} .events .inscripciones .servicio .text ul li a:hover{ border-bottom:1px solid #000; color:#000;} /* alojamientos */ .events .alojamientos{ border-top:8px solid #000; clear:both; padding:5px 0 0;} .events .alojamientos h3{margin: 0 0 20px;} .events .alojamientos li{float:left; width:220px; margin:0 20px 20px 0; color:#000; font:normal 12px/16px Arial, Helvetica, sans-serif;} .events .alojamientos li.first{clear:left; margin-right:0;} .events .alojamientos li strong{color:#000; font:normal 17px/18px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .alojamientos li a{ border-bottom:1px solid #fff; color:#F64B3A;} .events .alojamientos li a:hover{ border-bottom:1px solid #F64B3A;} /* el reto */ .events .user_videos{position:relative; padding:0 0 130px;} .events .video a{position:relative; display:block;} .events .video a span.overlay{position:absolute; top:0; left:0; display:block; width:100%; height:100%;} .events .video a span.overlay span.ico{top:50%; left:50%; width:90px; height:90px; margin:-45px 0 0 -45px; background-position:-120px -80px;} .events .video a:hover span.overlay{background:rgba(0,0,0,.3);} .events .user_videos h3{display: inline-block; margin:0 0 20px; padding:0 0 3px; border-bottom:2px solid #000; font:normal 24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .user_videos .intro{overflow:auto; margin:0 auto; padding:0 0 30px; position:relative; width:940px; text-align:left;} .events .user_videos .int_title{margin:0 0 20px; border-bottom:8px solid #000;} .events .user_videos .intro .presentacion{width:400px; float:left;} .events .user_videos .intro .video{width:480px; height:270px; float:right; overflow:hidden;} .events .user_videos .intro .video img{width:480px; margin:-45px 0 0;} .events .user_videos .intro h3{display:block; margin:0 0 17px; padding:0 0 18px; border-width:1px; font:normal 50px/.85 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .user_videos .intro p{color:#59595b; font-weight:normal;} .events .user_videos .intro p.resaltar{margin:0 0 10px; font:normal 34px/1 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .user_videos .form{overflow:auto; margin:0 0 15px; padding:17px 0 30px; background:#f2f3f3; border-top:1px solid #e6e7e7; border-bottom:1px solid #e6e7e7;} .events .user_videos .form form{width:980px; margin:0 auto;text-align:left;} .events .user_videos .form .field{position:relative; width:320px; margin:0 10px 20px 0;} .events .user_videos .form .field.last{margin-right:0;} .events .user_videos .form input.text{width:298px;} .events .user_videos .form .clickable-group{float:left;} .events .user_videos .form .clickable-group .field{margin:0; width:auto;} .events .user_videos .form .clickable-group label{color:#59595b;} .events .user_videos .form .clickable-group label a{color:#000; border-bottom:1px solid #000;} .events .user_videos .form .clickable-group label a:hover{border-bottom:0;} .events .user_videos .form .clickable-group label.error{color:#e2001a;} .events .user_videos .form .clickable-group label.error a{color:#e2001a; border-color:#e2001a;} .events .user_videos .form p.note{position:absolute; top:1px; right:0; color:#808184; font-size:.9em; font-style:italic;} .events .user_videos .form p.mandatory{float:right; margin:10px 20px 0 0;} .events .user_videos .form p.button{float:right;} .events .user_videos .videos{width:980px; margin:0 auto; padding:0 0 30px;} .events .user_videos .separator{height:1px; margin:0 0 15px; border-bottom:1px solid #e6e7e7;} .events .user_videos .videos li{width:320px; height:255px; float:left; margin:0 10px 20px 0; color:#59595b; font-weight:bold;} .events .user_videos .videos li.first{clear:left;} .events .user_videos .videos li.last{margin-right:0;} .events .user_videos .videos .video a{width:320px; height:180px; margin:0 0 10px;} .events .user_videos .videos h4{color:#000; font:normal 20px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .user_videos p.mas-videos{clear:both; color:#59595b; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:o auto; text-transform:uppercase; margin:20px 0 0; padding:0;} .events .user_videos p.mas-videos a{ border:2px solid #59595b; color:#59595b; padding:7px 15px 4px;} .events .user_videos p.mas-videos a:hover{ background:#000; border-color:#000; color:#fff;} .events .user_videos .message-error{padding:10px 0 0;} .events .user_videos .vid-loader{position:absolute; top:-99999px; left:-99999px; width:1px; overflow:hidden;} /* voluntarios */ .events .voluntarios{ margin:0 auto; padding:0 0 130px; position:relative; text-align:left; width:940px;} .events .voluntarios .intro{overflow:auto; margin:0 0 40px; padding:8px 0 0; border-top:8px solid #000;} .events .voluntarios .intro .col_izq{float:left; width:360px; padding:0 0 3px} .events .voluntarios .intro h2{margin:0 0 15px; font:56px/.9 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .intro p.km{border-top:1px solid #000; padding:14px 0 0; font:34px/.9 'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .intro p.km strong{font-family:'DharmaGothicEExBold', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .voluntarios .intro .txt{float:right; width:540px;} .events .voluntarios .intro .txt p{ font:bold 14px/20px Arial, Helvetica, sans-serif; margin:0 0 23px;} .events .voluntarios .intro .txt p.p_link{margin:10px 0 0; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .intro .txt p.p_link a{float:left; border:2px solid #000; color:#000; padding:7px 15px 4px;} .events .voluntarios .intro .txt p.p_link a:hover{ background:#000; border-color:#000; color:#fff;} .events .voluntarios .intro .txt input,.events .voluntarios .intro .txt textarea{width:518px;} .events .voluntarios .prueba{overflow:auto; padding:0 0 50px; } .events .voluntarios .prueba h3{float:left; width:300px; color:#000; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .prueba h3 span{font-family:'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .events .voluntarios .prueba .txt{float:right; width:540px; padding:10px 0 0;} .events .voluntarios .prueba .programa-dia li{display:table; width:100%; padding:5px 0; border-bottom:1px solid #d0d1d3; color:#59595b; font-size:13px;} .events .voluntarios .prueba .programa-dia li strong{display:table-cell; width:80px; padding:0 20px 0 0; color:#000; font-size:14px;} .events .voluntarios .prueba .programa-dia li em{display:table-cell; width:350px; font-style:normal;} .events .voluntarios .prueba .programa-dia li a{display:table-cell; width:150px; text-align:right; color:#000; font:normal 14px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .prueba .programa-dia li a:hover{ color:#a0977a;} .events .voluntarios .compromisos{overflow:auto; padding:8px 0 0; border-top:8px solid #000;} .events .voluntarios .compromisos h2{float:left; width:380px; font:normal 34px/34px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .events .voluntarios .compromisos .txt{float:right; width:540px;} .events .voluntarios .compromisos .txt p{ color:#59595b; font:13px/20px Arial, Helvetica, sans-serif; margin:0 0 20px;} /* =campus -------------------------------------------------------- */ .product-feature h2 a{display:block; padding:0; border:0; font:70px/.89 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;} .product-feature h2 a:hover{background:none; color:#ccc} .campus .categories .gamas span.subtitle{padding-top:9px; font:16px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif;} .campus .product-list p.all{position:absolute; top:0; right:20px;} .campus .product-list p.all a{display:inline-block; padding:7px 10px; border:2px solid #a6a8aa; color:#a6a8aa; font:16px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .campus .product-list p.all a:hover{border-color:#000; color:#000;} .campus .product-list div.intro{padding:0 17% 30px; text-align:center; font-weight:bold;} .campus.chome .product-list{padding-top:93px;} .campus .product-list h1,.campus .product-list h2{margin-bottom:35px;} .campus .product-list .category{margin:0;} .campus .product-list .category ul.products li{width:280px; height:210px; margin:0 20px 30px; padding:0;} .campus .product-list .category ul.products li img{width:100%; height:auto;} .campus .product-list .category ul.products li span.ico{top:40px; left:50%; margin-left:-39px; width:78px; height:78px; background-position:-320px -200px;} .campus .product-list .category ul.products li a:hover{color:#59595b;} .campus .filters{padding:16px 0 13px; text-align:center;} .campus .filters li{float:none; display:inline; margin:0 10px} .campus .video-info{overflow:hidden; margin:0 0 20px;} .campus .video-info .video{float:left; width:600px; height:390px;} .campus .video-info .txt{float:right; width:300px;} .campus .video-info h1{margin:20px 0 10px; font-family:'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .campus .video-info .txt div{margin:0 0 20px;} .campus .newsletter-signup{overflow:hidden; position:relative; margin:0 0 30px; padding:15px 10px 15px 20px; border:1px solid #d1d1d3; border-radius:1px; text-transform:uppercase;} .campus .newsletter-signup h2{margin:0; font:normal 34px/1 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif;} .campus .newsletter-signup p{font:normal 30px/1 'DharmaGothicELight','Arial Narrow', Arial, Helvetica, sans-serif;} .campus .newsletter-signup p.button{position:absolute; bottom:10px; right:10px;} .campus .newsletter-signup p.button a{display:inline-block} .campus ul.comments{margin:0 0 10px;} .campus ul.comments li{margin:0 0 25px; font-size:13px; color:#808184;} .campus ul.comments li span{font:14px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .campus ul.comments li span strong{margin:0 5px 0 0; color:#000; font-size:16px; font-weight:normal;} .campus ul.comments li p{padding:2px 0 0;} .campus .leave-comment{padding:20px 0 0; border-top:1px solid #d0d1d3;} .campus .leave-comment h2{margin:0 0 20px;font:normal 30px/1 'DharmaGothicELight','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .campus .leave-comment form{float:left; width:520px;} .campus .leave-comment form.standard p.intro{margin:0 0 20px;} .campus .leave-comment form .text label{float:left; width:125px; margin:13px 15px 0 0; padding:0; font-size:18px;} .campus .leave-comment form div.field{width:100%;} .campus .leave-comment form input.text, .campus .leave-comment form textarea{width:380px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .campus .leave-comment form a{color:#808184;} .campus .leave-comment form a:hover{border-color:#fff;} .campus .leave-comment form .note{margin:5px 0 0 140px; color:#808184; font-size:13px; line-height:1.1; font-style:italic;} .campus .leave-comment form.standard div.field p.side-link{position:static; margin:5px 0 0 140px;} .campus .leave-comment form .clickable-group, .campus .leave-comment form p.button{margin-left:140px;} .campus .leave-comment .aside{float:right; width:380px;} .campus .leave-comment .aside p{margin:0 0 20px; font-size:13px;} .campus .leave-comment .aside p strong{font-size:14px;} .campus .leave-comment .aside div a{padding:0 0 2px; color:#1978be; border-bottom:1px solid #1978be;} .campus .leave-comment .aside div a:hover{border-color:#fff;} .campus .leave-comment .aside p.button a{display:inline-block;} .campus .request-lesson{padding:93px 0 50px;} .campus .request-lesson h1{font-family:'DharmaGothicELight', 'Arial Narrow', Arial, Helvetica, sans-serif;} .campus .request-lesson .full input, .campus .request-lesson .full textarea{width:870px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .campus .request-lesson .ok p.intro{margin-bottom:15px;} .campus .resources{clear:both;} .campus .resources h2{margin:0 0 20px; font:normal 30px/1 'DharmaGothicELight','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} /* =support -------------------------------------------------------- */ .categories-photos .dark li a span.txt{background:rgba(0,0,0,.7);} .categories-photos .dark li a:hover span.txt{background:rgba(0,0,0,.2);} .ja .categories-photos.support a{font-size:24px;} .support .submenu ul{padding-top:40px; border-top:0;} .support .static-submenu{top:165px;} .tablet .support .static-submenu{top:0;} .support .text-zone{padding-top:7px;} .support .text-section{padding-bottom:40px;} .faqs .text-section h2{margin-bottom:25px;} .support .text-section dt{margin:0 0 2px; color:#000; text-transform:none; cursor:pointer;} .support .text-section dd{display:none; color:#808184;} .manuals .text-section ul.files{border-top:1px solid #d0d1d3;} .manuals .text-section ul.files li{position:relative; padding:6px 0; color:#808184; border-bottom:1px solid #d0d1d3;} .manuals .text-section ul.files li a{position:absolute; top:10px; right:0; padding:0; border:0; color:#F64B3A; font:14px/1 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .manuals .text-section ul.files li a:hover{ border-bottom:1px solid #F64B3A;} /* =dealers-area -------------------------------------------------------- */ .dealers-header{margin:0 0 20px; border-bottom:1px solid #d0d1d3;} .dealer-platforms{} .dealer-platforms ul{padding:25px 0 0;overflow:hidden;} .dealer-platforms li{float:left; width:32%; margin:0 0 40px 2%; padding:7px 0 0; border-top:3px solid #000; font-size:13px;} .dealer-platforms li.first{margin-left:0; clear:left;} .dealer-platforms h2{margin:0 0 15px; font:normal 30px/1 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .dealer-platforms li p{margin:0 0 15px;} .dealer-platforms li a{float:left; clear:left; margin:0 0 4px; padding:4px 10px; border:2px solid #a6a8aa; color:#a6a8aa; font:16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;} .dealer-platforms li a:hover{color:#000; border-color:#000;} .dealers-area form.standard .form-intro{margin:0 0 40px;} .dealers-area form.standard .form-intro p{font-size:.9em;} .dealers-area form.standard .form-intro p.intro{margin:0 0 20px; font-size:1em;} .dealers-area form.standard .form-intro a{padding:0 0 2px; color:#1978be; border-bottom:1px solid #1978be;} .dealers-area form.standard .form-intro a:hover{border:0;} .reset-password p.button{ overflow:hidden;} .reset-password p.button a{ float:left} /* =avant-recall -------------------------------------------------------- */ .avant-recall ul#langmenu { float: right; color: #F64B3A; font: 12px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; } .avant-recall ul#langmenu li { display: inline-block; margin-left: 5px; } .avant-recall img{ text-align: center; margin: 0px auto 10px auto; } .avant-recall h1{ text-align: center; font-size: 80px; } .contact.avant-recall .form { border-top: none; } .avant-recall a { color: #F64B3A; } .avant-recall footer { border-top: 1px solid #d0d1d3; margin-top: 40px; padding-top: 40px; } .avant-recall footer p { float: left; color: #999; text-transform:uppercase; font: 11px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; } .avant-recall footer a { float: right; color: #F64B3A; font: 11px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; } .avant-recall img#bike { width: 672px; height: auto; margin-bottom: 50px; } .avant-recall p.intro { display: block; margin: 0 auto; width: 70%; font-weight: bold; font-size: 16px; font-family: Arial; line-height: 24px; } .avant-recall div.intro-info { margin: 20px auto 0px auto; width: 92%; } .avant-recall div.intro-info h3 { display: inline-block; width: 13%; font: 18px 'BebasNeueRegular','Arial Narrow',Arial,Helvetica,sans-serif; display: inline-block; -border-bottom: 1px solid black; vertical-align: top; text-align: right; } .avant-recall div.intro-info p { display: inline-block; width: 85%; margin-left: 1%; font-size: 14px; font-family: Arial; vertical-align: top; } .avant-recall div.intro-info a { font-weight: bold; font-family: Arial; } .avant-recall div.intro-info a.dealer { font-weight: normal; color: #333333; font-style: italic; } .avant-recall div.intro-info a.dealer:hover { opacity: .7; } .avant-recall div.home-form { border-top: 1px solid #d0d1d3; margin-top: 50px; margin-bottom: 35px; padding-top: 50px; } .avant-recall div.home-form img{ float: left; } .avant-recall div.home-form form{ float: left; width: 65%; margin-left: 5%; } .contact.avant-recall div.home-form h2 { font: 34px 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; margin-bottom: 25px; } .contact.avant-recall div.home-form p { font: 16px Arial,Helvetica,sans-serif; font-weight: bold; margin-bottom: 45px; line-height: 24px; } .contact.avant-recall div.home-form label { line-height: 22px; } .contact.avant-recall div.home-form input[type=text] { line-height: 22px; width: 455px; } .contact.avant-recall div.home-form button { margin-left: 5px; } .contact.avant-recall div.texts { margin-bottom: 50px; } .contact.avant-recall div.texts h2 { font: 34px 'DharmaGothicELight','Arial Narrow',Arial,Helvetica,sans-serif; margin-bottom: 25px; line-height: 36px; } .contact.avant-recall div.texts p.form-intro, .contact.avant-recall div.texts p.msg-intro { font: 16px Arial,Helvetica,sans-serif; font-weight: bold; margin-bottom: 25px; line-height: 24px; } .contact.avant-recall div.texts p { font: 16px Arial,Helvetica,sans-serif; margin-bottom: 25px; line-height: 22px; } .contact.avant-recall form.standard .clickable-group { float: none; } /* =send-by-email -------------------------------------------------------- */ .send-by-email h1{margin-bottom:25px;} .send-by-email form.standard{clear:both;} .send-by-email .message-error{margin-bottom:20px;} .send-by-email form.standard p.intro{margin:0 0 30px; padding:0 0 7px; border-bottom:1px solid #d0d1d3; font: 30px 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .send-by-email form.standard .field{width:100%; overflow:hidden;} .send-by-email form.standard .field label{float:left; padding-top:15px; font-size:18px;} .send-by-email form.standard .field input{float:right;} /* =buyer-data -------------------------------------------------------- */ .buyer-data h1{margin-bottom:25px;} .buyer-data form.standard{clear:both;} .buyer-data .message-error{margin-bottom:20px;} .buyer-data form.standard p.intro{margin:0 0 30px; padding:0 0 7px; border-bottom:1px solid #d0d1d3; font: 30px 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;} .buyer-data form.standard .field{width:100%; overflow:hidden;} .buyer-data form.standard .field label{float:left; padding-top:15px; font-size:18px;} .buyer-data form.standard .field input{float:right;}