/*
 * Copyright 2014, Tag Web Design
*/

html{
	height:100%;
}
body{
	height:100%;
	font-size:62.5%;
	margin:0;
}
p{
	color:#333;
	margin:10px 0;
	font-size:1.6em;
	line-height:1.3em;
	font-family:Arial, Verdana;
}
a{
	color:#9F0B11;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a, a:active, a:focus{
	outline:none;
	-moz-outline:none;
	ie-dummy:expression(this.hideFocus=true);
}
img{
	border:0 none;
}
b, strong{
	color:#333;
	font-weight:bold;
}
ul, ol{
	list-style:none;
	padding:0;
}
ul:after,
ol:after{
	height:0;
	clear:both;
	content:".";
	display:block;
	overflow:hidden;
	visibility:hidden;
}
h2{
	color:#333;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:2.5em;
	font-weight:400;
}
h3{
	color:#333;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:2em;
	font-weight:400;
}
#compartilhaFacebook{
	width:1px;
	height:1px;
	display:none;
	visibility:hidden;
}
#geral{
	width:100%;
	display:block;
	min-height:100%;
	position:relative;
}
header{
	width:100%;
	height:435px;
	background:url(../imagens/bgInternas.jpg) no-repeat center 130px #FFF;
}
#topo{
	width:984px;
	height:435px;
	margin:0 auto;
}
#topo:after{
	height:0;
	clear:both;
	content:".";
	display:block;
	overflow:hidden;
	visibility:hidden;
}

/* ----- menu ----- */
#topo #menuCombo{
	width:984px;
	height:35px;
	padding-top:35px;
	display:block;
	background:url(../imagens/menuGarrafa.jpg) no-repeat left 43px;
}
#topo #menuCombo:after{
	height:0;
	clear:both;
	content:".";
	display:block;
	overflow:hidden;
	visibility:hidden;
}
#topo #menuComboFirst{
	display:none;
	visibility:hidden;
}
#topo #menuComboItens{
	width:854px;
	height:35px;
	padding-left:130px;
	display:block;
}
#topo #menuComboItens li{
	float:left;
}
#topo #menuComboItens li a{
	color:#333;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:1.5em;
	font-weight:400;
	margin-left:25px;
}
#topo #menuComboItens li a:hover{
	color:#999;
	text-decoration:none;
}
#topo #menuComboItens li a.selected{
	color:#999;
	cursor:default;	
}
#topo #menuComboItens li.menuInscricoes{
	height:26px;
	float:right;
	border-radius: 5px;
	padding:9px 14px 0 14px;
	background:#990000;
	margin-top:-10px;
}
#topo #menuComboItens li.menuInscricoes a{
	margin:0;
	color:#FFF;
}
#topo #menuComboItens li.menuInscricoes a:hover{
	color:#C26666;
}
#topo #menuComboItens li.menuInscricoes a.selected{
	color:#C26666;
}
#controleMenu, garrafaMenu{
	display:none;
	visibility:hidden;
}
/* ----- fim menu ----- */

#topo h1{
	width:796px;
	height:316px;
	margin:7px auto 0 auto;
}
#topo h1 a{
	width:100%;
	height:auto;
	display:block;
}
#topo h1 img{
	width:100%;
	height:auto;
}
#topo #chamada{
	display:none;
	visibility:hidden;
}

/* ---- divs de conteudo ----- */
#container{
	width:100%;
}
#conteudo{
	width:984px;
	margin:0 auto;
	padding-bottom:160px;
	margin-top:-5px;
}
#conteudo:after{
	height:0;
	clear:both;
	content:".";
	display:block;
	overflow:hidden;
	visibility:hidden;
}
#conteudo #esquerda{
	width:770px;
	float:left;
}
#conteudo #direita{
	width:160px;
	float:right;
	border-left: 2px solid #ccc;
	padding:10px 0 0 25px;
	margin-top:25px;
}

/* ----- menu lateral ----- */
#conteudo #direita ul li{
	margin-bottom:12px;
}
#conteudo #direita a{
	font-family:'Lato', Arial;
	font-size:1.5em;
	text-transform:uppercase;
	color:#333;
}
#conteudo #direita a:hover{
	color:#ccc;
	text-decoration:none;
}
#conteudo #direita a.selected{
	color:#ccc;
	cursor:default;	
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------------> HOME <-------------------------------------*/
.home header{
	height:665px;
	background:url(../imagens/bgHome.jpg) no-repeat center 130px #FFF;
}
.home #topo{
	height:665px;
	margin:0 auto;
}
.home #topo #chamada{
	display:block;
	visibility:inherit;
	width:100%;
	font-family:'Open Sans';
	font-weight:300;
	font-size:2.8em;
	line-height:1.3em;
	float:none;
	color:#FFF;
	text-align:center;
	margin-top:36px;
}
.home #topo #chamada span{
	font-size:1.1em;
	font-weight:600;
}
.home #topo #chamada a{
	padding:0 18px;
	background:#FFF;
	color:#790701;
	font-size:0.5em;
	font-weight:600;
	text-transform:uppercase;
	border-radius: 5px;
	display:table;
	margin:12px auto;
}
.home #topo #chamada a:hover{
	color:#C26666;
	text-decoration:none;
}
.home #topo #mascote{
	width:526px;
	margin-top:-393px;
}
.home #conteudo a{
	margin-top:25px;
	height:107px;
	display:block;
	text-indent:-30000px;
}
.home #conteudo a#bannerSejaParceiro{
	width:655px;
	float:left;
	background:url(../imagens/bannerSejaParceiro.jpg) no-repeat center top;
}
.home #conteudo a#bannerHospedagem{
	width:314px;
	float:right;
	background:url(../imagens/bannerHospedagem.jpg) no-repeat center top;
}
.home #conteudo a#bannerSejaParceiro:hover, .home #conteudo a#bannerHospedagem:hover{
	background-position:center bottom;
}

/*----------------------------------------------------------------------------------*/
/*---------------------------------> REGULAMENTO <----------------------------------*/
.regulamento .botaoVermelhoArredondado{
	border-radius:5px;
	padding:9px 14px;
	background:#990000;
	color:#FFF;
	text-transform:uppercase;
	font-family:'Lato', Arial;
}
.regulamento .botaoVermelhoArredondado:hover{
	color:#C26666;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------*/
/*-----------------------------------> HOTÉIS <-------------------------------------*/

.hospedagem #conteudo #agencia{
	width:190px;
	float:left;
}
.hospedagem #conteudo #agencia img{
	margin-bottom:15px;
	width:190px;
}
.hospedagem #conteudo #agencia a.downloadPDFGiordani{
	width:162px;
	margin:0;
	color:#FFF;
	text-indent:0;
	text-align:center;
	border-radius: 5px;
	padding:9px 14px;
	background:#990000;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:1.5em;
	display:block;
	font-weight:200;
}
.hospedagem #conteudo #agencia a.downloadPDFGiordani span{
	font-size:1.3em;
	font-weight:400;
}
.hospedagem #conteudo #agencia a.downloadPDFGiordani:hover{
	color:#C26666;
	text-decoration:none;
}
.hospedagem #conteudo #agencia p{
	width:190px;
}
.hospedagem #conteudo p#obs{
	font-size:1.2em;
	margin-top:10px;
	font-style:oblique;
}
.hospedagem #conteudo #texto{
	width:550px;
	float:right;
}

/*----------------------------------------------------------------------------------*/
/*-----------------------------------> PERCURSO <-----------------------------------*/
.percurso .botoesMapa{
	margin:30px 0;
}
.percurso .botaoVermelhoArredondado{
	border-radius:5px;
	padding:9px 14px;
	background:#990000;
	color:#FFF;
	text-transform:uppercase;
	font-family:'Lato', Arial;
}
.percurso .botaoVermelhoArredondado:hover{
	color:#C26666;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------> RESULTADO E INSCRIÇÕES <----------------------------*/

.resultado #conteudo ul,
.inscricoes #conteudo ul{
	padding:20px 0 0 0;
}
.resultado #conteudo ul li,
.inscricoes #conteudo ul li{
	font-size:1.5em;
	font-family:Arial, Verdana;
	margin-bottom:12px;
	text-transform:uppercase;
	color:#333;
	display:block;
	padding:20px;
	border:1px solid #ccc;
	margin:7px 0;
	background:#F5F5F5;
	font-weight:bold;
}
.resultado #conteudo ul li a.botaoVermelhoArredondado,
.inscricoes #conteudo ul li a.botaoVermelhoArredondado{
	float:right;
	border-radius:5px;
	padding:9px 14px;
	background:#990000;
	color:#FFF;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	margin:-9px -9px 0 0;
	font-weight:normal;
}
.resultado #conteudo ul li a.botaoVermelhoArredondado:hover,
.inscricoes #conteudo ul li a.botaoVermelhoArredondado:hover{
	color:#C26666;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------> GALERIA DE FOTOS <-------------------------------*/
.galeria ul#fotos li{

	float:left;
	margin:12px 12px 0 0;
}
.galeria ul#fotos li a{
	display:block;
}
.galeria ul#fotos li img{
	width:100%;
	height:auto;
}
.galeria ol#navegacao li{
	float:left;
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:5px;
	font-family:'Lato', Arial;
	font-size:1.5em;
	text-align:center;
}
.galeria ol#navegacao li a{
	width:25px;
	height:25px;
	display:block;
	color:#FFF;
	background:#999;
}
.galeria ol#navegacao li a:hover{
	color:#FFF;
	background:#CCC;
	text-decoration:none;
}
.galeria ol#navegacao li a.selected{
	color:#FFF;
	cursor:default;
	background:#990000;
}

/*----------------------------------------------------------------------------------*/
/*-----------------------------------> CONTATO <------------------------------------*/

.contato #conteudo #esquerda{
	width:350px;
	float:left;
}
.contato #conteudo #direita{
	width:570px;
	float:right;
	border-left: 0 none;
	padding:0;
	margin-top:0;
}
.contato #conteudo #esquerda span span{
	font-size:2em;
	line-height:1.2em;
}
.contato form{
	width:445px;
}
.contato form label{
	display:block;
	font-size:1.6em;
	margin-top:12px;
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#333;
}
.contato form input,
.contato form textarea{
	color:#666;
	margin-top:5px;
	font-size:1.6em;
	background:#E6E6E6;
	border:1px solid #B1B1B1;
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
.contato form input{
	width:443px;
	height:43px;
	padding:0 10px;
	line-height:43px;
}
.contato form textarea{
	width:443px;
	min-width:443px;
	max-width:443px;
	height:170px;
	min-height:170px;
	padding:10px 10px 10px 10px;
}

.contato .btEnviar{
	display:block;
	width:115px;
	border:0 none;
	cursor:pointer;
	font-weight:400;
	border-radius:5px;
	padding:0 14px;
	background:#990000;
	color:#FFF;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	margin:14px 0 0 350px;
}
.contato .btEnviar:hover{
	color:#C26666;
	text-decoration:none;
}

.contato form #aviso{
	width:443px;
	padding:12px;
	margin-top:12px;
	display:none;
}
.contato form #aviso p{
	margin:0;
	padding-left:28px;
	font-size:1.6em;
}
.contato form #aviso.erro{
	background:#990000;
	border-radius:5px;
}
.contato form #aviso.sucesso{
	background:#5A8136;
	border-radius:5px;
}
.contato form #aviso.erro p{
	color:#F15939;
	background:url(../imagens/avisoErro.jpg) no-repeat left center;
}
.contato form #aviso.sucesso p{
	color:#96C536;
	background:url(../imagens/avisoSucesso.jpg) no-repeat left center;
}

/*----------------------------------------------------------------------------------*/
/*-----------------------------------> ERRO 404 <-----------------------------------*/
#erro{
	width:800px;
	margin-top:20px;
	padding-left:70px;
	background:url(../imagens/erro.jpg) no-repeat left 5px;
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------------> IE 6 <-------------------------------------*/
header#navegador{
	width:980px;
	margin:0 auto;
	height:360px;
	background:url(../imagens/bgNavegador.jpg) no-repeat center top #FFF;
}
#conteudo.navegador{
	padding-bottom:50px;
	margin-top:0;
}
#navegador{
	width:800px;
	margin-top:20px;
	padding-left:70px;
	background:url(../imagens/ie6/ie6.jpg) no-repeat left 5px;
}
#navegador ol{
	margin-top:10px;
}
#navegador ol li{
	height:34px;
	margin-top:10px;
	line-height:34px;
	text-indent:40px;
}
#navegador ol li a{
	font-size:1.6em;
	font-family:Arial, Verdana;
}
#navegador ol li.firefox{
	background:url(../imagens/ie6/firefox.jpg) no-repeat left center;
}
#navegador ol li.chrome{
	background:url(../imagens/ie6/chrome.jpg) no-repeat left center;
}
#navegador ol li.ie{
	background:url(../imagens/ie6/ie.jpg) no-repeat left center;
}
#navegador ol li a:hover{
	text-decoration:underline;
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> RODAPE <------------------------------------*/
footer{
	width:100%;
	height:160px;
	position:absolute;
	bottom:0;
	display:block;
}
#rodape{
	width:984px;
	height:138px;
	margin:0 auto;
	position:relative;
	padding-top:22px;
}
#rodape a.rodapeInscricoesHidden{
	display:none;
	visibility:hidden;
}
#rodape ul#organizacao li{
	color:#999;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:1.5em;
	font-weight:300;
	float:left;
	margin-right:40px;
}
#rodape ul#organizacao li a{
	text-indent:-30000px;
	display:block;
	margin-top:10px;
	height:68px;
	margin-right:18px;
	float:left;
}
#rodape ul#organizacao li.rodapeOrganizacao{
	width:150px;
}
#rodape ul#organizacao li a.logoLavandoski{
	width:150px;
	background:url(../fotos/rodape/lavandoskipromocoes.jpg) no-repeat left top;
}
#rodape ul#organizacao li a.logoLavandoski:hover{
	background-position:left bottom !important;
}
#rodape a.rodapeInscricoes{
	margin:0;
	color:#FFF;
	text-indent:0;
	position:absolute;
	top:33px;
	right:0;
	text-align:center;
	border-radius: 5px;
	padding:9px 14px;
	background:#990000;
	text-transform:uppercase;
	font-family:'Lato', Arial;
	font-size:1.5em;
}
#rodape a.rodapeInscricoes:hover{
	color:#C26666;
	text-decoration:none;
}
#rodape a.rodapeInscricoes.selected{
	color:#C26666;
	cursor:default;
}
#rodape a.logoTag{
	width:43px;
	height:16px;
	display:block;
	right:0;
	bottom:21px;
	position:absolute;
	text-indent:-30000px;
	background:url(../imagens/logoTag.png) no-repeat left top;
}
#rodape a.logoTag:hover{
	background-position:left bottom;
}

/* APOIOS */
#rodape ul#organizacao li.rodapeApoio{
	width:100%;
	padding-top:20px;
	padding-bottom:30px;
}
#rodape ul#organizacao li.rodapeApoio span{
	display:block;
	padding-top:20px;
	width:100%;
}
#rodape ul#organizacao li.rodapeApoio span #clear{
	clear:both;
	float:none;
	margin-top:10px;
}
#rodape ul#organizacao li.rodapeApoio span a{
	width:159px;
	height:90px;
	margin:0 5px 5px 0;
	background-color:#F6F6F6;
}