/*
 * Copyright 2014, Tag Web Design
*/

@media screen and (max-width: 984px) {
	
	header{
		height:auto;
		overflow-x:hidden;
		background-position:center 80px;
	}
	#topo{
		width:100%;
		height:auto;
		display:inline;
		overflow-x:hidden;
	}

	/* -- menu -- */
	#topo #menuCombo{
		width:300px;
		background-position:40px 43px;
		padding-top:0;
		position:absolute;
		top:5px;
		right:5px;
		z-index:2;
		height:auto;
		margin-top:-10px;
	}
	#topo #menuCombo.close{
		top:-30000px;
	}
	#topo #menuComboItens{
		width:100%;
		height:auto;
		padding-left:0;
		display:block;
		background:#333;
		border-radius:10px;
	}
	#topo #menuComboItens li, #topo #menuComboItens li.menuInscricoes{
		width:94%;
		padding:0 3% 0 3%;
		background:none;
		float:left;
		border-radius:0;
		text-align:center;
		border-top:1px solid #454545;
		margin:0;
	}
	#topo #menuComboItens li.first{
		padding-top:10px;
		border-top:0 none;
	}
	#topo #menuComboItens li.menuInscricoes{
		padding-bottom:25px;
	}
	#topo #menuComboItens li a, #topo #menuComboItens li.menuInscricoes a{
		width:90%;
		margin:0;
		padding:0;
		color:#999;
		font-size:2.1em;
		line-height:2.1em;
	}
	#topo #menuComboItens li a:hover,#topo #menuComboItens li.menuInscricoes a:hover{
		color:#FFF;
		text-decoration:none;
	}
	#topo #menuComboItens li a.selected, #topo #menuComboItens li a.menuInscricoes.selected{
		color:#FFF !important;
		cursor:default;	
	}
	#controleMenu{
		display:block;
		visibility:inherit;
		text-indent:-30000px;
		width:38px;
		height:26px;
		background:url(../imagens/btControleMenu.png) no-repeat center top;
		position:absolute;
		top:20px;
		right:20px;
		z-index:100;
	}
	#controleMenu:hover{
		background-position:center -26px;
	}
	#controleMenu.close{
		background:url(../imagens/btControleMenu.png) no-repeat center bottom;
		top:23px;
	}
	#controleMenu.close:hover{
		background-position:center -52px;
	}
	/* -- fim menu -- */
	
	#conteudo{
		width:90%;
		padding:20px 0 40px 0;
	}
	#conteudo img{
		width:100%;
		height:auto;
	}
	#conteudo #esquerda{
		width:70%;
	}
	#conteudo #direita{
		width:22%;
	}
	#conteudo #esquerda img{
		width:100%;
		height:auto;
	}

	/* ----- menu lateral ----- */
	#conteudo #direita a{
		font-size:1.9em;
	}
	
}

@media screen and (max-width: 827px) {


	#topo h1{
		width:500px;
		height:198px;
	}
	
}

@media screen and (max-width: 767px) {
	
	/* -- menu -- */
	#topo #menuCombo{
		width:100%;
		top:0;
		left:0;
	}
	#topo #menuComboItens{
		width:100%;
		height:auto;
		padding-left:0;
		display:block;
		background:#333;
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	#controleMenu.close{
		top:20px;
	}
	/* -- fim menu -- */
	

	#conteudo{
		width:90%;
	}
	#conteudo #esquerda{
		width:100%;
	}
	#conteudo #direita{
		display:none;
		visibility:hidden;
	}
	
}

@media screen and (max-width: 505px) {
	
	header{
		background-position:center 65px;
	}
	#topo h1, #topo h1 a{
		width:100%;
		height:auto;
		margin-left:inherit !important;
		left:inherit;
		position:inherit;
		margin-top:7px;
	}
	
}

/* ------------ HOME ------------------------------------------ */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.home header{
		height:auto;
		overflow-x:hidden;
		background:url(../imagens/bgHome-984.jpg) no-repeat center 130px #FFF;
	}
	.home #topo{
		width:100%;
		height:auto;
		display:inline;
		overflow-x:hidden;
	}
	.home #topo h1{
		position:absolute;
		top:7px;
		left:50%;
		margin:inherit;
		margin-left:-398px !important;
	}
	.home #topo #chamada{
		margin:355px auto 40px auto;
	}
	.home #topo #mascote{
		display:block;
		visibility:inherit;
		width:526px;
		margin-top:-340px;
		margin-right:-50px;
	}
	.home #topo #mascote2{
		display:none;
		visibility:hidden;
	}
	.home #conteudo{
		padding:0 0 40px 0;
	}
	.home #conteudo a#bannerSejaParceiro{
		width:655px;
		float:none;
		margin:25px auto 0 auto;
	}
	.home #conteudo a#bannerHospedagem{
		background:url(../imagens/bannerHospedagem.jpg) no-repeat center top #8D3B59;
		width:655px;
		float:none;
		margin:25px auto 0 auto;
	}
	.home #conteudo a#bannerHospedagem:hover{
		background-color:#7E3550;
	}
	
}

@media screen and (max-width: 827px) {


	.home #topo h1{
		width:500px;
		height:198px;
		margin-left:-250px !important;
	}
	.home #topo #chamada{
		margin:235px 0 35px 0;
		font-size:2.3em;
	}
	.home #topo #mascote{
		float:none;
		margin:20px auto 0 auto;
		display:block;
	}
	
}
	
@media screen and (max-width: 730px) {
	
	.home #conteudo a#bannerSejaParceiro{
		display:none;
		visibility:hidden;
	}
	.home #conteudo a#bannerHospedagem{
		width:100%;	
	}
	
}


@media screen and (max-width: 526px) {

	.home #topo #mascote{
		width:100%;
	}
	
}

@media screen and (max-width: 505px) {

	.home header{
		background-position:center 65px;
	}
	.home #topo h1{
		width:100%;
		height:auto;
		margin-left:inherit !important;
		left:inherit;
		position:inherit;
		margin-top:7px;
		background-color:#FFF;
	}
	.home #topo #chamada{
		margin-top:25px;
	}
	.home #topo #chamada span{
		font-size:1.1em;
		font-weight:600;
	}
	
}

/* ------------ PERCURSO -------------------------------------- */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.percurso .botaoVermelhoArredondado{
		font-weight:bold;
	}
	
}

@media screen and (max-width: 615px) {
	
	.percurso .botoesMapa{
		width:100%;
	}
	.percurso .fullzoom{
		margin-bottom:10px;
	}
	.percurso .botaoVermelhoArredondado{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
		text-align:center;
	}
	
}

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

@media screen and (max-width: 984px) {
	
	.resultado #conteudo ul li a.botaoVermelhoArredondado{
		font-weight:bold;
	}
	
}

@media screen and (max-width: 767px) {
	
	.resultado #conteudo{
		padding:20px 0 40px 0;
	}
	
}

@media screen and (max-width: 508px) {

	.resultado #conteudo ul li{
		text-align:center;
	}
	.resultado #conteudo ul li a.botaoVermelhoArredondado{
		float:none;
		width:80%;
		padding:9px 2%;
		margin:5px auto 0 auto;
		display:block;
		text-align:center;
	}

}

/* ------------ INSCRIÇÕES ------------------------------------ */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.inscricoes #conteudo ul li a.botaoVermelhoArredondado{
		font-weight:bold;
	}
	.inscricoes #conteudo{
		padding-bottom:150px; /* --------------------------------------------------------------- REVER ISSO */
	}
	
}

@media screen and (max-width: 767px) {
	
	.inscricoes #conteudo{
		padding:20px 0 40px 0;
	}
	
}

@media screen and (max-width: 650px) {

	.inscricoes #conteudo ul li{
		text-align:center;
	}
	.inscricoes #conteudo ul li a.botaoVermelhoArredondado{
		float:none;
		width:80%;
		padding:9px 2%;
		margin:5px auto 0 auto;
		display:block;
		text-align:center;
	}

}

/* ------------ GALERIA DE FOTOS ------------------------------ */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.galeria ul#fotos li{
		width:30%;
		height:auto;
		margin:0 3% 12px 0;
	}
	
}

@media screen and (max-width: 767px) {
	
	.galeria #conteudo #direita{
		display:block;
		visibility:inherit;
		width:100%;
		border:0 none;
		margin:0;
	}
	.galeria #conteudo #direita li{
		display:block;
		visibility:inherit;
		width:51%;
		text-align:center;		
		border-radius:5px;
		padding:9px 5%;
		background:#990000;
		color:#FFF;
		text-transform:uppercase;
		font-family:'Lato', Arial;
		margin:10px auto 0 auto;
		font-weight:bold;
	}
	.galeria #conteudo #direita li a{
		color:#FFF;
	}
	.galeria #conteudo #direita li a:hover{
		color:#C26666;
		text-decoration:none;
	}
	.galeria #conteudo #direita li a.selected{
		color:#C26666;
		text-decoration:none;
	}
	.galeria ul#fotos li{
		width:46%;
		height:auto;
		margin:0 2% 12px 2%;
	}
	
}

@media screen and (max-width: 526px) {

	.galeria #conteudo #direita li{
		width:70%;
	}
	
}

@media screen and (max-width: 300px) {

	.galeria ul#fotos li{
		width:100%;
		height:auto;
		margin:0 0 12px 0;
	}
	
}

/* ------------ HOSPEDAGEM ------------------------------------ */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.hospedagem #conteudo #agencia{
		width:100%;
		padding:0;
		float:none;
	}
	.hospedagem #conteudo #agencia img{
		float:none;	
		width:190px;
		display:block;
	}
	.hospedagem #conteudo #agencia a.downloadPDFGiordani{
		float:right;	
		width:60%;
		
	}
	.hospedagem #conteudo #agencia p,
	.hospedagem #conteudo #texto{
		width:100%;
		float:left;
	}
	
}

@media screen and (max-width: 615px) {
	
	.hospedagem #conteudo #agencia img{
		margin:0 auto 20px auto;
	}
	.hospedagem #conteudo #agencia a.downloadPDFGiordani{
		float:none;	
		width:90%;
		padding:9px 5%;
		
	}
	
}

/* ------------ CONTATO --------------------------------------- */
/* ------------------------------------------------------------ */

@media screen and (max-width: 984px) {
	
	.contato #conteudo #esquerda{
		width:100%;
		float:none;
	}
	.contato #conteudo #esquerda span#esq, .contato #conteudo #esquerda span#dir{
		width:50%;
		float:left;
		padding-top:0;
		display:block;
		padding-bottom:30px;
	}
	.contato #conteudo #esquerda span#dir h3{
		margin-top:10px;
	}
	.contato #conteudo #direita{
		width:100%;
		float:none;
		border-top:1px solid #ccc;
		clear:both;
		padding-top:20px;
	}
	.contato form{
		width:445px;
		margin:20px auto 0 auto;
	}
	.contato .btEnviar{
		font-weight:bold;
	}
	
}

@media screen and (max-width: 767px) {
	
	.contato #conteudo #esquerda span#esq, .contato #conteudo #esquerda span#dir{
		width:100%;
	}
	.contato #conteudo #esquerda span#esq{
		padding-bottom:0;
	}
	.contato #conteudo #esquerda span#dir h3{
		margin-top:10px;
	}
	.contato #conteudo #direita{
		display:block;
		visibility:inherit;
	}
	
}

@media screen and (max-width: 615px) {

	.contato #conteudo #esquerda span#dir h3{
		margin-top:10px;
	}
	.contato form{
		width:100%;
	}
	.contato form input{
		width:90%;
		padding:0 5%;
	}
	.contato form textarea{
		width:90%;
		min-width:90%;
		max-width:90%;
		padding:10px 5% 10px 5%;
	}
	.contato .btEnviar{
		float:right;
		margin:14px 0 0 0;
	}
	.contato form #aviso{
		width:90%;
		padding:12px 5% 12px 5%;
	}
	
}

/* ------------ ERRO 404 -------------------------------------- */
/* ------------------------------------------------------------ */


@media screen and (max-width: 984px) {

	#erro{
		width:70%;
		margin-top:20px;
		padding-left:70px;
		background:url(../imagens/erro.jpg) no-repeat left 5px;
	}

}

/* ----------- RODAPÉ ----------------------------------------- */
/* ------------------------------------------------------------ */
@media screen and (max-width: 984px) {
	footer{
		border-top:1px solid #DCD9D2;
		height:auto;
		background:#FBFAF2;
		position:relative;
	}
	#rodape{
		width:90%;
		height:auto;
	}
	footer:after,
	#rodape:after{
		height:0;
		clear:both;
		content:".";
		display:block;
		overflow:hidden;
		visibility:hidden;
	}
	#rodape ul{
		padding-bottom:15px;
	}
	#rodape li{
		float:none;
		margin:30px 0 10px 0;
	}
	#rodape li.rodapeOrganizacao{
		width:100% !important;
	}
	#rodape li.rodapeOrganizacao a{
		padding-top:5px;
		display:inline-block;
	}
	#rodape li.rodapeApoio{
		max-width:350px;
		width:100% !important;
		overflow-x:hidden;
		margin:0;
	}
	#rodape li.rodapeApoio span{
		width:inherit;
		height:inherit;
		display:table;
		margin-bottom:-5px;
		max-width:350px;
		width:100% !important;
		padding-top:0;
		margin-top:-15px;
	}
	#rodape li a{
		text-indent:0 !important;
		display:block !important;
		background:none !important;
		width:280px !important;
		height:auto !important;
		margin:0 0 5px 0 !important;
		font-weight:bold !important;
	}
	#rodape a.rodapeInscricoes{
		font-weight:bold;
	}
}
@media screen and (max-width: 840px) {
	#rodape{
		width:655px;
	}
}
@media screen and (max-width: 730px) {
	#rodape{
		width:90%;
	}
}
@media screen and (max-width: 526px) {
	#rodape a.rodapeInscricoesHidden{
		display:block;
		visibility:inherit;
		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;
		font-weight:bold;
	}
	#rodape ul{
		width:100%;
		float:left;
		padding-top:10px;
	}
	#rodape a.rodapeInscricoes{
		display:none;
		visibility:hidden;
	}
	#rodape a.logoTag{
		display:none;
		visibility:hidden;
	}
}
@media screen and (max-width: 320px) {
	/* Gambiarra feLomenal da Grey. Sim, fui eu, a Grey, que fiz isso. Não o Lucas. */
	body{
		overflow-x:hidden;
	}
}