@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700italic,700,400italic);
@charset "utf-8";
body {left: 0px; font-family: 'PT Sans'; background: #ffffff url(../img/logo-pattern.jpg) center center; }
*{ margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; font-family: 'PT Sans'; }
/*html{overflow-x: hidden;}*/
a:link, a:visited, a:hover{ color:#FFFFFF; text-decoration:none;}
.clearfix{ float:none;  clear:both; }
#wrap{ margin-top: 0px; width:100%; height: auto; }
.util{ width:1000px; height:auto; margin:0 auto; }
.geral { font-family: 'PT Sans'; color: #243963; font-size: 14px; line-height: 25px; }
.geral span { color: #b9ab2b; font-weight: bold; line-height: 25px; }
.geral select, .geral input[type=text] { background-color: #ebebeb; font-family: 'PT Sans'; color: #243963; font-size: 14px; }
.geral img { max-height: 25px; }
a.ser:link, a.ser:visited, a.ser:active { color:#243963; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Arial'; padding: 1px 4px; background-color: #ffffff; }
a.ser:hover { color:#ffffff; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Arial'; padding: 1px 4px; background-color: #243963; }
.sera { color:#ffffff; text-decoration: none; font-size:11px; font-weight: bold; font-family: 'Arial'; padding: 1px 4px; background-color: #243963; }
.intro { width: 100%; height: auto; text-align: left; font-family: 'PT Sans'; font-size: 14px; color: #243963; }
.bannerpagina{width:100%; height:268px; margin: 0px; position: relative;}
.divisa { width: 100%; height: 48px; line-height: 48px; text-align: left; font-family: 'PT Sans'; font-size: 30px; color: #ffffff; font-weight: bold; }
.divisa2 { width: 49%; float: left; height: 48px; line-height: 48px; text-align: left; font-family: 'PT Sans'; font-size: 30px; color: #ffffff; font-weight: bold; }
.animado { -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
/*GERAIS*/

/* ALERTA */
#msgalerta{ width:1000px; height:130px; text-align:center; font: normal 22px 'PT Sans'; color:#000000; overflow:hidden; z-index:100000000; }
#msgalerta img{ padding:14px; }
#tmsg{ margin-top:-5px; }
/*ALERTA*/

/*TOPO*/
.topo{width: 100%; height: 212px; position: relative; background-color:#ffffff; z-index: 1000; }
.topo .logo{ float: left; width: 266px; height: 104px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; background: url(../img/logo-eleitoral.png)no-repeat; margin-top: 20px; z-index: 101; }
.topo .logo:hover{ margin-left: 3px; }
.topo .cabecalho { width: auto; height: 120px; float: right; overflow: hidden; }
.topo .cabecalho li { width: 62px; height: 110px; margin: 30px 0px 0px 35px; float: left; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.topo .cabecalho li.propaganda-eleitoral { background:url(../img/sprite-topo.png) no-repeat 0px 0px; }
.topo .cabecalho li.propaganda-eleitoral:hover { background:url(../img/sprite-topo.png) no-repeat 0px -130px; }
.topo .cabecalho li.convencoes-e-coligacoes { background:url(../img/sprite-topo.png) no-repeat -94px 0px; }
.topo .cabecalho li.convencoes-e-coligacoes:hover { background:url(../img/sprite-topo.png) no-repeat -94px -130px; }
.topo .cabecalho li.arrecadacao-de-dinheiro { background:url(../img/sprite-topo.png) no-repeat -189px 0px; }
.topo .cabecalho li.arrecadacao-de-dinheiro:hover { background:url(../img/sprite-topo.png) no-repeat -189px -130px; }
.topo .cabecalho li.despesas-na-campanha { background:url(../img/sprite-topo.png) no-repeat -280px 0px; }
.topo .cabecalho li.despesas-na-campanha:hover { background:url(../img/sprite-topo.png) no-repeat -280px -130px; }
.topo .cabecalho li.prestacao-de-contas { background:url(../img/sprite-topo.png) no-repeat -372px 0px; }
.topo .cabecalho li.prestacao-de-contas:hover { background:url(../img/sprite-topo.png) no-repeat -372px -130px; }
.topo .cabecalho li.legislacao { background:url(../img/sprite-topo.png) no-repeat -468px 0px; }
.topo .cabecalho li.legislacao:hover { background:url(../img/sprite-topo.png) no-repeat -468px -130px; }
.topo .chama { clear: both; width: 100%; height: 18px; line-height: 18px; background-color: #b9ab2b; text-align: center; font-size: 13px; font-family: 'PT Sans'; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; letter-spacing: 1px; }
.menu { width: 100%; clear: both; height: 48px; list-style-type:none; background:url(../img/bg-menu.jpg); }
.menu li { cursor: pointer; float: left; width: auto; height: 16px; font-weight: bold; font-size: 15px; font-family: 'PT Sans'; color: #ffffff; padding: 16px 14px; }
.menu li.ativo { cursor: pointer;background-color: #40547b; float: left; width: auto; height: 16px; font-weight: bold; font-size: 15px; font-family: 'PT Sans'; color: #ffffff; padding: 16px 14px; }
.menu li:hover { background-color: #40547b; }
/*TOPO*/

/*RODAPE*/
.mapa { background-color: #233359; width: 100%; height: auto; padding-top: 20px; }
.mapa .paginas { width: 180px; border-right:#52607f 1px solid; min-height: 200px; height: auto; float: left; list-style-type: none; }
.mapa .paginas li { font-family:'PT Sans'; font-size:14px; font-weight: bold; color:#ffffff; text-align: left; line-height: 18px; }
.mapa .blocos { width: 180px; border-right:#52607f 1px solid; min-height: 200px; height: auto; float: left; list-style-type: none; }
.mapa .blocos li.tagged { font-family:'PT Sans'; font-size:14px; font-weight: bold; color:#ffffff; text-align: left; line-height: 18px; padding-bottom: 5px; padding-left: 15px; }
.mapa .blocos li { font-family:'PT Sans'; font-size:14px; font-weight: normal; color:#ffffff; text-align: left; line-height: 18px; padding-left: 15px; }
.rodape{width: 100%; height: 50px; position: relative; z-index: 10001; background-color:#b4a82d; }
.rodape .acompanhe { width: 130px; height: 30px; float: left; margin-left: 50px; margin-top: 14px; }
.rodape .acompanhe .facebook { background: url(../img/facebook.png) no-repeat; width: 26px; height: 24px; float: left; margin-right: 10px; }
.rodape .acompanhe .twitter { background: url(../img/twitter.png) no-repeat; width: 26px; height: 24px; float: left; margin-right: 10px; }
.rodape .acompanhe .youtube { background: url(../img/youtube.png) no-repeat; width: 26px; height: 24px; float: left; margin-right: 10px; }
.rodape .selo{background: url(../img/selo.png) no-repeat; margin-top: 9px; width: 81px; height: 34px; position: relative; float: left; }
.rodape .libes{background: url(../img/arcanjo.png) no-repeat; margin-top: 10px; width: 77px; height: 36px; position: relative; float: right; }
.rodape p { width: 450px; height: 50px; float: right; line-height: 50px; margin-right: 20px; text-align: right; color: #ffffff; font-size: 14px; font-family: 'PT Sans'; }
/*RODAPE*/

/* POPUP */
#fechar { z-index:100001; position:fixed; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #40547a; overflow: hidden; }
#mascara { position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background:url(../img/mask.png); z-index:100001; }

@media screen and (max-width: 1000px) {
	.topo, .topo .chama, .menu { width: 1000px; }
	.topo .logo{ float: left; width: 266px; height: 104px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; background: url(../img/logo-eleitoral.png)no-repeat; margin-top: 20px; z-index: 101; margin-left: 20px; }
	.topo .logo:hover{ margin-left: 20px; }
	.topo .cabecalho { width: auto; height: 120px; float: right; overflow: hidden; margin-right: 20px; }
	.mapa, .rodape{ width: 1000px; }
	#wrap{ margin-top: 0px; width:1000px; height: auto; }
	.rodape .selo{background: url(../img/selo.png) no-repeat; margin-top: 9px; margin-left: 20px; width: 81px; height: 34px; position: relative; float: left; }
	.rodape .libes{background: url(../img/logomarca-libes-comunicacao.png) no-repeat; margin-top: 10px; margin-right: 20px; width: 71px; height: 34px; position: relative; float: right; }
	.intro { width: 1000px; }
	.bannerpagina{width:1000px; }
	.divisa { width: 1000px; text-align: center; }
	.mapa .paginas { width: 170px; margin-left: 10px; border-right:#52607f 1px solid; min-height: 200px; height: auto; float: left; list-style-type: none; }
}