/*
 * Copyright 2014, Tag Web Design
*/

@media screen and (max-width: 1000px) {
	#topoContainer #informacoes ul#menuMobile li.informacoes{
		width:98%;
		margin-right:2%;
	}
	#topoContainer #topo{
		width:100%;
		height:139px;
	}
	#topoContainer #topo.home{
		height:155px;
	}
	#topoContainer #topo h1{
		left:2%;
		top:20px;
	}
	#topoContainer #topo ul#menu{
		margin:44px 2% 0 0;
	}
	#conteudo{
		width:96%;
		margin:0 2%;
	}
	#conteudo.home{
		width:100%;
		margin:0 auto;
	}
}
@media screen and (max-width: 900px) {
	#topoContainer #topo{
		height:175px;
	}
	#topoContainer #topo.home{
		height:155px;
	}
	#topoContainer #topo h1{
		top:55px;
	}
	#topoContainer #informacoes{
		left:0;
		z-index:2;
		top:-70px;
		height:105px;
		position:absolute;
		background:#6F6C67;
	}
	#topoContainer #informacoes ul#menuMobile{
		width:100%;
		display:block;
		visibility:visible;
		position:relative;
	}
	#topoContainer #informacoes ul#menuMobile li{
		float:left;
		margin:0 2.5%;
		display:inline;
		font-size:1.8em;
		line-height:70px;
		visibility:visible;
		text-transform:uppercase;
	}
	#topoContainer #informacoes ul#menuMobile li a{
		color:#FFF;
	}
	#topoContainer #informacoes ul#menuMobile li a:hover,
	#topoContainer #informacoes ul#menuMobile li a.selected{
		color:#DFBC6B;
	}
	#topoContainer #informacoes ul#menuMobile li.fecharMenu{
		top:10px;
		right:2%;
		margin:0;
		width:47px;
		height:47px;
		position:absolute;
		text-indent:-30000px;
	}
	#topoContainer #informacoes ul#menuMobile li.fecharMenu a{
		width:47px;
		height:47px;
		display:block;
		background:url(../imagens/btFecharMenu.jpg) no-repeat left top;
	}
	#topoContainer #informacoes ul#menuMobile li.fecharMenu a:hover{
		background-position:left bottom;
	}
	#topoContainer #informacoes ul#menuMobile li.btMenu,
	#topoContainer #topo ul#menu li{
		display:none;
		visibility:hidden;
	}
	#topoContainer #topo ul#menu li.btMenu{
		display:inline;
		margin-top:50px;
		visibility:visible;
		padding-right:26px;
		border-right:1px solid #999;
	}
	#topoContainer #topo ul#menu li.menuContato{
		display:inline;
		margin-top:40px;
		visibility:visible;
	}
}
@media screen and (max-width: 767px) {
	#conteudo{
		width:92%;
		margin:0 4%;
	}
	#topoContainer #informacoes{
		left:0;
		z-index:2;
		top:-195px;
		height:250px;
		position:absolute;
		background:#6F6C67;
	}
	#topoContainer #informacoes ul#menuMobile li{
		margin:0;
		float:none;
		display:block;
		margin-top:10px;
		padding-left:30px;
		line-height:1.5em;
	}
	#topoContainer #informacoes ul#menuMobile li.menuEmpresa{
		margin-top:25px;
	}
	#topoContainer #informacoes ul#menuMobile li.btMenu{
		display:block;
		text-align:right;
		padding-right:4%;
		visibility:visible;
	}
	#topoContainer #informacoes ul#menuMobile li.btMenu a{
		color:#AAAAA5;
	}
	#topoContainer #informacoes ul#menuMobile li.btMenu a:hover{
		color:#FFF;
	}
	#topoContainer #informacoes ul#menuMobile li.informacoes{
		display:none;
		visibility:hidden;
	}
	#topoContainer #informacoes ul#menuMobile li.fecharMenu{
		top:0;
		right:4%;
		position:absolute;
	}
	#topoContainer #topo{
		height:200px;
	}
	#topoContainer #topo.home{
		height:155px;
	}
	#topoContainer #topo h1{
		left:0;
		top:80px;
		margin:0 auto;
		position:inherit;
	}
	#topoContainer #topo ul#menu,
	#topoContainer #topo ul#menu li,
	#topoContainer #topo ul#menu li.btMenu,
	#topoContainer #topo ul#menu li.menuContato{
		display:none;
		visibility:hidden;
	}
	#conteudoContainer{
		padding-bottom:170px;
	}
}
@media screen and (max-width: 400px) {
	#topoContainer #topo h1{
		left:0;
		top:80px;
		width:280px;
		height:122px;
		margin:0 auto;
		position:inherit;
	}
	#topoContainer #topo h1 a{
		width:280px;
		height:122px;
		background:url(../imagens/logoBenestarePq.jpg) no-repeat;
	}
}
@media screen and (max-width: 300px) {
	#geral{
		width:300px;
	}
}

/*----------------------------------------------------------------------------------*/
/*-------------------------------------> HOME <-------------------------------------*/
@media screen and (max-width: 1000px) {
	#topoContainer #animacao #slides li .texto{
		margin-left:167px;
	}
	#conteudo.home ol#banners{
		width:846px;
		margin-left:auto;
		margin-right:auto;
	}
	#conteudo.home ol#banners li{
		width:265px;
		height:220px;
		margin:0 9px 0 8px;
	}
	#conteudo.home ol#banners li a{
		width:265px;
		height:220px;
	}
}
@media screen and (max-width: 850px) {
	#topoContainer #animacao #slides li .texto{
		margin-left:131px;
	}
	#topoContainer #animacao #slides li a.btRedondo{
		margin-left:-165px;
	}
	#conteudo.home ol#banners{
		width:742px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 10px;
	}
	#conteudo.home ol#banners li{
		width:230px;
		height:276px;
		position:relative;
		margin:0 9px 0 8px;
	}
	#conteudo.home ol#banners li a{
		width:230px;
		height:276px;
	}
	#conteudo.home ol#banners li a span{
		position:absolute;
		bottom:0;
	}
}
@media screen and (max-width: 767px) {
	#topoContainer #animacao #mascara #animaFrase1{
		display:none;
	}
	#topoContainer #animacao #mascara #animaFrase2{
		display:block;
	}
	#topoContainer #animacao #slides li a.btRedondo{
		top:135px;
		margin-left:-50px;
	}
	#topoContainer #animacao #slides li .texto{
		top:-100px;
		margin-left:-115px;
	}
	#topoContainer #animacao #slides li .texto h3{
		margin:153px auto 1px auto;
	}
	#topoContainer #animacao #slides li .texto p{
		display:none;
	}
	#topoContainer #animacao #slides li .texto a{
		display:none;
	}
	#conteudo.home ol#banners{
		width:402px;
		margin:0 auto;
		padding:10px 0 20px 0;
	}
	#conteudo.home ol#banners li{
		float:none;
		width:402px;
		height:85px;
		margin:12px auto 0 auto;
	}
	#conteudo.home ol#banners li a{
		width:402px;
		height:85px;
	}
	#conteudo.home ol#banners li a span{
		position:inherit;
		display:block;
		width:220px;
		line-height:85px;
	}
	#conteudo.home ol#banners li.bannerGastronomia a{
		background:url(../imagens/bannerGastronomiaPq.jpg) no-repeat center top;
	}
	#conteudo.home ol#banners li.bannerFotos a{
		background:url(../imagens/bannerFotosPq.jpg) no-repeat center top;
	}
	#conteudo.home ol#banners li.bannerContato a{
		background:url(../imagens/bannerContatoPq.jpg) no-repeat center top;
	}
	#conteudo.home ol#banners li a:hover{
		background-position:left bottom;
	}
}
@media screen and (max-width: 450px) {
	#conteudo.home ol#banners,
	#conteudo.home ol#banners li,
	#conteudo.home ol#banners li a{
		width:100%;
		text-align:center;
	}
	#conteudo.home ol#banners li{
		margin:12px 0 0 0;
	}
	#conteudo.home ol#banners li.bannerGastronomia a{
		background:#EF7F73;
	}
	#conteudo.home ol#banners li.bannerGastronomia a:hover{
		background:#EB5F50;
	}
	#conteudo.home ol#banners li.bannerFotos a{
		background:#5CC0C2;
	}
	#conteudo.home ol#banners li.bannerFotos a:hover{
		background:#42AEB0;
	}
	#conteudo.home ol#banners li.bannerContato a{
		background:#6F6C67;
	}
	#conteudo.home ol#banners li.bannerContato a:hover{
		background:#62605B;
	}
}
@media screen and (max-width: 420px) {
	#topoContainer #animacao #mascara #animaFrase2{
		display:none;
	}
	#topoContainer #animacao #mascara #animaFrase3{
		display:block;
	}
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> EMPRESA <-----------------------------------*/
@media screen and (max-width: 1000px) {
	#conteudo.empresa #esquerda{
		width:55%;
		margin:50px 0 0 2%;
	}
	#conteudo.empresa #direita{
		margin:65px 2% 0 0;
	}
	#conteudo.empresa #ambientes{
		width:100%;
		height:auto;
		background:none;
	}
	#conteudo.empresa #ambientes #terreo,
	#conteudo.empresa #ambientes #superior,
	#conteudo.empresa #ambientes #externo{
		width:96%;
		float:none;
		padding:15px 2%;
		background:#928F8A;
		margin:14px auto 0 auto;
	}
	#conteudo.empresa #itens{
		width:100%;
		margin:24px 0 0;
	}
	#conteudo.empresa ul li{
		width:32%;
	}
}
@media screen and (max-width: 910px) {
	#conteudo.empresa #esquerda{
		width:100%;
		margin:50px 0 0 0;
	}
	#conteudo.empresa #direita{
		display:none;
		visibility:hidden;
	}
	#conteudo.empresa ul li{
		width:50%;
	}
}
@media screen and (max-width: 767px) {
	#conteudo.empresa #ambientes #terreo,
	#conteudo.empresa #ambientes #superior,
	#conteudo.empresa #ambientes #externo{
		width:90%;
		padding:15px 5%;
	}
}
@media screen and (max-width: 600px) {
	#conteudo.empresa ul li{
		float:none;
		width:100%;
	}
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> EVENTOS <-----------------------------------*/

@media screen and (max-width: 600px) {
	#conteudo.eventos #eventos{
		margin-top:65px;
	}
	#conteudo.eventos #eventos ul#botoes{
		width:224px;
		margin:0 auto 23px auto;
	}
	#conteudo.eventos #eventos ul#botoes li{
		float:none;
		width:224px;
		margin-top:10px;
	}
	#conteudo.eventos #eventos ul#botoes li#btSegundoBotao{
		margin-left:0;
	}
}

/* --------- EVENTOS DE CLIENTES --------- */
@media screen and (max-width: 1000px) {
	#conteudo.eventos #eventos.clientes #fotos li{
		width:31.33%;
		margin-right:0;
		padding:0 1%;
	}
}
@media screen and (max-width: 767px) {
	#conteudo.eventos #eventos.clientes #fotos li{
		width:48%;
		padding:0 1%;
	}
	#conteudo.eventos #eventos.clientes #fotos li.last{
		display:none;
	}
}
@media screen and (max-width: 400px) {
	#conteudo.eventos #eventos.clientes #fotos li{
		width:100%;
		padding:0;
		margin:10px 0 0 0;
	}
	#conteudo.eventos #eventos.clientes #fotos li.last{
		display:block;
	}
}

/* --------- EVENTOS BENESTARE --------- */
@media screen and (max-width: 1000px) {
	#conteudo.eventos #eventos.benestare #datasEspeciais li{
		width:31.33%;
		margin:18px 1% 0 1%;
	}
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.data{
		width:80%;
		padding:12px 10% 22px 10%;
	}
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.info{
		width:80%;
		padding:7px 10% 22px 10%;
	}
}
@media screen and (max-width: 767px) {
	#conteudo.eventos #eventos.benestare #datasEspeciais li{
		width:100%;
		min-height:inherit;
		margin:18px 0 0 0;
	}
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.data{
		width:95%;
		padding:9px 2.5% 23px 2.5%;
	}
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.info{
		width:95%;
		padding:7px 2.5% 23px 2.5%;
	}
}
@media screen and (max-width: 600px) {
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.data{
		width:92%;
		padding:7px 4% 21px 4%;
	}
	#conteudo.eventos #eventos.benestare #datasEspeciais li span.info{
		width:92%;
		padding:7px 4% 21px 4%;
	}
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------> GASTRONOMIA <---------------------------------*/
@media screen and (max-width: 1000px) {
	#conteudo.gastronomia #gastronomia{
		margin-top:64px;
	}
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> FOTOS <-------------------------------------*/
@media screen and (max-width: 1000px) {
	#conteudo.fotos #categorias{
		width:224px;
	}
	#conteudo.fotos #categorias ul{
		width:100%;
	}
	#conteudo.fotos #categorias ul li a{
		width:100%;
	}
	#conteudo.fotos #galeria{
		width:73%;
	}
	#conteudo.fotos #galeria ol#fotos li{
		width:48%;
		height:auto;
		margin:10px 2% 0 0;
	}
	#conteudo.fotos #galeria ol#fotos li a img{
		width:100%;
		height:auto;
	}
}

@media screen and (max-width: 900px) {
	#conteudo.fotos #galeria{
		width:70%;
	}
	#conteudo.fotos #galeria ul#paginacao{
		margin:0 2% 0 0;
		display:table;
		float:right;
	}
}
@media screen and (max-width: 830px) {
	#conteudo.fotos #galeria{
		width:68%;
	}
}
@media screen and (max-width: 790px) {
	#conteudo.fotos #galeria{
		width:67%;
	}
}
@media screen and (max-width: 760px) {
	#conteudo.fotos #categorias{
		float:none;
		width:100%;
		height:auto;
		display:block;
		position:relative;
		margin:65px auto 0 auto;
	}
	#conteudo.fotos #categorias #menuCombo,
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst,
	#conteudo.fotos #categorias #menuCombo ul#menuComboItens{
		width:100%;
		display:block;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst{
		display:inherit;
		visibility:visible;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboItens{
		display:none; 
	}
	#conteudo.fotos #categorias #menuCombo ul li{
		color:#FFF;
		width:100%;
		height:47px;
		display:block;
		border-radius:5px;
		position:relative;
		background:#DFBC6B;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboItens li{
		margin-top:-7px;
	}
	#conteudo.fotos #categorias #menuCombo ul li a{
		width:93%;
		height:47px;
		display:block;
		padding-top:0;
		color:#FFF;
		width:100%;
		background:none;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst li a span{ 
		top:10px;
		right:10px;
		width:27px;
		height:27px;
		display:block;
		position:absolute;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst li#fecharMenuCombo{
		display:none;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst li#abrirMenuCombo a span{ 
		background:url(../imagens/btAbrirGalerias.png) no-repeat left top;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst li#fecharMenuCombo a span{ 
		background:url(../imagens/btFecharGalerias.png) no-repeat left top;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboItens li a:hover{
		color:#EDDAAD;
	}
	#conteudo.fotos #categorias #menuCombo ul#menuComboFirst li a:hover span{
		background-position:left bottom;
	}
	#conteudo.fotos #galeria{
		float:none;
		width:100%;
		margin-top:20px;
	}
	#conteudo.fotos #galeria h3{
		display:inherit;
		visibility:visible;
		text-align:center;
	}
	#conteudo.fotos #galeria ol#fotos{
		margin-top:10px;
	}
	#conteudo.fotos #galeria ol#fotos li{
		width:48%;
		margin:10px 1% 0 1%;
	}
}
@media screen and (max-width: 400px) {
	#conteudo.fotos #galeria ol#fotos li{
		width:100%;
		margin:10px 0 0 0;
	}
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> CONTATO <-----------------------------------*/
@media screen and (max-width: 970px) {
	#conteudo.contato #endereco{
		float:none;
		width:100%;
		margin-top:65px;
		position:relative;
		background:#928F8A;
		padding-bottom:25px;
	}
	#conteudo.contato #endereco:after{
		height:0;
		clear:both;
		content:".";
		display:block;
		overflow:hidden;
		visibility:hidden;
	}
	#conteudo.contato #endereco p,
	#conteudo.contato #endereco p a{
		color:#FFF;
	}
	#conteudo.contato #endereco #direita{
		float:right;
		text-align:right;
		padding-right:2%;
	}
	#conteudo.contato #endereco #esquerda{
		float:left;
		padding:2% 0 0 2%;
	}
	#conteudo.contato #endereco #esquerda p.titulo{
		font-weight:bold;
		display:inline;
		margin-top:14px;
		visibility:visible;
	}
	#conteudo.contato #endereco p.btMapa{
		right:2%;
		top:60px;
		position:absolute;
	}
	#conteudo.contato #formulario{
		float:none;
		width:100%;
		margin-top:20px;
	}
	#conteudo.contato #formulario #aviso{
		width:96%;
		padding:10px 2%;
	}
	#conteudo.contato #formulario ul#botoes{
		margin:15px auto 0 auto;
	}
	#conteudo.contato #formulario form{
		margin:10px auto 0 auto;
	}
	#conteudo.contato #formulario form ol li{
		margin:15px 5px 0 5px;
	}
}
@media screen and (max-width: 700px) {
	#conteudo.contato #formulario form{
		width:100%;
		margin:10px auto 0 auto;
	}
	#conteudo.contato #formulario form ol li{
		float:none;
		margin:15px 0 0 0;
	}
	#conteudo.contato #formulario form ol#checkbox{
		display:none;
	}
	#conteudo.contato #formulario form input{
		width:95%;
		padding:0 2%;
	}
	#conteudo.contato #formulario form textarea{
		width:97%;
		max-width:97%;
		min-width:97%;
		padding:10px 0 0 2%;
	}
	#conteudo.contato #formulario form input.btEnviar{
		float:none;
	}
	#conteudo.contato #formulario #menuCombo{
		width:99%;
	}
	#conteudo.contato #formulario #menuCombo.contCombo2{
		margin-left:0;
	}
	#conteudo.contato #formulario #menuCombo ul#menuComboItens{
		position:inherit;
	}
	#conteudo.contato #formulario form input#orcarLocal,
	#conteudo.contato #formulario form input#orcarNews{
		width:auto;
		height:auto;
		line-height:inherit;
	}
}
@media screen and (max-width: 600px) {
	#conteudo.contato #endereco #direita{
		float:none;
		text-align:center;
		padding:2% 0 0 0;
	}
	#conteudo.contato #endereco #esquerda{
		float:none;
		padding:0 0 0 0;
		text-align:center;
	}
	#conteudo.contato #endereco #esquerda p.titulo,
	#conteudo.contato #formulario p.intro{
		display:none;
		visibility:hidden;
	}
	#conteudo.contato #endereco p.btMapa{
		width:244px;
		top:inherit;
		right:inherit;
		position:inherit;
		margin:10px auto 0 auto;
	}
	#conteudo.contato #formulario ul#botoes{
		width:224px;
		margin-top:5px;
	}
	#conteudo.contato #formulario ul#botoes li{
		float:none;
		width:224px;
		margin-top:10px;
	}
	#conteudo.contato #formulario ul#botoes li#btContato{
		margin-left:0;
	}
	#conteudo.contato #formulario form ol{
		float:none;
		clear:both;
	}
	#conteudo.contato #formulario form ol li,
	#conteudo.contato #formulario form ol li.margem{
		margin-left:0;
	}
}

/*----------------------------------------------------------------------------------*/
/*------------------------------------> RODAPE <------------------------------------*/
@media screen and (max-width: 1000px) {
	#rodapeContainer #rodape{
		width:98%;
	}
	#rodapeContainer #rodape .bloco{
		margin-left:1%;
	}
	#rodapeContainer #rodape p.logoTag{
		margin-right:1%;
	}
	#rodapeContainer #rodape ul{
		left:1%;
	}
}
@media screen and (max-width: 767px) {
	#rodapeContainer,
	#rodapeContainer #rodape{
		height:140px;
	}
	#rodapeContainer #rodape .bloco{
		float:none;
		padding-top:20px;
		text-align:center;
	}
	#rodapeContainer #rodape .bloco address{
		margin-top:0px;
	}
	#rodapeContainer #rodape .bloco ol{
		width:300px;
		margin:8px auto 0 auto;
	}
	#rodapeContainer #rodape .bloco ol li{
		width:300px;
		text-align:center;
	}
	#rodapeContainer #rodape .bloco p.btFacebook{
		margin:0 auto;
		margin-top:10px;
		font-size:1.6em;
	}
	#rodapeContainer #rodape p.logoTag{
		float:none;
		display:none;
		visibility:hidden;
	}
	#rodapeContainer #rodape ul{
		width:470px;
		left:50%;
		margin-left:-235px;
	}
}
@media screen and (max-width: 767px) {
	#rodapeContainer #rodape ul{
		display:none;
		visibility:hidden;
	}
}