@charset "utf-8";
/* CSS Document */

* { margin: 0;padding: 0;outline: 0;box-sizing: border-box;}
html, body, #wrapper {min-height: 100%;}
body {text-align:center; background:url(../images/bertioga2.jpg) center no-repeat; width:100%; height:100%; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
li, a, img{list-style:none; text-decoration:none; border-width:0;}
a{color:#7d7872;}
a:hover{color:#ccc; text-decoration:underline;}
h2{font-size:1.6em; }
.titulo-galeria{font:23px Verdana, Georgia, Arial; color:#333; text-align:left; font-variant:small-caps; margin:5px 0;}
.admin{width:100%; height:auto; display:block; float:left;}

#wrapper {width:1004px; height:auto; margin:auto; display:table; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:1em; padding:0;}

#topo {height:150px; margin:0 auto; padding:0; }
#topo img{margin:20px 0 0 10px; float:left;}
#topo a{color:#fff;}

#topo  ul.nav {margin:0 0px 0 0; padding:0; float:right;}
#topo  ul.nav li {list-style:none; display:inline; }
#topo  ul.nav li a {float:left; font-size:1em; color:#fff; text-align:center; padding:8px; text-decoration:none;}
#topo  ul.nav a:hover{color:#333; text-decoration:underline;}

#container {background:url(../images/bg_content.png); width:100%; height: 100%; float:left; padding:0px 0;} 
#container2{ background:#fff; width:100%; height: 100%; float:left; padding:0px 0;}
#container2 .content-titulo h2{ color:#000; border-bottom:1px solid #000;}
#container-left {width:280px; height: 100%; float:left; background:#013c4c;}
#container-left p {padding:0 0 0 5px;}

#container-left .pacotes, #container-left .pacotes2{margin:0.5em; background-color:#013c4c; padding:0px; width:265px; height:auto; float:left;}
#container-left .pacotes h2, h3, h4, h5{color:#fff; text-align:center; margin:0; padding:0;}
#container-left .pacotes ul li{text-decoration:none; text-align:center; margin:0; padding:0;}
#container-left .obs{font-size:11px;}

#container-left .home{ text-align:left; margin-left:8px;}
#container-left .home ul{ list-style:none; text-align:left; margin: 8px 0;}
#container-left .home ul li{  text-align:left; margin: 0px 0 0 4px;}



#container-right {width:720px; height:auto; float:right; }
#container-right .content-titulo{margin:10px; padding:0; border-bottom:2px solid #fff; text-align:right;}
#container-right #content-top{margin:1em; padding:0; height:auto; text-align:justify;}
#container-right #content-top img{margin:1em; padding:0; float:left;}
#content-top p{margin:0 0 10px 0;}
#content-top h4 {color:#000; text-align:center; font-size:16px;}
#content-top a{text-decoration:none; color:#7d7872;}
#content-top a:hover{text-decoration:none; color:#013c4c;}
#content-top h3{text-decoration:none; color:#7d7872;}
#content-map p{ padding:5em 1em;}
#container-right #content{margin:0 1em; padding:0; height:auto;}
#content p{text-align:left; margin:0 0 5px 10px;}

#tarifas{width:680px; height:auto; margin:5px; float:left;}
#tarifas .pacotes{margin:0.5em; background-color:#013c4c; padding:0px; width:210px; height:auto; float:left;}
#tarifas .pacotes h2, h3, h4, h5{color:#fff; margin:0; padding:0;}
#tarifas .pacotes ul, li{text-decoration:none; text-align:center; margin:0; padding:0;}
#tarifas .obs{font-size:11px;}

#login{ margin: 180px 0 0 0;}
#login form input{ padding:5px 2px;}

#content .galeria{ margin:5px; text-align: left; display: inline;}

#footer { padding:15px 0 0 0; clear:both; font-size:0.88em;}
#footer p{ margin:0 10px 0 0; padding:0; color:#000; text-align:right;}
ul.footer {margin:20px 0 0 0; padding:0;}
ul.footer li {list-style:none; display:inline;}
ul.footer li a {float:left; color:#000; text-align:center;
padding:8px; text-decoration:none;}
ul.footer a:hover{color:#333; text-decoration:underline;}

.fotos{float:left; margin:10px 3px; width:100px;}

#content #form{display:inline; float:none; margin:0 auto; padding:0; width:250px;}

#form a{
color:#000;
}

#form{
width:100%;
text-align:left;
float:left;
font-size:12px;
margin:5px;
}
#form fieldset{
padding:0 10px 10px; 
border:0;
}
#form fieldset legend{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#7d7872;
}

#form label{
display:block;
padding:1px 0;
margin:0 0 10px 0;
}
#form label span{	
color:#fff;
display:block;
float:left;
font-size:0.86em; 
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
text-align:left;
margin:5px 10px;
}

#form label input{
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
padding:1px;
margin:0 0 0 5px;
}
#form label textarea{
width:570px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000;
padding:1px;
height:90px;
margin:10px 0;
}
.btn{
background-color:#7d7872;
border:0;
color:#FFF;
padding:4px 18px;
cursor:pointer;
margin-top:3px;
}

	#home {
		width:690px;
		float:left;
	}
	#home ul { list-style: none; width:690px; margin:0; padding:0; text-align:left;}
	#home ul li { display: inline; margin:0 8px 0 0; }
	#home ul img {
		border: 2px solid #fff;
		border-width: 2px;
	}
	#home ul a:hover img {
		border: 2px solid #fff;
		border-width: 2px;
		color: #fff;
	}
	#home ul a:hover { color: #fff;}
	
	#container-right .frame{ text-align:left; margin:0px; padding:0 0 0 28px;}
	.clear{ clear:both; height:20px}