@charset "utf-8";

/*
Version: 2011
Author: Rodrigo Santana
Author URI: http://www.rodrigosantana.com
*/

@media screen {
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: normal;
  src: local('Lobster'), url('http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff');
}
}


/********** css reset **********/
*		{padding:0; margin:0}
html {background:url(../images/bgTotal.jpg)}
body	{font:12px Arial, Helvetica, sans-serif; color:#664620; background:url(../images/bg.jpg) no-repeat center top #ffffff; height:1056px}
a 		{text-decoration:none}
img		{border:none}
.lobster {font-family: 'Lobster', cursive, arial, tahoma;}
h2 {font-family: 'Lobster', cursive, arial, tahoma; font-weight:normal; font-size:30px; color:#49829b; text-shadow:1px 1px 1px #fff; margin-bottom:10px}

/* css reset for html5 */
header, section, footer, article, nav, aside {display: block}



/*********** normal class ***********/
.limite      {position:relative; width:980px; padding:0; margin:0 auto}
.clearboth   {clear:both}
.dot-bg      {display:block; overflow:hidden; text-indent:-9999px}



/*********** home ***********/
/** header **/
#topo {height:160px}
#topo .limite {}
#logo {float:left; width:199px; height:94px; background:url(../images/logo.png); margin:60px 0 0 60px}
#menu {position: absolute; top:0; right:70px; font-size:18px; text-shadow:1px 1px 0 #fff; line-height:18px}
#menu ul {list-style:none}
#menu ul li {float:left; margin-left:1px}
#menu ul li a {float:left; width:110px; height:91px; text-align:center; padding-top:15px; background:url(../images/menu.png); color:#589cba}
#menu ul li a:hover {background:url(../images/menuHover.png); color:#fff; text-shadow:1px 1px 0 #2e74a2}
#menu ul li a.active {background:url(../images/menuHover.png); color:#fff; text-shadow:1px 1px 0 #2e74a2}
#telefone {position:absolute; top:90px; right:20px; font-size:18px; color:#467d95; text-align:right}
#telefone p {float:left}
#telefone span {font-size:35px; margin-top:-4px}
#idiomas {position:absolute; top:0; right:20px; width:40px; margin-top:10px}



/** index **/
#conteudo {}
#conteudo .limite {position:relative; min-height:764px}
#banner {float:left; width:920px; height:431px; background:url(../images/bgBanner.jpg); padding:15px 30px; margin: -0.9px 0}
#bemVindo {position:absolute; top:500px; left:15px; width:408px; height:200px; background:url(../images/bgBemVindo.jpg); padding:15px 25px}
#comoChegar {position:absolute; width:460px; height:230px; top:501px; right:10px; background:url(../images/mapa.png) no-repeat right bottom}
#comoChegar p {float:left; width:186px}
#comoChegar a {float:left; width:141px; height:42px; background:url(../images/btMapa.png); clear:both; color:#9d9794; text-shadow:1px 1px 0 #fff; font-size:19px; margin-top:40px; padding:35px 0 0 45px}
#comoChegar a:hover {color:#817c79}


/** footer **/
#rodape {height:132px; background:url(../images/footerBg.png) no-repeat top center}
#rodape .limite {height:132px;}
#footerMenu {font-size:10px; float:left; margin:60px 0 0 25px}
#footerMenu ul {list-style:none}
#footerMenu ul li {float:left}
#footerMenu ul li a {color:#664620}
#footerMenu ul li a:hover {color:#37250f; font-weight:bold; font-size:11px}
.ass {float:right; margin:45px 25px 0 0}



/*********** Internas ***********/
h3 {position:absolute; top:33px; left:10px; width:244px; height:146px; background:url(../images/bgTitulo.jpg); color:#49829b; font-size:30px; font-family: 'Lobster', cursive, arial, tahoma; font-weight:normal; text-shadow:1px 1px 0 #fff; padding: 14px 0 0 54px}

#conteudoTexto {position:absolute; top:202px; left:10px; width:346px; height:500px; background:url(../images/bgTexto.jpg) no-repeat top center; padding:10px; color:#433e38; line-height:18px}
#conteudoTexto p {margin-bottom:20px}

#placa {position:absolute; top:133px; right:20px; width:537px; height:638px; background:url(../images/placa-contato.jpg) no-repeat top center}

.vantagens {color:#49829b; font-size:16px; text-shadow:1px 1px 0 #fff}
.vantagens .ico {float:left; width:115px; text-align:center; padding-top:60px; margin-bottom:20px}
.vantagens .ar{background:url(../images/icoAr.png) no-repeat top center}
.vantagens .cafe{background:url(../images/icoCafe.png) no-repeat top center}
.vantagens .quadri{background:url(../images/icoQuadriciclo.png) no-repeat top center}
.vantagens .tel{background:url(../images/icoTv.png) no-repeat top center}
.vantagens .tv{background:url(../images/icoTv.png) no-repeat top center}
.vantagens .geladeira{background:url(../images/icoGeladeira.png) no-repeat top center}
.vantagens .piscina{background:url(../images/ico-piscina.png) no-repeat top center}


.comoChegar {float:left; width:365px; height:121px; color:#664620}
.comoChegar h4 {float:left; width:220px; font:24px 'Lobster', cursive, arial, tahoma; color:#49829b; text-shadow:1px 1px 1px #fff; margin:10px 0 0 135px}
.comoChegar p {float:left; width:220px; margin:0 0 5px 135px}

.salvador {background:url(../images/comoChegarSalvador.png)}
.feira {background:url(../images/comoChegarFeira.png)}
.ilheus {background:url(../images/comoChegarIlheus.png)}
.salvador:hover, .feira:hover, .ilheus:hover, .atual {background-position:bottom}


.mapa {float:left; width:500px; height:315px}
.mapa h5 {position:absolute; top:0; left:10px; font:34px 'Lobster', cursive, arial, tahoma; color:#49829b; text-shadow:2px 2px 0 #fff}
.mapa span {float:left; width:445px; height:270px; border:solid 10px #fff; box-shadow:5px 5px 5px #494949; margin:24px 0 0 28px}


.formTitulo {float:left; width:100%; margin-top:10px; font:36px 'Lobster', cursive, arial, tahoma; color:#351b0d; text-align:center; text-shadow:1px 1px 0 #ffe8c7}
.formTituloM {float:left; width:100%; font:14px  tahoma; color: #FFF; margin-top:-5px; text-align:center; text-shadow:1px 1px 0 #000}

.form {
	position:absolute;
	width:196px;
	padding:4px 10px;
	left: 277px;
	top: 81px;
}
.form label {float:left; margin-top:10px}
.formInput {outline:none; border:none; background:none; font:12px Arial, Helvetica, sans-serif; color:#000; font-style:italic; padding:9px 0}

.formNome  {top:98px; left:40px;  height:32px; background:url(../images/formImputBg.png)}
	#formNome {width:150px; margin-left:5px}

.formTelefone {
	top:205px;
	left:45px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#formTelefone {width:135px; margin-left:5px}
	
	.formdata_chegada {
	top:98px;
	left:280px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#formdata_chegada {width:135px; margin-left:5px}

.formdata_partida {
	top:150px;
	left:280px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#formdata_partida {width:135px; margin-left:5px}
	
	.form_acima_5_anos {
	top:205px;
	left:280px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#form_acima_5_anos {width:199px; margin-left:1px}
	
	.form_ate_5_anos {
	top:260px;
	left:280px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#form_ate_5_anos {width:199px; margin-left:1px}

	
.formEmail {
	top:152px;
	left:40px;
	height:32px;
	background:url(../images/formImputBg.png)
}
	#formEmail {width:150px; margin-left:5px}

.formMensagem {
	top:261px;
	left:44px;
	height:118px;
	background:url(../images/formMensageBg.png)
}
	#formMensagem {width:120px; height:90px; margin:10px 0 0 5px; float:left; padding:0 !important}

#formEnviar {
	position:absolute;
	top:320px;
	left:276px;
	width:93px;
	height:69px;
	background:url(../images/formEnviar.png);
	border:none;
	text-indent:-9999px;
	cursor:pointer
}









#conteudoTextoFull {margin-top:200px; width:920px; min-height:550px; background:url(../images/textoBgFull.png) no-repeat top center; padding:20px; color:#433e38; line-height:18px}
#conteudoTextoFull h4 {font:22px 'Lobster', cursive, arial, tahoma; color:#49829b; text-shadow:1px 1px 0 #fff}
#conteudoTextoFull img {border:solid 5px #fff; margin:5px 10px 30px 0}