body { font-family: Arial, Helvetica, sans-serif; }
a { cursor: pointer !important; }

.alerta_eleicao { padding-top: 30px; }
.alerta_texto {
	font-size: 18px !important;
	color: #FFFFFF !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
	.alerta_eleicao { padding-top: 10px; }
	.alerta_texto {
		font-size: 14px !important;
		color: #FFFFFF !important;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
}

.header, .footer { background-color: #003399; }
/*.header, .footer, .imgbandeira1_footer { height: 110px; }*/
.header { height: 150px; }
.footer { height: 120px; }
.header_top { height: 40px; }
.footer_pad { padding: 15px 15px 0px 15px; }
.imgbandeira2_footer { margin: 30px 30px 0px 0px; width: 175px; height: auto; }
.imgbandeira1_header { margin: -30px 0px 0px 0px; }
.imgbandeira2_header { margin: -30px 10px 0px 0px; width: 175px; height: auto; }

.imgbandeira2_header:hover, .imgbandeira2_header:focus,
.imgbandeira2_footer:hover, .imgbandeira2_footer:focus
{ text-decoration: none; background-color: transparent; }

.imgcenter { margin: 0 auto; }
.centered { text-align: center; }
.hideMsg { display: none; }
.justified { text-align: justify; }

.nopadd { padding: 0 !important; }
.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }

.topPad     { padding: 15px 0px 0px 0px; }
.rightPad   { padding: 0px 15px 0px 0px; }
.botPad     { padding: 0px 0px 15px 0px; }
.leftPad    { padding: 0px 0px 0px 15px; }

.topPad2    { padding: 50px 0px 0px 0px; }
.rightPad2  { padding: 0px 50px 0px 0px; }
.botPad2    { padding: 0px 0px 50px 0px; }
.leftPad2   { padding: 0px 0px 0px 50px; }

.vertPad    { padding: 15px 0px 15px 0px; }
.horizPad   { padding: 0px 15px 0px 15px; }

.full_height { height: 100%; }
.full_width { width: 100%; }

.dynWidth { width: calc(100% - 15px) !important; }

.btnNat, .btnAzul, .btnCinza, .btnEstat { padding: 15px 0px 15px 0px; }
.btnNat2 { padding: 6.5px 0px 6.5px 0px; }
.btnEstat, .btnNat2, .btnNat { display: block; margin: 0px 7.5px 0px 7.5px; text-decoration: none; }
.btnEstat:hover, .btnEstat:focus, .btnNat:hover, .btnNat:focus, .btnNat2:hover, .btnNat2:focus { text-decoration: none; }

.btnNat, .btnNat2, .btnAzul, .btnCinza, .btnEstat, 
.btnItem, .btnItem.active, .btnItem2, .btnItem2.active { 
    font-size: 12px; 
    width: 100%; 
    border: 1px solid #cecec0;
    border-radius:  15px 15px 0px 0px;
}

.btnNat.active, .btnNat2.active, .btnAzul { 
    background: #0D233A; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#002f62 , #0D233A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#002f62 , #0D233A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#002f62 , #0D233A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#002f62 , #0D233A); /* Standard syntax */
    color: #FFFFFF;
}

.btnNat, .btnNat2, .btnCinza, .btnEstat {
    background: #dfdfdf; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #EFEFEF); /* For Safari */
    background: -o-linear-gradient(#FFFFFF, #EFEFEF); /* For Opera */
    background: -moz-linear-gradient(#FFFFFF, #EFEFEF); /* For Firefox */
    background: linear-gradient(#FFFFFF, #EFEFEF); /* Standard */
    color: #336699;
}

.btnItem, .btnItem2 { background-color: #336699; color: #FFFFFF; }
.btnItem.active, .btnItem2.active { background-color: #002F62; color: #FFFFFF; }
.btnItem:hover, .btnItem:focus, .btnItem2:hover, .btnItem2:focus { color: #EFEFEF; }
.btnItem:hover, .btnItem:focus, .btnItem.active:hover, .btnItem.active:focus,
.btnItem2:hover, .btnItem2:focus, .btnItem2.active:hover, .btnItem2.active:focus 
{ text-decoration: none; }

.btnItem, .btnItem:active, .btnItem2, .btnItem2.active { display: block; }

.btnItem, .btnItem.active {
    padding: 15px 0px 15px 0px;    
    margin: 0px 7.5px 0px 7.5px;
}

.btnItem2, .btnItem2.active {
    padding: 6.5px 0px 6.5px 0px;
    margin: 0px 7.5px 0px 7.5px;
}

.header_text1, .header_text2, .header_text3 { display: block; color: #FFFFFF !important; font-family: Verdana, Arial, Helvetica, sans-serif; }
.header_text1 { font-size: 19px; }
.header_text2 { font-size: 26px; margin-top: 8px; }
.header_text3 { font-size: 16px; margin-top: 8px; }

.error_text {
    width: 100%;
    display: block;
    color: #CC0000;
    font-weight: bold;
}

.textoFooter  { 
    font-size: 18px;
    color: #FFFFFF;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 3%;
}

.anoNav { border-bottom-color: #7d7e7e; }
.anoNav li a { color: #a7a6a6 !important; }
.anoNav li.active a { color: #000000 !important; font-weight: bold; }
.anoNav li.active a { border-color: #7d7e7e; border-bottom-color: transparent; }
.anoNav li a:hover, .anoNav li a:focus { border-color: #7d7e7e; border-bottom-color: transparent; font-weight: bold; background-color: transparent; }
.anoNav li.active a:hover, .anoNav li.active a:focus { border-color: #7d7e7e; border-bottom-color: transparent; }

.mesNav li a { color: #a7a6a6 !important; padding: 10px 5px 10px 5px !important; }
.mesNav li.active a { color: #FFFFFF !important; background-color: #336699 !important; }
.mesNav li a, .mesNav li.active a { border-radius: 15px 15px 0px 0px; }
.itemMes { width: 90px; }

.selList { background-color: #e9e9e9 !important;}

.tabela { width: 100%; }
.tabela td, .tabela th { border-color: #FFFFFF; padding: 5px 0px 5px 0px; }
.head, .pager_row { background-color: #002f62; color: #FFFFFF; }
.row1, .row1 a { background-color: #FFFFFF; color: #000000; }
.row2, .row2 a { background-color: #e9e9e9; color: #000000; }
.pager_row table tr td { padding: 5px; }
.pager_row table tr td a { color: #a7a6a6; }
.pager_row table tr td span { font-weight: bold; }

.html_area { width: 100%; height: 700px; overflow: scroll; }