/* ------------------------------------------------------------------------------- 
	OCCAM 29er
------------------------------------------------------------------------------- */
div.occam29er{padding:20px 0 60px; background:#fff;}
div.occam29er .wrap{ position:relative; width:960px; margin:0 auto; color:#666;}

/* =footer ------------------------------------------------ */
#footer-occam{position:absolute; bottom:10px; left:20px; width:920px; height:25px; padding:25px 0 0; background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/line-dotted.png) repeat-x;}
#footer-occam p.orbea-moves-me{float:left; width:184px; height:12px; background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/logo-orbea-moves-me.png) no-repeat; text-indent:-9999px;}
#footer-occam ul.social{position:absolute; top:15px; right:0;}
#footer-occam ul.social li{float:left; width:32px; margin:0 -6px 0 0;}
#footer-occam ul.social li a{float:left; display:block; width:32px; height:32px; text-indent:-9999px;}
#footer-occam ul.social li.facebook a{background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/ico-facebook.png) no-repeat;}
#footer-occam ul.social li.twitter a{background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/ico-twitter.png) no-repeat;}

/* scroller */
#galeria{position:relative; margin:0; width:960px; height:460px}
#galeria div.title{position:absolute; z-index:100; height:auto; top:126px; width:960px; color:#fff; font:30px/1 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;}
#galeria div.title p.title{ display:block; font-size:90px; line-height:75px; padding:0 0 5px;}
#galeria div.title p.more{ margin:0;}
#galeria div.title p.more{ color:#fff; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:20px 0 0; text-transform:uppercase;}
#galeria div.title p.more a{ border:2px solid #fff; color:#fff; padding:7px 15px 4px;}
#galeria div.title p.more a:hover{ background:#fff; color:#000;}
#galeria .slider{width:960px; height:460px; overflow:hidden;}
#galeria .slider ul{width:99999px;}
#galeria .slider li{float:left;}
#galeria .slider-nav li{ cursor:pointer; position:absolute; top:50%; margin:-34px 0 0; left:0; width:69px; height:69px; background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/arrows.png) no-repeat; text-indent:-9999px; z-index:102;}
#galeria .slider-nav li.next{left:auto; right:0; background-position:-69px 0;}
#galeria .slider-nav li.prev:hover{background-position:0 -69px;}
#galeria .slider-nav li.next:hover{background-position:-69px -69px;}

#datos{ position:relative; margin:0 10px; padding:30px 0 0;}
#datos .intro{ display:inline; float:left; width:190px;}
#datos .intro h1{ margin:0; padding:0 0 5px; width:230px; color:#000; font:normal 30px/42px 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif; text-transform:uppercase;}
#datos .intro h1 strong{ color:#1978be; font-weight:normal; display:block; margin-bottom: 30px; font:normal 60px/51px 'DharmaGothicEExBold','Arial Narrow',Arial,Helvetica,sans-serif;}
#datos .intro p.more{ margin:0;}
#datos .intro p.more{ color:#000; font:normal 19px/24px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; margin:20px 0 0; text-transform:uppercase; white-space:nowrap;}
#datos .intro p.more a{ border:2px solid #000; color:#000; padding:7px 15px 4px;}
#datos .intro p.more a:hover{ background:#000; color:#fff;}

#bici{ float:right; width:690px; margin:0; position:relative;}
#bici p.toggle{ position:absolute; top:-30px; right:-10px;}
#bici p.toggle a{ float:left; padding:10px 40px 8px 10px; background:#000; color:#fff; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer;}
#bici p.toggle a.ocultar{background:#000 url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/ico-hide.png) no-repeat right center; }
#bici p.toggle a.mostrar{background:#000 url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/ico-show.png) no-repeat right center;}
#bici p.toggle a:hover{background-color:#009ee0; text-decoration:none;}
#bici .img{position:relative; margin:0;}
#bici .img.loading{background: url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/loading.gif) no-repeat center center;}
#bici .img .tecnologias li{ position:absolute;}
#bici .img .tecnologias li a{ position:relative; display:block; background:#019cde url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/ico-tech-more.png) no-repeat; color:#fff; font:normal 16px/16px 'BebasNeueRegular', 'Arial Narrow', Arial, Helvetica, sans-serif; height:32px; width:32px; overflow:hidden; z-index:100; opacity:.9; -moz-opacity:.9; -webkit-opacity:.9; filter: alpha(opacity=90);}
#bici .img .tecnologias li a span{ display:none;}
#bici .img .tecnologias li a:hover{ background-position:0 -32px; background-color:#000; height:auto; width:auto; z-index:101;}
#bici .img .tecnologias li a:hover span{ display:block; padding:9px 10px 7px 32px;}
#bici .img .tecnologias li.advanced_dynamics{left:230px; top:190px;}
#bici .img .tecnologias li.rodamientos_sellados{left:280px; top:140px;}
#bici .img .tecnologias li.downtube{left:410px; top:120px;}
#bici .img .tecnologias li.innovative{left:460px; top:70px;}
#bici .img .tecnologias li.construction{left:350px; top:200px;}
#bici .img .tecnologias li.casquillo{left:285px; top:280px;}
#bici .img .tecnologias li.c9{left:120px; top:265px;}

#text{ background:url(http://www.dinosaur-gr.com/orbea/css/occam-29er/img/logo-occam29er.png) no-repeat bottom left; clear:both; margin:0 10px; padding:30px 0 45px;}
#text p{ color:#000; font:normal 14px/22px Arial, Helvetica, sans-serif; margin:0; padding:0;}

#video{ border-top:1px solid #d0d1d3; margin:40px 10px 0; padding:30px 0 0;}

.inline_tech{ display:none;}
.tech{ width:750px;}
.tech .left{ display:inline; float:left; width:280px;}
.tech .left h2{ font:normal 36px/36px 'DharmaGothicEExBold','Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.tech .left p{ font:normal 13px/20px Arial, Helvetica, sans-serif; margin:20px 0 0;}
.tech .right{ display:inline; float:right; width:440px;}