body{
	background-image:url(../imagens/bgtopo2.png);
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-repeat: repeat-x;
	background-position:top;
	background-color: #F0F0F0;
	}
	
	/*body{
	background-image:url(../img/bg.jpg);
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-position:center;
	background-attachment:fixed;}*/

/*body{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-color:#e4e4e4}

*/

form { margin-bottom:0px;}
input { background-color: #CCCCCC; color: #000000; border: solid 1px #333333}
textarea { background-color: #CCCCCC; color: #000000; border: solid 1px #333333}
.justificado {
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#rodape_page {
position:absolute;
left:50%;
margin-left:-400px; /* metade da largura */
text-align:center;
width: 800px;
padding-top:20px;
vertical-align:top;
}


#bt_form {
width: 130px;
height:30px;
background-color: #200b5d;
color: #FFFFFF;
font-size:10px;
border:none;
padding:2px;
}

#bt_voltar {
width: 80px;
height:30px;
background-color: #200b5d;
color: #FFFFFF;
font-size:10px;
border:none;
padding:2px;
}


#geral {

position:absolute;
left:50%;
top:50%;
margin-left:-400px; /* metade da largura */
margin-top:-200px; /* metade da altura */
text-align:center;
width: 800px;
height:400px;

}
#campos {
width: 250px;
height:20px;
background-color: #003366;
color: #98AACF;
font-size:10px;
border:none;
padding:5px;
}
#campos2 {
width: 250px;
height:70px;
background-color: #003366;
color:#98AACF;
font-size:10px;
border:none;
}

#scroll {
  width:650px;
  height:360px;
  overflow:auto;
}


.planos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	font-weight:bold;
}
.branco9 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.branco10bold {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.branco10bold A{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.branco10bold A:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}


.branco10 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.branco10 a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.branco10 a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF00;
	Text-decoration: underline ;
}

.branco11 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.branco11 a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.branco11 a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF00;
	Text-decoration: underline ;
}
.branco11bold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
}


.cinza10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-decoration:none;
}


.cinza12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-decoration:none;
}

.cinza12 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-decoration:none;
}

.cinza12 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration:underline;
}


.branco12 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
}

.branco12 a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
}

.branco12 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:underline;
}


.branco12bold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
}


.branco14 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
}

.laranja12 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF6600;
	text-decoration:none;
}

.laranja12 A{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF6600;
	text-decoration:none;
}

.laranja12 A:HOVER{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF6600;
	text-decoration:underline;
}


.azul14 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #3e4095;
	text-decoration:none;
}


.azul18 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #3e4095;
	text-decoration:none;
}



.preto10bold {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.preto10bold a{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.preto10bold a:hover{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

.preto9 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto9 A{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto9 A:hover{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}



.preto10 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto10 A{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto10 A:hover{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}


.preto12bold {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}
.preto12jus {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.vermelho12 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #C60000;
	text-decoration: none;
}
.preto12 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto12riscado {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: line-through;
}
.preto12 A{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto12 A:hover{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.preto14 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto14 A{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto14 A:hover{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.preto18 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.preto22 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

td.row:hover {
background-color: #FF3300;
}
td.row_helpdesk:hover {
background-color: #FFE7C7;
}
tr.row:hover {
background-color: #FFFF99;
}
#miolo {
text-align:center;
  width:298px;
  height:483px;
  overflow:auto;
  position: fixed;
  
}


/***************** VALIDATION *******************/

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

/*input.required, textarea.required {
	border: 1px solid #00A8E6;
}*/

/*input:focus {background: orange; } 

input.sffocus { background: orange; }*/

input.validation-failed, textarea.validation-failed {
	/*border: 1px solid #FF3300;*/
	color: #000;
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00;*/
	color : #000;
}

.required
{
color: #000;
font-size:12px;
border-color: #666;
border-style: solid;
border-width:1px;
}


.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #F00;
	color : #FFF;
	font-weight: bold;
	font-size:10px;
	width:260px;
}

.formfield-advice {
	background: #fcffeb;
	padding: 10px;
	border: 1px solid #dcddd6;
	font-weight: bold;
	font-size: 11px;
}






.menutopo, .menulateral { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
	
	.menutopo li ,   .menulateral li { position: relative; vertical-align: middle }
	.menutopo a ,    .menulateral a { display: block; zoom: 1;  }
	
	.menutopo li ul, .menulateral li ul { position: absolute; visibility: hidden  }
	.menutopo li:hover ul,  .menulateral li:hover ul,
	.menutopo li.hover ul,  .menulateral li.hover ul { visibility: visible }

	.menutopo li:hover ul ul,  .menulateral li:hover ul ul,
	.menutopo li.hover ul ul,  .menulateral li.hover ul ul { visibility: hidden }
	.menutopo li li:hover ul,  .menulateral li li:hover ul,
	.menutopo li li.hover ul,  .menulateral li li.hover ul { visibility: visible }

	.menutopo li li:hover ul ul,  .menulateral li li:hover ul ul,
	.menutopo li li.hover ul ul,  .menulateral li li.hover ul ul { visibility: hidden }
	.menutopo li li li:hover ul,  .menulateral li li li:hover ul,
	.menutopo li li li.hover ul,  .menulateral li li li.hover ul { visibility: visible }
	
	
	/* características TOPO */
	.menutopo:after, .menutopo.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden;}
	.menutopo li { float: left; }		
	.menutopo li ul li { float: none; }
	.menutopo li ul li ul { position: absolute; left: 100%; top: 0; }

	/* características LATERAL */
	.menulateral { float: left; }	
	.menulateral li ul { left: 100%; top: 0px; }
	/* ****************************************
	  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
	  ou apague as linhas se for definir em outro lugar
	*/

	.menutopo * {
	margin: 0;
	padding: 0 ;
	list-style: none;
	}
	.menutopo li a{
		margin:1px;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
		text-align:center;
	background-color:#F60;
	width:148px;
	padding-top:10px;
	padding-bottom:10px;

	/**** RAIO ****/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;

	
	color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	}
	.menutopo li a:hover {
			margin:1px;
/**** RAIO ****/
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding-top:20px;
	padding-bottom:20px;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000000;
	color:#F60; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	}


	.menutopo2 li a{
	padding-top:10px;
	padding-bottom:10px;
	width: 150px;
	background-color:#003399;
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
	}
	.menutopo2 li a:hover {
		background-color:#003399;
color: #FF6600;text-decoration:none;
	}


	.menulateral * {
	margin: 0;
	padding: 0 ;
	list-style: none;
	}
	.menulateral li a{
	/**** RAIO ****/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/**** TRANSICAO ****/
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;

	/**** OPACIDADE ****/
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	
	
	text-align:left;
	width: 190px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	background-color: #525252;
	color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	}
	.menulateral li a:hover {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	background-color: #dfdbb6;
	color:#000000;
	}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
	who.MXPC = '1';
	if(who.nodeName != 'A'){
		who.onmouseenter=function(){ who.className += ' hover'};
		who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; 
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
 )(this) , 'auto')