body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; outline: none;}
*
{ border: none; font-family: Arial, Helvetica, sans-serif; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; color: #4e4e4e; font-size:13px;}
body {margin: 0;padding: 0;background: #c3c3c3 ;background-image: url("../cpimagens/base.png");margin-top:0;background-position:50% top;background-repeat:repeat-x;background-attachment:scroll;font-family: arial, helvetica, sans-serif;text-align: center;font-size: 13px;}
p { margin:0; padding:1.2em; text-align: justify;}
p a:{ color: #038AC0; ;text-decoration: underline ;}
/* p a:visited { color:#038AC0;text-decoration: underline ; } */
p a:hover { color:#039dd9;text-decoration: underline ; }
p a:active{ color:#039dd9;text-decoration: underline ; }
/*
azul escuro = #06468f
azul claro = #0088cc
verde = #00a37b
vermelho = #0088cc
*/
a { color: #038AC0; ;text-decoration: underline ;}
a:active { color: #039dd9 }
a:hover { color:#039dd9;text-decoration: underline ;}
/*
verde mais claro usado no h2:#028767;
amarelo:#fde40f
a:hover { color:#00405a}
a:hover { color:#035473}
a:hover { color:#03668d}
a:hover { color:#038AC0}
a:hover { color:#038ac0}
a:hover { color:#039dd9}
a:hover { color:#02aff3}
a:hover { color:#12bbfd}
a:hover { color:#2bc2fe}
a:hover { color:#42c9ff}
$color1: #02415a;
$color2: #035473;
$color3: #03668d;
$color4: #038AC0;
$color5: #038ac0;
$color6: #039dd9;
$color7: #7b7b7b;
$color8: #888888;
$color9: #949494;
$color10: #a1a1a1;
*/
#titulo h2 {border-bottom:1px solid red;}
#container {margin: 1em auto;/*width: 950px;*/ width: 864px;text-align: left;}
h3 {color: #ba121a;}
/*!Header*/
#header { overflow: hidden;height: 81px;width: 100%;position: relative;margin: 0;display:block;}
#header hh a {float: left; width: 23%; color: #6809c7;margin-top: -2px;display:block;text-align: left;/*border: dotted;*/}
#header hsbn a { float: right; width: 10%; color: #6807C6; margin-top: -8px; display:block; text-align: right;/*border: dotted;*/}
#header h1 a {float: left;width: 55%;color: #6807C6;height:43px;text-shadow: 0 2px 0 #DEC99A;text-decoration: none;letter-spacing: 2px;margin-top: 4px;display:block;text-align: center;vertical-align: bottom;/*border: dotted;*/}
#header p {overflow: hidden;text-indent: -999em;}
#header h2 a {color:#fde40f;background: #039dd9;height: 20px;font-size: 13px;padding: 5px 5px;text-decoration: none;text-shadow: 0 1px 0 #000;width: 10%;float:right;border: 1px dotted #039dd9;margin-top: 0px;text-align: center;display:block;}
#header h2 a:hover {color:#fde40f;background: #038ac0;}
/*Menu*/
#outside{margin-top:-26px;border:0px solid #039dd9;background:#039dd9;}
ul#mainnav { display:table ;margin:0; padding:0px 0; list-style:none; width:100%; height:32px;line-height: 17px; border-top:0px solid #039dd9; border-bottom:0px solid #039dd9; font:normal 13px arial, helvetica, sans-serif;}
ul#mainnav li {margin:0; padding:0; float:left;display: block; position:relative; width:172px; }
ul#mainnav li a:link,
ul#mainnav li a:visited{ line-height: 25px;padding:4px 0; display:block; text-align:center; text-decoration:none; background:#039dd9; color:#ffffff; width:172px; height:auto; }
ul#mainnav li:hover a,
ul#mainnav li a:hover,
ul#mainnav li a:active{ line-height: 25px;padding:4px 0; display:block; text-align:center; text-decoration:none; background:#038ac0; color:#ffffff; width:172px; height:auto; border-left:0px solid #039dd9; border-right:0px solid #039dd9; }
ul#mainnav li ul.nav1 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:308px; position:absolute; top:33px; left:-1px; border:1px solid #039dd9; border-top:none; }
ul#mainnav li ul.nav1 li{ width:300px; clear:left; width:300px;}
ul#mainnav li:hover ul.nav1{ display:block; }
/*#mainnav li:hover ul, li.over ul.nav1 { display: block; }*/
ul#mainnav li ul.nav1 li a:link,
ul#mainnav li ul.nav1 li a:visited{ line-height: 25px;clear:left;text-align:left; background:#039dd9; padding:4px ; width:300px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; height:auto;}
ul#mainnav li ul.nav1 li:hover a,
ul#mainnav li ul.nav1 li a:active,
ul#mainnav li ul.nav1 li a:hover{ line-height: 25px;clear:left; text-align:left; background:#038ac0; padding:4px ; width:300px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000;height:auto; }
ul#mainnav li ul.nav1 li a span{ position:absolute; top:0; left:132px; font-size:13px; color:#fe676f; }
ul#mainnav li ul.nav1 li:hover a span,
ul#mainnav li ul.nav1 li a:hover span{ position:absolute; top:0; left:132px; font-size:13px; color:#ffffff; }
ul#mainnav li.user {margin:0; padding:0; float:right;display: block; position:relative; width:250px;text-decoration:none;border-left:1px solid #ffffff; border-right:1px solid #ffffff;height:13px;text-align:center; color:#ffffff;padding:4px 0; }
/*
#outside{background: #ffffff;width:208px;height: auto;display:block;float: left;position: relative;margin-top: 0px;padding:2px 5px;background: url(../cpimagens/bg_content_internas.jpg) 0 0 repeat-x #FFF; }
#outside h2 a {color:#185dab;height: 20px;font-size: 15px;padding: 5px 5px 5px 0px;text-decoration: none;text-shadow: 0 1px 0 #000;width: 100%;float:left;border: 1px dotted #ccc;margin-top: 8px;margin-left: 5px; margin-bottom: 5px; text-align: center;display:block;width:202px;}
#outside h2 a:hover {color: #0088cc;background: #eee;}
ul#mainnav { display:block;margin:0; padding:0px 0px 5px 0px; list-style:none; width:180px; height:21px; }
ul#mainnav li {margin:0; padding:5px 5px; float:left;display: block; position:relative; width:180px; }
ul#mainnav li a:link,
ul#mainnav li a:visited{ padding:5px 0px; display:block; text-align:left; text-decoration:none; background:#ffffff; color:#185dab; width:207px; height:16px; border-bottom:1px dotted #ccc;}
ul#mainnav li:hover a,
ul#mainnav li a:hover,
ul#mainnav li a:active{ padding:5px 0px; display:block; text-align:left; text-decoration:none; background:#ffffff; color:#0088cc; width:207px; height:16px; }
ul#mainnav li ul.nav1 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:none; width:200px; position:absolute; top:0px; left:195px; border:1px solid #ccc; border-top:none; }
ul#mainnav li ul.nav1 li{ width:180px; clear:left; width:180px;}
ul#mainnav li:hover ul.nav1{ display:block; }
ul#mainnav li ul.nav1 li a:link,
ul#mainnav li ul.nav1 li a:visited{ clear:left; background:#6807C6; padding:4px 0; width:180px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#mainnav li ul.nav1 li:hover a,
ul#mainnav li ul.nav1 li a:active,
ul#mainnav li ul.nav1 li a:hover{ clear:left; background:#8409FA; padding:4px 0; width:180px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#mainnav li ul.nav1 li a span{ position:absolute; top:0; left:132px; font-size:13px; color:#fe676f; }
ul#mainnav li ul.nav1 li:hover a span,
ul#mainnav li ul.nav1 li a:hover span{ position:absolute; top:0; left:132px; font-size:13px; color:#ffffff; }
ul#mainnav li.user {margin:0; padding:0; float:right;display: block; position:relative; width:250px;ext-decoration:none;border-left:1px solid #ffffff; border-right:1px solid #ffffff;height:13px;text-align:center; color:#ffffff;padding:4px 0; }
*/
/* #contents {padding:20px 30px 0px 40px;float: left;background: #FFFFFF; margin-top: 0px;height: auto;width: 930px;width: 576px; */
/* #contents { background: #FFFFFF; margin-top: 15px; height: auto;width: 930px;padding: 10px;border: 1px solid #5f7e7e;font-size: 13px;display:block;box-shadow: -1px -1px 5px #5f7e7e, 1px 1px 5px #5f7e7e;-webkit-box-shadow: -1px -1px 5px #5f7e7e, 1px 1px 5px #5f7e7e;-moz-box-shadow: -1px -1px 5px #5f7e7e, 1px 1px 5px #5f7e7e;} */
/*border: 1px solid #000000;
*/
/*box-shadow: -1px -1px 5px #000000, 1px 1px 5px #000000;
-webkit-box-shadow: -1px -1px 5x #000000, 1px 1px 5px #000000;
-moz-box-shadow: -1px -1px 5px #000000, 1px 1px 5px #000000;
}
*/
.wrapper { width: 100%; height: auto; margin: 0 auto 0 auto; overflow: hidden; padding: 0 0 0 0; }
.contents { width: auto; min-height: 400px; overflow: hidden; padding: 15px 20px 20px 20px; margin: 0 auto 0 auto; text-align: justify; background: url(../cpimagens/bg_content_internas.jpg) 0 0 repeat-x #FFF;box-shadow: -1px -1px 5px #93bdea, 1px 1px 5px #93bdea;-webkit-box-shadow: -1px -1px 5px #93bdea, 1px 1px 5px #93bdea;-moz-box-shadow: -1px -1px 5px #93bdea, 1px 1px 5px #93bdea; }
.contents h1{ clear:both;color: #038AC0; padding: 0 0 5px 0; margin: 0 0 25px 0; font-size: 22px; border-bottom: 1px dashed #CCC; width: 100%; }
.contents h2{ color: #028767; padding: 0 0 5px 0; margin: 0 0 0px 0; font-size: 18px; font-weight: normal; width: 100%; line-height: 22px; }
/* .contents p { color: #4e4e4e; font-size: 13px; line-height: 20px;padding: 0 0 0 0; padding-bottom: 20px; }*/
.contents p { line-height: 20px;padding: 0 0 0 0; padding-bottom: 20px; }
.contents form input{ border: 1px solid #CCC; margin-right: 3px;}
/*.contents h3 { color: #185daa;font-size:18px; padding-bottom:10px;}*/
.contents h3 { color: #f44336;font-size:18px; padding-bottom:10px;}
.contents h3 a { color: #185dab;font-size:18px; padding-bottom:20px;}
/*.contents h4 { color: #008768; padding: 0 0 10px 0; margin: 0; font-size: 14px; background: none; font-weight: bold; } */
.contents h5 { color: #4e4e4e; padding: 0 0 10px 0; margin: 0; font-size: 12px; background: none; font-weight: bold; }
.contents h6 {font:13px arial, helvetica, sans-serif;padding:3px;text-align:left; color:#038AC0;line-height:23px;font-weight: bold;}
/*#user { margin-top: -23px;margin-left: 300px;color:#ff0000;display: inline-table; padding-top:0px; width:400px;height:46px; text-align: center;text-shadow: 0 1px 0 #000;line-height:150%;font: 16px arial, helvetica, sans-serif;text-decoration: none;}*/
#user { /*border:1px solid red;*/display: inline-table;float:right;clear:both;margin-top: -12px;color:#4e4e4e; padding-top:0px; width:600px;height:22px; text-align: right;line-height:150%;font-weight: bold;}
#data { /*border:1px solid red;*/margin-top: 8px;color:#fde40f;display:table;float:right; clear:both; padding-top:0px; padding-right:5px; width: 150px;height:22px; text-align: right;}
#rodape { width:100%; height:auto; background-color:#dedede; margin-top:30px;}
#conteudoRodape { width:800px; height:auto; margin:auto; }
#conteudoRodape ul { margin:auto; width:400px; display:table; }
#conteudoRodape li { float:left; list-style:none; padding-left:20px; color:#4e4e4e; padding-top:10px; font-size: 12px; }
#conteudoRodape a { color:#4e4e4e;}
#conteudoRodape p { color:#4e4e4e; padding-top:10px; margin:auto; width:auto; line-height:18px; text-align:center; font-size: 11px; }
#footer {width:100%; height:auto; background-color:transparent ; padding-top:10px;}
#footer ul { margin:auto; display:table; }
#footer li { float:left; list-style: none; padding-left:20px; color:#4e4e4e; padding-top:10px;padding-bottom: 10px; font-size: 12px; }
#footer a { color:#4e4e4e; }
#footer p { color:#4e4e4e; padding-top:10px; margin:auto; width:auto; line-height:18px; text-align:center; font-size: 11px; }
#pg ul { margin:auto; width:auto; display:table; }
#pg li { float:left; list-style: none; padding:0.5em;}
.foo {display:block}
form em {background:url("/cpimagens/unchecked.gif") no-repeat 0px 4px;padding-left:18px;padding-bottom: 10px; color: #EA5200;display: block;position: absolute;width:auto;text-align:left; margin-top: -25px;margin-left: 540px;clear: left;}
form .status {padding-top: 2px;padding-left: 8px;vertical-align: top;width: 246px;white-space: nowrap;}
form em {padding-left:18px;padding-bottom: 10px; color: #EA5200;display: block;position: absolute;width:auto;text-align:left; margin-top: -25px;margin-left: 540px;clear: left;/* background:url("/cpimagens/unchecked.gif") no-repeat 0px 4px; */}
/*form label.error {background:url("/cpimagens/unchecked.gif") no-repeat 0px 8px;padding-left:18px;padding-bottom: 10px; color: #FF0000;display: none;block;position: absolute;width: auto;/*800px;clear: left;float: left;text-align:left; /*margin-top: -25px;*//*margin-left: 540px;*/left: 980px;font-weight: bold;}*/
form label.error {background:url("/cpimagens/unchecked.gif") no-repeat 7px 7px;padding-left:30px;padding-bottom: 1px; color: #FF0000;display: none;/*block;*/position: absolute;width: auto;/*800px;*/clear: left;float: left;text-align:left; /*margin-top: -25px;*//*margin-left: 540px;*/}
/*form label.erro {
background:url("/cpimagens/unchecked.gif") no-repeat 0px 4px;
padding-left:30px;
padding-bottom: 10px;
color: #EA5200;
display: none;
position: absolute;
width: auto;
clear: left;
float: left;
text-align:left;
}*/
form label.error {background:url("/cpimagens/unchecked.gif") no-repeat 7px 7px;padding-left:30px;padding-bottom: 1px; color: #FF0000;display: none;/*block;*/position: absolute;width: auto;/*800px;*/clear: left;float: left;text-align:left; /*margin-top: -25px;*//*margin-left: 540px;*/}
form label.valid {padding-left:18px;padding-bottom: 10px; color: #EA5200;display: block;position: absolute;width:auto;text-align:left; margin-top: -25px;margin-left: 540px;clear: left;float: left;/* background: url("/cpimagens/checked.gif") no-repeat; */}
.numero {text-align: center;}
form {font:13px arial, helvetica, sans-serif;background:#ebe9e9;margin:20px;padding:10px 20px;width:auto;}
form ol {list-style:none;margin:0;padding:0;}
form li {padding:6px;background:#d1d1d1;margin-bottom:1px;line-height:28px;}
form li#send {background:none;margin-top:6px;}
form label {font:13px arial, helvetica, sans-serif;padding:3px;float:left;width:220px;text-align:right; margin-right:7px;color:#038AC0;line-height:23px; /* This will make the labels vertically centered with the inputs */}
form n {font:13px arial, helvetica, sans-serif;padding:3px; margin-right:7px;color:#038AC0;line-height:23px; /* This will make the labels vertically centered with the inputs */}
form strong {font:13px arial, helvetica, sans-serif;padding:3px; margin-right:7px;color:#black;line-height:23px; /* This will make the labels vertically centered with the inputs */}*/
form imput,
form [TYPE="RADIO"]{padding:1px;margin-right: 2px;font:13px arial, helvetica, sans-serif;border:0px solid #999999;width:auto;}
form imput,
form [TYPE="checkbox"]{padding:1px;margin-right: 2px;font:13px arial, helvetica, sans-serif;border:0px solid #999999;width:auto;}
form imput,
form SELECT{padding:4px 4px 4px 4px;font:13px arial, helvetica, sans-serif;border:1px solid #999999;width: auto;}
form input,
form [TYPE="text"] {padding:4px;font:13px arial, helvetica, sans-serif;;border:1px solid #999999;}
form textarea {padding:4px;font:13px arial, helvetica, sans-serif;;border:1px solid #999999;width:400px;}
form input:focus,
form textarea:focus {font:13px arial, helvetica, sans-serif;border:1px solid #666;background:#e3f1f1;}
form li#send button {background:#003367 url(/cpimagens/css-form-send.gif) no-repeat 8px 50%;border:none;padding:4px 8px 4px 28px;border-radius:15%; /* Don't expect this to work on IE6 or 7 */-moz-border-radius:15%;-webkit-border-radius:15%; color:#fff;margin-left:77px; /* Total width of the labels + their right margin */cursor:pointer;}
form li#send button:hover { background-color:#006733;}
form imput:focus,[TYPE="submit"] {background-color:#ff6700; color: white; padding:10px;width: auto; height: auto; clear: both;font-weight: bold;cursor: pointer;}
.contents .botaoForm{ width: auto; height: auto; clear: both; color: #FFF; background-color: #008768; font-size: 13px; font-weight: bold; padding: 10px; margin: 10px 0 10px 0; cursor: pointer; text-transform: uppercase; }
.contents .botaoForm:hover{ background-color: #00ba8c; }
.contents .botaoFormpequeno{ width: auto; height: auto; clear: both; color: #FFF; background-color: #008768; font-size: 11px; font-weight: bold; padding: 6px; margin: 1px 0 1px 0; cursor: pointer; text-transform: uppercase; }
.contents .botaoFormpequeno:hover{ background-color: #00ba8c; }
/* -------------------------------------------------------------------------------------------- */
/*#nd {display:none;margin:20px;width:auto;border: 1px dotted #4e4e4e;}*/
#nd {display:none;width:auto;}
.font-padrao { padding:0px 0px 15px 0px;text-decoration: none; font-style: normal; font-weight: normal; color: #4e4e4e;line-height:20px; margin:0}
.font-padrao-verde {text-decoration: none; font-style: normal; font-weight: normal; color: #008768;line-height:20px; margin:0}
.titulo {clear:both;font-size:18px; color: #947280;border-bottom:1px dashed #947280;padding:0px 0px 5px 0px; margin: 0 0 15px 0;width: 100%;}
.subtit {font-size:16px; color:#008768; font-weight:normal; padding:0px 0px 10px 0px; margin:0;}
.font-bold-padrao {font-weight : bold;}
.linkpreto { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #4e4e4e}
.linkpreto:hover { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #999999}
.linkpreto:active { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #006666}
.linkcinza { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #999999}
.linkcinza:hover { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #CC0000}
.linkcinza:active { font-size: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none; color: #CC0000}
.font-enquete { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666}
.font-padrao-azul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #185daa}
.font-titulo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099; text-decoration: none}
table.comBordaSimples {border-collapse: collapse; /* CSS2 */}
table.comBordaSimples td {border: 1px solid #CCCCCC;padding: 0.5em;font-size:13px;}
table.comBordaSimples th {border: 1px solid #CCCCCC;padding:0.5em;background: #cdcdcd;text-align: left;font-size:13px;}
/* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */
/*Comece definindo display: none para fazer esta escondido. Então nós posicioná-lo em relação à janela viewport com position: fixed. Largura, altura, superior e falar esquerda falam por si. Fundo nós definido como 80% de brancos com a nossa animação centrada, e não-repetição */
.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .0 ) url('../cpimagens/loader.gif') 50% 50% no-repeat; }
/* Quando o corpo tem a classe de carga, voltamos a barra de rolagem fora com overflow: hidden */
body.loading { overflow: hidden; }
/* Sempre que o corpo tem a classe de carga, nosso elemento modal será visível */
body.loading .modal { display: block; }
.window{display:none;width:300px;height:300px;position:absolute;left:0;top:0;background:#FFF;z-index:9900;padding:10px;border-radius:10px;}
#mascara{display:none;position:absolute;left:0;top:0;z-index:9000;background-color:#000;}
.fechar{display:block; text-align:right;}
.noprint { display: none;} .print {display: block;}
.open {
background:#dedede;
border:0px solid black;
border-radius:5px;
box-shadow: 0px 0px 5px #CCC;
background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e8e8e8));
background:-moz-linear-gradient(top,#f4f4f4,#e8e8e8);
background:linear-gradient(top,#f4f4f4,#e8e8e8);
padding:8px;
}