﻿/* 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;
	color:#fff;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #fff;
	background: #000;
}
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:#000 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:	#000 /*url(img/border-side.gif) repeat-y left top*/;
	max-width:1105px;
}
#wrapper2{
	background:#000 /*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:#000;
	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:#fff;
}
#header p span{
	display:block;
	text-indent:1.8em;
	}
#menu-hor{
	background:#111 /*url(img/fundo-menu-hor.gif);*/;
	height:3.5em;
		width:98%;
	margin:0 auto;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
}
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 1.1em/1.3em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;

  padding:0 0.3em;
  text-transform:lowercase;
  color:#fff;
  line-height:3.2em;
  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-black.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:#fff;
	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-black.gif) no-repeat;
	color:#fff;
	width:189px;
	height:36px;
	line-height:34px;

}
#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{
	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-black.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:none;text-align:center;margin:15px 0;border-top:2px solid #777;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:#fff;}
a.d-link:hover{background:#fff;color:#000;}
h2.livre{background:#111;border-bottom:1px solid #fff;border-top:1px solid #fff;padding:4px 0;text-align:center;color:#fff;}
form.login input{width:160px;margin:0 0 10px 0;}
#login-user{position:absolute;right:0;top:0;width:200px;background:#fff;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:#fff;}
table.acervo tr th, table#acervo tr td{padding-left:20px;font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif2;font-size:1.2em;color:#fff;}
table.acervo tr th{border-bottom:4px solid #333;padding:5px 5px 5px 20px;background: url(img/triangulo.gif) no-repeat 10px center;}
table.acervo tr.impar td{background:#000;padding:10px 5px 10px 20px;border-bottom:1px solid #ddd;}
table.acervo tr.par td{background:#222;padding:10px 5px 10px 20px;border-bottom:1px solid #ddd;}
table.acervo tr td a{text-decoration:none;border-bottom:1px solid #fff;}
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;
	color:#fff;
}
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:#fff;
}
ul.logos{
	text-align:center;
}
ul.logos li{margin-bottom:15px;}
#logos{margin-right:16px;}
h2.patro{text-align:center;border-bottom:1px solid #333;background:transparent;margin-left:0;padding-left:0;color:#fff;}
div.nifty form,div.nifty p{margin-left:14px;color:#fff;}
/* caixa com bordas arredondadas - beje */
div.nifty{ margin: 12px 17px 0 0;background: #111;}
b.rtop2, b.rbottom2{display:block;background: #000}
b.rtop2 b, b.rbottom2 b{display:block;height: 1px;
    overflow: hidden; background:#111;}
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: #111;}
div.nome p{color:#fff;text-align:center;font-size:1em;}
b.rtop, b.rbottom{display:block;background: #000;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background:#111;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* caixa com bordas arredondadas - laranja */
div.caixa{ margin: 12px 17px 0 0;background: #111;}
b.rtop3, b.rbottom3{display:block;background: #000}
b.rtop3 b, b.rbottom3 b{display:block;height: 1px;
    overflow: hidden; background:#111;}
b.r1x2{margin: 0 5px}
b.r2x2{margin: 0 3px}
b.r3x2{margin: 0 2px}
b.rtop3 b.r4x2, b.rbottom3 b.r4x2{margin: 0 1px;height: 2px}
div.caixa{margin:20px 0;}
div.caixa p{padding:5px 25px 5px 25px;color:#fff;}
/* */
#subir{text-align:right;margin:15px 0;}
#subir a{text-decoration:none;color:#eee;}
#subir a:hover{text-decoration:underline;}
.subir{text-align:right;margin:15px 0;}
.subir a{text-decoration:none;color:#eee;}
.subir a:hover{text-decoration:underline;}
p a.trian{background:url(img/triangulo.gif) no-repeat 22px center;padding-left:32px;}

/* Rodappe */
#rodape{height:141px;background:#036 url(img/fundo-rodape-black.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: #222;
border:1px solid #ddd;
color: #fff;
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;
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:#111;
color:#fff;
border:2px solid #ccc;
}

/* */
/* ir para o topo */
#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;}
/* h2 cadastro */
div.cadastro{ margin: 12px 17px 0 0;background:#111;}
div.caixa,div.cadastro,div.dados{margin:20px 0;}
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{
	list-style-image:url(img/triangulo.gif);
	margin-left:2.2em;
	margin-right:2.2em;
	font-size:1.2em;
	margin-bottom:0.7em;
}
#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%;}
.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:#333;color:#fff;text-decoration:none;}
div.cadastro h2{background:none;text-align:center;margin:0;border-top:2px solid #777;padding:5px;}
#sitefalado{
	background: #333;-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;color:#fff;
	border-bottom:1px solid #ddd;line-height:190%;
}
#sitefalado a:hover{
background:#333;color:#fff;border:0;
}
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:#111 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:#111 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%;
color:white;
}
ul.validadores{list-style-type:square;margin-left:4em;}
ul.validadores li{padding:0.8em;}

