/*
---EXPECIFICAÇÕES RESPONSIVO---
PC - 1024

*/
@font-face {
	font-family: 'Amaz_bold';
	src: url('fonts/amazb.eot');
	src: local('☺'), 
		 url('fonts/amazb.woff') format('woff'), 
		 url('fonts/amazb.ttf') format('truetype'), 
		 url('fonts/amazb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Abadimt';
	src: url('fonts/abadimt.eot');
	src: local('☺'), 
		 url('fonts/abadimt.woff') format('woff'), 
		 url('fonts/abadimt.ttf') format('truetype'), 
		 url('fonts/abadimt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mtcorsva';
	src: url('fonts/mtcorsva.eot');
	src: local('☺'), 
		 url('fonts/mtcorsva.woff') format('woff'), 
		 url('fonts/mtcorsva.ttf') format('truetype'), 
		 url('fonts/mtcorsva.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri.eot');
	src: local('☺'), 
		 url('fonts/Calibri.woff') format('woff'), 
		 url('fonts/Calibri.ttf') format('truetype'), 
		 url('fonts/Calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Amaz_ligth';
	src: url('fonts/amazl.eot');
	src: local('☺'), 
		 url('fonts/amazl.woff') format('woff'), 
		 url('fonts/amazl.ttf') format('truetype'), 
		 url('fonts/amazl.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Amaz_regular';
	src: url('fonts/amazr.eot');
	src: local('☺'), 
		 url('fonts/amazr.woff') format('woff'), 
		 url('fonts/amazr.ttf') format('truetype'), 
		 url('fonts/amazr.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Titillium';
	src: url('fonts/titillium.eot');
	src: local('☺'), 
		 url('fonts/titillium.woff') format('woff'), 
		 url('fonts/titillium.ttf') format('truetype'), 
		 url('fonts/titillium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LillyBelle';
	src: url('fonts/LillyBelle.eot');
	src: local('☺'), 
		 url('fonts/LillyBelle.woff') format('woff'), 
		 url('fonts/LillyBelle.ttf') format('truetype'), 
		 url('fonts/LillyBelle.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Digitall';
	src: url('fonts/01Digitall.eot');
	src: local('☺'), 
		 url('fonts/01Digitall.woff') format('woff'), 
		 url('fonts/01Digitall.ttf') format('truetype'), 
		 url('fonts/01Digitall.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue.eot');
	src: local('☺'), 
		 url('fonts/BebasNeue.woff') format('woff'), 
		 url('fonts/BebasNeue.ttf') format('truetype'), 
		 url('fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueBook';
	src: url('fonts/BebasNeueBook.eot');
	src: local('☺'), 
		 url('fonts/BebasNeueBook.woff') format('woff'), 
		 url('fonts/BebasNeueBook.ttf') format('truetype'), 
		 url('fonts/BebasNeueBook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeueRegular.eot');
	src: local('☺'), 
		 url('fonts/BebasNeueRegular.woff') format('woff'), 
		 url('fonts/BebasNeueRegular.ttf') format('truetype'), 
		 url('fonts/BebasNeueRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*:focus { 
	outline: none; 
}
a{
	text-decoration: none;
}
figure{
	margin: 0;
	padding: 0;
}
.geral{
	width: 1000px;
	margin: 0 auto;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Calibri';
	background: url(../img/background.jpg)#F7E8C2 top center no-repeat;
}
.col-50{
	width: 45%;
	padding: 0 2.5%;
	float: left;
}
menu{
	display: none;
}
header, 
main,
nav,
footer, 
article,
.top,
.rows,
.videos
{
	width: 100%;
	float: left;
	clear: both;
}
#btnMenu{
	display: none;
}
.menuMobile{
	display: none;
}
.top{
	background: url(../img/bg-top.png) top center no-repeat;
	background-position-y: -5px;
}
.logo{
	width:240px;
	height:127px;
	position: relative;
	z-index: 3;
	float: left;
	margin: -8px 0 0 90px;
}
.mails-max{
	width: 100%;
	height: 86px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	margin: 0 auto;
	background: url(../img/bg-mail-max.png) top center no-repeat;
}
.mails-max .mail1,
.mails-max .mail2{
	width: 152px;
    height: 33px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 3px 0 0 -49px;
    font-family: 'Abadimt';
    color: #B84D2D;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
.mails-max .mail2{
    margin: 3px 0 0 100px;
}
.mails-max .mail1 img{
	float: right;
	margin: 0 32px 0 -35px;
}
.mails-max .mail1 strong,
.mails-max .mail2 strong{
	font-family: 'Mtcorsva';
	color:#F58544;
	font-size: 17px;
}
.mails-max .mail2 .btn{
	float: left;
    margin: 2px 0 0 37px;
    padding: 3px 5px;
    border: solid 1px #904822;
    border-radius: 5px;
    box-shadow: 1px 2px 4px #000;
}

.fundo{
	width: 100%;
	height: 1056px;
	background: url(../layout/new/Layout-Hotel-Park-2018-2.png) top center;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 -1056px 0;
	z-index: -1;
}
.passaro1, 
.passaro2,
.passaro3,
.macaco,
.ponto{
	position: absolute;
	left: 50%;
	top: 20px;
	z-index: 1;
}
.passaro1{
	margin: -112px 0 0 -186px;
    width: 120px;
}
.passaro1 img{
	width: 100%;
}
.passaro2{
	margin: -115px 0 0 -480px;
    width: 100px;
}
.passaro2 img{
	width: 100%;
}
.passaro3{
	margin: -85px 0 0 180px;
}
.macaco{
	margin: -57px 0 0 389px;
}
.ponto{
	margin: -44px 0 0 -480px;
}
nav{
	z-index: 99;
	position: relative;
	height: 109px;
	margin-top: 0px;
	background: url(../img/bg-nav.png) top center no-repeat;
}

nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 99;
}
nav ul li{
	float: left;
	margin: 30px 17px;
}
nav ul li a{
	font-family: 'Abadimt';
    color: #904822;
    font-size: 22px;
    padding: 4px;
}
nav ul li a:hover{
	padding: 2px;
	border: #904822 2px solid;
	border-radius: 10px;
}
.mae:hover{
	padding: 4px;
	border: none;
}
nav ul li:hover ul{
	display: block;
}
nav ul li ul{
	display: none;
	position: absolute;
	width: 165px;
	background: #CBA65B;
	z-index: 999999;
	box-shadow: 1px 1px 4px #904822;
}
nav ul li ul li{
	width: 155px;
	padding: 5px;
	margin: 10px 0;
}
nav ul li ul li a{
	font-size: 17px;
	font-weight: bold;
}
nav ul li ul li a:hover{
	border: none;
	padding: 4px;

}


.apresentacao .left span{
	color: #F58544;
	font-family: 'Abadimt';
	font-size: 33px;
	font-weight: bold;
}
.apresentacao .left strong{
	color: #00468C;
	font-family: 'Mtcorsva';
	font-size: 44px;
}
.apresentacao .left p{
	color: #904822;
	font-size: 12px;
	padding: 10px;
	border-radius: 10px;
	border: 1px #FEB278 solid;
	font-family: 'Verdana';

}

.apresentacao .right span{
	color: #009C37;
	font-family: 'Mtcorsva';
	font-size: 27px;
	margin: 35px;
}
.apresentacao .right strong{
	color: #009C37;
	font-family: 'Mtcorsva';
	font-size: 44px;
}
.apresentacao .right p{
	color: #009C37;
	font-size: 12px;
	padding: 10px;
	border-radius: 10px;
	border: 1px #FEB278 solid;
	font-family: 'Verdana';

}
.apresentacao .right #prev2,
.apresentacao .right #next2{
	cursor: pointer;
	position: absolute;	
	z-index: 9999;
	transform: rotate(-11deg);
    -webkit-transform:  rotate(-11deg);
    -ms-transform:  rotate(-11deg);
    color: #FFF;
    text-shadow: #000 1px 2px 3px;
}
.apresentacao .right #next2{
	margin: -139px 0 0 250px;
}
.apresentacao .right #prev2{
	margin: -130px 0 0 200px;
}
/*NATURAL -> RESPOSIVO*/
.apresentacao .slide{
	width: 450px;
	height: 400px;
	margin: -70px 0 0 0;
	z-index: 9;
}
.apresentacao .slide img{
	width: 100%;
}
.cerca{
	width: 768px;
	height: 108px;
	clear: both;
	margin: 0 auto;
	background: url(../img/cerca.png) top center no-repeat;
	padding: 1px 0 0 0;
}
.cerca .placa{
	width: 421px;
	height: 62px;
	margin: 10px auto;
	background: url(../img/bg-placa.png) top center no-repeat;
}
.cerca .placa h1{
	color: #EAC36E;
	font-family: 'Abadimt';
	font-size: 33px;
	text-align: center;
	padding: 10px;
}
.cerca .placa h1 strong{
	color: #F58544;
	font-family: 'Mtcorsva';
	font-size: 40px;
}
.servicos ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.servicos ul li{
    width: 135px;
    height: 140px;
    float: left;
    /* margin: 20px 10px 0 0; */
    margin: 3px;
    text-align: center;
    background: url(../img/bg-servico.png) top center no-repeat;
    background-size: 100%;
}
.servicos ul li img{
	margin: 10px 0;
}
.servicos ul li a{
	color: #C28559;
	font-family: 'Abadimt';
	font-size: 20px;
}
.servicos ul li .estacionamento{
	margin: -12px 0; 
	float: left;
}
.servicos ul li a .fogao {
	margin-top: -12px;
	display: block;
}

footer{
	height: 263px;
	background: url(../img/footer.jpg) top center no-repeat;
}
footer address{
	width: 588px;
	height: 62px;
	margin: 136px auto 0 auto;
	font-family: 'Verdana';
	font-size: 12px;
	color: #904822;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	padding-top: 17px;
	background: url(../img/bg-placa.png)  center no-repeat;
	background-size: 100%;
	height: max-content;
	padding-top: 1.1rem;
	padding-bottom: 1.5rem;
}
footer address div.contact {
	font-family: 'Verdana';
	font-size: 12px;
	color: #904822;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
footer address div.contact a { 
	text-decoration: none;
	color: #904822;
	outline: none;
}
footer address div.contact a i { 
	color: green;
	font-size: 18px;
	margin-bottom: -2px;
} 



/*Paginas*/
article {
	text-align: justify;
}
article h1{
	font-family: 'Abadimt';
	color: #8d4d06;
	font-size: 33px;
}
article h2{
	font-family: 'Abadimt';
	color: #8d4d06;
	font-size: 22px;
}
article h3{
	font-family: 'Abadimt';
	color: #EAC36C;
	font-size: 18px;
}
article h4{
	font-family: 'Abadimt';
	color: #EAC36C;
	font-size: 16px;
}
article ul,
article p{
	color: #8B4D2C;
	font-size: 13px;
	font-family: 'Verdana';
}

article .icones{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	float: left;
}

article .icones li{
	 text-align: center;
	 float: left;
	 width: 96px;
     height: 68px;
	 font-size: 10px;
	 margin: 2px;
}
article .icones li img{
	width: 36px;
}
/*Formularios*/
#btnSubmit{
	width: 120px;
	height: 73px;
	border: none;
	cursor: pointer;
	background: url('../img/submit.png') top center no-repeat;
}
.contato{
	width: 380px;
	float: left;
}
.contato input, 
.contato textarea{
	background: #7d4c33;
	color: #FFF;
	width: 360px;
	clear: both;
	border: #D87D46 2px solid;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0;
}
.contato input::placeholder, 
.contato textarea::placeholder{
	color: #CACACA;
}
.contato textarea{
    width: 360px;
    height: 52px;
    max-width: 360px;
    max-height: 52px;
    min-width: 360px;
    min-height: 52px;
}
.telefones h3,
.telefones h4{
	color:#8A4901;
	margin: 0;
	font-size: 20px;
}
.telefones{
	text-align: left;
	width: 350px;
	float: left;
	margin: 0 0 0 40px;
}
.telefones p{
	font-size: 12px;
}
.telefones p a {
	text-decoration: none;
	color: #8A4901;
}
.telefones img{
	/*margin: 0px 0 -11px 0px;*/
	margin-right: 10px;
}
.telefones .contact {
	text-decoration: none;
	color: #8A4901;
}
.telefones .contact a { 
	color: #8A4901;
	display: flex;
	align-items: center;
	/*font-size: */
}
.telefones .contact a i { 
	font-size: 25px;
	margin-right: 13px;
	color: green;
} 


.formaPagamnto{
	clear: both; 
	margin: 50px 0 0 0; 
	float: left; 
	width: 100%;
}
.formaPagamnto h4{
	color:#8A4901;
	margin: 0;
}
.formaPagamnto div{
	float: left;
	width: auto;
	margin: 0 20px 0 0;
}
.bandeiras{
		margin: 2px !important;
	}

.galeria{
	width: 100%;
	clear: both;
	float: left;
	margin: 30px 0;
}
.galeria ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.galeria ul li{
	width: 220px;
	height: 120px;
	float: left;
	padding: 0;
	margin: 10px;
	border: solid 1px #A64D2C;
	/*border-radius: 10px;*/
}
.galeria ul li a{
	width: 220px;
	height: 120px;
	float: left;
	/*border-radius:10px;*/
}
.galeria ul li video{
	width: 220px;
	height: 120px;
	float: left;
}
.videos video{
	width:45%;
	float: left;
	margin: 10px 2.5% 50px; 
}
.developer{
	width: 100px;
	margin: 0 auto;
}
.developer img{
	width: 100%;
}
/*Tablet 768*/
@media screen and (max-width: 1024px){
	.geral{
		width: 734px;
	}
	.passaro1, 
	.passaro2,
	.passaro3,
	.macaco{
		display: none;
	}
	nav ul li {
    	margin: 30px 7px;
	}
	nav ul li a {
    	font-size: 20px;
	}
	.ponto {
    	margin: -44px 0 0 -360px;
	}
	.col-50{
		width: 95%;
		clear: both;
		margin: 5px 0;
	}
	.apresentacao .left p {
    	width: 660px;
    }
    .apresentacao .slide {
    	width: 720px;
    	height: 576px;
	}
	.apresentacao .right #next2{
		margin: -165px 0 0 420px;
	}
	.apresentacao .right #prev2{
		margin: -154px 0 0 354px;
	}
	.cerca{
    	width: 725px;
	}
	.servicos ul li img {   	
    	width: 145px;
	}
	.servicos ul li{
		width: 234px;
		height: 223px;
	}
	.servicos ul li .estacionamento{ 
		float: none;
	}
	.servicos ul .fim{    
		margin-left: 246px;
	}

	article .icones li {
    	margin: 2px 39px;
	}
	.videos video{
		width:90%;
		float: left;
		margin: 10px 2.5%; 
	}
	.liV{
    	height: 122px !important;
	}
}

@media screen and (max-width: 991px) {
	footer {
		height: max-content !important;
	}
	footer address {
		width: 95% !important;
		max-width: 100%;
		margin-right: 0 !important;
		background-size: 100% 100%;
		padding-top: 1rem !important;
		padding-bottom: 1.2rem !important;
	}
	footer > section.geral {
		width: 100%;
		margin: 0 auto;
	}
}
/*Mobile 320*/
@media screen and (max-width: 768px){
	body{
		background:#F7E8C2;
	}
	.geral{
		width: 310px;
	}
	#btnMenu{
		display: block;
		position: absolute;
		margin: 50px 0 0 6px;
		z-index: 9999;
	}
	.top{
		background: url(../img/bg-top-min.png) top center repeat-x;
	}
	.passaro1, 
	.passaro2,
	.passaro3,
	.macaco{
		display: none;
	}
	.logo {
    	float: none;
    	margin: 0 auto;
	}
	.mails-max {
    	position: relative;
    	margin: -11px auto;
    	background: url(../img/bg-mail-min.png) top center no-repeat;
	}
	.mails-max .mail1{
    	margin: 6px 0 0 -154px;
	}
	.mails-max .mail2{
		margin: 3px 0 0 -3px;
	}
	nav {
    	display: none;
	}

	.ponto {
    	margin: -44px 0 0 -360px;
	}
	.col-50{
		width: 95%;
		clear: both;
		margin: 13px 0 26px 0;
	}

	.apresentacao .left p {
    	width: 92%;
	}
    .apresentacao .slide {
    	width: 310px;
    	height: 248px;
    	margin: -41px 0 0 0;
	}
	.apresentacao .right #prev2 {
	    margin: -72px 0 0 117px;
	}
	.apresentacao .right #next2 {
	    margin:-80px 0 0 167px;
	}
	.cerca{
    	width: 310px;
	}
	.cerca .placa {
   		width: 275px;
   	}
	.servicos ul li img {
	    width: 61px;
	}
	.servicos ul li {
	    width: 140px;
	    height: 146px;
	        margin: 6px;
	}
	.servicos ul li .estacionamento{ 
		float: none;
	}
	.servicos ul .fim{    
		margin-left: 85px;
	}
	footer address {
    	width: 277px;
    	margin: 27px auto 0 auto;

	}
	footer{
    	height: 153px;
    	background-size: 289%;
	}
	footer address{
		font-size: 11px;
	}
	article .icones li {
    	margin: 2px -2px;
	}

	.contato {
		width: 300px;
	}
	.contato input, 
	.contato textarea{
		width: 280px;
	}
	.contato textarea{
	    width: 280px;
	    height: 52px;
	    max-width: 280px;
	    max-height: 52px;
	    min-width: 280px;
	    min-height: 52px;
	}
	.telefones{
		margin: 0;
		clear: both; 
	}
	.cerca .placa h1 strong {
	    font-size: 32px;
	}
	footer address {
	    padding: 9px;
	}
	.galeria ul li {
	    width: 149px;
	    height: 110px;
	    margin: 2px 2px;
	}
	.galeria ul li a{
	    width: 149px;
	    height: 110px;
	}
	.liV{
    	height: 112px !important;
	}

	.galeria ul li video{
		width: 151px;
	    height: 110px;
		float: left;
	}
/*Menu oculto*/
.mascara{
	z-index:9999999999999999999999999; 
	display:none; 
	width: 100%; 
	height:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	cursor: pointer;
	background: rgba(0,0,0,0.7);
}

menu {
    position:fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999999999999999999999;
    width: 260px;
    height: 100%;
    padding-top: 10px;
    margin: 0;
    background: rgba(0,0,0, 0.6);
    box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3);
    padding-left: 0;
    display: block;
}

menu ul{
    list-style: none;
    padding-left: 10px;
}

menu li a {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin: 0 10px;
    padding: 10px;
    color: #FFF;
    text-decoration: none;
    font: 100% verdana, sans-serif;
}

menu li a:hover {
    background: #ccc;
    color: #000;
}


/*
        Aqui você esconde o menu para fora da tela 
        O valor é exatamente a largura da sidebar
*/
menu {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    transform: translateX(-260px);
    -webkit-transition: all .10s linear;
    -moz-transition: all .10s linear;
    -ms-transition: all .10s linear;
    transition: all .10s linear;
}

/*
        Essa é a posição original do HEADER e do MAIN
*/
.topo, .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .10s linear;
    -moz-transition: all .10s linear;
    -ms-transition: all .10s linear;
    transition: all .10s linear;
    
}

.menu-active menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.menu-active .topo, 
.menu-active .main {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    transform: translateX(260px);
}
.outmenu{ height: 100%;}

}