/*________________________________________________ CSS BASE - TEMPLATE  _____________________________________________________*/

.conteinerServicos{
	margin-bottom:0!important;
}
#conteinerLogo{
	display: inline-block;
	float: left;
}
#boxLetreiro{
	margin:auto;
}
.layoutLetreiro{
	width: 960px;
	height:35px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#forma1{
	margin-bottom:15px;
}
#detalheLayoutFundo {
    height: 0;
    position: relative;
    z-index: 0;
}
.caixa .descricao
.caixa .descricao div{
	font-size: 14px!important;
}

.boxCotacaoBolsa span{
	font-weight: normal!important;
}
.boxCotacaoMoeda .itensMoeda .moeda{
	text-align: left!important;
	text-indent: 5px;
}

#conteinerMiolo button .labelBotao{
	font-size: 10px;
}
/*__________ TAMANHO __________*/


	/*** MIOLO ***/
	#conteinerConteudo #conteinerMiolo{
		height:auto; 
		margin:auto;
		
	}
	
	#conteinerMiolo h1{
		font-weight: normal;
	}
	.separadorServicosMiolo{
		display: none;
	}
	
	/*** IMAGEM ***/
	.conteinerImagem{ 
		margin:auto!important;
		display: inline-block;
		float: right;
	}

	.tituloItem h1{
		font-size:20px;
	}
	
	/*** LOGO ***/
	#boxLogo{ 
		width:500px;
		margin:auto;
	}
	#boxLogo a{ 
		width: 500px;
		display: table-cell; 
		vertical-align: middle;	
		line-height: 500px;
		#position: relative;
		#top: 25%
	}
	#boxLogo img{ 
		max-width:500px;
		max-height: 220px;	
	}
	#layoutLogo{
		position: relative;
		width: 960px;
		height:220px;
		margin: auto;
	}
	#conteinerSite, #layoutLogo{
		z-index: 0;
	}
	/*** MENU ***/
	
	.conteinerMenu{
		height: 50px;
	}
	.conteinerMenu a{
		text-decoration: none;
	}
	
	.menuHorizontal .menuHorizontal-itens:hover > a,
	.menuHorizontal .menuHorizontal-mais :hover > a{
		text-decoration: underline!important;
	}
	.conteinerMenuBg{
		width:960px;
		margin:auto;
	}
	.menuVertical .menuVertical-mais ul, 
	.menuHorizontal .menuHorizontal-mais ul{
		z-index: 99999;
	}
	.menuHorizontal .itemAtivo a, .menuVertical .itemAtivo a{
		text-decoration: underline!important;
	}
	.menuHorizontal .itemAtivo a, .menuVertical .itemAtivo a{
		text-decoration: underline!important;
	}
	/*** SERVICOS ***/
	.detalheServicos{
		margin-right: 2px;
		width: 10px;
		display: block;
		float: left;
		position: relative;
		left: 0;
	}	
	.conteinerServicos{
		height: auto;
		display: block;
		position: relative;
		width:250px!important;
	}
	.conteinerServicos .titulo h1{
		width:90%;
		padding:8px 10px 0 10px;
		font-size:20px; 
	}

	/*** CAIXAS ***/
	.caixa h2{
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		text-indent: 16px;
	}
	.caixa .conteiner{
		margin: 5px auto!important;
	}
	.caixaVertical{
		position: relative;
		z-index: 999;
	}
	.caixa .titulo{
		width: 250px!important;
		position: relative;
		left:-15px;
		top:-10px;
	}

	/*** CONTEUDO ***/
	#conteinerConteudo{
		width:918px;
		margin-left:auto;
		margin-right:auto;
		display: inline-block;
	}

	/*** SERVICOS ENDERECO ***/
	#conteinerEndereco .servicosEndereco{
		margin-top: 10px
	}
	.detalhe2{
		height: 6px;
	}
	#conteinerEndereco{
		margin-top:2px;
		width:878px;
		margin:auto;
	}
	/*** SERVICOS ENDERECO ***/
	#conteinerEndereco .modelo2 .titulo h2{
		text-align: center;
	}
	#conteinerEndereco .titulo h2{
		margin-bottom: 10px;
	}
	#conteinerEndereco{
		width:878px;
		margin:auto;
	}
	.layoutEndereco{
		width: 100%;
	}
	#conteinerBase{
		width: 100%;
	}

	/*** 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;
		margin-top: 10px;
	}

	/*** RODAPE ***/

	#conteinerRodape{
		height: 42px;
		line-height: 42px;
		vertical-align: middle;
		margin:auto;
	}
	.boxRodape, .boxRodape a{
		font-size: 11px;
	}
	#conteinerVisitantesRodape{
		width:100px;
		margin:0 auto auto auto;
		padding-bottom:40px;
		padding-top:10px;
		margin:auto;
	}
	#alinhamentoRodape{
		width: 960px;
		margin-left:auto;
		margin-right:auto;
		height: 40px;
		line-height:40px;
		vertical-align: middle;
		padding-top: 15px;
	}
	#conteinerBase{}
	/*** VIITANTES ***/
	#visitantes .label, #visitantes .quantidade{
		font-size: 12px;
	}
	.servAuxiliar{
		width:250px;
		float: left;
		position: absolute;
		left: 0;	
		top:0;					
		z-index: 0;
	}

	.conteinerServicos{
		z-index: 9999;
		position: relative;
	}
/*MENU*/
    /*Menu horizontal*/
        .menuHorizontal .menuHorizontal-itens a,
        .menuHorizontal .menuHorizontal-mais a{ font-size: 15px; }
    /*Menu vertical*/
        .menuVertical .menuVertical-itens a,
        .menuVertical .menuVertical-mais a{ font-size: 15px; }
    /*Menu horizontal e vertical*/
   		.menuHorizontal .itemAtivo a,
        .menuVertical .itemAtivo a{ font-size: 15px; }
        .menuHorizontal .separadorMenu,
        .menuVertical .separadorMenu{ font-size: 15px; }
        
/*DATA E HORAS*/
	#conteinerTopo{
		height: 27px;
	}
	#dataHora{
		width:940px;
		margin:auto;
		height: 27px;
		line-height: 27px;
		vertical-align: middle;
		position: relative;
		z-index:99900;
		padding: 0 10px;
	}
	#dataHora div{
		font-family: "Arial";
		font-size: 11px;
	}
			
	#dataHora .layout{float: right}
	#dataHora .diaSemana,
	#dataHora .data,
	#dataHora .hora{float: left;}	
	#dataHora .hora{width: 54px;}
	#conteinerEndereco .separadorEndereco{
		border-style: dotted !important;
	}
	
	form .button{
		background:transparent!important;
	}
	form .text, 
	form .email, 
	form .phone, 
	form .money, 
	form .select, 
	form .date, 
	form .file{
		height: 22px!important;
		line-height: 22px!important;
	}

	#tipoPublicacao{
		height: 24px!important;
		line-height: 24px!important;
	}