body{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background:url(../imagens/bgbase.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	}
	
	/*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}

*/

.redondo {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

img a{ border:none;}
a{ text-decoration:none}
a:hover{ text-decoration:none}

.justificado {
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menucontent {
	position: relative;
	width:250px;
	left:18px;
	top: 78px;
	z-index:999;
}

#bt_form {
width: 130px;
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;

}



.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:none;
}


.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;
}

.azul12 {

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

.azul12 A{

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

.azul12 A:HOVER{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3e4095;
	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;
}


.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;
}

.preto12 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.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;
}
#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
{
width:300px;
color: #000;
font-size:12px;
border-color: #666;
border-style: solid;
border-width:1px;
background-color: #E8E8E8;
}
.igualrequired
{
width:300px;
color: #000;
font-size:12px;
border-color: #666;
border-style: solid;
border-width:1px;
background-color: #E8E8E8;
}


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

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





		#menutitulo{
	margin: 0;
	padding: 0;

	list-style: none;
	width: 200px; /* Width of Menu Items */
	}
		/*Define um position relative porque iremos utilizar
		 * absolute nas sub-listas
		**/
		/*#menutitulo li{
			position:relative;
			_float:left;
}*/
		
		#menutitulo li {
			position:relative;
			_float:left;
	width: 190px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	background-color: #018139;
	color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	border-right: #cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
		   
		}
		#menutitulo li a:hover{
	color: #000000;
	background: #B5B5B5;
		}
		
		/*******************************************************************
		 *VAMOS COMEÇAR A MAGIA - Aqui agrupei alguns item
		*********************************************************************
		*/
		
		#menutitulo li ul, #menutitulo li:hover ul ul{
	position: absolute;
	left: 160px; /* Set 1px less than menu width */
	top: 0px;
	display: none;
		}
		#menutitulo li:hover ul,
		#menutitulo ul li:hover ul{
		   display:block;
		}






.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{
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	text-align:center;
	background-color:#F7F3DF;
	padding-top:8px;
	padding-bottom:8px;
	width: 150px;
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
	}
	.menutopo li a:hover {

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
background-color: #dfdbb6;
	color:#000000;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;
	/**** OPACIDADE ****/
	text-align:left;
	width: 220px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	}
	.menulateral li a:hover {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #265182;
	color:#FFFFFF;
	}

	.menulateral2 li a{
	margin-left:1px;
	margin-bottom:1px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	/**** RAIO ****/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/**** OPACIDADE ****/
	text-align:left;
	width: 230px;
	padding-left:10px;
	background-color:#386a9f;
	padding-top:8px;
	padding-bottom:8px;
	color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; text-decoration:none;
	}
	.menulateral2 li a:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#265182;
	color:#FFFFFF;
	}


/* 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')