﻿/* PORTAL DO ELEITOR */

/* BASE */
html, body {
	margin: 0px;
	height: 100%;
	background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	/** código necessário para regular a altura do footer, assim como também é importante o height= 100% no body**/
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	
/* HEADER */	
#header {
	height: 66px;
	width: 760px;
	float: left;
}
#logo {
	float: left;
	height: 65px;
	width: 400px;
}
#pesquisa {
	float: left;
	width: 330px;
	padding-top: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	height: 45px;
}

/* MENU PRINCIPAL */
#menu {
	float: left;
	height: 35px;
	width: 760px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
a.menu:link, a.menu:visited {
	float: left;
	height: 27px;
	width: 120px;
	background-image: url(/_layouts/portaleleitor/images/menu1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #566F7C;
	background-repeat: repeat-x;
	font-weight: normal;
}
a.menu:hover, a.menu:active {
	background-image: url(/_layouts/portaleleitor/images/menu2.gif);
	background-repeat: repeat-x;
}

a.menuLast:link, a.menuLast:visited {
	float: left;
	height: 34px;
	width: 130px;
	background-image: url(/_layouts/portaleleitor/images/menu1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 1px;
	background-repeat: repeat-x;
	font-weight: normal;
}
a.menuLast:hover, a.menuLast:active {
	background-image: url(/_layouts/portaleleitor/images/menu2.gif);
	background-repeat: repeat-x;
}

/* SUBMENU */
#submenu {
	background-color: #9CB0BA;
	margin-left: 125px;
	position: absolute;
}
#submenu ul {
	margin: 0px;
	padding: 0px;
}
#submenu ul li {
	list-style-image: none;
	list-style-type: none;
	display: block;
}
a.submenu:link, a.submenu:visited {
	font-size: 12px;
	color: #FFFFFF;
	width: 230px;
	display: block;
	height: 17px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.submenu:hover, a.submenu:active {
	background-color: #4A6F81;
}

/* AREA CENTRAL BRANCA */

#banner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height: 189px;
	width: 760px;
	background-color: #FFFFFF;
}
#ban1 {
	float: left;
	width: 220px;
	height: 189px;
}

#eleicao_logo
{
    min-height: 160px;
	height: 160px;
}

#ban2 {
	float: left;
	width: 290px;
	background-image: url(/_layouts/portaleleitor/images/home_maos.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 179px;
	text-align: center;
	padding-top: 10px;
}
.txt_faltam {
	font-size: 18px;
	font-weight: bold;
	color: #ffc600;
	text-align: left;
}
.txt_dias {
	font-size: 14px;
	font-weight: bold;
	color: #ffc600;
	text-align: center;
}
.txt_horas {
	font-size: 14px;
	font-weight: bold;
	color: #809fc3;
	text-align: center;
}
.txt_contador2 {
	font-size: 14px;
	font-weight: bold;
	color: #809fc3;
	text-align: center;
	padding-bottom: 2px;
}
.squares_amarelos {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ffc600;
	height: 20px;
	width: 20px;
	text-align: center;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.squares_azuis {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #809fc3;
	height: 20px;
	width: 20px;
	text-align: center;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.bolas {
	font-size: 30px;
	font-weight: bold;
	color: #809fc3;
	height: 20px;
	width: 10px;
	text-align: center;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

/* Area pesquisa Eleitor*/
#ban3 {
	float: left;
	width: 235px;
	height: 164px;
	background-image: url(/_layouts/portaleleitor/images/eleitor_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
	padding-left: 15px;
	margin-top: 10px;
	padding-top: 10px;
}

#ban4 {
	float: left;
	width: 290px;
	background-image: url(/_layouts/portaleleitor/images/home_maos.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 164px;
	text-align: center;
	padding-top: 25px;
}

.txt_eleitor {
	font-size: 18px;
	font-weight: bold;
	color: #08235b;
}
.txt_dados {
	color: #08235b;
	padding-top: 2px;
	padding-bottom: 2px;
}
.txt_dados_inner{
	font-weight:bold;
}
.txt_dados_inner label{  
	float:none;
	vertical-align:text-bottom;
}

.txt_looged {
	color: #333333;
}

.botao {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ffC600;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 23px;
}
.botaoAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5983b6;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #375360;
	border-bottom-color: #375360;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 17px;
	margin-top: 4px;
}
.data {
	font-size: 11px;
	color: #666666;
}
#ban_resultados {
	float: left;
	width: 540px;
	height: 169px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.td_azuis {
	background-image: url(/_layouts/portaleleitor/images/azul_resultados.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 160px;
	font-size: 11px;
	color: #08235B;
	height: 57px;
	padding-left: 20px;
	padding-top: 2px;
}
.img_unidades {
	margin-top: 4px;
}
.txt_azuishoras {
	font-size: 24px;
	font-weight: bold;
}
.caixas {
	background-image: url(/_layouts/portaleleitor/images/caixa.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 62px;
	height: 67px;
	padding-left: 4px;
	padding-top: 8px;
}
.caixas img {
	margin-bottom: 14px;
}

.votos {
	font-size: 11px;
	color: #75858d;
	text-align: center;
}
.numeros {
	font-size: 14px;
	font-weight: bold;
	color: #08235B;
}

/* MENU ELEICÕES */
#eleicao_menu {
	float: left;
	width: 210px;
	padding-left: 10px;
	height: 30px;
}
#eleicao_menu ul {
	margin: 0px;
	padding: 0px;
}
#eleicao_menu ul li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
a.eleicao:link, a.eleicao:visited {
	background-image: url(/_layouts/portaleleitor/images/eleicao2.gif);
	width: 98px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	display: block;
	float: left;
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding-top: 10px;
	text-decoration: none;
}
a.eleicao:hover, a.eleicao:active {
	background-image: url(/_layouts/portaleleitor/images/eleicao1.gif);
	width: 98px;
	font-size: 12px;
	font-weight: bold;
	color: #08235b;
	height: 25px;
	display: block;
	float: left;
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
}

/* AREA CONTEUDOS INDEX */

#wrapper {
	float: left;
	width: 760px;
	overflow: hidden;
	height: auto;
	margin-top: 10px;
}
#destaques {
	float: left;
	height: auto;
	width: 505px;
}
#destaque1 {
	float: left;
	height: 220px;
	width: 247px;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	background-image: url(/_layouts/portaleleitor/images/titulo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#destaque2 {
	margin-left: 5px;
	float: left;
	height: 220px;
	width: 248px;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	background-image: url(/_layouts/portaleleitor/images/titulo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#destaque3 {
	float: left;
	height: 220px;
	width: 247px;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	margin-top: 5px;
	background-image: url(/_layouts/portaleleitor/images/titulo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#destaque4 {
	margin-left: 5px;
	float: left;
	height: 220px;
	width: 248px;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	margin-top: 5px;
	background-image: url(/_layouts/portaleleitor/images/titulo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.td_titulo_destaques {
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
	height: 35px;
	padding-top: 4px;
}
.td_texto_destaques {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

/* CICLO ELEITORAL - 4 FASES */
#ciclo {
	float: left !important;
	height: auto;
	width: 250px !important;
	margin-left: 5px;
}
/* 1 - FASE - Antes das Eleições */
#momento1{
	float: left;
	height: 66px;
	width: 250px;
	background-color: #9CB0BA;
	padding-top: 5px;
}
#momento1_activo {
	float: left;
	width: 235px;
	height: 222px;
	background-color: #DEE7EC;
	padding-left: 15px;
}
#momento2 {
	float: left;
	height: 66px;
	width: 250px;
	background-color: #9CB0BA;
	margin-top: 5px;
	padding-top: 5px;
}
#momento2_activo {
	float: left;
	width: 235px;
	height: 222px;
	background-color: #DEE7EC;
	padding-left: 15px;
	padding-top: 5px;
	margin-top: 5px;
}
#momento3 {
	float: left;
	height: 66px;
	width: 250px;
	background-color: #9CB0BA;
	margin-top: 5px;
	padding-top: 5px;
}
#momento3_activo{
	float: left;
	width: 235px;
	height: 222px;
	background-color: #DEE7EC;
	padding-left: 15px;
	margin-top: 5px;
}
#momento4 {
	float: left;
	height: 65px;
	width: 250px;
	background-color: #9CB0BA;
	margin-top: 5px;
	padding-top: 5px;
}
#momento4_activo{
	float: left;
	width: 235px;
	height: 222px;
	background-color: #DEE7EC;
	padding-left: 15px;
	margin-top: 5px;
}

a.fase:link, a.fase:hover, a.fase:active, a.fase:visited {
	font-size: 12px;
	font-weight: bold;
	color: #08235b;
	text-decoration: none;
}
a.faseTex:link, a.faseTex:hover, a.faseTex:active, a.faseTex:visited {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.icones {
	margin-left: 5px;
}


.titulos_momentos {
	font-size: 12px;
	font-weight: bold;
	color: #08235b;
}
.titulo_activo {
	font-size: 14px;
	font-weight: bold;
}
.img_momentos {
	margin-top: 18px;
	margin-left: 8px;
}


/* 2 - FASE - Durante as Eleições */
/* 3 - FASE - Resultados */
/* 4 - FASE - Processo Eleitoral */

/* DESTAQUES DE BAIXO */
#bottom {
	float: left;
	height: auto;
	width: 760px;
	margin-top: 20px;
}
#bot1 {
	float: left;
	width: 240px;
	padding-left: 10px;
}
#bot2 {
	float: left;
	width: 240px;
	margin-left: 5px;
	padding-left: 10px;
}
#bot3 {
	float: left;
	width: 235px;
	margin-left: 5px;
	padding-left: 15px;
}
.titulos_bottom {
	font-size: 12px;
	font-weight: bold;
	color: #08235b;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #08235b;
	padding-bottom: 3px;
}
.botao_envio {
	background-color: #5983b6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.campos {
	padding-bottom: 3px;
}



/* FOOTER */
#footer {
	float: left;
	width: 760px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #08235B;
	font-size: 11px;
	margin-top: 10px;
}
.td_links_footer {
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #08235B;
}


/* TAGS HTML BASICAS */

a:link {
	color: #A97426;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active {
	color: #FFC600;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}

a img {border: none; } 

h1 {
	font-size: 26px;
	font-weight: bold;
	color: #82A2C8;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #3F6593;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #08235b;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	margin-top: 10px;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	color: #3F6593;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	margin-top: 0px;
}
h6 {
	font-size: 17px;
	font-weight: bold;
	color: #5983B6;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
li {
	list-style-image: url(/_layouts/portaleleitor/images/bullet.gif);
	list-style-position: outside;
}
/* PÁGINAS INTERIORES */
#imagem_interior {
	float: left;
	min-height: 189px;
	width: 340px;
	line-height: 0px;
}

#texto_pagina {
	float: left;
	min-height: 169px;
	width: 420px;
	padding-top: 20px;
}
.titulos_banner {
	font-size: 24px;
	font-weight: bold;
	color: #ffc600;
}
#crumbles {
	font-size: 11px;
	color: #08235B;
	padding-bottom: 8px;
	padding-left: 15px;
	float: left;
	width: 490px;
}
#titulo_pagina {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/_layouts/portaleleitor/images/titulo_interior.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 490px;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 2px;
}

#texto2 {
	float: left;
	width: 490px;
	padding-left: 15px;
	text-align: justify;
	padding-bottom: 15px;
}
#texto_perguntas {
	width: 505px;
	text-align: justify;
	padding-bottom: 15px;
	height: auto;
	margin: 0px;
	float: left;
}
#texto_interior {
	float: left;
	width: 505px;
}

#similares {
	background-color: #DDE7EC;
	float: right;
	width: 210px !important;
	margin-top: 20px;
	color: #000000;
	background-image: url(/_layouts/portaleleitor/images/caixa_lateral.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 20px ;
	margin-left: 15px !important;
}
.td_similares {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
.td_similaresLinha {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5983B6;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* Página Eleição - calendário*/
.tabela_eleicoes_imgs {
	padding-right: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #809FC3;
	padding-top: 14px;
	width: 159px;
}
.tabela_eleicoes_texto {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #809FC3;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 385px;
}
.tabela_eleicoes_imgs2 {
	padding-right: 15px;
	padding-top: 10px;
	width: 159px;
}
.tabela_eleicoes_texto2 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 306px;
}

.mais {
	padding-top: 10px;
}

.eleicoes_imgs {
	border: 1px solid #809FC3;
}
.titulos_noticias {
	font-size: 14px;
	font-weight: bold;
	color: #FBC200;
	padding-bottom: 3px;
}
.td_noticias {
	padding-top: 0px;
	padding-bottom: 5px;
	color: #08235b;
}
.datas_noticias {
	font-size: 10px;
	font-weight: bold;
}

/* Historico Resultados */
.td_vertipo {
	font-size: 12px;
	font-weight: bold;
	color: #00304C;
	padding-top: 5px;
	padding-bottom: 5px;
}
#resultados {
	float: left;
	width: 210px;
}
#resultados ul {
	margin: 0px;
	padding: 0px;
}
#resultados ul li {
	list-style-image: none;
	list-style-type: none;
	display: block;
}
a.resultados:link, a.resultados:visited {
	font-size: 13px;
	font-weight: bold;
	color: #08235B;
	background-color: #A4BBD5;
	background-image: url(/_layouts/portaleleitor/images/seta_resultados.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 15px;
	height: 20px;
	margin-bottom: 2px;
	padding-top: 5px;
	text-decoration: none;
}
a.resultados:hover {
	background-color: #5983B6;
	color: #FFFFFF;
	background-image: url(/_layouts/portaleleitor/images/seta_resultados2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
a.resultados:active {
	background-color: #FFFFFF;
	background-image: url(/_layouts/portaleleitor/images/seta_resultados3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #08235B;
}
.form_espaco {
	padding-top: 5px;
	padding-bottom: 5px;
}
.resultados_pesquisa {
	font-size: 14px;
	color: #333333;
}
.resultados_titulos {
	font-size: 14px;
	font-weight: bold;
}

/* PERGUNTAS FREQUENTES */

.mypets{ /*header of 1st demo*/
	color:#08235B;
	font-size: 13px;
	font-weight:bold;
	background-color:#DDE7EC;
	width:475px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left: 30px;
	background-image:url(/_layouts/portaleleitor/images/perguntas1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top: 8px;
	padding-right: 8px;
    padding-bottom: 8px;
	cursor:pointer;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
	color:#00304C;
	background-image: url(/_layouts/portaleleitor/images/perguntas2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.thepet{
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/* imagens nos conteudos */
.imgsDir {
	margin-bottom: 10px;
	margin-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.imgsEsq {
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imagens_destaques {
	margin-left: 10px;
}

.td_noticias2 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.texto_amarelo {
    color: #FFC600
}