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: #ffffff ;	margin-top:0;background-repeat:no-repeat;background-position:50% top;Background-repeat:repeat-x; Background-attachment:scroll;font-FAMILY: arial, hevetica, sans-serif;text-align: center;FONT-SIZE: 13px;}
p	{ margin:0; padding:1.2em; text-align: justify;}
p a:link,
p a:visited,
p a:hover,
p a:active{ font-weight:bold; color:#b9121b; }
/*
	azul escuro = #06468f
	azul claro = #0088cc
	verde = #00a37b 
	vermelho =  #0088cc
*/
a { color:#06468f }
a:active { color: #00a37b }
a:hover { color: #0088cc}

#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: 115px;width: 100%;position: relative;margin: 0;display:none;}
#header hh a {float: left; width: 23%; color: #6807C6;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 {background: rgba(89,180,222,0.08);color: #ff0000;height: 20px;font-size: 13px;padding: 5px 5px;text-decoration: none;text-shadow: 0 1px 0 #000;width: 10%;float:right;border: 1px dotted #70c8f1;margin-top: 0px;text-align: center;display:block;}
#header h2 a:hover {color: #0088cc;background: rgba(89,180,222,0.08);}
/*Menu*/
#outside{margin-top:-26px;border:1px solid #06468f;background:#06468f;}
ul#mainnav {  display: none;margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; 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{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#06468f; color:#ffffff; width:172px; height:13px; }
ul#mainnav li:hover a,
ul#mainnav li a:hover,
ul#mainnav li a:active{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#0088cc; color:#ffffff; width:170px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
ul#mainnav li ul.nav1 { margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:300px; position:absolute; top:21px; left:-1px; border:1px solid #06468f; 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{ clear:left; background:#06468f; padding:4px 0; width:300px; 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:#0088cc; padding:4px 0; width:300px; 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; }


/*

#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; }
.contents h1{ clear:both;color: #185dab; padding: 0 0 5px 0; margin: 0 0 25px 0; font-size: 22px; border-bottom: 1px dashed #CCC; width: 100%; }       
.contents h2{ color: #409f89; 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: #FF6600;font-size:18px; padding-bottom:10px;}
.contents h3 a { color: #185daa;font-size:18px; padding-bottom:20px;}
/*.contents h4  { color: #409f89; padding: 0 0 10px 0; margin: 0; font-size: 14px; background: none; font-weight: bold; } */
.contents h5  { color: #000000; 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:#2876b5;line-height:23px;font-weight: bold;}
 
#data { margin-top: 5px;color:#409f89;display:table;float:right; clear:both; padding-top:0px; width: 200px;height:10px; text-align: right;}
#user { margin-top: 0px;color:#409f89;display:table;float:right; clear:both; padding-top:0px; width: auto;height:10px; text-align: right;text-shadow: 0 1px 0 #000;line-height:150%;}

#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  {display:none;width:100%; height:auto; background-color:#dedede; margin-top:30px;}
#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 .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 4px; */
padding-left:30px;
padding-bottom: 10px;	
color: #EA5200;
display: none;/*block;*/
position:  absolute;
width: auto;/*800px;*/
clear: left;
float: left;
text-align:left;	
}
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:#eee;margin:20px;padding:10px 20px;width:auto;}
form ol {list-style:none;margin:0;padding:0;}
form li {padding:6px;background:#e1e1e1;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:#2876b5;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:#2876b5;line-height:23px; /* This will make the labels vertically centered with the inputs */}
form input,
form [TYPE="RADIO"]{padding:1px;margin-right: 2px;font:13px arial, helvetica, sans-serif;border:0px solid #999999;width:auto;}
form input,
form [TYPE="checkbox"]{padding:1px;margin-right: 2px;font:13px arial, helvetica, sans-serif;border:0px solid #999999;width:auto;}
form input,
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:#003366 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:#006633;}
form input:focus,[TYPE="submit"] {background-color:#FF6600; color: white; padding:5px;}





/* -------------------------------------------------------------------------------------------- */
.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: #409f89;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:#409f89; 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: #000000}
.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: 0px solid black;padding: 0.5em;}
table.comBordaSimples th {border-bottom: 0px solid #333;padding:0.5em;background: #e1e1e1;font-weight: bold;text-align: left;}
/* 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 */ 
.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; }
 /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ 
body.loading { overflow: hidden; } 
/* Anytime the body has the loading class, our modal element will be visible */ 
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:#DDD;
  border:solid 1px #FFF;
  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;
}

 