@charset "utf-8";
/* CSS Document */
@media (min-width: 320px) and (max-width: 767px) {
	#container {	
		width: 100% !important;
	}
	#cabecalho, #conteudo, #secaoSuperior, #secaoPrincipal, #secaoSecundaria {
		width: 100%;
	}
	#secaoPrincipal {
		height: auto !important;
	}
	#secaoSecundaria {
		 border-top: solid 4px rgba(255,255,255,0.4)
	 }
	.cLogo a {
		float:left;
		width: 120px;
		margin: 5px 6px 16px 6px;
		padding: 5px 6px 4px 6px;
	}
	#blocoCabecalho {
		float:left;
		width: 320px;
	}
	.cRedesSociais
	{
   		padding: 0;
		margin: 8px 0 8px 0;
	}
	.idiomas {
		width: 200px;
		padding: 6px 10px 6px 10px;
	}
        
	/*.logoHostCityCopa {
		width: 80px;
		padding: 0;
		margin: -105px 0 6px 16px;
		float: right;
		display: none;
	}*/
        .setel {
		display: none;
	}
        
	#navegacao {
		float: left;
		width: 100%;
		position: relative;
		margin: 16px 0 0 0;
		padding: 3px 0 8px 0;
	}
	.cMenuPortal {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.cMenuPortal ul li ul {
		top: 0;
	}
	.cMenuPortal ul li:hover ul {
		position: absolute;
		left: 0;
		top: 47px;
	}
	.cSeloGoverno {
		position: absolute;
		left: 50%;
		bottom: 50px;
	}
	#cApresentacao .cCaixaSimplesConteudo {
		width: 100%;
		padding: 0 0 40px 0;
	}
	#usoHashtag .cCaixaSimplesTitulo {
		width: 90%;
		float: left;
	}
	#usoHashtag .cCaixaSimplesConteudo {
		width: 90%;
		float: left;
		padding-bottom: 6px;
	}
	.comoUsarHashtag {
		width: 204px;
		float: left;
	}
	#usoHashtagSecundaria {
		width: 200px;
		float: left;
	}
	#usoHashtagSecundaria, #localRS, .tempoClima {
		width: 90%;
		float: left;
		margin: 10px 8px 0 8px;
		padding: 0 8px 0 0;
		background: none;
		border: none;
		border-bottom: solid 1px rgba(255,255,255,0.4)
	}
	.cDesenvProcergs {
		display: none;	
	}
	.loginFacebook {
		position: absolute;
		left: 160px;
		top: 90px;
		z-index: 200;
	}
	.loginFacebook a {
		display: block;
		padding: 2px 10px 2px 10px;
		background: none !important;
		font-size: 80% !important;
		background: rgba(0,0,0,0.7) !important;
	}
	.fotosLocalizacaoCurtir .foto {
		width: 100%;
		height: auto;
		float: left;
	}
	.avaliadores .conteudoAvaliacao {
		width: 566px;
	}
	.avaliadores .conteudoAvaliacao p {
		width: 490px !important;
	}
	.outrasFotos li {
		float: left;
		width: 137px;
		height: auto;
	}
	.cBuscaListaItemTitulo {
		width: 100%;
	}
	.cBuscaListaItemTexto {
		width: 100%;
	}
	.cPaginadorButtons {
		margin: 0 0 0 18%;	
	}
	.infosComoChegar ul {
		font-size: 110%;
	}
	.infosComoChegar li {
		width: 100%;
	}
	.conterLabelInputDesc {
		width: 214px;
	}
	.linhaFormeComoChegar .ui-autocomplete-input {
		width: 154px;		
	}
	.linhaFormeComoChegar .campoCinza {
		width: 194px;
	}
	.loginFacebook img {
		width: 19px;
		height: 19px;
		margin: -2px 2px 0 -10px;
	}
	.cLinksAreasComuns {
		top: 90px;
		left: 200px;
		display: none;
	}
	.cContato {
		position: absolute;
		left: 66px;
		top: 90px;
		z-index: 200;
	}
	.cContato a {
		display: block;
		padding: 2px 10px 2px 10px;
		background: none !important;
		font-size: 80% !important;
		background: rgba(0,0,0,0.7) !important;
	}
	.sobreAtracaoLocalizacaoHorarios .sobre {
		width: 100%;
	}
	#rodape { 
		display: inline-table;
		width: 96%;
		padding: 2%;
		background: rgba(0,0,0,0.8);	
	}
	.cBuscaGeral {
		width: 70%;
		position: absolute; 
		left: 66px;
		top: -8px;
	}
	.cBuscaGeral input.cBuscaGeralButton {
		margin: 8px 5px 0 0;
	
	}
	.cBuscaGeralTextBox {
		width: 60%;
		
	}
	.entidadesRelacionadas {
		display: none;
	}
	.localidadeAcao { 
		width: 290px; 
		height: 218px;
	}
	.cLinksAreasComuns {display: none;}
	.cMenuPortal ul { 
		width: 90% !important;
		margin: 0 0 2% 0;
		display: none;
	}
	.cMenuPortal ul li {
		width: 100%;
		padding: 0 2% 0 2%;
		text-align: left !important;
		border-bottom: solid 1px rgba(255,255,255,0.3);
	}
	#menuInicio {
		position: relative !important;
		display: block;
		background: #fff;
		padding: 17px;
		width: 30px;
		cursor: pointer;
		float: left;
		background: url(images/outros/iconMenu.png) center center no-repeat;
		font-size:0px;
	}
	#menuInicio:hover, #menuInicio:active {
		background: url(images/outros/iconMenuOver.png) center center no-repeat;
	}
	/*  essa parte precisa ser mexida no html para o comportamento de abrir o menu seja atribuido ao icone correspondente */
	.containerMenu:hover>ul {
		display: block;	
	}
	#blocoCabecalho {display: none;}
		
		/*midias Capa*/
	#midiasCapa ul li {
		padding: 4%;
		width: 24%; 
	}

	#container {	
		width: 100% !important;
	}
	#cabecalho, #conteudo, #secaoSuperior, #secaoPrincipal, #secaoSecundaria {
		width: 100%;
	}
	#secaoPrincipal {
		height: auto !important;
	}
	#secaoSecundaria {
		 border-top: solid 4px rgba(255,255,255,0.4)
	 }
	.cLogo a {
		float:left;
		width: 120px;
		margin: 5px 6px 16px 6px;
		padding: 5px 6px 4px 6px;
	}
	#blocoCabecalho {
		float:left;
		width: 320px;
	}
	.cRedesSociais
	{
   		padding: 0;
		margin: 8px 0 8px 0;
	}
	.idiomas {
		width: 200px;
		padding: 6px 10px 6px 10px;
	}
	/*.logoHostCityCopa {
		width: 80px;
		padding: 0;
		margin: -105px 0 6px 16px;
		float: right;
		display: none;
	}*/
	#navegacao {
		float: left;
		width: 100%;
		position: relative;
		margin: 16px 0 0 0;
		padding: 3px 0 8px 0;
	}
	.cMenuPortal {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.cMenuPortal ul li ul {
		top: 0;
	}
	.cMenuPortal ul li:hover ul {
		position: absolute;
		left: 0;
		top: 47px;
	}
	.cSeloGoverno {
		position: absolute;
		left: 50%;
		bottom: 50px;
	}
	#cApresentacao .cCaixaSimplesConteudo {
		width: 100%;
		padding: 0 0 40px 0;
	}
	#usoHashtag .cCaixaSimplesTitulo {
		width: 90%;
		float: left;
	}
	#usoHashtag .cCaixaSimplesConteudo {
		width: 90%;
		float: left;
		padding-bottom: 6px;
	}
	.comoUsarHashtag {
		width: 204px;
		float: left;
	}
	#usoHashtagSecundaria {
		width: 200px;
		float: left;
	}
	#usoHashtagSecundaria, #localRS, .tempoClima {
		width: 90%;
		float: left;
		margin: 10px 8px 0 8px;
		padding: 0 8px 0 0;
		background: none;
		border: none;
		border-bottom: solid 1px rgba(255,255,255,0.4)
	}
	.cDesenvProcergs {
		display: none;	
	}
	.loginFacebook {
		position: absolute;
		left: 160px;
		top: 90px;
		z-index: 200;
	}
	.loginFacebook a {
		display: block;
		padding: 2px 10px 2px 10px;
		background: none !important;
		font-size: 80% !important;
		background: rgba(0,0,0,0.7) !important;
	}
	.fotosLocalizacaoCurtir .foto {
		width: 100%;
		height: auto;
		float: left;
	}
	.avaliadores .conteudoAvaliacao {
		width: 566px;
	}
	.avaliadores .conteudoAvaliacao p {
		width: 490px !important;
	}
	.outrasFotos li {
		float: left;
		width: 137px;
		height: auto;
	}
	.cBuscaListaItemTitulo {
		width: 100%;
	}
	.cBuscaListaItemTexto {
		width: 100%;
	}
	.cPaginadorButtons {
		margin: 0 0 0 18%;	
	}
	.infosComoChegar ul {
		font-size: 110%;
	}
	.infosComoChegar li {
		width: 100%;
	}
	.conterLabelInputDesc {
		width: 214px;
	}
	.linhaFormeComoChegar .ui-autocomplete-input {
		width: 154px;		
	}
	.linhaFormeComoChegar .campoCinza {
		width: 194px;
	}
	.loginFacebook img {
		width: 19px;
		height: 19px;
		margin: -2px 2px 0 -10px;
	}
	.cLinksAreasComuns {
		top: 90px;
		left: 200px;
		display: none;
	}
	.cContato {
		position: absolute;
		left: 66px;
		top: 90px;
		z-index: 200;
	}
	.cContato a {
		display: block;
		padding: 2px 10px 2px 10px;
		background: none !important;
		font-size: 80% !important;
		background: rgba(0,0,0,0.7) !important;
	}
	.sobreAtracaoLocalizacaoHorarios .sobre {
		width: 100%;
	}
	#rodape { 
		display: inline-table;
		width: 96%;
		padding: 2%;
		background: rgba(0,0,0,0.8);	
	}
	.cBuscaGeral {
		width: 70%;
		position: absolute; 
		left: 66px;
		top: -8px;
	}
	.cBuscaGeral input.cBuscaGeralButton {
		margin: 8px 5px 0 0;
	
	}
	.cBuscaGeralTextBox {
		width: 60%;
		
	}
	.entidadesRelacionadas {
		display: none;
	}
	.localidadeAcao { 
		width: 290px; 
		height: 218px;
	}
	.cLinksAreasComuns {display: none;}
	.cMenuPortal ul { 
		width: 90% !important;
		margin: 0 0 2% 0;
		display: none;
	}
	.cMenuPortal ul li {
		width: 100%;
		padding: 0 2% 0 2%;
		text-align: left !important;
		border-bottom: solid 1px rgba(255,255,255,0.3);
	}
	#menuInicio {
		position: relative !important;
		display: block;
		background: #fff;
		padding: 17px;
		width: 30px;
		cursor: pointer;
		float: left;
		background: url(images/outros/iconMenu.png) center center no-repeat;
		font-size:0px;
	}
	#menuInicio:hover, #menuInicio:active {
		background: url(images/outros/iconMenuOver.png) center center no-repeat;
	}
	/*  essa parte precisa ser mexida no html para o comportamento de abrir o menu seja atribuido ao icone correspondente */
	.containerMenu:hover>ul {
		display: block;	
	}
	#blocoCabecalho {display: none;}
		
		/*midias Capa*/
	#midiasCapa ul li {
		padding: 4%;
		width: 24%; 
	}
	#cApresentacao .cCaixaSimplesTitulo {
	font-size: 130%;
	line-height: 135%;
	}
	.conteudoDeCapa {
		width: 90%;
		padding: 5%;
	}
	#midiasCapa ul li img {
		width: 90%;
		height: auto;
	}
	.opcoesTuristicas {
		font-size: 85%;
		font-weight: 700;
	}
	.opcoesTuristicas ul li {
		margin-right: 8px;
	}
	.opcoesTuristicas ul li a {
		padding-left: 46px;
	}
	.crumbGeral {
		font-size: 85%;
	}
	.roteiro {
		width: 100%;
	}
	.opcoesTuristicasRodape ul {
		width: 100%;
		float: left;
	}
	.questoesTuristicasRodape {
		width: 100%;
		float: left;
		border-top: solid 1px #FF99FF;
	}
	.questoesTuristicasRodape ul li a {
		font-size: 120%;
	}

	#cApresentacao .cCaixaSimplesTitulo {
	font-size: 130%;
	line-height: 135%;
	}
	.conteudoDeCapa {
		width: 90%;
		padding: 5%;
	}
	#midiasCapa ul li img {
		width: 90%;
		height: auto;
	}
	.opcoesTuristicas {
		font-size: 85%;
		font-weight: 700;
	}
	.opcoesTuristicas ul li {
		margin-right: 8px;
	}
	.opcoesTuristicas ul li a {
		padding-left: 46px;
	}
	.crumbGeral {
		font-size: 85%;
	}
	.roteiro {
		width: 100%;
	}
	.opcoesTuristicasRodape ul {
		width: 100%;
		float: left;
	}
	.questoesTuristicasRodape {
		width: 100%;
		float: left;
		border-top: solid 1px #FF99FF;
	}
	.questoesTuristicasRodape ul li a {
		font-size: 120%;
	}

}