/*@import url(font-bryant-mediumcondensed/stylesheet.css);*/ @import url(http://fonts.googleapis.com/css?family=Raleway:300,400,600,700,800); @import url("font-zerospace/stylesheet.css"); * { padding:0; margin:0; } *{-webkit-tap-highlight-color: rgba(0,0,0,0);} *:focus{outline:none;} a{text-decoration:none;} ul{list-style:none;} body { background-color:#FFF; } .clear{clear:both;} img{display:inline-block;} h1{display:none;} #header{height:0;background-color:#FFF;position:relative;z-index:100;} #header #logo{position:absolute;left:50%;margin-left:-93px;top:100px;} #header #nav{position:relative;top:45px;font-size:0;} #header #nav>ul{position:absolute;left:40px;} #header #nav>ul>li{font:13px/24px 'Raleway', sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0px;} #header #nav>ul>li>a{color:rgba(255,255,255,1);} #header #nav>ul>li:hover>a{color:#FFF;} #header #links{position:absolute;background-image:url(../img/proyectos.png);z-index:3;width:329px;height:68px;left:50%;margin-left:-165px;top:435px;} #home{position:relative;width:100%;font-size:0;overflow:hidden;background-color:#000;} #home>div.slider{position:relative;width:100%;height:800px;overflow:hidden;} #home>div.slider>div.slide>ul{height:100%;position:absolute;width:100%;font:0/0 'zerospaceregular';white-space:nowrap;} #home>div.slider>div.slide>ul>li{display:inline-block;position:relative;width:100%;height:100%;text-align:center;overflow:hidden;} #home>div.slider>div.slide>ul>li>img{position:absolute;} #home>div.slider>div.control{position:absolute;top:50%;height:0;left:0;right:0;z-index:2;} #home>div.slider>div.control>a{position:absolute;top:-50px;height:100px;width:100px;} #home>div.slider>div.control>a.prev{left:0;} #home>div.slider>div.control>a.next{right:0;} #home>div.slider>div.control>a:after{content:'';position:absolute;left:50%;top:50%;width:17px;height:24px;margin-left:-8px;margin-top:-12px;background-image:url(../img/arrows.png);} #home>div.slider>div.control>a.prev:after{background-position:0 0;} #home>div.slider>div.control>a.next:after{background-position:-17px 0;} #home>div.slider>div.nav{position:absolute;bottom:60px;height:0;left:0;right:0;z-index:2;text-align:center;font-size:0;} #home>div.slider>div.nav>a{display:inline-block;width:19px;height:19px;background-image:url(../img/bullets.png);} #home>div.slider>div.nav>a.selected{background-position:-19px 0;} #home>div.slider>div.moveDown{position:absolute;z-index:2;bottom:30px;left:50%;margin-left:-12px;width:24px;height:13px;} #nosotros{background-color:#FFF;position:relative;padding:0 5%;} #nosotros>div.container{width:100%;font:0/0 'zerospaceregular';white-space:nowrap;max-width:1100px;margin:0 auto;padding-top:200px;} #nosotros>div.container>div{display:inline-block;width:50%;color:#333;vertical-align:top;} #nosotros>div.container>div.left{font:48px/48px 'Raleway', sans-serif;font-weight:600;} #nosotros>div.container>div.right{font:17px/24px 'Raleway', sans-serif;font-weight:400;white-space:normal;} #proyectos{background-color:#FFF;position:relative;padding-top:68px;} #proyectos div#video{background-color:#EDEDED;margin:0;padding:20px 5%;} #proyectos div#video>div{width:100%;position:relative;margin:0 auto;max-width:900px;} #proyectos div#video>div>img{width:100% !important;height:auto !important;} #proyectos div#video>div>iframe{position:absolute;top:0;left:0;width:100%;height:100%;} #proyectos>div.container{width:90%;font:0/0 'zerospaceregular';white-space:nowrap;max-width:1100px;margin:0 auto;padding-top:100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #proyectos>div.container>div{display:inline-block;width:50%;color:#333;vertical-align:top;} #proyectos>div.container>div.left{} #proyectos>div.container>div.right{font:17px/24px 'Raleway', sans-serif;font-weight:400;white-space:normal;} #proyectos>div.container>div.right strong{font-weight:600;} #proyectos>div.container>div.right a{text-decoration:underline;color:#333;} #proyectos>div.sliderContainer{width:100%;overflow:hidden;font:0/0 'zerospaceregular';white-space:nowrap;padding-top:100px;padding-bottom:100px;} #proyectos div.slider{width:50%;margin:0 auto;position:relative;} #proyectos div.slider>img{position:relative;width:100% !important;height:auto !important;visibility:hidden;z-index:1;} #proyectos div.slider>div.slide{position:absolute;width:100%;z-index:2;height:100%;top:0;left:0;} #proyectos div.slider>div.slide>ul{display:inline-block;width:100%;position:absolute;} #proyectos div.slider>div.slide>ul>li{display:inline-block;width:100%;padding:0 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #proyectos div.slider>div.slide>ul>li>img{width:100% !important;height:auto !important;} #proyectos>div.sliderContainer div.control{top:50%;margin-top:-22px;position:absolute;left:-50%;right:-50%;z-index:3;} #proyectos>div.sliderContainer div.control>a{width:43px;height:43px;background-image:url(../img/arrows.png);position:absolute;} #proyectos>div.sliderContainer div.control>a.prev{left:20px;} #proyectos>div.sliderContainer div.control>a.next{right:20px;background-position:-43px 0;} #topSection{height:431px;position:relative;overflow:hidden;width:100%;text-align:center;} #topSection>div.img{position:absolute;left:0px;top:0px;width:100%;} #topSection>div.img>img{width:100%;height:auto;display:none;opacity:0;} #topSection>div.img>img:first-child{display:block;opacity:1;} #topSection>div.title{position:absolute;z-index:99;top:150px;left:0px;bottom:0px;width:100%;white-space:nowrap;} #topSection>div.title:before{content:'';display:inline-block;height:100%;vertical-align:middle;} #topSection>div.title>h2{display:inline-block;vertical-align:middle;font:65px/65px 'Raleway', sans-serif;font-weight:700;color:#FFF;text-transform:uppercase;white-space: normal;word-break: break-word;} div.fondoF8F8F8{background-color:#F8F8F8;} div.fondoE8E8E8{background-color:#E8E8E8;} div.fondoD7D7D7{background-color:#D7D7D7;} div.fondo202020{background-color:#202020;} div.fondo385C8C{background-color:#385C8C;} #mapa{width:100%;height:470px;padding-top:68px;} #contacto{background-color:#FFF;position:relative;padding:0 5%;} #contacto>div.container{width:100%;font:0/0 'zerospaceregular';white-space:nowrap;max-width:1100px;margin:0 auto;padding-top:100px;} #contacto>div.container>div{display:inline-block;width:50%;vertical-align:top;white-space:normal;} #contacto>div.container>div.left h2{font:48px/50px 'Raleway', sans-serif;font-weight:600;color:#000;} #contacto>div.container>div.left .text1{font:15px/19px 'Raleway', sans-serif;font-weight:400;color:#666;margin-bottom:30px;} #contacto>div.container>div.left .text2{font:30px/32px 'Raleway', sans-serif;font-weight:800;color:#74B643;} #contacto>div.container>div.left .text3{font:15px/19px 'Raleway', sans-serif;font-weight:400;color:#000;} #contacto>div.container>div.left .text3>a{color:#000;} #contacto>div.container>div.right .field{margin-bottom:30px;} #contacto>div.container>div.right .field>label{display:block;font:15px/15px 'Raleway', sans-serif;font-weight:400;color:#666;margin-bottom:10px;} #contacto>div.container>div.right .field>input,#contacto>div.container>div.right .field>textarea{display:block;font:15px/18px 'Raleway', sans-serif;font-weight:400;color:#666;background-color:transparent;border:1px solid #CCC;width:80%;padding:5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #contacto>div.container>div.right .field>input{height:37px;} #contacto>div.container>div.right .field>textarea{height:175px;resize:none;overflow:hidden;} #contacto>div.container>div.right .buttons>input{display:block;font:15px/54px 'Raleway', sans-serif;font-weight:600;color:#FFF;background-color:transparent;border:none;width:150px;text-transform:uppercase;text-align:center;background-color:#74B643;cursor:pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #enviando{display:none;font:14px/14px 'Raleway',sans-serif;font-weight:400;color:#333;display:inline-block;margin-bottom:30px;} #error{display:none;font:14px/14px 'Raleway',sans-serif;font-weight:400;color:#F33;display:inline-block;margin-bottom:30px;} #contacto>div.container>div.formulario .ok{font:18px/18px 'Raleway', sans-serif;font-weight:600;color:#000;text-align:center;} #menuFlotante{position:fixed;top:0;left:0;height:68px;width:100%;background-color:#161616;text-align:center;z-index:1000;min-width:200px;} #menuFlotante a.logo{top:16px;position:absolute;left:50%;margin-left:-66px;} #menuFlotante div.menu{width:90%;max-width:1100px;position:relative;margin:0 auto;} #menuFlotante div.menu>a{position:absolute;left:0;top:24px;z-index:2;} #menuFlotante div.menu>ul{position:absolute;left:-20px;top:0;background-color:#151515;z-index:1;padding:68px 20px 10px 20px;display:none;} #menuFlotante div.menu>ul.open{display:block;} /*#menuFlotante div.menu>a:hover+ul{display:block;}*/ #menuFlotante div.menu>ul>li>a{font:13px/24px 'Raleway', sans-serif;font-weight:600;color:#FFF;text-transform:uppercase;display:block;text-align:left;} #prensa{width:100%;background-color:#F8F8F8;padding-top:68px;padding-bottom:50px;} #prensa>div.head{position:relative;} #prensa>div.head>img{width:100%;height:auto;} #prensa>div.head>h2{font:70px/70px 'Raleway', sans-serif;font-weight:800;color:#FFF;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-35px;width:300px;text-align:center;} #prensa>div.content{width:90%;max-width:899px;margin:0 auto;margin-top:-100px;} #prensa>div.content li{background-color:#FFF;position:relative;margin:30px 0 30px 0;padding:24px;} #prensa>div.content li:before{content:'';position:absolute;top:-9px;background-image:url(../img/prensa-top.png);height:9px;width:100%;left:0;} #prensa>div.content li:after{content:'';position:absolute;bottom:-9px;background-image:url(../img/prensa-bottom.png);height:9px;width:100%;left:0;} #prensa>div.content li div.media{position:relative;margin-bottom:45px;} #prensa>div.content li div.media>img{width:100% !important;height:auto !important;} #prensa>div.content li div.media>iframe{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;} #prensa>div.content li div.fecha{color:#000;font:14px/14px 'Raleway', sans-serif;font-weight:400;padding:0 15px 15px 15px;text-transform:uppercase;} #prensa>div.content li h3{color:#000;font:32px/38px 'Raleway', sans-serif;font-weight:800;padding:0 15px 20px 15px;} #prensa>div.content li p{color:#000;font:18px/32px 'Raleway', sans-serif;font-weight:400;padding:0 15px;position:relative;margin-bottom:20px;} #prensa>div.content li p:after{content:'';height:100%;max-height:100px;position:absolute;bottom:0;background:url(../img/degrades.png) no-repeat left bottom;left:0;width:100%;} #prensa>div.content li a{white-space:nowrap;display:inline-block;border:1px solid #000;margin:30px 15px 16px 15px;color:#000;font:13px/46px 'Raleway', sans-serif;font-weight:600;padding:0 60px 0 25px;background:url(../img/plus.png?2) no-repeat right center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media screen and (max-width:1000px){ #prensa>div.head>h2{font:50px/70px 'Raleway', sans-serif;} #prensa>div.content{margin-top:-50px;} } @media screen and (max-width:700px){ #nosotros{padding:0 5% 100px 5%;} #nosotros>div.container{white-space:normal;padding-top:50px;} #nosotros>div.container>div{width:100%;} #nosotros>div.container>div.right{margin-top:50px;} #proyectos{padding:0;} #proyectos>div.container{white-space:normal;padding-top:50px;padding:0 5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #proyectos>div.container>div{width:100%;} #proyectos>div.container>div.left{} #proyectos>div.container>div.right{margin-top:20px;} #proyectos>div.sliderContainer{padding:50px 0;} #contacto{padding:0 5% 50px 5%;} #contacto>div.container{white-space:normal;padding-top:0;} #contacto>div.container>div{width:100%;} #contacto>div.container>div.right{margin-top:50px;} #prensa>div.content li{padding:10px;} #prensa>div.content li div.fecha{font:12px/16px 'Raleway', sans-serif;padding:0 5px 10px 5px;} #prensa>div.content li h3{font:24px/28px 'Raleway', sans-serif;padding:0 5px 15px 5px;} #prensa>div.content li p{font:14px/18px 'Raleway', sans-serif;padding:0 5px;} #prensa>div.content li a{margin:20px 5px 10px 5px;padding:0 50px 0 20px;} }