/* CSS Document */

body, form, frame, table, font, div, img, ul, li, ol, h1, h2, h3, h4, h5, label, p { padding:0; border:0; margin:0; }
* { font-family:Verdana, Arial, Helvetica, sans-serif; }
body { background-color:#036; }
h1, hr { display:none; }
h2 { display:block; }
h3 { font-size:14px; color:#369; margin: 30px 0 10px 0; display:block; } 
p { margin:0 0 15px 0; }
#main, #mainExtendido { display:block; width:780px; height:auto; position:absolute; left:50%; margin:0 0 0 -390px; }
#main { background:524px 0 url(img/layout/05bkg.jpg) #FFF repeat-y;  }
#mainExtendido { background:524px 0 url(../../img/layout/05bkgVazio.jpg) #FFF repeat-y;  }

#cabec { width:780px; height:33px; background:left top url(../../img/layout/01bkgCabec.jpg) #FFF repeat-x; border-bottom:3px solid #2a6890; }
#cabecFrame { width:780px; height:24px; background:left top url(../../img/layout/01bkgCabec.jpg) #FFF repeat-x; border-bottom:3px solid #2a6890; }
#cabec h1, #cabecFrame h1 { display:block; float:left; }
#cabec h1 a { display:block; width:216px; height:33px; background:left top url(../../img/layout/01logo.jpg) #FFF no-repeat; }
#cabecFrame h1 a { display:block; width:176px; height:24px; background:left top url(../../img/layout/01logoFrame.gif) #FFF no-repeat; }

#menu, #menuFrame { width:526px; height:22px; background-image:url(../../img/layout/01mnBkg.gif); float:right; margin:11px 0 0 0; }
#menuFrame { margin:2px 0 0 0; }
div#mnEsq { width:46px; height:22px; background-image:url(../../img/layout/01mnEsq.gif); overflow:hidden;  float:left; }
#menuFrame ul, #menu ul { float:left; }
#menuFrame ul li, #menu ul li { list-style:none; display:inline; }
#menuFrame ul li a, #menu ul li a { float:left; height:22px; display:block; text-indent:-5000px; overflow:hidden; }
a#mnMensagem { width:149px; background:url(../../img/layout/01mnMensagem.gif); }
a#mnMensagem:hover { background:url(../../img/layout/01mnMensagemOver.gif); }
a#mnConselhos { width:129px; background:url(../../img/layout/01mnConselhos.gif); margin-left:13px; }
a#mnConselhos:hover { background:url(../../img/layout/01mnConselhosOver.gif); }
a#mnCofeci { width:89px; background:url(../../img/layout/01mnCofeci.gif); margin-left:13px; }
a#mnCofeci:hover { background:url(../../img/layout/01mnCofeciOver.gif); }
a#mnContato { width:60px; background:url(../../img/layout/01mnContato.gif); margin-left:13px; }
a#mnContato:hover { background:url(../../img/layout/01mnContatoOver.gif); }

#imagemTopo, #imagemTopoFrame { width:780px; height:auto; cursor: pointer; }
#imagemTopo img, #imagemTopoFrame img { float:left; }
#imagemTopo div#mensagem, #imagemTopo div#colibri { float:left; display:block; height:106px; }
#imagemTopo div#mensagem { width:468px; background-image:url(../../img/layout/02titulo.jpg);  }
#imagemTopo div#colibri { width:145px; background-image:url(../../img/layout/02colibri.jpg); }
#imagemTopoFrame div#mensagem, #imagemTopoFrame div#colibri { float:left; display:block; height:79px; }
#imagemTopoFrame div#mensagem { width:485px; background-image:url(../../img/layout/02tituloFrame.jpg); }
#imagemTopoFrame div#colibri { width:145px; background-image:url(../../img/layout/02colibrFrame.jpg); }

#esq, #dir { float:left; height:auto; }
#esq { width:524px; }
#dir { width:256px; background:left top url(../../img/layout/05bkg2.jpg) transparent no-repeat; padding:18px 0 0 0; }

#etapas, #etapasLongo { width:524px; height:42px; background:left top url(../../img/layout/03bkgEtapas.jpg) #2a6890 repeat-x; }
#etapasLongo { width:780px;}
#etapas div, #etapas a, #etapasLongo div, #etapasLongo a { float:left; }
#mainExtendido div#etapas { width:780px; }


.areaMenu
{
    color: #DDDDDD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 18px 0px 0px 20px;
    background-repeat: repeat-x;
    float: left;
    text-decoration: none;
}

.btnMenu { color: #DDDDDD; font-family: Arial, Helvetica, sans-serif; font-size: small; cursor: pointer; margin: 18px 2px 0px 2px; background-repeat: repeat-x; float: left; text-decoration: none; height:24px; }
.btnMenu:hover { color: #FFFFFF; }    
div#txtOpcoes { width:50px;  }
**div#txtOpcoes { margin-left:12px; }
a#etHome { width:35px; } 
a#etSimulado { width:55px; } 
a#etTrocar { width:80px; }
a#etComprovante { width:125px; }
a#etManual { width:110px; }
a#etAtendimento { width:70px; }
a#etVoltar { width:40px; }
/*
a#etSimulado { height:12px; width:80px; background-image:url(../../img/layout/03etSimulado.gif); cursor:pointer; margin:18px 0 0 0;} 
a#etTrocar { height:12px; width:80px; background-image:url(../../img/layout/03etTrocar.gif); cursor:pointer; margin: 18px 0 0 0;}
a#etComprovante { height:12px; width:131px; background-image:url(../../img/layout/03etComprovante.gif); background-repeat:no-repeat; cursor:pointer; margin:18px 0 0 0; }
a#etManual { height:12px; width:129px; background-image:url(../../img/layout/03etManual.gif); background-repeat:no-repeat; cursor:pointer;margin:18px 0 0 0; }
a#etAtendimento { height:12px; width:90px; background-image:url(../../img/layout/03etAtendimento.gif); cursor:pointer;margin:18px 0 0 0; }
a#etVoltar { height:12px; width:127px; background-image:url(../../img/layout/03etVoltar.gif); cursor:pointer; margin:19px 0 0 112px; }
**a#etVotar:hover, **a#etManual:hover, **a#etComprovante:hover, **a#etTrocar:hover, **a#etSimulado:hover { border-bottom:1px solid #FC0; }
**a#etVoltar { height:12px; width:127px; background-image:url(../../img/layout/03etVoltar.gif); cursor:pointer; margin:19px 0 0 110px; }
a#etVotar { height:12px; width:90px; background-image:url(../../img/layout/03etVotar.gif); cursor:pointer; margin:18px 0 0 0;}
*/
#imgMarcacao { float:left; margin:0 6px 0 6px; }

div#etBorda01 { width:54px; height:42px; background-image:url(../../img/layout/03etBdrDireita.jpg); float:right; }
#etapasLongo div#etBorda01 { width:54px; height:42px; background-image:url(../../img/layout/03etBdrDireitaFrame.jpg); float:right; }
#mainExtendido div#etapas div#etBorda01 { width:310px; background-image:url(../../img/layout/03etBdrDireitaExt.jpg); }
div#txtNaoEsta { margin:18px 0 0 10px; width:305px; height:12px; background-image:url(../../img/layout/naoEsta.gif); }
a#paraVoltar { width:127px; height:10px; margin:18px 0 0 0; background-image:url(../../img/layout/paraVoltar.gif); display:block; float:left; }
#tip { display:block; width:316px; height:32px; padding:8px 12px 12px 12px; background-image:url(../../img/layout/bkgTip.jpg); position:absolute; left:50%; z-index:2; top:178px; margin:0 0 0 -275px; visibility:hidden; color:#cad8e2; font-size:10px; }
#tip b { color:#FC0; }
#seta { display:block; width:10px; height:7px; background-image:url(../../img/layout/setaTip.gif); overflow:hidden; position:absolute; left:50%; top:175px; z-index:3; margin: 0 0 0 -230px; visibility:hidden; }


#conteudo { width:780px; height:308px; background:left top url(../../img/layout/04bkgConteudo.jpg) #FFF repeat-x;  }
#mainExtendido div#conteudo { width:738px; height:auto; background:left top url(../../img/layout/04bkgConteudoExt.jpg) transparent no-repeat; padding:23px 0 0 31px;}
#main #conteudo h2 { position:relative; left:31px; top:19px; }
#MensagemUrgentge
{
    border-style: solid;
    border-width: 1px;
    border-color: inherit;
    width: 680px;
    height: auto;
    background-color: #e0e0e0;
    top: 185px;
    left: 30px;
    position: absolute;
    font-size: smaller;
    padding: 0px 20px 0px 20px;
}

#blocoBemVindo, #blocoIdentifiquese, #resolucoes { display:block; }
#resolucoes {width:235px; float:right; margin:27px 0 0 18px;}
#main #conteudo #blocoBemVindo h2,#resolucoes h2, #main #conteudo  #blocoIdentifiquese h2 { display:block; margin:0 22px 0 0; position:relative; left:0; top:0; }
#blocoBemVindo { float:left; margin:27px 0 0 17px; width:245px; }
#blocoBemVindo a { display:block; width:86px; height:30px; background-image:url(../../img/layout/04btSaibaMais.gif); float:right; }
#blocoIdentifiquese { float:right; width:235px; margin:27px 0 0 18px; }
#blocoBemVindo h2 { width:155px; height:13px; background-image:url(../../img/layout/04h2BemVindo.gif); }
#blocoIdentifiquese h2 { width:91px; height:15px; background-image:url(../../img/layout/04h2Calendario.gif); }
#resolucoes  h2 { width:91px; height:15px; }
#blocoIdentifiquese form, #blocoBemVindo div,#resolucoes div { margin:20px 0 10px 0; height:218px; font-size:11px; padding:10px 5px 7px 20px; background:0 0 url(../../img/layout/04linha.gif) transparent repeat-y; }

#blocoIdentifiquese form div { display:block; clear:left; margin:0 0 6px 0; }
#blocoIdentifiquese form div select { margin-top:2px; }
#blocoIdentifiquese form label { font-weight:bold; color:#369; display:block; width:70px; float:left; text-align:right; }

#acompanhamento h2 { width:256px; height:23px; background-image:url(../../img/layout/06h2.jpg); }
#acompanhamento a { display:block; width:256px; height:81px; background:22px 7px url(img/layout/06a.jpg) transparent no-repeat; }

/*#resolucoes { height:228px; width:256px; background-image:url(../../img/layout/07bkg.jpg); }
#resolucoes h2 { width:256px; height:40px; background-image:url(../../img/layout/07h2.jpg); }
#resolucoes div#container { font-size:11px; width:202px; margin:25px 0 0 33px; overflow:scroll; height:161px; }
**div#resolucoes div#container { overflow-y:scroll; overflow-x:auto; height:172px; }
.itemResolucao { height:175px; width:180px; background:left bottom url(img/layout/07linha.gif) transparent repeat-x; }
.itemResolucao b { display:block; }
.itemResolucao a.pdf { display:block; height:19px; width:40px; background:0 0 url(img/layout/07icoPdf.gif) transparent no-repeat; padding:2px 0 0 23px; margin:8px 12px 0 0; float:left; }
.itemResolucao a.word { display:block; height:19px; width:60px; background:0 2px url(img/layout/07icoWord.gif) transparent no-repeat; padding:2px 0 0 20px; margin:8px 0 0 0; float:left; }
*/
#h2Votacao { width:76px; height:18px; background-image:url(../../img/titulos/h2Votacao.gif);}
#h2Verificacao { width:252px; height:19px; background-image:url(../../img/titulos/h2Verificacao.gif); }
#h2Finalizacao { width:190px; height:23px; background-image:url(../../img/titulos/h2Finalizacao.gif); }
#h2Presidente { width:236px; height:14px; background-image:url(../../img/titulos/h2Presidente.gif); }
#h2Conselhos { width:206px; height:15px; background-image:url(../../img/titulos/H2Conselhos.gif); }
#h2Contato { width:84px; height:15px; background-image:url(../../img/titulos/h2Contato.gif); }
#mainExtendido div#conteudo div#blocoTexto { display:block; width:480px; height:auto; margin:40px 0px 0 40px; font-size:12px; padding-bottom:40px; }
**#mainExtendido div#conteudo div#blocoTexto { margin:40px 20px 0 20px; float:left; }
#mainExtendido div#conteudo div#blocoDireita { float:left; position:relative; top:0; width:170px; height:auto; }
**#mainExtendido div#conteudo div#blocoDireita { top:75px; }
#mainExtendido div#conteudo div#blocoDireita input { margin:0;padding:0; clear:none; }

#main #conteudo #blocoTexto { display:block; width:680px; height:auto; font-size:12px; position:relative; top:30px; padding:40px 40px 40px 50px; }
#blocoTexto { display:block; width:680px; height:auto; font-size:12px; top:30px; padding:40px 40px 40px 50px; }
#main #conteudo #blocoTexto form { margin:38px 0 0 44px; }
#main #conteudo #blocoTexto form label { font-weight: bold; color:#369; width:70px; float:left; text-align:right; margin:4px 1px 0 0; }
#main #conteudo #blocoTexto form select { margin:8px 0 5px 0; }
#main #conteudo #blocoTexto form input { margin:0 0 5px 0; }
#main #conteudo #blocoTexto ul { margin: 15px 0 15px 60px;}
#main #conteudo #blocoTexto li { margin: 0 0 5px 0}

#rodape{ clear:both; display:block; width:780px; height:46px; background-image:url(../../img/layout/08bkg.jpg); text-align:center; font-size:0.7em; color:#FFFFFF;  }
#rodape a#cofeci { display:block; width:222px; height:8px; background-image:url(../../img/layout/08cofeci.gif); float:right; margin:20px 12px 0 0; }
#rodape a#oak
{
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	top: 15px;
}

.etSeparador {  display:block; width:5px; height:42px; background-image:url(../../img/layout/03separadorEtapas.gif); margin:0 6px 0 6px; }
.noTxt { text-indent:-5000px; overflow:hidden; }
.mrgTop { margin-top:5px; }
.fltRight { float:right; }
.indent { margin:0 0 0 50px }

/* seção votação */
.chapa { width:198px; background-image:url(../../img/votacao/bkgInfoChapa.jpg); float:left; margin:10px 20px 10px 0; }
.chapa label { padding:10px; width:178px; height:auto; }
.chapa img { border:3px solid #333; }
.chapa, .chapa img, .chapa input,  .chapa label, .chapa font{ cursor:pointer; color:#FFF;  }
.chapa span { width:150px; display:block; padding:0px 20px 5px 20px; }
.chapa div.final { clear:left; background:0 0 url(../../img/votacao/bdrChapa.jpg) #333 no-repeat; width:178px;  height:15px; }

/*verificacao*/
#debug { border:1px solid #F00; }

.descricaoInfo { font-weight:bold; clear:left; }
.descricaoInfo div { font-weight:bold; display:block; float:left; color:#369; width:120px; text-align:right; margin:0 0 9px 0; }

#tabelaFrame
{
	background-color: #23729d;
	margin: 0;
	padding: 0;
	border: 0;
	clear: left;
	
}

.button
{
	padding: 5px 10px 5px 10px;
	background-color: #FFCC00;
	font-size: 1.1em;
	text-decoration: none;
}



.buttonVotar
{
	padding: 5px 10px 5px 10px;
	background-color: #008000;
	font-size: 1.1em;
	color: #FFFFFF;
	margin-left: 20px;
}
.buttonWhite
{
	padding: 5px 10px 5px 10px;
	background-color: #FFFFFF;
	font-size: 1.1em;
	color: #000000;
	margin-left: 20px;
}

.buttonNulo
{
	padding: 5px 10px 5px 10px;
	background-color: #C0C0C0;
	font-size: 1.1em;
	color: #000000;
	margin-left: 20px;
}

.button A:link {text-decoration: none;}
.button A:visited {text-decoration: none;}
.button A:active {text-decoration: none;}
.button A:hover {text-decoration: none;}

.buttonRed
{
	padding: 5px 10px 5px 10px;
	background-color: #DD0000;
	font-size: 1.1em;
	color: #FFFFFF;
	margin-left:20px;
	border-color: #999 #000 #000 #999;
}

.buttonRed:hover
{
	background-color: #FF0000;
}

.buttonGreen
{
	padding: 5px 10px 5px 10px;
	background-color: #008000;
	font-size: 1.1em;
	color: #FFFFFF;
	margin-left: 20px;
	border-color: #999 #000 #000 #999;
}

.buttonGreen:hover
{
	background-color: #00A000;
}



#message
{
	
	/* background-position: left top;
	background: url(alerta2.png) repeat-x left top; */
	margin-top:20px;
	min-height: 30px;
	color: #CC3300;
	margin-left:15%;
	font-size: 14pt;

}

#message img
{
	padding: 0px 0px 0px 20px;
	margin-right:30px;
	float: left;
}

#message ul
{
	margin-top:10px;
	margin-left:30px;
}
#message li
{
	margin-left: 30px;
	list-style-type: none;
}


.botaoVoto
{
	width: 207px;
	height: 63px;
	vertical-align: top;
}

.botaoVoto input
{
	width: 207px;
	height: 63px;
	vertical-align: top;
	font-size: 1.8em;
}


.botaoVoto a
{
	background-image: url('../../Img/botao.png');
	background-repeat: no-repeat;
	width: 207px;
	height: 63px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	color: White;
	text-decoration: none;
}

.botaoVoto a:hover
{
	background-image: url('../../Img/botao-hover.png');
	background-repeat: no-repeat;
	width: 207px;
	height: 63px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	color: White;
	text-decoration: none;
}

.buttonVoto
{
	background-image: url('../../Img/botao.png');
	background-repeat: no-repeat;
	width: 207px;
	height: 63px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

.buttonVoto:hover {
	background-image: url('../../Img/botao-hover.png');
	background-repeat: no-repeat;
	width: 207px;
	height: 63px;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

#loginDiv 
{
	margin-top:150px;
	margin-bottom:50px;
	margin-left:20%;
	width:400px;
}

#loginDiv fieldset 
{
	padding-left:50px;
	padding-top:20px;
}

.loginLabel 
{
		width:250px;
		white-space:nowrap;
}

.votarLabel 
{
	width:300px;
	white-space:nowrap;
}

.field 
{
	text-align:left;
	
}


#comprovanteTable
{
	width:620px;
	border: 1px solid #000080;
	margin-top:30px;
	margin-left:70px; 
	padding:10px 15px 10px 15px;
		clear:both;
	float:left;
}



#votarIndex
{
	background:left top url(../../img/layout/04bkgConteudo.jpg) #FFF repeat-x;
	clear:both;
	float:left;
	white-space:nowrap;
	width:750px;
	margin-top:0px;
	margin-bottom:50px;
	margin-left:0px; 
	padding:60px 15px 10px 15px;
}
.textReadOnly
{
	font-weight: bold;
	font-size: 0.9em;
}

#simulado
{
	font-weight: bold;
	font-size: 1.0em;
	color: #FF0000;
	text-align: center;
	margin-left:30%;
	margin-bottom:30px;
}

#statusTable2
{
	font-family: Verdana;
	font-size: 12px;
	margin: 10px 20px 10px 10px;
}


#chapaVotacao
{
	color: #000080;
	font-size: 1.4em;
	font-weight: bold;
}

.grid 
{
	border: 0px none #000080;
	border-collapse: collapse;
	border-spacing: 0px;
}

.grid th
{
	color: #FFFFFF;
	background-color: #000080;
	text-align: center;
	height: 25px;
}

.grid tr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
}


.gridrow_alternate
{
	background-color: #C0D9FE;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.gridrow_alternate a
{
	background-color: #C0D9FE;
	color:#000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
}

.gridrow a
{
	color:#1d231c;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#adiamentoTexto { display:block; width:680px; height:auto; font-size:12px; top:30px; padding: 40px 40px 40px 50px; }




