/********************************************************************************************
**********************************   CSS BASE DO TEMPLATE   *********************************
*********************************************************************************************/

/*** CONTEINER TOPO***/
#conteinerTopo{
	position:relative;
	margin:auto;
	width:950px;
	height: 186px;
	
}

/* LOGO ********************************************/
#boxLogo a{ 
	vertical-align: middle;
	text-align: center;
	
}

#boxLogo { 
	z-index: 99999;
	position: relative;
	top:28px;
	left:4px;
	margin-top:40px;
}
	
		
.alfaLogo{
	width:275px;
	height:160px;
	position:absolute;

	top:24px;
	z-index:9999;
}

/* BANNER PRINCIPAL ********************************/

.conteinerImagem{
	position:relative;
	left:16px;
	top:7px;
	z-index:9999;
}


.conteinerInferiorRodape{
	width: 100%;
	height: auto;
	padding-bottom: 20px;	
}


#conteinerMiolo{
	display: inline-block!important;
}


/* LETREITO ****************************************/
#boxLetreiro{
	position:relative;
	margin: auto;
	left: 1px;
	top: -31px;
	height:35px;
	bottom:45px;
	
	
}

/* MENU ********************************************/
.conteinerMenu{
	position:relative;
	margin-bottom:30px;
	margin-top:12px;
	left:20px;
	top:10px;
}
.menuVertical .menuVertical-mais ul{
	position:relative;
}  



#separaConteudoDeTopo {
	position:relative;
	margin:auto;
	height:12px;
	z-index: 9999;
}
/* ENDERECO ****************************************/
#conteinerEndereco{
	padding:10px 0;
	margin:auto;
}

#conteinerEndereco .separadorEndereco{
	border-style: dashed!important;
}

.servicosEndereco{
    margin:auto;
}

/* SERVIÇOS ***************************************/


.caixaVertical{
	position:relative;
	z-index:15;
	top: 20px;
	
}

.caixa .titulo{
	width: 210px!important;
	position: relative;
	
}


.titulo h2 {font-size: 13px!important;}


/* DATA E HORA ************************************/
#dataHora{
	width:953px;
	margin:auto;
	height: 24px;
	line-height: 25px;
	vertical-align: middle;
	position: absolute;
	z-index:99900;
	text-align:right;
}
#dataHora div{
	font-family: "Arial";
	font-size: 12px;
	letter-spacing:0px;
}
#dataHora .layout{float: right}
#dataHora .diaSemana,
#dataHora .data,
#dataHora .hora{float: left;padding-right:10px;}	

#dataHora .diaSemana{width:110px; text-align: right;}
#dataHora .data{text-align: center;}
#dataHora .hora{width:50px;text-align: center;}

/* MIOLO *******************************************/
#conteinerConteudo{
	margin-left:auto;
	margin-right:auto;
	display: table;
}

#ajustaMiolo{
	position: relative;
	float: right;
	width:650px;
	height:auto;

}

/* RODAPE ******************************************/
#conteinerVisitantesRodape{
	width:960px;
	margin:auto;
	padding-top: 12px;
}

#conteinerVisitantes{
	display: inline-block;
}
.boxVisitantes{
	padding: 0 10px;
}
.boxVisitantes .label,
.boxVisitantes .quantidade{
	font-size: 13px!important;
}
.boxRodape, .boxRodape a{
	margin-right: 10px;
	text-align: right;	
}
#conteinerRodape{
	height:32px;
	float: right;
	position:relative;
	bottom:20px;
}
.menuHorizontal .itemAtivo a, .menuVertical .itemAtivo a {
    color: #fff!important;
}
.menuVertical .menuVertical-itens.itemAtivo:hover > a {
    color: #fff!important;
}
