/* GERAL */
html {}

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%; 
	max-height: 100%; 
	text-align: justify; 
	font: 12px "Segoe UI", Trebuchet MS, Calibri, Lucida Sans Unicode, Lucida Sans, Sans-Serif; 
	color: #000;
}

/* LINKS */
a:link, body_alink {color: #555; font-weight: bold; text-decoration: underline;}
a:visited, body_avisited {color: #555; font-weight: bold; text-decoration: underline;}
a:hover, a:active, body_ahover {color: #C00; font-weight: bold; text-decoration: underline;}

/* GERAL*/
#corpo1 {display: block; background: #FFF url(../imgs/bkg_lateral1.png) repeat-y right;}
#corpo2 {display: block; background: #FFF url(../imgs/bkg_lateral2.png) repeat-y right;}
* html #corpo {height: 100%; width: 100%;}
#firewall {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99;}
#assine {border: 4px solid #C00;}

/* CABECALHO */
#cabecalho {background: #111 url(../imgs/bkg_topo0.png) top left repeat-x; height: 128px; overflow:hidden; z-index:100;}
#login {position: absolute; color: #FFF; height: 50px; line-height: 13px; padding-top: 4px; right: 28px; top: 35px; width: 400px;}
#login INPUT {}
#topo {background: #000; height: 40px;}
#twitter {position: absolute; background: url(../imgs/pins/pin_twitter.png) top left no-repeat; height: 30px; right: 500px; top: 5px;}
#fav {position: absolute; background: url(../imgs/pins/pin_favoritos.png) top left no-repeat; height: 30px; right: 400px; top: 5px;}
#fav a, #twitter a {color: #CCC; font: bold 11px Sans Serif, Tahoma, Arial; margin-left: 32px; text-decoration: none;}
#busca {position: absolute; top: 5px; right: 30px; text-align: right; z-index: 99;}
INPUT.bkg_busca {background: #FFF url(../imgs/bkg_busca.png) left no-repeat; border: none; height: 26px; padding: 4px 0 0 8px; width: 300px;}
#tabs {margin-top: 10px; z-index: 100;}

#logo {position: absolute; top: 16px; left: 30px; font: bold 11px Sans Serif, Tahoma, Arial; color: #CCC;}
#logo a {color: #DDD; text-decoration: none;}

#data {position: absolute; top: 105px; right: 30px; font: bold 11px Sans Serif, Tahoma, Arial; color: #FFF; z-index:1;}

#faixacab {display: block; background: #DDD; border-bottom: 1px dotted #888; color: #000; font-weight: bold; height: 28px; padding: 10px 12px 0px 12px;}
#faixacab a {color: #000;}

/* PUBLICIDADE */
#encarte {background: #1A1A1A; text-align: center;}
#publicidade {float: right; width:162px; height:600px; padding-right: 8px; text-align: center; z-index:99;}
#google {height: 280px; padding-top: 15px; text-align: center;}

/* RODAPE */
#rodape {display: block; background: #000; color: #FFF;}
#rodape a {color: #CCC; font-weight: normal; text-decoration: none;}
#faixarod {display: block; background: #DDD; color: #000; font-weight: bold; height: 28px; padding: 10px 12px 0px 12px;}
#rodape #regua {float: left; font: 10px MS Sans Serif, Tahoma, Verdana, Arial; max-height: 200px; height: 200px; margin: 10px 20px 20px 20px;width: 160px;}
#botoes {clear: left; height: 50px; margin-right: 30px; text-align: right; width: 400px;}
#creditos {font: 10px MS Sans Serif, Tahoma, Verdana, Arial; padding: 5px;}

/* BARRAS LATERAIS */
#lateral1 {float: right; margin: 0px 0px 0px 20px; width: 280px;}
#lateral2 {float: right; margin: 0px 0px 0px 20px; width: 160px;}

/* NAVEGACAO */
#menu {position: absolute; background: url(../imgs/bkg_menu.png) repeat-x; left: 0px; top: 94px; width: 100%; z-index:0;}
#menu ul {height: 34px; margin: 0; padding: 0; line-height: 33px; list-style: none;}
#menu ul li {float: left;
background: none; height: 33px;
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
border-right: 1px #606060 solid;
border-top: 1px #4A4A4A solid;
/*	border-radius-top: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px; */
}
#menu ul li#last {border-right: 0px;}
#menu ul li a {padding: 0px 8px 0px 8px; display: block; height: 33px; overflow: hidden; float: left; color: #FFF; text-decoration: none;}
#menu ul li a:hover {
	background: url(../imgs/bkg_menu_nav.png);
/*	border-radius-top: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px; */
} 
#menu ul li.ativo {
	background: #DDD; 
	border-radius-top: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
	color: #000; 
	padding: 0px 8px 0px 8px;}
#menu ul li.le {background: none; border-right: 1px #606060 solid; width: 30px;}

/* BUSCA */
#bsccab {background-color: #777; color: #FFF; padding: 5px 5px 5px 15px;}
#bscrst {padding: 15px;}
#bsclnk {background: url(../imgs/icos/ico_doc.gif) top left no-repeat; padding-left: 60px;}
#bscttl {background-color: #EEE; padding: 4px;}
.navigator {font-size: 9pt; margin: 15px 0; text-align: center; width: 100%;}
.navigator span {background: #808080; border: 1px solid #808080; color: #ffffff; font-weight: bold; padding: 2px 4px;}
.navigator a {border: 1px solid #dfdfdf; line-height: 10px; padding: 2px 4px; text-decoration: none;}
.navigator a:hover {background: #d0d0d0; color: #000000;}

/* LISTAS */
#lista ol li {list-style: decimal; text-align: justify;}
.lista a {font: bold; text-transform: uppercase;}
.flag0 {background: #DDD; height: 10px; vertical-align: top;}
.flag0 a {color: #C00; text-decoration: none;}
.flag1 {background: none; height: 10px; vertical-align: top;}
.flag1 a {color: #C00; text-decoration: none;}

/* ICONES */
#icone {float: left; padding-right: 5px; }
#icold {float: left; padding: 5px; height: 50px; margin: 2px; text-align: left; width: 210px;}
#icold a {color: #000; text-decoration: none;}
#icold:hover {background-color: #FCFCFC;}
.desc {font: 9px Tahoma, Verdana, Sans Serif;; color: #333;}
#ico a.pdf {background: url(../imgs/pins/pin_pdf.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.htm {background: url(../imgs/pins/pin_htm.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.qtw {background: url(../imgs/pins/pin_qtw.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.cal {background: url(../imgs/pins/pin_cal.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.dll {background: url(../imgs/pins/pin_dl1.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.dmg {background: url(../imgs/pins/pin_dmg.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.zip {background: url(../imgs/pins/pin_zip.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.key {background: url(../imgs/pins/pin_key.gif) left top no-repeat; display: block; padding-left: 20px;}
#ico a.aud {background: url(../imgs/pins/pin_aud.gif) left top no-repeat; display: block; padding-left: 20px;}

/* TIPS */
a.tips b {display:none;}
a.tips:hover {border:0; position:relative; z-index:500;}
a.tips:hover b {display:block; position:absolute; bottom: 30px; left: 20px; padding: 5px; font: 9px Sans Serif, Verdana, Tahoma, Arial; color:#000; border:1px solid #888; background:#ffc; width:300px; text-decoration:none;}
a.tips:hover b em {position:absolute; left: 20px; bottom: -24px; width: 24px; height: 24px; background: url(../imgs/pins/pin_tip.gif) 0 0; display:block; font-size:1px;}
a.icotips b {display:none;}
a.icotips:hover {border:0; position:relative; z-index:500;}
a.icotips:hover b {display:block; position:absolute; bottom: 35px; left:20px; padding:5px; font: 9px Sans Serif, Verdana, Tahoma, Arial; color:#000; border:1px solid #888; background:#ffc; width:300px; text-align: justify; text-decoration:none;}
a.icotips:hover b em {position:absolute; left: 20px; bottom: -24px; width:24px; height:24px; background: url(../imgs/pins/pin_tip.gif) 0 0; display:block; font-size:1px;}
.ctips {background: #FFC; border: 1px solid #ECA; font: 11px Arial, Tahoma, Verdana; padding: 10px; position: absolute; text-align: justify; text-transform: none; width: 300px; z-index: 500;}
.m0 {margin: -6px 0 0 30px;}
.m1 {margin: -6px 0 0 110px;}
.m12 {margin: -6px 0 0 130px;}
.m16 {margin: -6px 0 0 180px;}
.m2 {margin: -6px 0 0 220px;}
.m3 {margin: -6px 0 0 330px;}
.m34 {margin: -6px 0 0 370px;}
.m4 {margin: -6px 0 0 430px;}
.m5 {margin: -6px 0 0 550px;}
.m6 {margin: -6px 0 0 660px;}
.seta {background: url(../imgs/tip_arrow.png) no-repeat 0 0; top: 7px; left: -10px; position: absolute; width: 10px; height: 19px; z-index: 501;}

/* CONTEUDO */
#conteudo1 {diplay: block; margin-right: 480px; padding: 0 20px 20px 20px;}
#conteudo2 {diplay: block; margin-right: 350px; padding: 0 20px 20px 20px;}
#conteudo1 br.quebra, #conteudo2 br.quebra {clear: left; line-height: 70px;}
#conteudo1 hr, #conteudo2 hr {color: #CCC; height: 1px;}
#google-conteudo {background: url(../imgs/bkg_ggl.gif) repeat-y right; margin-right: 175px; width:100%;}
#janela {background: #EEE; margin: 10px 40px 10px 40px; border: 2px solid #000;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#rotulo {background: #000; color: #FFF; font: 18px Trebuchet MS,Tahoma, Arial, Helvetica; padding: 4px;}

/* FORMULARIOS */
#formulario INPUT, TEXTAREA, SELECT {background: #FAFAFA; border: 1px solid #DDD; color: #C00; font: 14px Courier New, Helvetica; padding:2px;}
#formulario INPUT:focus, TEXTAREA:focus, SELECT:focus {background: #EEE;}
#formulario INPUT.botao {}
#formulario INPUT.nada {background: none; border: none;}
#formulario UL LI {list-style: url(../imgs/pins/pin_vmp.gif);}
#formulario LABEL {display: block; font: bold 8px Verdana, Sans Serif; color: #000; text-transform: uppercase;}
#formulario .campo {background: #FFF;  border-top: 1px solid #EEE;  border-right: 1px solid #EEE;  border-bottom: 1px solid #EEE; border-left: 4px solid #C00; height: 24px; padding: 2px; vertical-align: top;}
#formulario .info {font: 12px Courier New, Helvetica; color: #C00; text-transform: uppercase;}

/* TEXTOS */
#titulo {font: bold 18px "Segoe UI", Trebuchet MS, Tahoma, Arial, Sans-serif, Verdana; color: #000; margin: 20px; text-align: center; text-transform: uppercase;}
#subtitulo {font: bold 14px "Segoe UI", Trebuchet MS, Tahoma, Arial, Sans-serif, Verdana; color: #555; text-transform: capitalize;}
#subtitulo span {background: #DDD; font: italic 14px Trebuchet MS,Tahoma, Arial, Sans-serif, Verdana; color: #555; padding-bottom: 10px; text-transform: capitalize;}
#referencias {font: Italic 14px Trebuchet MS, Tahoma, Arial, Helvetica;}
#texto {line-height: 18px; text-align: justify;}
#texto P {padding: 3px 0 3px 0;}
#texto ul li {list-style: url(../imgs/pins/pin_vmp.gif);}
#texto ul, ol { margin-top: 0px;}
#texto ol li {list-style: decimal;}
#texto ol.alpha li {list-style-type: upper-alpha;}
#texto ol.roman li {list-style-type: upper-roman;}
#texto a:link, a:visited {color: #C00;}
#texto a:hover, a:active {color: #F000;}
#texto p.id1 {text-indent: -20px;}
#texto p.id2 {text-indent: -15px;}
#texto p.id3 {text-indent: -35px;}
#texto blockquote {margin-right: 0px;}

/* QUADROS */
#aviso {background: #FFFCCC; border: 1px solid #FC0; margin: 0px; padding: 15px; text-align: center;}
#erro {background: #FEE; border: 1px solid #C00; margin: 0px; padding: 15px;}
#erro .erro {padding: 10px;}
#msg {background: none; border: none;}
#msg .aviso {padding: 10px;}
#quadro {background: url(../imgs/bkg_lateralcab.png) top no-repeat; padding: 10px;}
#quadro label {color: #FFF; font: bold 14px Helvetica, Arial, Tahoma, Verdana, Sans-serif; line-height: 16px; padding: 0 10px 10px 10px; text-shadow: #3D1618 0 1px 1px;}
#quadro a:link, #quadro a:visited {color: #000; text-decoration: none;}
#quadro a:hover, #quadro a:active {color: #C00; text-decoration: none;}
#quadro li {border-bottom: 1px dotted #999; list-style-type: none; margin: 5px 10px 0px -30px; padding-bottom: 5px;}
#quadro a {color: #000; font: 11px Trebuchet Ms, Tahoma, Arial, Helvetica; text-decoration: none; text-transform: capitalize;}

/* TABELAS */
#padrao {border: none; margin: 0px; padding: 0px; width: 100%;}
#tabela {border: 1px solid #CCC; margin: 0px; padding: 15px;}
TABLE.pub {border: 1px solid #888; width: 450px;}
.tpub {background: #555; color: #FFF; font: bold 12px Tahoma; padding: 2px;}
.rpub {background: #DDD; border: 1px solid #888; font: bold 12px Tahoma; padding: 2px;}
.spub {background: #F0F0F0; padding: 2px;}
.cpub {border: 1px solid #888; padding: 2px; vertical-align: top;}