﻿/* Limpando valores default 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/* outline: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Começo do CSS */

body{
	font:80%/1.4 verdana, helvetica, "bitstream vera sans", sans-serif;
	font-size:80%;
	color:#4b4a4a;
	background:#fff url(img/fundo-body01.gif);
}
#all{
	position:relative;
	overflow:hidden;
	height:100%;
	min-width:760px;

}
#wrapper{
	width:90%;
	margin:0;
	margin:0 auto;
	position:relative;
	background:	#fff url(img/border-side.gif) repeat-y left top;
	max-width:1105px;
}
#wrapper2{
	background:transparent url(img/border.gif) repeat-y right top;
}
#content-wrapper{
	margin:0 auto;
	width:100%;
	position: relative;	
}
#header{
	width:98%;
	height:121px;
	background-color:#f8fcdf;
	margin:0 auto;
}
h1.logo{
	margin:0 0 0 2em;
	padding-top:1em;
	width:40%;
	float:left;
}
#header p{
	font-family:"lucida sans", "trebuchet ms", arial, "bitstream vera sans", helvetica, sans-serif;
	font-size:1.5em;font-style:italic;padding-top:1.5em;color:#036;
}
#header p span{
	display:block;
	text-indent:1.8em;
	}
#menu-hor{
	background:#036 url(img/fundo-menu-hor.gif);
	height:3.5em;
		width:98%;
	margin:0 auto;
}
ul#acessibilidade{
	display:inline;
	position:absolute;
	right:1.5em;

}
ul#acessibilidade li{
	float:left;
}
ul#acessibilidade li a{
  display:block;
  float:left;
  text-decoration:none;
  font:normal 1em/1.4em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;
  color:#036;
  padding:0 0.3em;
  text-transform:lowercase;
  color:#fff;
  line-height:3.5em;
  margin-left:6px;
   }
ul#acessibilidade li a:hover{text-decoration:underline;}   
#coluna-menu{
	width:210px;
	float:left;
	margin:5px 0 0 5px;
}
ul#acessibilidade li a.mais{background: url(img/mais.gif) no-repeat left center;padding-left:21px;}
ul#acessibilidade li a.menos{background: url(img/menos.gif) no-repeat left center;padding-left:21px;}
ul#acessibilidade li a.a{background: url(img/a.gif) no-repeat left center;padding-left:21px;}
ul#acessibilidade li a.n{background: url(img/normal.gif) no-repeat left center;padding-left:21px;}
ul#menu-ver li{
	background:url(img/fundo-menu-ver.gif) no-repeat;

	margin:4px 10px 4px 10px;
}
ul#menu-ver li a,ul#menu-ver li.ativo{
	padding-left:10px;
	margin-top:5px;
	width:189px;
	height:36px;
	line-height:34px;
	display:block;
	font-size:1.07em;
	text-decoration:none;
	color:#036;
	font-family:arial,'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;

}
ul#menu-ver li a:hover,ul#menu-ver li.ativo{
	background:url(img/fundo-menu-hor-2x.gif) no-repeat;
	color:#fff;
	width:189px;
	height:36px;
	line-height:33px;

}
#conteudo-texto{
		margin-left:218px;
		margin-right:223px;
		position:relative;
		min-height:450px;
}
#conteudo-texto p{
	line-height:170%;
	font-size:1.2em;
	}
#patrocinio{
	width:210px;
	float:right;
	
}
#cont-patro{
	padding:0 10px;
	margin:0 auto;
}
#patrocinio #cont-patro ul li{text-align:center;}
h1.titulo,.titulo{
	background:url(img/seta-home-black.gif) no-repeat;
	font-size:1.6em;
	font-family:"lucida sans", "trebuchet ms", arial, "bitstream vera sans", helvetica, sans-serif;
	padding-left:1.2em;margin-top:0.7em;margin-bottom:0.5em;
	}
img.men{float:left;margin:0 10px;}

h2{
	background:url(img/seta-home-h2.gif) no-repeat;
	font-size:1.4em;
	font-weight:normal;
	font-family:"lucida sans", "trebuchet ms", arial, "bitstream vera sans", helvetica, sans-serif;
	padding-left:0.9em;margin-top:0.7em;margin-bottom:0.5em;
	}
h2.sub{
background:#fafad2;text-align:center;margin:15px 0;border-top:3px solid #fc6;padding:5px;
}	
hr{ 
margin:1em 0 0.5em 0;
	color: #c90;
	height:1px;
}
ul.finalidade li{
	list-style-image:url(img/triangulo.gif);
	margin-left:2.2em;
	font-size:1.2em;
}
div#regras{
	padding:1.3em;
	background-color:#f5d078/*#fdecc6*/;
	margin-bottom:2em;
}
div#regras p{line-height:180%;}
form.login input{
	display:block;
}
a.d-link{position:absolute;top:100px;left:200px;font-size:0.8em;text-decoration:none;width:30px;border-bottom:1px solid #ccc;text-align:center;color:#630;}
a.d-link2{font-size:0.8em;text-decoration:none;width:30px;border-bottom:1px solid #ccc;text-align:center;color:#630;}
a.d-link:hover{background:#ddd;}
h2.livre{background:#ddd;border-bottom:1px solid #ddd;border-top:1px solid #bbb;padding:4px 0;text-align:center;color:#036;}
form.login{margin:0 auto;}
form.login input{width:150px;margin:0 0 10px 0;}
form.login input.botao{width:155px;margin:0 0 10px 0;}
#login-user{position:absolute;right:0;top:0;width:200px;background:#E4F4E1;text-align:center;font-size:0.9em;}
table.acervo{width:100%;margin-bottom:1em;}
table.acervo tr th#tit{width:40%;font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;font-size:1.2em;}
table.acervo tr.linha-tit{color:#036;}
table.acervo tr th, table#acervo tr td{padding-left:20px;font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;font-size:1.2em;}
table.acervo tr th{border-bottom:4px solid #fc6;padding:5px 5px 5px 20px;background: url(img/triangulo.gif) no-repeat 10px center;}
table.acervo tr.impar td{background:#fafad2;padding:10px 5px 10px 20px;border-bottom:1px solid #ddd;}
table.acervo tr.par td{background:#eee;padding:10px 5px 10px 20px;border-bottom:1px solid #ddd;}
table.acervo tr td a{text-decoration:none;border-bottom:1px solid #039;padding:1px 3px;}
table.acervo tr td a:hover{color:#000;background:#fff;border:0;}
ul.senha li{
	width:120px;padding:5px;margin:0 0 5px 0;
	list-style-image:url(img/triangulo.gif);
	margin-left:2em;
}
h1 span{background:url(img/triangulo.gif) no-repeat left center;font-size:1em;padding:0.5em;}
#bemvindo{
	margin:1em;
	font-size:1.2em;
}
a.voltar{padding:30px;font-size:1.2em;}

ul#menu-vert li{margin-top:5px;margin-left:3px;}
ul#menu-vert li a,ul#menu-vert li.ativo{
	padding-left:1.2em;
	margin-top:0.4em;
	width:180px;
	height:1.5em;	
	display:block;
	font-size:1.1em;
	text-decoration:none;
	color:#036;
}
ul.logos{
	text-align:center;
}
ul.logos li{margin-bottom:15px;}
#logos{margin-right:16px;}
h2.patro{text-align:center;border-bottom:1px solid #ccc;background:transparent;margin-left:0;padding-left:0;}
div.nifty p{margin-left:14px;}
div.nifty form{padding:1px 10px;}
/* caixa com bordas arredondadas - beje */
div.nifty{margin: 12px 17px 0 0;background: #f8fcdf;padding:6px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}

/*b.rtop2, b.rbottom2{display:block;background: #fff}
b.rtop2 b, b.rbottom2 b{display:block;height: 1px; overflow: hidden; background:#f8fcdf;}
b.r1x{margin: 0 5px}
b.r2x{margin: 0 3px}
b.r3x{margin: 0 2px}
b.rtop2 b.r4x, b.rbottom2 b.r4x{margin: 0 1px;height: 2px}*/

/* caixa com bordas arredondadas - azul */
div.nome{ margin: 12px 17px 0 0;background: #036;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}

div.nome p{color:#fff;text-align:center;font-size:1em;}

/* ir para o topo */
#subir{text-align:right;margin:15px 0;}
#subir a{text-decoration:none;}
#subir a:hover{text-decoration:underline;}
.subir{text-align:right;margin:15px 0;}
.subir a{text-decoration:none;}
.subir a:hover{text-decoration:underline;}
p.indent{margin-left:20px;}
p.indent a.trian{background:url(img/triangulo.gif) no-repeat 0 center;padding-left:10px;}
p.indent a.trian:hover{text-decoration:none;}
/* caixa com bordas arredondadas - azul-claro */
div.cadastro{ margin: 12px 17px 0 0;background:#fafad2;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;}
div.cadastro p{color:#fff;padding:10px;text-align:center;font-size:1em;}
#conteudo-texto p.centro{text-align:center;padding:0 0 10px 0;}
#conteudo-texto ul.prim-lin li,#conteudo-texto ul.prim-lin2 li{
	list-style-image:url(img/triangulo.gif);
	margin-left:2.2em;
	margin-right:2.2em;
	font-size:1.1em;
	margin-bottom:0.7em;
}
#conteudo-texto ul.prim-lin2 li{
	margin-bottom:0.4em;
	
}
.espaco2 a{text-decoration:none;border-bottom:1px solid #ccc;padding:5px 5px;line-height:250%;font-size:1.1em;}
.espaco2{padding-bottom:12px;}
.espaco2 a:hover,.novo a:hover{background:#ccc;color:#036;text-decoration:none;}
ul.prim-lin2 li.ult{padding-bottom:2em;}
#conteudo-texto ul.prim-lin li ul.seg-lin li{
	list-style-image:url(img/triangulo.gif);
	margin-left:1.2em;
	margin-right:1.2em;
	font-size:0.9em;
	margin-top:0.7em;
}
span.pos{float:right;margin:0 10px 3px 10px;}
#conteudo-texto p{
	margin:10px 10px 10px 20px;
}
#conteudo-texto p.recuo{margin-left:5em;margin-right:2em;line-height:130%;}
strong{font-weight:bold;}
.espaco{margin:15px 0 5px 0;}
.espaco a{text-decoration:none;border-bottom:1px solid #ccc;padding:2px 5px;}
.novo a{text-decoration:none;border-bottom:1px solid #ccc;padding:2px 5px;}
.espaco a:hover,.novo a:hover{background:#ccc;color:#036;text-decoration:none;}
div.cadastro h2{background:none;text-align:center;margin:0;border-top:3px solid #fc6;padding:5px;}
/* caixa com bordas arredondadas - laranja */
div.caixa{padding:10px 0;margin: 12px 17px 0 0;
background: #f5d078;
-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
div.caixa-anuncio{
/*background: #f5d078;
-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
padding:5px 0;
margin:10px 7px 10px 0;
}
div.caixa-anuncio ol li{
	margin-left: 44px;
	font-size: 1.1em;
	line-height: 160%;
	list-style-type: decimal;
}
div.caixa-anuncio img{
float:right;margin:15px;
}
div.caixa-anuncio hr{
border:0;color:#960;
}
div.caixa-anuncio p.titt{
font-size:2.3em!important;
	font-family:"lucida sans", "trebuchet ms", arial, "bitstream vera sans", helvetica, sans-serif;
	text-align:left;margin-top:0.7em;margin-bottom:0.5em;color:#303;
}

div.dados{margin: 12px 17px 0 0;background: #f8fcdf;}
div.caixa,div.cadastro,div.dados{margin:20px 0;}
div.caixa p{padding:5px 25px 5px 25px;}


/* Rodappe */
#rodape{height:141px;background:#036 url(img/fundo-rodape.gif) repeat-x;width:99%;margin:0 auto;text-align:center;}
#rodape h3{font-size:1.2em;padding:30px 20px 2px 20px;color:#fff; margin:6px 40px; border:0;text-align:center;font-weight:bold;}
#rodape p {color:white;font-size:1em;}
#rodape p a{font-size:1em;padding:2px 10px 5px 2px;color:#fff; border:0;text-align:center;text-decoration:none;font-weight:bold;line-height:120%;}
#rodape p a:hover{text-decoration:underline;}
/* cadastro e login */
#conteudo-texto form fieldset label{display:block;margin:0 0 5px 0;}
#conteudo-texto form fieldset{padding:0;}
#conteudo-texto form fieldset label span.texto-form{display:block;margin-left:1em;}
.texto-form{margin-top:10px;margin-bottom:5px;}
#conteudo-texto form fieldset label input{
background-color: #fff;
background-color: #eee;
border:1px solid #036;
color: #000;
margin-left:1em;
padding: 0.2em;
font-size: 1em;
height:30px;width:90%;
vertical-align: middle;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;
}
div.form-login{
	width:80%;
	margin:0 auto;
}
#conteudo-texto form fieldset input.enviar{
display:block;
color: #000;
margin-left:0.9em;
padding: 0.4em;
font-size: 1.2em;
width:92%;
vertical-align: middle;	
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;
margin-top:1.4em;
text-decoration:none;
cursor: pointer;
background:#036;
color:#fff;
border:2px solid #ccc;
}

em{font-style:italic;}

#sitefalado{
	background: #fafad2;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;width:80%;
	padding:10px;margin:0 auto;margin-top:1.3em;text-align:center;
	}
#sitefalado a{
	text-decoration:none;
	border-bottom:1px solid #ccc;line-height:190%;
}
#sitefalado a:hover{
background:#ccc;color:#036;border:0;
}

ol#teclas {
margin-left:75px;
margin-right:50px;
}

ol#teclas {
-moz-padding-start:40px;
display:block;
list-style-type:decimal;
margin:1em 0;
}
ol#teclas li{margin-bottom:0.7em;}

form#cont fieldset{border:1px solid #ddd;}
form#cont fieldset label{margin:1em;}
form#cont fieldset legend{margin:1em;}
form#cont label {
display:block;
font-size:1.1em;
margin-top:10px;
}


form#cont div.bot input#enviar {
background:#036 none repeat scroll 0 0;
border:2px solid #ccc;
color:white;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:1.21em;
margin: 0 auto;
margin-bottom:25px;
margin-top:25px;
width:45%;
padding:0.4em 1em;
}
form#cont label textarea {
background:#eee none repeat scroll 0 0;
border:1px solid #ccc;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:1em;
padding:5px;
width:90%;
}
ul.validadores{list-style-type:square;margin-left:4em;}
ul.validadores li{padding:0.8em;}

div.anuncio-img img {float:right;z-index:100!important;}

