@import url("fonts/zerospace/stylesheet.css");
@import url("fonts/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:#EEE;
	font:0/0 'zerospaceregular';
}

.clear{clear:both;}

img{display:inline-block;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

#body{/*max-width:1440px;*/margin:0 auto;}






#header{/*background:url(../img/header-fondo.png);height:182px;z-index:100;background-size:100% 100%;*/position:relative;}
#header:after{position:fixed;content:'';left:14%;top:125px;right:14%;height:1px;background-color:rgba(0,0,0,.6);z-index:20;}
#header:before{position:fixed;content:'';left:0;top:0;right:0;height:227px;background-image:url(../img/header-top.png);z-index:20;}
/*#header:after{content:'';position:absolute;left:8%;right:8%;top:148px;height:5px;background-color:#83B6AE;}*/
#logo{position:fixed;left:14%;top:50px;z-index:30;}
#menu{position:fixed;right:14%;top:69px;white-space:nowrap;z-index:40;}
#menu>ul{display:inline-block;vertical-align:bottom;}
#menu>ul.opciones>li{display:inline-block;vertical-align:middle;font:16px/16px 'Futura';font-weight:500;margin-right:40px;position:relative;}
/*#menu>ul.opciones>li:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:5px;background-color:#83B6AE;display:none;}
#menu>ul.opciones>li:hover:after,#menu>ul.opciones>li.selected:after{display:block;}*/
#menu>ul.opciones>li>a{color:#000;}
#menu>ul.opciones>li>a:hover{text-decoration:underline;}
/*#menu>ul.opciones>li>a>strong{color:#83B6AE;}*/
#menu>ul.redes{margin-left:14px;}
#menu>ul.redes>li{display:inline-block;vertical-align:middle;margin-left:6px;}
#menu>ul.redes>li>a{width:30px;height:29px;display:block;line-height:-999px;overflow:hidden;color:transparent;}
#menu>ul.redes>li#facebook>a{background-image:url(../img/redes-facebook.png);}
#menu>ul.redes>li#instagram>a{background-image:url(../img/redes-instagram.png);}
#menuButton{display:none;}
#close{display:none;}
#img img{width:100%;height:auto;}
#img>div.text{position:absolute;top:125px;bottom:0;left:14%;right:14%;z-index:20;}
#img>div.text>h3{font:32px/34px 'Didot';font-weight:bold;color:#000;display:inline-block;width:330px;position:relative;vertical-align:middle;letter-spacing:-1px;}
#img>div.text>h3:before{content:'';position:absolute;left:0;height:1px;width:32px;background-color:#000;top:-28px;}
#img>div.text>h3:after{content:'';position:absolute;left:0;height:1px;width:32px;background-color:#000;bottom:-28px;}
#img>div.text>span{content:'';height:100%;vertical-align:middle;display:inline-block;}




#nosotros{background:#DFE4E9 url(../img/nosotros.png) no-repeat center center;min-height:700px;text-align:center;padding:170px 0 50px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#nosotros>h2{font:35px/35px 'Didot';font-weight:bold;color:#000;position:relative;margin-bottom:70px;}
#nosotros>h2:after{content:'';position:absolute;left:50%;height:1px;width:30px;margin-left:-15px;background-color:#000;bottom:-20px;}
#nosotros>div.text>p{font:16px/22px 'Futura';font-weight:500;color:#000;width:90%;max-width:600px;margin:10px auto;}


#staff{background-color:#DFE4E9;padding-top:100px;text-align:center;}
#staff>h2{font:35px/35px 'Didot';font-weight:bold;color:#000;position:relative;margin-bottom:70px;}
#staff>h2:after{content:'';position:absolute;left:50%;height:1px;width:30px;margin-left:-15px;background-color:#000;bottom:-20px;}
#staff img{width:100%;height:auto;}


#servicios{background:#FFF url(../img/servicios.png) repeat-x center bottom;padding:140px 0 340px 0;text-align:center;min-height:780px;position:relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#servicios>h2{font:35px/35px 'Didot';font-weight:bold;color:#000;position:relative;margin-bottom:70px;}
#servicios>h2:after{content:'';position:absolute;left:50%;height:1px;width:30px;margin-left:-15px;background-color:#000;bottom:-20px;}
#servicios>p{font:16px/22px 'Futura';font-weight:500;color:#000;width:90%;max-width:600px;margin:0 auto 80px auto;}

#popupServicios{position:absolute;left:30%;right:0;top:20px;min-height:915px;background-color:rgba(0,0,0,.85);z-index:119;padding:120px;display:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#popupServicios>#close2{position:absolute;left:40px;top:40px;}
#popupServicios>div.text{text-align:left;font:15px/20px 'Futura';font-weight:500;color:#FFF;}
#popupServicios>div.text>h4{font:35px/40px 'Didot';font-weight:bold;color:#FFF;border-bottom:1px solid #FFF;padding-bottom:15px;margin-bottom:15px;}
#popupServicios>div.text>ul{list-style:disc;margin-left:20px;}


#serviciosSlider{position:relative;max-width:872px;margin:0 auto;}
#serviciosSlider>div.slides{position:relative;overflow:hidden;}
#serviciosSlider>div.slides ul{position:relative;white-space:nowrap;z-index:2;}
#serviciosSlider>div.slides li{display:inline-block;position:relative;width:25%;white-space:nowrap;text-align:center;vertical-align:top;white-space:normal;word-break: break-word;}
#serviciosSlider>div.slides li>a{display:block;padding:0 35px;}
#serviciosSlider>div.slides li>a>h3{font:15px/15px 'Futura';font-weight:500;color:#000;text-transform:uppercase;margin-top:25px;}
#serviciosSlider>div.slides li>a>img{width:100%;height:auto;max-width:148px;}
#serviciosSlider>div.slides li>a>div.text{display:none;}

#serviciosSlider>div.control{position:absolute;top:50px;z-index:3;width:100%;left:0;}
#serviciosSlider>div.control>a{background-image:url(../img/slide-arrows.png);width:48px;height:48px;position:absolute;}
#serviciosSlider>div.control>a.prev{left:-160px;}
#serviciosSlider>div.control>a.next{right:-160px;background-position:-48px 0;}
/*#serviciosSlider>div.nav{position:absolute;width:100%;height:0;left:0;right:0;text-align:center;z-index:4;bottom:0px;height:52px;}
#serviciosSlider>div.nav>a{display:inline-block;width:53px;height:52px;background:url(../img/slider-nav.png) no-repeat 0px 0px;}
#serviciosSlider>div.nav>a.selected{background-position:-53px 0px;}*/


#galeria{background:#DFE4E9;padding-top:80px;text-align:center;}
#galeria>h2{font:35px/35px 'Didot';font-weight:bold;color:#000;position:relative;margin-bottom:70px;}
#galeria>h2:after{content:'';position:absolute;left:50%;height:1px;width:30px;margin-left:-15px;background-color:#000;bottom:-20px;}

#galeriaSlider{position:relative;max-width:830px;margin:0 auto;background-color:#FFF;padding:15px;}
#galeriaSlider:after{content:'';position:absolute;height:12px;left:5px;right:5px;bottom:-12px;background-image:url(../img/galeria-marco.png);background-size:100% 100%;}
#galeriaSlider>div.slides{position:relative;overflow:hidden;}
#galeriaSlider>div.slides ul{position:relative;white-space:nowrap;z-index:2;}
#galeriaSlider>div.slides li{display:inline-block;position:relative;width:100%;white-space:nowrap;text-align:center;}
#galeriaSlider>div.slides li>a{display:block;}
#galeriaSlider>div.slides li>a>img{width:100%;height:auto;}

#galeriaSlider>div.control{position:absolute;top:50%;z-index:3;width:100%;margin-top:-24px;left:0;}
#galeriaSlider>div.control>a{background-image:url(../img/slide-arrows.png);width:48px;height:48px;position:absolute;}
#galeriaSlider>div.control>a.prev{left:-160px;}
#galeriaSlider>div.control>a.next{right:-160px;background-position:-48px 0;}


#galeriaSliderThumb{position:relative;max-width:848px;margin:0 auto;padding:30px 0 120px 0;overflow:hidden;}
#galeriaSliderThumb ul{white-space:nowrap;text-align:center;position:relative;}
#galeriaSliderThumb ul li{display:inline-block;width:106px;height:106px;padding:8px;opacity:.4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#galeriaSliderThumb ul li img{width:100%;height:auto;}
#galeriaSliderThumb ul li.selected,#galeriaSliderThumb ul li:hover{opacity:1;}



#contacto{background-color:#FFF;padding-top:100px;text-align:center;}
#contacto>h2{font:35px/35px 'Didot';font-weight:bold;color:#000;position:relative;margin-bottom:70px;}
#contacto>h2:after{content:'';position:absolute;left:50%;height:1px;width:30px;margin-left:-15px;background-color:#000;bottom:-20px;}

#contacto>div.mapa{width:73%;margin:0 auto;}
#contacto>div.mapa>div#gmap{height:344px;width:100%;}

#contacto>div.cols{background-color:#1D1D1B;text-align:center;padding:140px 0;}
#contacto>div.cols>div{display:inline-block;vertical-align:top;text-align:left;}
#contacto>div.cols>div.col1{width:325px;font:22px/26px 'Didot';font-weight:bold;color:#FFF;}
#contacto>div.cols>div.col1 hr{width:30px;border:none;border-bottom:1px solid #8F8F8F;margin:10px 0 30px 0;}
#contacto>div.cols>div.col1 a{display:inline-block;color:#FFF;padding-left:35px;height:25px;line-height:25px;margin-bottom:12px;}
#contacto>div.cols>div.col1 a.whatsapp{background:transparent url(../img/contacto-whatsapp.png) no-repeat left center;}
#contacto>div.cols>div.col1 a.telefono{background:transparent url(../img/contacto-telefono.png) no-repeat left center;}
#contacto>div.cols>div.col1 img{margin-top:20px;}
#contacto>div.cols>div.col2{width:510px;}

#form input.text,#form textarea{border:1px solid #8F8F8F;background-color:transparent;width:100%;font:15px/20px 'Futura';font-weight:500;color:#FFF;margin-bottom:14px;padding:0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#form input.text{height:40px;}
#form textarea{height:150px;resize:none;overflow:hidden;padding:9px 10px;}
#form div.buttons{text-align:right;}
#form div.buttons>input{background-color:#FFF;border:none;font:15px/20px 'Futura';font-weight:500;color:#000;height:40px;width:130px;display:inline-block;vertical-align:middle;}

#formOk{display:inline-block;vertical-align:middle;font:15px/20px 'Futura';font-weight:500;color:#FFF;text-align:right;margin-right:20px;display:none;}



@media screen and (max-width:1300px){
	#header:after{left:5%;right:5%;}
	#logo{left:5%;}
	#menu{right:5%;}
	#img>div.text{left:5%;right:5%;}

	#popupServicios{left:20%;}

	#serviciosSlider>div.control>a.prev{left:-80px;}
	#serviciosSlider>div.control>a.next{right:-80px;}
	
	#galeriaSlider>div.control>a.prev{left:-80px;}
	#galeriaSlider>div.control>a.next{right:-80px;}
}

@media screen and (max-width:1050px){
	#menu>ul.opciones>li{margin-right:0;margin-left:20px;margin-top:14px;}
	#menu>ul.redes{position:absolute;top:-30px;right:0;}
	
	#serviciosSlider{max-width:100%;padding:0 100px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#serviciosSlider>div.slides li>a{padding:0;}
	#serviciosSlider>div.control>a.prev{left:25px;}
	#serviciosSlider>div.control>a.next{right:25px;}
	
	#galeriaSlider>div.control>a.prev{left:-10px;}
	#galeriaSlider>div.control>a.next{right:-10px;}
	
	



}

@media screen and (max-width:900px){
	#contacto>div.cols{position:relative;padding-top:530px;}
	#contacto>div.mapa{width:90%;margin:0 auto;}
	#contacto>div.cols>div.col1{width:90%;margin:0 auto;text-align:center;}
	#contacto>div.cols>div.col1 hr{display:inline-block;}
	#contacto>div.cols>div.col2{position:absolute;top:50px;width:90%;left:5%;text-align:center;}
	#form div.buttons{text-align:center;}
	#formOk{/*display:block;*/text-align:center;margin:0 0 20px 0;}
	#formOk>br{display:none;}
	
	#popupServicios{left:10%;padding:60px;}
	#popupServicios>#close2{position:absolute;left:20px;top:20px;}
	#popupServicios>#close2>img{width:32px;height:32px;}
	
	#serviciosSlider>div.slides li{width:100%;}
	

	#galeriaSlider{width:90%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#galeriaSliderThumb{width:90%;padding-top:20px;}
	#galeriaSliderThumb ul li{width:20%;}
}

@media screen and (max-width:850px){
	#header{position:relative;background-color:#FFF;}
	#header>div.parche{position:fixed;background-color:#FFF;top:0;left:0;right:0;height:93px;z-index:10;}
	#header:after{position:fixed;top:93px;}
	#header:before{display:none;}
	#logo{position:fixed;left:50%;top:20px;margin-left:-116px;}
	
	#menu{position:fixed;top:0;left:0;right:auto;background-color:rgba(0,0,0,.85);min-width:70%;padding:50px 0 30px 0;display:none;}
	#menu.open{display:block;}
	#menu>ul{display:block;}
	#menu>ul.opciones>li{font:16px/24px 'Futura';display:block;margin-right:0;}
	#menu>ul.opciones>li>a{color:#FFF;}
	#menu>ul.redes{position:static;filter: invert(100%);margin-top:20px;}
	#menuButton{display:block;position:fixed;top:35px;left:5%;z-index:31;}
	#close{display:block;position:absolute;top:25px;left:20px;}


	#img>div.recorte{overflow:hidden;width:100%;}
	#img img{width:180%;margin-left:-75%;}
	#img>div.text{position:static;padding:170px 0 80px 0;text-align:center;}
	#img>div.text>h3{text-align:center;}
	#img>div.text>h3:before{left:50%;margin-left:-16px;top:-28px;}
	#img>div.text>h3:after{left:50%;margin-left:-16px;bottom:-28px;}
	
	#nosotros{padding-top:100px;}
	
	#staff>div.recorte{overflow:hidden;width:100%;}
	#staff img{width:130%;height:auto;margin-left:-12%;}

}