@charset "utf-8";
/* CSS Document */

body {
	margin:0; 
	background:url(../img/fundo.jpg) repeat-x top;
	background-color:#f4f4f4;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

li { float:left; }



/* box do menu - lateral esquerda */
div#box_menu {
	width: 180px;
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}
/* fim */



/* box do conteúdo na home */
div#box_conteudo {
	width:587px; 
	float:left; 
	margin:0; 
	padding:0 0 0 2px;
	display: table;
}
/* fim */

h1 {font: bold 13px Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; padding:0;}
h2 {font: bold 13px Geneva, Arial, Helvetica, sans-serif; color:#1b6195; margin:0; padding:0;}
h3 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0 0 3px 0;}
h4 {font: bold 13px Geneva, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}


/* div geral do site - 800px */
div#geral {
	width:800px;
	margin:0 auto 0 auto; 
	padding:0;
}
/* fim */


/* div geral do site - 800px */
div#tudo {
	width:800px;
	padding:0; 
	background:url(../img/fundo_tudo.jpg) repeat-x top; 
	background-color:#ffffff;
	float:left;
	margin:0;
}
/* fim */



/* area do conteudo nas paginas */
.area_conteudo { width:587px; text-align:justify; margin:15px 0 0 0; padding:0 ; float:left;}
/* fim */


/* formatação geral dos inputs */
input {height:14px; background:url(../img/fundo_inputs.jpg) repeat-x; border:1px solid #dedcdc; font:10px Verdana, Arial, Helvetica, sans-serif; color:#62b020; padding:2px 0 0 0; margin:0;}
/* fim */



/* form da busca */
.radio {border:none; background:none;}
.label_busca {float:left; margin:3px 0 0 0;font-weight: bold;}
/* fim */

/* formulários */
select {font:10px Verdana, Arial, Helvetica, sans-serif; color:#0066CC;}
textarea {font:10px Verdana, Arial, Helvetica, sans-serif; color:#62b020; border:1px solid #e2e2e2;}



/* box acesso restrito */
ul#restrito { width:166px; height:150px; list-style:none; background-color:#ededed; margin:0 0 10px 0; padding:0;}
ul#restrito li#topic_rest {width:159px; height:26px; background:url(../img/bg_restrito.jpg) no-repeat; padding:4px 0 0 7px;}
ul#restrito li#op_rest { width:160px; padding:6px 0 0 6px; *padding:6px 0 0 0;}
ul#restrito li#form_rest {width:160px; padding:5px 0 0 6px;}
ul#restrito li#senha_rest {width:160px; font: 10px Arial, Helvetica, sans-serif; color:#666666; padding:5px 0 0 6px;}
/* fim */


/* form do acesso do cliente*/
.form_label {height:16px; float:left; margin:0 5px 0 5px;}
.form_senha {float:left; margin:0 5px 0 0;}
/* fim */



/* box menu educacao */
ul#educacao { width:166px; list-style:none; background:#ededed; margin:0 0 10px 0; padding:0; float:left;}
ul#educacao li#topic_edu {width:159px; height:26px; background:url(../img/bg_educacao.jpg) no-repeat; padding:4px 0 0 7px;}
ul#educacao li {width:159px; height:18px; background-image:url(../img/linha.gif); background-position:bottom; background-repeat:no-repeat; margin:0; padding:2px 0 0 6px;}
/* fim */


/* box menu legislacao */
ul#legislacao { width:166px; list-style:none; background:#ededed; margin:0 0 10px 0; padding:0; float:left;}
ul#legislacao  li#topic_legi {width:159px; height:26px; background:url(../img/bg_legislacao.jpg) no-repeat; padding:4px 0 0 7px;}
ul#legislacao  li {width:160px; height:18px; background-image:url(../img/linha.gif); background-position:bottom; background-repeat:no-repeat; margin:0; padding:2px 0 0 6px;}
/* fim */

/* box menu legislacao */
ul#diversidades { width:166px; list-style:none; background:#ededed; margin:0 0 10px 0; padding:0; float:left;}
ul#diversidades  li#topic_legi {width:159px; height:26px; background:url(../img/bg_curiosidades.jpg) no-repeat; padding:4px 0 0 7px;}
ul#diversidades  li {width:160px; height:18px; background-image:url(../img/linha.gif); background-position:bottom; background-repeat:no-repeat; margin:0; padding:2px 0 0 6px;}
/* fim */


/* Links de retorno + cadeado */
ul#topo_interno { width:587px; list-style:none; margin:6px 0 0 0; padding:0; }
ul#topo_interno	li#onde { width:70px; height:18px; font: 10px Arial, Helvetica, sans-serif; color:#000000; margin:0 1px 0 0; padding:3px 0 0 0; text-align:left; }
ul#topo_interno	li#links { width:418px; height:18px; font: 10px Arial, Helvetica, sans-serif; color:#6699CC; margin:0; padding:3px 0 0 0; text-align:left; }
ul#topo_interno	li#links a:link {color:#fc9408; text-decoration:none;}
ul#topo_interno	li#links a:visited {color:#fc9408; text-decoration:none;}
ul#topo_interno	li#links a:hover {color:#333; text-decoration:none; cursor:pointer;}

ul#topo_interno	li#protecao {width:20px; height:22px; text-align:right; margin:0; padding:0; }
ul#topo_interno	li#protecao_texto { width:70px; height:16px; text-align:right; margin:0; padding:3px 0 0 0; font:10px Arial, Helvetica, sans-serif; color:#d48032; }
ul#topo_interno li#topo { width:587px; height:63px; margin:0; padding:0; }
/* fim */


/* link voltar das páginas */
.voltar {width:87px; height:20px; float:left; padding:0; margin:0 0 10px 0; border-bottom:1px solid #e2e2e2; text-align:right; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#fc9408;}
	.voltar a:link {color:#fc9408; text-decoration:none;}
	.voltar a:visited {color:#fc9408; text-decoration:none;}
	.voltar a:hover {color:#333; text-decoration:none; cursor:pointer;}
/* fim */
a#linkleis:link {color:#fc9408; text-decoration:none;}
a#linkleis:visited {color:#fc9408; text-decoration:none;}
a#linkleis:hover {color:#333; text-decoration:none; cursor:pointer;}

h2#topicos {
	width:500px; 
	height:20px; 
	float:left; 
	padding:0; 
	margin:0 0 10px 0; 
	border-bottom:1px solid #e2e2e2;
}

div#topico-cadastro {
	width:588px;
	font-size:13px;
	color:#1b6195;
	font-weight:bold;
	padding:0;
	margin:0;
	float:left;
}

ul#beneficios {
	width:580px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
ul#beneficios  li {
	float:left;
	padding:0 5px 15px 0;
}

div#bt-cadatrar {
	width:580px;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
}


/* -------- links --------*/

/* geral */
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}

/* branco */
.branco:link {color:#fff; text-decoration:none;}
.branco:visited {color:#fff; text-decoration:none;}
.branco:hover {color:#003333; font-weight:bold;}

/* verde do menu */
.verde:link {color:#666; text-decoration:none;}
.verde:visited {color:#666; text-decoration:none;}
.verde:hover {color:#339900; font-weight:bold;}

.corrige_btn { width: auto; height: auto; border:0; margin:0 0 0 0; padding:0 0 0 0; }

/* ############# Paginacao################### */	
ul#paginacao { 
	list-style:none;
	padding:4px 0 0 0;
	float:left;
	border-top:none;
	margin:0 0 10px 10px;
	width:434px;
}
ul#paginacao li {
	font:11px "Arial",Verdana,Arial,sans-serif;
	float:left;
	width:25px;
	height:15px;
	background-color:#f8f8f8;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCCCCC;
	cursor:pointer;
	line-height:15px
}
ul#paginacao li:hover {
	border:1px solid #999999;
	background-color: #CCCCCC;
	color:#FFF;
}
ul#paginacao a:hover {
	color:#fff;
}
ul#paginacao li#atual {
	font:12px "Arial",Verdana,Arial,sans-serif;
	float:left;
	width:25px;
	height:15px;
	background-color:#B9B9B9;
	margin-right:5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #999999;
	cursor:pointer;
	color:#fff;
	line-height:15px
}
/* ############# Fim -> Paginacao################### */





/* ################# Paginacao ##################### */
div#sucesso{
	border:1px solid #006600;
	text-align:left;
	background:#f9f9f9;
	font-size:12px;
	padding:4px;
}

div#erro{
	border:1px solid #F06467;
	text-align:left;
	background:#f9f9f9;
	font-size:12px;
	padding:4px;
}

div#alert{
	border:1px solid #FF6633;
	text-align:left;
	background:#f9f9f9;
	font-size:12px;
	padding:4px;
}
/* ############# Fim -> Paginacao################### */



/* ############ form trabalhe conosco ############## */
form#trabalhe{
	width:300px;
	padding:0 0 0 30px;
}

form#trabalhe label{
	font-weight:bold;
	padding-top:10px;
	height:15px;
	width:283px;
	float:left;
}
form#trabalhe input{
	width:283px;
	float:left;
}
/* ############ Fim -> trabalhe conosco ########### */

div#for_login_educa {
	width:209px;
	height:100px; 
	float:left;
	margin:0;
	padding:5px 0 0 13px;
	background:url(../img/fundo_recados.gif) no-repeat;
	
}