@import url("fontface.css");
@charset "utf-8";
/*GERAIS */
*{margin:0px; padding:0px}
body{ width:100%; color:#888888; line-height:20px; font-size:16px; font-family:'varela_roundregular','Futura', 'latoregular', Arial, Helvetica, sans-serif; background-color:#fff; font-smooth:always; overflow-x:hidden; 
margin:0px; padding:0px}


a:link {	color: #337DC7;	text-decoration: none; }
a:visited {	color: #337DC7;	text-decoration: none; }
a:hover {	color: #337DC7 ;text-decoration: underline; }
a:active {	color: #337DC7;	text-decoration: underline; }

::-webkit-scrollbar { height: 12px; width: 12px; background:#fff; }
::-webkit-scrollbar-thumb { background:#00AEEE;}
::-webkit-scrollbar-thumb:hover { background:#00AEEE;}
::-webkit-scrollbar-thumb:active { background:#00AEEE;}

input, textarea, select{ width:80%; margin-bottom:16px; margin-top:6px; max-width:450px ;  border:0px; background-color:#EEE; color:#666; padding:16px; font-family: 'Futura','latoregular', 'latolight', Arial, Helvetica, sans-serif; font-size:14px ; border-radius: 25px ; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.botao{ width:50%; max-width:250px; border:0px; background-color:#337DC7; color:#FFF; margin-top:20px; font-size:18px;}
.msg{ width:80%; max-width:450px;}
.ddd{ width:15%; max-width:50px;}
.tel{ width:50%; max-width:120px;}

img{ border:none;}
ul li{ list-style:none;}
.clear{ clear:both;}

img {width:100% auto;}
.imagee {width: 100% ; height:auto; min-height:auto;}

.greydout { 
	-webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;


}
   
.greydout:hover {
   -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;

	
		
}

.overzoom {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	     -o-transform: scale(1.05);
	        transform: scale(1.05);
	-webkit-transition: all 0.5s ease-in;
  	-moz-transition: all 0.4s ease-in;
  	-ms-transition: all 0.4s ease-in;
  	-o-transition: all 0.4s ease-in;
  	transition: all 0.4s ease-in;
			 
}


.overzoom:hover {
	-webkit-transform: scale(1.35);
	   -moz-transform: scale(1.35);
	    -ms-transform: scale(1.35);
	     -o-transform: scale(1.35);
	        transform: scale(1.35);
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
			
}

.centertext{ text-align:center;}

.mapsmarlesss{margin-bottom:0px !important;}

@media screen and (max-width: 10000px) {
	
	
/*INTRO */
.boxintro{ width:30%; margin-left:30%; margin-top:8%; padding:5%; padding-bottom:5%; background-image:url(../img/bg_intro.png); color:#FFF; font-family:'Futurabold', 'latoblack', Arial, Helvetica, sans-serif;text-align:center; float:left;}
.boxintro img{ max-width:213px;}

.choices{ width:80%; margin-left:10%; float:left;}
.doubleintro{ width:48%; margin:1%; text-align:center; float:left;}
.doubleintro img{ max-width:178px;}
	
/*HOME */
body{line-height:32px;}
h1{ font-size:30px; font-family:'Futurabold', 'latoblack', Arial, Helvetica, sans-serif;  line-height:44px; margin-top:30px; margin-bottom:30px; color:#666; text-transform:uppercase;}
h2{ font-size:26px; font-family: 'Futurabold','latobold', Arial, Helvetica, sans-serif; line-height:30px; letter-spacing:1px; margin-bottom:15px; color:#666;  text-transform:uppercase;}
h3{ font-size:22px; font-family: 'Futurabold','latobold', Arial, Helvetica, sans-serif; line-height:30px; letter-spacing:1px; margin-top:30px; margin-bottom:15px; color:#666;  text-transform:uppercase;}

.index2{width:100%; position:absolute; z-index:2; top:0px;}

.centraltop{ width:100%; height:120px; margin:auto; background-color:#EEE; float:left;}
.topbar{ width:94%; margin:auto; margin-top:16px; margin-left:3%; font-family: 'latobold', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:14px; color:#fff; float:left; }

.logo{ width:25%; margin-left:2%; text-align:right; float:left;}
.logo img{ max-width:296px;}

.menu{ width:70%; margin-top:44px; text-align:right; font-size:13px; font-family: 'Futurabold','latoblack', 'latobold', Arial, Helvetica, sans-serif !important; position:absolute; right:5%; top:0px;}
.menu a:link {color: #666; text-decoration: none; margin-left:5px; margin-right:5px;}
.menu a:hover{color: #26C9FF !important; text-decoration: none; }
.menu a:visited{color: #666; text-decoration: none; margin-left:15px; margin-right:15px;}
.lessmenu{ margin-right:-5px;}
.bookmenu a:link { color:#FFF !important; background-color: #26C9FF !important; border-radius: 25px ; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding:14px !important; }
.bookmenu a:hover {background-color: #9DE4FF !important; color:#fff !important; border-radius: 25px ; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding:14px !important; }
.bookmenu a:visited { color:#FFF !important; background-color: #26C9FF !important; border-radius: 25px ; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding:14px !important; }



.back{ width:100%; position:absolute; z-index:1; top:0px;}
.bannerhome{width:100%; margin-top:120px !important; float:left;}

.central{ width:80%; margin-left:10%; float:left;}

.introhome{ width:100%; padding-top:8%; padding-bottom:4%; margin-top:-50px; background-image:url(../img/bg_intro.jpg); background-position:top; background-repeat:repeat-x; float:left;}
.lefthome{ width:40%; text-align:right; float:left;}
.righthome{width:38%; margin-left:8%; margin-top:30px; float:left;}
.textorighthome{ width:100%; float:left;}
.mais{width:100%; margin-top:20px;  float:left;}
.mais img{ max-width:178px; height:auto;}



.textjust{ text-align:left;}

.lessmarg{margin-top:0px;}

.lines{ max-width:821px;}

.locationshome{width:100%; text-align:center; margin-top:20px; margin-bottom:40px; padding-top:50px; border-top: dotted #ECECEC 2px; float:left;}

.lefth01{ width:50%; margin-top:0px; margin-bottom:70px; float:left;}
.pich01{ width:100%; float:left;}
.unit01{width:100%; padding-top:40px; padding-bottom:40px; float:left;}
.righth01{ width:50%; margin-top:0px; margin-bottom:70px; float:left;}

.h01{width:32%; height:auto; margin-left:0.66%; margin-right:0.66%; margin-bottom:30px; text-align:center; float:left;}
.imgh01{width:100%; height:auto; float:left;}
.th01{width:100%; margin-top:0px; padding:16px 0 14px 0; background-color:#00AEEE; margin-bottom:5px; font-family: 'Futura','Futurabold','latoblack', 'latobold', Arial, Helvetica, sans-serif; font-size:22px; text-transform:uppercase; color:#fff; letter-spacing:2px; float:left;}
.texth01{width:80%;  margin-left:10%;  margin-top:15px; margin-bottom:24px; float:left;}
.priceh01{ width:80%; margin-left:10%; min-height:80px; margin-bottom:30px; line-height:20px; font-size:20px; color:#26C9FF; font-family: 'Futurabold','latobold', Arial, Helvetica, sans-serif; letter-spacing:0.4px; text-transform:uppercase; float:left;}
.bth01{ width:100%; text-align:center; float:left;}
.bth01 img{ max-width:178px;}

.h01home{width:48%; height:auto; margin-left:1%; margin-right:1%; margin-bottom:4%; text-align:center; float:left;}


.bannerfooter{width:100%; margin-top:10%; padding-bottom:60px; background-image:url(../img/bg01.png); background-position:top; background-repeat:repeat-x; float:left;}
.leftbanner{ width:40%; text-align:right; float:left;}
.leftbanner img{ max-width:623px;}
.rightbanner{ width:30%; margin-left:10%; margin-top:10%; float:left;}



.footer{ width:100%; background-color:#1F4A76; background-color:#EEE; padding-top:100px; padding-bottom:100px; text-align:center; color:#666; float:left;}
.intofooter{ width:100%; float:left;}

.footermidia{ width:100%; text-align:center; margin-top:50px; margin-bottom:10px; float:left;}
.margredes{ margin:6px;}

.menufooter{ width:100%; float:left;}
.menufooter a:link {color: #666; text-decoration: none; margin-left:15px; margin-right:15px;}
.menufooter a:hover{color: #666; text-decoration: underline; }
.menufooter a:visited{color: #666; text-decoration: none; margin-left:15px; margin-right:15px;}



/*QUEM SOMOS*/

.centralabout{ width:70%; margin-left:15%; margin-top:50px; line-height:26px; float:left;}
.leftabout{ width:30%; margin-top:-30px; text-align:right; float:left;}
.rightabout{ width:60%; margin-left:10%; color:#999; float:left;}

.textabout{ width:100%; margin-top:60px; margin-bottom:30px; float:left;}
.titulopag{ width:80%; left:10%; top:270px; position:absolute; text-align:center; z-index:2;}

.fotoabout{width:100%; float:left;}



/*LOCATIONS*/


.boxprod{width:22%; margin-top:52px; margin-bottom:52px; margin-left:1.5%; margin-right:1.5%; text-align:center;  float:left;}

.boxprod2{width:30%; margin-top:52px; margin-bottom:52px; margin-left:1.6%; margin-right:1.6%; text-align:center; float:left;}

.imgprod{width:86%; height:auto; padding:7%; background-color: #F4F4F4; float:left;}

.tituloprod{width:90%; margin-left:5%; min-height:50px; margin-top:20px; margin-bottom:5px; padding-bottom:20px; font-size:18px; line-height:24px; border-bottom:2px dotted #FFF; float:left;}

.valor{width:80%; min-height:60px; margin-left:10%; margin-top:20px; margin-bottom:30px; text-align:center; line-height:20px; font-size:20px; color:#26C9FF; font-family: 'Futurabold','latobold', Arial, Helvetica, sans-serif; letter-spacing:0.4px; text-transform:uppercase; float:left;}

.goback{ padding-top:60px; padding-bottom:60px; background-color:#F4F4F4;}

.bglocation{width:100%; margin-bottom:60px; background-color:#EEE; float:left;}
.lessbglocation{ margin-bottom:0px; padding-bottom:100px; }
.lessm{margin-bottom:-60px; padding-bottom:50px;}

.textlocation{width:50%; margin-left:25%; padding-top:4%; padding-bottom:5%; float:left;}
.textlocation li{ margin-left:20px; margin-top:20px; margin-bottom:20px; list-style-type:disc; font-size:15px; font-weight:bold;}

.facilities{width:70%; margin-left:15%; margin-top:30px; float:left;}

.centralvideo{ width:100%; margin-bottom:5%; float:left;}
.video{ width:50%; margin-left:25%; padding-top:40px; padding-bottom:40px; float:left;}

.embed-container {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 height: auto;
 margin-top: 30px;
 margin-bottom: 30px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.galeriaroom{width:100%; background-color:#EEE; padding-top:60px; padding-bottom:40px; float:left;}
.centralgaleria{ width:80%!important; margin:auto !important; margin-left:11%!important; float:left !important;}

.margbtbook{ margin:5px;}

.centralservicos{ width:100%; margin-top:-50px; background-image:url(../img/bg_intro.jpg); background-position:top; background-repeat:repeat-x; float:left;}
.bgcentralservicos{ width:100%; background-image:url(../img/bg_servicos.png); background-position:top center; background-repeat:no-repeat; float:left;}

.contserv{ width:100%; margin-top:50px; float:left;}
.boxfour{width:23.75%; margin-top:52px; margin-bottom:52px; margin-left:0.62%; margin-right:0.62%; text-align:center; float:left;}
.boxfour img{ width:100%; height:auto;}


.bgmiddle2{ width:100%; min-height:200px; padding-top:100px; padding-bottom:100px; margin:auto; float:left;}
.bgmiddle3{ width:100%; min-height:200px; padding-top:100px; padding-bottom:100px; margin:auto; background-color:#eee; float:left;}

.leftserv{width:49%; float:left;}
.boxleftserv{ margin-left:10%;}
.categum{width:58%;   height:50px; margin-left:4%; font-family: 'Futurabold','latoblack', 'latobold', Arial, Helvetica, sans-serif; line-height:30px; font-size:24px;  text-transform:uppercase;color:#333; float:left;}
.categdois{  width:32%; max-width:264px; min-height:50px; float:left;}
.categdois img{max-width:264px;}

.categ{ width:50%; min-height:65px; margin-left:4%; margin-top:5px; font-family: 'Futurabold','latoblack', 'latobold', Arial, Helvetica, sans-serif; font-size:30px; text-transform:uppercase; color:#0070B0; float:left;}
.categmarg{ max-width:841px; margin-bottom:25px; }


.rightserv{ width:49%; margin-left:1%; float:left;}
.boxrightserv{ margin-right:20%;}
.rightserv img{ max-width:841px;} 

.boxrightserv2{ margin-left:20%;}


/*DIFERENCIAIS*/

.diferenciais{ width:96%; font-size:24px; text-align:center; font-family: 'Futurabold','latoblack', 'latobold', Arial, Helvetica, sans-serif;color:#333; background-color:#eee; padding:2%; margin-bottom:15px; float:left;}
.abralimp{ width:100%; margin-top:20px; margin-bottom:100px; text-align:center; float:left;}
.abralimp img{ max-width:780px;}



/*NOTÍCIAS*/

.margbottom{ margin-bottom:100px;}



/*CONTATO*/

.endereco{ width:90%; margin-left:5%; margin-top:60px; margin-bottom:60px; text-align:center; font-family: 'latobold', Arial, Helvetica, sans-serif; font-size:18px; color:#1F4A76; float:left;}
.divmap{float:left;}
.mapa{ width:100%; height:auto; min-height:400px; margin:auto; }
.mapa iframe{width:100%; min-height:100%; min-height:400px; position:relative;}

.margh2{margin-top:10px;}

.textalignleft{ text-align:left;}

.lessmarg2{margin-top:0px;}

.margrede{margin-left:50px;}


}
@media screen and (max-width: 960px) {

body { font-size:15px;}
h1{ font-size:25px; line-height:30px;}
h2{ font-size:20px;}	
h3{ font-size:18px;}



.boxintro{ width:80%; margin-left:5%; margin-top:8%;}


.centraltop{ width:100%; height:155px; margin:auto; margin-top:-32px; }

.topbar{ font-size:12px; margin-top:0px; padding-top:0; color:#fff; }

.logo{ width:100%; margin:auto; top:20px; text-align:center; position:absolute;}
.logo img{max-width:260px;}

.menu{ width:40%; top:0px; right:5%; position:absolute; z-index:9999999999;}

.bannerhome{width:100%; float:left;}

.bottombanner{ background-image:none; background-color:#eee;}

.introhome{ padding-top:4%; padding-bottom:4%;}
.lefthome{ width:80%; margin-left:10%; text-align:center;}
.righthome{width:80%; margin-left:10%; margin-top:10px; text-align:center;}
.mais{ text-align:center; margin-bottom:50px;}
.mais img{ max-width:115px;}

.locationshome{width:100%; text-align:center; margin-top:-10px; margin-bottom:20px; float:left;}

.h01{ line-height:16px;}
.th01{font-size:16px; float:left;}
.priceh01{ min-height:120px;}
.bth01 img{ max-width:140px; height:auto;}


/*QUEM SOMOS*/

.centralabout{ width:70%; margin-left:15%; margin-top:0px;}
.leftabout{ width:100%;  margin-top:0px; text-align:left; float:left;}
.rightabout{ width:100%; margin-left:0px; font-size:16px;}




/*LOCATIONS*/


.boxprod{width:48%; margin-top:32px;  margin-left:0.5%; margin-right:0.5%; }
.boxprod2{width:48%; margin-top:32px;  margin-left:0.5%; margin-right:0.5%; }


.tituloprod{font-size:16px;}

.textlocation{width:70%; margin-left:15%; text-align:center;}



.bgmiddle2{ width:100%; margin:auto; padding-top:50px; padding-left:10%; padding-right:10%; float:left;}
.bgmiddle3{ width:100%; margin:auto; padding-top:30px; padding-left:10%; padding-right:10%; float:left;}

.leftserv{width:100%; margin-bottom:25px; float:left;}
.rightserv{ width:100%; margin-left:0%; margin-bottom:25px; float:left;}
.boxrightserv2{ width:80%; margin-left:0; margin-right:20%; margin-bottom:25px; float:left;}

.categum{ font-size:18px;}
.categ{ font-size:28px;}


/*DIFERENCIAIS*/

.diferenciais{font-size:20px;}


}
@media screen and (max-width: 520px) {
	
input, textarea, select{max-width:90%px; min-width:90%;  border:0px; background-color:#DDD; color:#666; font-size:12px; padding:16px; font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:14px; }
.botao{ max-width:90%; min-width:100%; border: 0px; background-color:#5900B2; color:#FFF; padding-left:130px; padding-right:130px; padding-top:20px; padding-bottom:20px; margin-top:20px; font-size:18px;}

body { font-size:14px;}
	
h1{ font-size:22px; letter-spacing:2px; text-transform:uppercase; }
h2{ font-size:18px; margin-top:0px; line-height:20px; margin-top:30px;}
h3{ font-size:16px;}

.logo img{ min-width:70px;}

.bookmenu a:link {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding:8px 4px 8px 4px !important;}
.bookmenu a:hover { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

.h01{width:100%; margin-left:0px; margin-right:0px; margin-bottom:30px; }

.h01home{width:100%; margin-left:0px; margin-right:0px; margin-bottom:30px; line-height:18px;}

.textcenter{ margin-top:5px; margin-bottom:100px;}

.lefth01{ width:100%; margin-top:30px; margin-bottom:0px;}
.righth01{ width:100%; margin-top:0px; margin-bottom:30px;}

.h01{ line-height:16px; margin-bottom:25px;}
.th01{font-size:16px; min-height:20px; margin-bottom:5px;}
.texth01{ min-height:20px; margin-top:5px; margin-bottom:26px;}
.priceh01{ min-height:0px;}



.bannerfooter{padding-bottom:90px;}
.leftbanner{  width:90%; margin-left:5%; text-align:center; float:left;}
.rightbanner{ width:80%; margin-left:10%; margin-top:10%; text-align:center; float:left;}



/*QUEM SOMOS*/

.textabout{ margin-top:30px; margin-bottom:60px;}

.titulopag{top:30px;}



/*LOCATIONS*/

.boxprod{width:100%; margin-top:32px;  margin-left:0; margin-right:0; }

.boxprod2{width:100%; margin-top:32px;  margin-left:0; margin-right:0; }


.tituloprod{font-size:14px;}

.textlocation{width:80%; margin-left:10%; text-align:center;}



.bgmiddle2{ width:100%; margin:auto; padding-top:0px; padding-left:10%; padding-right:10%; float:left;}
.bgmiddle3{ padding-bottom:0px;}

.boxleftserv{  margin-left:0%;}
.rightserv{ margin-bottom:15px;}
.boxrightserv2{margin-bottom:15px; }

.categum{ width:100%;height:30px; max-height:auto; margin-left:0; font-size:15px; padding-top:40px; float:left; }
.categ{ width:100%; height:30px; max-height:auto; margin-left:0; font-size:18px; margin-top:0; float:left;}
.categdois{ display:none; width:100%; max-height:auto; float:left;}
.categdois img{ max-width:150px;}


/*DIFERENCIAIS*/

.diferenciais{font-size:16px;}


}

.paymentDate { color: #00ADEF !important; font-size: 30px; }