* { margin: 0; padding: 0; font-family: Arial; transition: all .5s; }

header {
    width: 100%;
}

center {
    width: 100%;
    height: auto;
}

footer { width: 100%; height: auto; }
footer h4 { width: 100%; height: auto; padding:10px; }

section {
    width: 90%;
    max-width: 1360px;
    height: auto;
    margin: 40px auto;
    display: table;
}

h1,h2,h3 { margin: 10px 0px; }

h1 { font-size: 37px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }

p { margin: 10px 0px; }

.index { height: 700px; }
.basic { height: 400px; }


#videos{ width:25%; height:auto; float:left;}
.quem_somos_banner     { background: url(../_img/_banners/quem-somos.jpg); background-size: 100%; height: 300px; }
.galeria_banner    { background: url(../_img/_banners/galeria.jpg); background-size: 100%; height: 300px; }
.passeio_banner { background: url(../_img/_banners/destinos.jpg); background-size: 100%; height: 300px;}
.contato_banner    { background: url(../_img/_banners/contato.jpg); background-size: 100%; height: 300px; }

#slider_1, #slider_2, #slider_3, #slider_4 {
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 0;
    opacity: 0;
    background-size: 100%;
}

#slider_txt { position: absolute; width: 450px; height: 150px; top: 450px; left: 45%; margin-left: 0px;
}

#slider_txt h1, #slider_txt h2 { text-align: right; }

#rosto {
    width: 100%;
    position: absolute;
    z-index: 1000;
}

#bg_menu {
    width: 100%;
    background: url(../_img/_header/bg_menu.jpg) repeat-x;
}

#banner_top {
    width: 90%;
    max-width: 1360px;
    height: 340px;
    margin: 0px auto;
    
    display: table;
}

#logomarca {
    width: 49%;
    height: 340px;
    
    float: left;
    display: block;
}

#menu {
    width: 51%;
    height: 130px;
    
    float: left;
    display: block;
}

#menu nav {
    width: 583px;
    display: table;
    background: url(../_img/_header/bg_nav.png);
}

#menu ul { list-style: none; }

#menu li {
    height: 127px;
    margin: 0px 2.5px;
    
    float: left;
    display: table;
}

#menu li a {
    color: #FFF;
    font-size: 17px;
    font-weight: 900;
	text-shadow: 1px 1px 2px #000000;
    
    margin: 90px 21px 0px 21px;
    
    text-decoration: none;
    display: block;
}

#menu li a:hover {
    color: #00B200;
    text-shadow: 3px 3px 3px #000000;
}

#tel_top {
    width: 51%;
    height: 216px;
	font-size:23px;
	color:#FFF;
    float: left;
    display: block;
	text-shadow: 3px 3px 3px #000000;
}

#tel_top h3 {
    margin: 30px 0px; color: #FFFFFF; text-shadow: 3px 3px 3px #000000; font-weight:600;}

.img_empresa { width: 25%; margin: 1%; float: left; }
.carnaval { width: 20%; margin: 1%; float: left; }

#destaque { width: 23%; margin: 1%; float: left; }
#destaque p { height: 150px; }

.destinos { width: 100%; margin: 1%; float: left; }
.destinos img { width: 25%; margin: 1%; float: left; }
.destinos p { width: 65%; height: auto; float:left; font-size:16px; }

.bt_whatsapp { width: 140px; height: auto; float:left; font-size:16px; font-weight:600; color:#333; padding:10px; background: #0F9; border-radius:9px; }
.bt_whatsapp:hover { text-decoration: none; color:#FFF; }

#galeria { width: 100%; }
#foto { width:160px; height:160px; margin:3px; float:left;}
#ft { width:160px; height:160px; margin:3px; float:left;}


#contato label      { width: 100%; height: 30px; display: block; float: left; }
#contato input      { width: 100%; height: 30px; background: #DFFFEF; border: 0px; border-radius: 5px; box-shadow: 1px 1px 2px #333; }
#contato textarea   { width: 100%; height: 150px; background: #DFFFEF; border: 0px; border-radius: 5px; box-shadow: 1px 1px 2px #333; } 
#contato #contbt    { width: 100%; margin: auto; }
#contato #botao     { width: 100px; float: left; margin: 5px; text-align: center; background: url(../_img/bg_bt.jpg); }
#contato #botao:hover{ background: #B25900; color: #FFFFFF; }


left  { width: 40%; float: left; display:table; }
right { width: 60%; float: left; display:table; }

.img_footer { background:url(../_img/footer.jpg) no-repeat; background-size: 100%; height: 250px; }

#folhas_left {
    position: fixed;
    width: 465px;
    height: 163px;
    left: 0px;
    bottom: 0px;
    background: url(../_img/folhas_left.png) no-repeat;
    z-index: 1000;
}

#folhas_right {
    position: fixed;
    width: 150px;
    height: 200px;
    right: 0px;
    bottom: 0px;
    background: url(../_img/folhas_right.png) no-repeat;
    z-index: 1000;
}

#social {
    position: fixed;
    width: 150px;
    height: 100px;
    
    left: -90px;
    
    z-index: 2000;
}

#social:hover { left: 0; }

.facebook { top: 260px; background: url(../_img/_social/bg_social_facebook.png); }
.googleplus { top: 370px; background: url(../_img/_social/bg_social_googleplus.png); }

@media screen and (max-width: 700px) {
h1 { font-size: 33px; }
h2 { font-size: 21px; }
#logomarca { width: 100%; height: 200px; float: left; display: block;}
#imglogo {width: 100%; height: 200px; float: left; display: block;}

#slider_txt { position:absolute; width:320px; height:150px; top:470px; left:-40%; margin-left:0px; font-size:15px;
}
#destaque { width:100%; margin: 1%; float: left;}


.destinos { width: 98%; margin: 1%; float: left; }
.destinos img { width: 100%; margin: 1%; float: left; }
.destinos p { width: 100%; height: auto; float:left; font-size:16px; }

#menu {width: 90%; height:130px; margin:-30px 1px; display: block;}

#menu nav { width: 90%; display: table; background: url(../_img/_header/bg_nav2.png);}

#menu li a {color:#FFF; font-size:08px; font-weight: 900; text-shadow: 1px 1px 2px #000000;
margin: 90px 0.5px 0px 0.5px; text-decoration: none; display: block;}

.img_empresa { width: 90%; margin: 1%; float: left; }
.carnaval { width: 90%; margin: 1%; float: left; }

#tel_top h3 {margin: 40px 50px; font-size:15px; z-index:10000000000; color: #FFFFFF; text-shadow: 3px 3px 3px #000000;}
#foto { width:120px; height:120px; margin:3px; float:left;}
#ft { width:120px; height:120px; margin:3px; float:left;}
#videos{ width:320px; height:auto; float:left; min-width:320px; padding:10px;}
.facebook { top: 160px; background: url(../_img/_social/bg_social_facebook.png); }
.googleplus { top: 240px; background: url(../_img/_social/bg_social_googleplus.png); }

#folhas_left { position: fixed; width: 345px; height: 133px; left: 0px; bottom: 0px; 
background:url(../_img/folhas_left.png) no-repeat; z-index: 1000;}


#folhas_right {position:fixed; width:150px; height:150px; right:0px; bottom:0px; background:url(../_img/folhas_right.png) no-repeat;
z-index: 1000;}
left  { width: 320px; float: left; display:table; }
right { width: 320px; float: left; display:table;}
}

@media screen and (max-width: 600px) {
.quem_somos_banner { background: url(../_img/_banners/quem-somos.jpg); background-size: 100%; height: 240px; }
.galeria_banner    { background: url(../_img/_banners/galeria.jpg); background-size: 100%; height: 240px; }
.passeio_banner { background: url(../_img/_banners/destinos.jpg); background-size: 100%; height: 240px;}
.contato_banner    { background: url(../_img/_banners/contato.jpg); background-size: 100%; height: 240px; }

h1 { font-size: 33px; }
h2 { font-size: 21px; }
#logomarca { width: 100%; height: 200px; float: left; display: block;}
#imglogo {width: 100%; height: 200px; float: left; display: block;}

#slider_txt { position:absolute; width:320px; height:150px; top:290px; left:-10%; margin-left:0px; font-size:15px;
}
#destaque { width:100%; margin: 1%; float: left;}

#menu {width: 100%; height:60px; margin:-30px 1px; display: block;}

#menu nav { width:100%; height:60px; display: table; background: url(../_img/_header/bg_nav2); }

#menu li a {color:#FFF; font-size:11px; font-weight: 900; text-shadow: 1px 1px 2px #000000;  background-color: #C93;
margin: 90px 0.0px 0px 0.0px; text-decoration: none; display: block; height:15px; margin-top:70px; padding:2.5px;}

.img_empresa { width: 90%; margin: 1%; float: left; }

#tel_top {width:100%; height:10px; margin:-10px 15px; font-size:16px; font-weight:600; z-index:10000000000; color:#FFFFFF; text-shadow:3px 3px 3px #000000; margin-top:10px;}
#foto { width:120px; height:120px; margin:3px; float:left;}
#ft { width:120px; height:120px; margin:3px; float:left;}
#videos{ width:320px; height:auto; float:left; min-width:320px; padding:10px;}

.facebook { top: 250px; background: url(../_img/_social/bg_social_facebook.png); }
.googleplus { top: 320px; background: url(../_img/_social/bg_social_googleplus.png); }

#folhas_left { position: fixed; width: 300px; height: 103px; left: 0px; bottom: 0px; 
background:url(../_img/folhas_left.png) no-repeat; z-index: 1000;}

#folhas_right {position:fixed; width:110px; height:110px; right:0px; bottom:0px; background:url(../_img/folhas_right.png) no-repeat;
z-index: 1000;}
#reserva label { width: 120px; height: 30px; display: block; float: left; }
left  { width: 320px; float: left; display:table; }
right { width: 320px; float: left; display:table;}
}