/*________________________________________________ CSS BASE - TEMPLATE  _____________________________________________________*/
.clear-fix:before,
.clear-fix:after {
    content: " ";
    display: table;
}
.clear-fix:after { clear: both; }
.clear-fix { *zoom: 1; }

#conteinerTopo{
	height: 24px;
}
#conteinerLogo{
	position: absolute!important;	
}
.imagemHorizontal{
	position: relative;
	top: 0;
}

/* - OUTROS ******************************************************************************/

#conteinerPagina{
	position: relative;
	z-index:10;
	display: block!important;
	margin-left: auto;
	margin-right: auto;
}
#conteinerConteudo{
	width:918px;
	margin-left:auto;
	margin-right:auto;
	display: table;
	z-index:10;
}
#conteinerLogoImagem{
	height: 260px;
	border: 0!important;
}
#conteinerVisitantesRodape{
	margin:auto;
	padding-bottom:40px;
}
#conteinerEmbaixo{
	width: 100%;
}

/* - ESPECIFICO DO TEMPLATE **************************************************************/

#detalheLayoutFundo{
	z-index:0;
	position: relative;
	height: 0;
}
#menuLayout{
	width: 960px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
}
/* - LOGO ********************************************************************************/

#conteinerLogo{
	width:942px;
	height:128px;
	z-index:10;
}
#boxLogo{ 
	width:100%;
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-right: auto; 		
}
#boxLogo a{ 
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-right: auto; 		
}

/* - MENU ********************************************************************************/

.detalhe1{
	margin-left: auto;
	margin-right: auto;
}

.conteinerMenu{
	position: relative;
	margin:auto;
	z-index:10;
}
.conteinerMenuBg{
	width:960px;
	margin:auto;
}
.menuHorizontal .menuHorizontal-itens a,
.menuHorizontal-mais a{	
	text-decoration: none;
}
.menuHorizontal .menuHorizontal-itens a,
.menuHorizontal-mais a,
.menuHorizontal-mais .itemMais {
	font-size: 14px;
}
.menuHorizontal a{
	font-size: 13px;
}
.menuVertical .menuVertical-itens a,
.menuVertical-mais a{
	text-decoration: none;
}
.menuVertical .menuVertical-itens a,
.menuVertical-mais a,
.menuVertical-mais .itemMais {
	font-size: 16px;
}
.menuVertical-mais a{
	font-size: 14px;
}

/* - IMAGEM ******************************************************************************/

.conteinerImagem{
	float: right;
	z-index:10;
	position:relative;
}
h1,h2{
	font-weight: bold!important;
}

.transicaoImagemEsquerda, .transicaoImagemEsquerda div{
	float: none!important;
}

/* - FRASE EFEITO ************************************************************************/

#boxLetreiro{
	top:-44px;
	left:3px;
	position:relative;
}

/* - SERVICOS ****************************************************************************/

.conteinerServicos{
	width:210px;
	height: auto;
	display: block;
	z-index:10;
}
.conteinerServicos .titulo h1{
	width:90%;
	padding:8px 10px 0 10px;
	font-size:20px;
}

/* - CAIXAS ******************************************************************************/

.caixa{
	display:inline-block;
	margin: 0 0 10px 10px;
    width: 313px;
	background-position: 0 12px;
}
.caixa input[type="text"],
.caixa input[type="password"]{
	font-size: 14px;
}
.caixa .conteiner{
	margin: 5px auto!important;
}
.caixa .titulo h2{
	height: 32px;
	line-height:32px;
	vertical-align:middle;
	z-index: 50;
}

.caixaBanner{margin-bottom: 10px!important;}
#caixaIntegra h2,
#caixaNewsletter h2,
#caixaBusca h2{
	z-index: 50;
}
#caixaIntegra .tituloLayoutServicos,
#caixaNewsletter .tituloLayoutServicos,
#caixaBusca .tituloLayoutServicos{
	position: relative;
	left: -20px;
	z-index: 100;
}
#caixaIntegra input[type="text"], #caixaIntegra input[type="password"],
#caixaNewsletter input[type="text"], #caixaNewsletter input[type="password"],
#caixaBusca input[type="text"], #caixaBusca input[type="password"],
.caixa .botao,
.caixa .btn{
	width: 205px!important;
}
.caixa .descricaoTop,
.caixa .descricaoBottom{
	width: 205px!important;
	margin:auto;
}

.caixa .text_1,
.caixa .text_2,
.caixa .btn{
	margin:auto;
	text-align: center;
}

/* - SERVICOS ENDERECO *******************************************************************/

#conteinerEndereco{
	padding:5px;
	z-index:10;
}

/*** SERVICOS ENDERECO HORIZONTAL  ***/
#conteinerEndereco{
	width:878px;
	margin-left:auto;
	margin-right:auto;
}
.regulagemConteudo{
	width: 100%;
}
/*** SERVICOS ENDERECO HORIZONTAL MODELO 1 ***/
#conteinerEndereco .modelo1 .conteudo{
	width:266px;
}

/* - SEPARADORES *************************************************************************/
.separadorServicosMiolo{
	display: none;
}

/* - MIOLO *******************************************************************************/

#conteinerMiolo{
	height:auto; 
	margin:auto;
	vertical-align: top;
	z-index:10;
	display: inline-block;

}
#conteinerMiolo h1{
	line-height: 28px;
	height: 32px;
}

/* - VISITANTES **************************************************************************/

#conteinerVisitantes{
	width:265px;
	height:40px;	
	line-height: 40px;	
	vertical-align: middle;
	text-align: center;
	margin:auto;	
	display: inline-block;	
	z-index:10;
}	
.boxVisitantes{
	height:30px;
	line-height: 30px;
	padding: 0 10px;		
	vertical-align: middle;
	text-align: center;
}
.boxVisitantes span{
	font-size:14px;
	font-weight: bold;
}

/* - RODAPE ******************************************************************************/

.boxRodape{
	width: 950px;
}	
.boxRodape, .boxRodape a{
	margin-top: 5px;
	font-size: 12px;		
	text-align: center;
}
#conteinerLogo a{display: table-cell;}
#conteinerRodape{
	width:950px;
	height:33px;
	margin:auto;
	z-index:10;
}
/*DATA E HORAS*/
	#dataHora{
		width:960px;
		margin:auto;
		height: 24px;
		line-height: 24px;
		vertical-align: middle;
		position: relative;
		z-index:99900;
	}
	#dataHora div{
		font-family: "Arial";
		font-size: 11px;
	}
	#dataHora .layout{float: right}
	#dataHora .diaSemana,
	#dataHora .data,
	#dataHora .hora{float: left;}	
	#dataHora .hora{width: 54px;}
	#boxLogo img{ 
		max-width:500px;
		max-height: 160px;	
		vertical-align: middle;
	}
	#conteinerEndereco .separadorEndereco{
		border-style: ridge !important;
		border-bottom-width: 2px!important; 
	}