/* 
	lista de cores 

	HEX		RGB				Descrição
	
	333333	051 051 051		Cor do texto normal - cinza escuro
	0317FD	003 023 253		Cor do link normal - cinza escuro com saturation
	E5ECF2	229 236 242		Cor da linha de baixo do H1 - cinza-azulado muito claro
	101918	016 025 024		Cor da fonte do h1 parecida com o fundo - cinza quase preto
	DDDAD5	221 218 213		Cor da borda de baixo do H2 - cinza-azulado claro
*/


body
{
    margin:0;
padding:0;

text-align:center; /* hack para o IE */
background-color:#c1ccd9;	

}

.ie body
{
    margin-top:0px;
padding:0;

text-align:center; /* hack para o IE */
background-color:#c1ccd9;	

}




#tudo
{
    width: 790px;
    margin: 0 auto;
    margin-top: -18px;
    text-align: left; /* "remédio" para o hack do IE */
    background-color:white;
    border:3px  solid  #7a848e;
    border-top:0px;
    border-bottom:0px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:2px;
    
}

.ie #tudo
{
    width: 760px;
    margin: 0 auto;
    margin-top: -23px;
    text-align: left; /* "remédio" para o hack do IE */
    padding-left:2px;
    padding-right:2px;
    padding-bottom:-6px;
}

.ie7 #tudo
{
    width: 800px;
    margin: 0 auto;
    margin-top: -23px;
    text-align: left; /* "remédio" para o hack do IE */
    padding-left:2px;
    padding-right:2px;
    padding-bottom:0px;
    /*height:800px;*/
}

a, p {margin:10px 5px 4px 2px;
    font-size: small;
    color: #FF0000;
}



#conteudo
{
    padding: 5px;
    margin-top: 15px;
    height: auto;
    background-color: White;
}

.conteudomeio
{
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 100%;
    min-height: 500px;
}

#conteudo h6
{
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 30px;
    width: 800px;
    min-height: 400px;
    max-height: 1200px;
    height: 132px;
}


/*#toplinks 
{
    margin-top:-30px;
    margin-right:5px;
	padding:0;
	list-style-type:none;
    font-size:0.7em;    
    text-align:right;   
    display:table-column-group;   
    float:right;  
}

/*a[href$='help'] 
{
 background:transparent url(img/icons/help.png) center left no-repeat;
 display:inline-block;padding-left:20px;line-height:15px;
 float:right;
} 

					
/* ---- CONTEUDO --------------------------------------- */

/*div#pnlContent
{	
	margin-left:20em;
	background-color:red;
}

/*h3
{
	margin-top:-4px;
	
	padding:1.5em 0 0 4px;
	
	font-size:1.1em;
	
	background-image:url(Img/h3_seta.gif);
	background-repeat:no-repeat;
	background-position:0 0px;	
}*/
h4
{
    position: absolute;
    padding: 0.8em 0em 0.8em 0em;
    display: block;
    width: 800px;
    height: 21px;
    font-size: 0.9em;
    background-color: #000099;
    background-image: url('img/fundorodape.png');
    top: 625px;
    left: 15px;
}

h4 span.e
{
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: small;
}
h4 span.d
{
    float: right;
    margin-right: 2em;
    margin-left: 20px;
    margin-top: -8px;
    background-image: url('img/logogoverno1.png');
    background-color: transparent;
    width: 31px;
    height: 33px;
}


/* ---- HEADER  --------------------------------------- */


h1
{
    margin-top: -25px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    width: 100%;
    height: 119px;
    color: White;
    font-weight: normal;
    font-size: 14px;
    min-width: 800px;
    z-index: 100;
    background-color: #000099;
    background-image: url(img/fundotopo2.png);
}

h1 span.es
{
    float: right;
    width: 106px;
    height: 71px;
    margin-right: 20px;
    margin-top: 20px;
    background-image: url('img/casatopo.png');
    margin-left: 0px;
}

h1 span.centro
{
    position: absolute;
    width: 271px;
    height: 131px;
    background-image: url('img/logoportalcohabcomfundo.png');
    margin-left: 27%;
    margin-top: -1px;
    text-align: center;
}

h1 span.d
{
    float: left;
    width: 126px;
    height: 73px;
    margin-left: 20px;
    margin-top: 20px;
    background-image: url(img/logotopocohab.png);
}

h2
{
    margin-top: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    width: 100%;
    height: 30px;
    color: White;
    font-weight: normal;
    font-size: 11px;
    min-width: 800px;
    z-index: 100;
    background-color: #000099; /*background-image:url(img/h2_fd_repeat.gif);	*/
}

h2 span.e
{
    float: left;
    padding: 9px 0 0 14px;
    width: 100%;
    height: 30px; /*background-image:url(img/header_MercurySGF.png);*/
}







/* ---- RODAPE  --------------------------------------- */

/*
	*/



#rodape
{
    /*float:left;*/
    margin-left: 0px;
    width: 99%;
    height: 15px;
    margin-top: 100px;
    margin-left: 3px;
    background-color: White;
    background-image: url('img/fundorodape.png');
    padding: 0.8em 0em 0.8em 0em;
    display: block; /*margin: 3px 0 3px 0;*/ /* border: 1px solid #ccc;*/
}
#rodape span.e
{
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: small;
}
#rodape span.d
{
    float: right;
    margin-right: 2em;
    margin-left: 20px;
    margin-top: -8px;
    background-image: url('img/logogoverno1.png');
    width: 31px;
    height: 33px;
}



.rodape
{
    /*float:left;*/
    margin-left: 0px;
    width: 100%;
    height: 15px;
    margin-top: 100px;
    
    background-color: White;
    background-image: url('img/fundorodape.png');
    padding: 0.8em 0em 0.8em 0em;
    display: block; /*margin: 3px 0 3px 0;*/ /* border: 1px solid #ccc;*/
}
.ie .rodape
{
    /*float:left;*/
    margin-left: 0px;
    width: 105%;
    height: 5px;
    margin-top: 100px;
    margin-bottom:-9px;
    
    background-color: White;
    background-image: url('img/fundorodape.png')no-repeat;
    /*padding: 0.8em 0em 0.8em 0em;*/
    display: block; /*margin: 3px 0 3px 0;*/ /* border: 1px solid #ccc;*/
}

.ie7 .rodape
{
    
    margin-left: 0px;
    width: 100%;
    height: 15px;
    margin-top: 50px;
    margin-bottom:0px;
    
    background-color: White;
    background-image: url('img/fundorodape.png')no-repeat;
    /*padding: 0.8em 0em 0.8em 0em;*/
    display: block; /*margin: 3px 0 3px 0;*/ /* border: 1px solid #ccc;*/
}
.rodape span.e
{
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: small;
}

.ie .rodape span.e
{
    float: left;
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: small;
}
.rodape span.d
{
    float: right;
    margin-right: 2em;
    margin-left: 20px;
    margin-top: -8px;
    background-image: url('img/logogoverno1.png');
    width: 65px;
    height: 31px;
}






/* ---- FORMS  --------------------------------------- */

fieldset.MainForm
	{
		border-style: none;
    border-color: inherit;
    border-width: 0;
    font-family:Verdana;
		font-size:11px; 		
		width: 779px;
		height:auto;	
		margin:auto;
		background-repeat:no-repeat;
		background-position:center center;
		}
	
		/*fieldset.MainForm div.center
		{
			float:left;
			text-align:right;
			width: 90%;
			height: 1.6em;
			marg
	
		/*fieldset.MainForm div.center
		{
			float:left;
			text-align:right;
			width: 90%;
			height: 1.6em;
			margin-bottom: 3px;				
		}
		
			fieldset.MainForm div.center label
			{
				margin-right:30px;
			}	
	
		fieldset.MainForm div.left
		{
			float:left;
			text-align:right;
			width:40%;
			margin-left:6.5em;
		}
			fieldset.MainForm div.left picker
			{
				width:200px;
			}
			
			fieldset.MainForm div.left label
			{
				margin-right:30px;
			}			
		
		fieldset.MainForm div.right
		{
			float:left;
			text-align:right;
			margin:auto;
			width:40%;
			margin-left:3.8em;
		}		
		
		input.campo_invalido
		{
			color:red;	
			font-size:medium;
		}
		
		input.campo_valido
		{
			color:green;	
		}
		
		fieldset.MainForm p
		{
			float:left;
			width: 90%;
			height: 1.6em;
			margin-bottom: 3px;			
		}
		
		fieldset.MainForm p.btnOk
		{
			margin-top:1.2em;
		}
		
		fieldset.MainForm p.btnOk input
		{
			margin:auto;
		}
		
		
		
		fieldset.MainForm p.btnVoltar input
		{
			margin:auto;
		}
		
		fieldset.MainForm input.btnFilter
		{
			margin-left:300px;
			width:200px;
		}
		
		fieldset.MainForm a.btnPrint
		{
			margin-left:330px;
		}				
		
		fieldset.MainForm label
		{
			float:left;
			width: 19%;
			height: 1.6em;
			text-align:right;
			margin-right:30px;
		}
		
		fieldset.MainForm span.valMsg 
		{
			padding:0 0 0 0.4em;
			font-size:0.7em;
			color:Red;
		}
		*/
		fieldset.MainForm input
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			border:1px solid #8F8F8F;
    text-align: left;
    text-transform:uppercase;
    }
		
		
		
       fieldset.MainForm select
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			border:1px solid #8F8F8F;
    
}

		fieldset.MainForm input.btnOk
		{			
			width:5em;
			margin-left: 20%;
			float:left;
			padding:0.1em 0em 0.1em 0.2em;
			border:1px solid black;
			cursor:pointer;		
		}
		
			
/* FORM BORDER        */

/*fieldset.BorderForm
{
    font-family: Arial;
    font-size: 12px;
    width: 780px; /*float:left;*/
    /*height: auto;
    margin: auto;
    background-repeat: no-repeat;
    background-color: White;
    background-position: center center;
    margin-bottom: 0px;
    margin-right: 2.0em;
}





fieldset.BorderForm div.center
{
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 10px;
    height: auto;
}
fieldset.BorderForm div.center label
{
    float: left;
    width: 11.70em;
    height: 1.6em;
    text-align: right;
    margin-right: 30px;
}

fieldset.BorderForm legend
{
    color: black;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

fieldset.BorderForm p /*espaço entre uma linha e outra*/
/*{
    float: left;
    width: 90%;
    height: 1.6em;
    margin-bottom: 5px;
}


/*layouts maiores que 800x600*/

/*fieldset.BorderFormaior
{
    font-family: Arial;
    font-size: 12px;
    width: 780px; /*float:left;*/
  /*  height: auto;
    margin: auto;
    background-repeat: no-repeat;
    background-color: White;
    background-position: center center;
    margin-bottom: 0px;
    margin-right: 2.0em;
}





fieldset.BorderFormmaior div.center
{
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 10px;
    height: auto;
}
fieldset.BorderFormmaior div.center label
{
    float: left;
    font-family: Arial;
    font-size: 15px;
    width: 11.70em;
    height: 1.6em;
    text-align: right;
    margin-right: 30px;*/
/*}



/*	fieldset.BorderForm div.center input
			{
				float:left;
			}		
			
			fieldset.BorderForm div.center input.Name
			{
				float:left;
				width:200px;
				margin-right:164px;
			}	
			
		fieldset.BorderForm div.right
		{
			float:left;
			text-align:right;
			margin:auto;
			margin-left:3.8em;
		}			

		
		.clearfloat
		{
			clear:both;
			font-size:1px;
			height:0px;
			line-height:0px;
		}
		
		input.campo_invalido
		{
			color:red;	
			font-size:medium;
		}
		
		input.campo_valido
		{
			color:green;	
		}*/






/*fieldset.BorderFormmaior legend
{
    color: black;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

fieldset.BorderFormmaior p /*espaço entre uma linha e outra*/
/*{
    float: left;
    width: 90%;
    height: 1.6em;
    margin-bottom: 5px;
}


fieldset.BorderForm p.btnOk
		{
			margin-top:1.2em;
		}
		
		fieldset.BorderForm p.btnOk input
		{
			margin:auto;
			width:200px;
			margin-left:30px;
		}
		
		fieldset.BorderForm p.btnVoltar input
		{
			margin:auto;
		}*/

/*fieldset.BorderForm label /*espaço entre label e campo*/
/*{
    float: left;
    width: 25%;
    height: 1.6em;
    text-align: right;
    margin-right: 5px;
    margin-top: 3px;
}


fieldset.BorderForm span.esq
{
    /*float:left; 				width: auto; 				height: auto; 				margin-left:175px;*/
  /*  float: left;
    width: auto;
    height: 1.6em;
    text-align: left;
    margin-right: 0px;
    margin-top: 0px;
}
*/

/*fieldset.BorderForm span.valMsg 
		{
			padding:0 0 0 0.4em;
			font-size:0.7em;
			color:Red;
		}

		fieldset.BorderForm input.chkBox 
		{
		}
				
		fieldset.BorderForm input /* tamanho dos botões*/
/*{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			/*width:100px;*/
/*	border:1px solid #8F8F8F;
		}*/

/*fieldset.BorderForm radio
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			border:1px solid #8F8F8F;			
		}
		
        fieldset.BorderForm select
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			width:105px;
			border:1px solid #8F8F8F;	
						
		}

		fieldset.BorderForm input.btnOk
		{			
			width:5em;
			margin-left: 20%;
			float:left;
			padding:0.1em 0em 0.1em 0.2em;
			border:1px solid black;
			cursor:pointer;		
		}*/

/* ---- Filter Form -------------------*/
fieldset.FilterForm
	{
		border: 1;
		font-family:Verdana;
		font-size:11px; 		
		width: 550px;
		height:auto;		
		margin:auto;
		background-repeat:no-repeat;
		background-position:center center;
		display: block; 
		
	}
	
	    fieldset.FilterForm legend
	{
		margin:0;
		/*margin-top:-3em;
		margin-top:-2em;*/
		
		font-size:1.2em;
		font-weight:bold;
		
		/*padding-left:3.3em;		/*sujo, feito assim para "centralizar" o texto no FFox pq ele não pega width*/
				
		/*background-color:aqua;*/
	}
	
	
				
	
	
		fieldset.FilterForm div.left
		{
			float:left;
			text-align:right;
		}
		
		fieldset.FilterForm div.right
		{
			float:left;
			text-align:right;
		}	
		
		fieldset.FilterForm div.center
		{
			float:left;
			text-align:right;
			margin-left:2.0em;
		}		
		
			fieldset.FilterForm div.center img
			{
				/*margin-left:0.1em;*/
				margin-right:1.8em;
				margin-top:1.5em;
				margin-bottom:1.0em;
				float:left;
			}
			
			fieldset.FilterForm div.center label
			{
				margin-right:30px;
			}		
			
			fieldset.FilterForm div.center input
			{
				width:122px;
			}					
		
		fieldset.FilterForm p
		{
			float:left;
			width: 65%;
			height: 1.6em;
			margin-bottom: 3px;			
		}

		fieldset.FilterForm p.btnOk
		{
			margin-top:1.2em;
		}
		
		fieldset.FilterForm p.btnOk input
		{
			margin:auto;
			margin-right:0.9em;
			width:200px;
		}
		
		fieldset.FilterForm p.btnVoltar input
		{
			margin:auto;
		}
		
	
		
		fieldset.FilterForm label
		{
			float:left;
			width: 10%;
			height: 1.6em;
			text-align:right;
			margin-right:30px;						
		}
		
		fieldset.FilterForm span.valMsg 
		{
			padding:0 0 0 0.4em;
			
			font-size:0.7em;
			color:Red;
		}
		
		fieldset.FilterForm input
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			margin-right:0.9em;	
			border:1px solid #8F8F8F;	
			width:102px;
		}
		
		fieldset.FilterForm input.Name
		{
			width:200px;
		}		
		
		fieldset.FilterForm radio
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			border:1px solid #8F8F8F;			
		}
		
        fieldset.FilterForm select
		{
			float:left;
			padding:0.1em 0em 0.09em 0.2em;
			border:1px solid #8F8F8F;	
			width:106px;		
		}

		fieldset.FilterForm input.btnOk
		{			
			width:5em;
			margin: 20%;
			float:left;
			padding:0.1em 0em 0.1em 0.2em;
			border:1px solid black;
			cursor:pointer;	
		}
		
		fieldset.FilterForm input.Voltar
		{			
			width:200px;
		}		
						




/* ---- DIV DE MENSAGEM  --------------------------------------- */
/*div.pnlMessage
{
	width:98%;
	
	margin:1.2em 0.4em 0.4em 0.4em;
	
	background-position:left bottom;
	background-repeat:repeat-x;
	
}

div.pnlMessage p
{
	font-size:0.8em;
	padding:0.4em 0.8em 0.4em 0.8em;
}

	div#pnlErrorMessage
	{
		background-color:#FDFBCD;
		
		background-image:url(Img/pnlErrorMessage_fd.gif);
		
		border:3px solid #B9B7B7;
	}

		div#pnlErrorMessage p
		{
			color:#7A1310;
		}

	div#pnlHelpMessage
	{
		background-color:#EEFAFE;
		
		border:1px solid #AAE5E7;
	}

		div#pnlHelpMessage p
		{
			color:#325F69;
		}
		
		
		
li.sel
{
	color:Red;
}*/


/* fieldsets para forms */

/*input.btnOk
{
	text-align:center;
	
	border:1px solid black;
	cursor:pointer;
}*/

/*fieldset
{
	margin:auto;
	
	height:200px;
	
	border:0;
	
	background-repeat:no-repeat;
	background-position:center center;
	
	background-color:Lime;
}

	legend
	{
		margin:0;
		margin-top:-3em;
		*margin-top:-2em;
		
		font-size:1.2em;
		font-weight:bold;
		
		padding-left:3.3em;		sujo, feito assim para "centralizar" o texto no FFox pq ele não pega width
				
		/background-color:aqua;
	}*/

/*fieldset.box 
	{ 
		float:left;
		border:0;
		margin:0;
		padding:0;

		margin-left:4.4em;
		background-repeat:no-repeat;
		background-position: center center;		
	}
	
	fieldset.PasswordChange
	{
		width:350px;
		
		background-image:url(img/box_login.jpg); 
	}
	
		fieldset.PasswordChange p
		{
			float:left;
			text-align:center;
			
			margin:32px 0 -22px 56px;
			
			width:260px;
			height:30px;					
		}
		
			fieldset.PasswordChange p label
			{
				float:left;
				width:40%;
				
				margin-top:4px;
				
				text-align:right;
				padding-right:6px;
				
				font-size:0.8em;
				
				/*background-color:Aqua;*/
/*	}
			
			fieldset.PasswordChange p span
			{
				float:left;
				width:40%;
				
				margin-top:4px;
				
				text-align:left;
				padding-right:6px;
				
				font-size:0.8em;
				
				/*background-color:Aqua;*/

/*fieldset.PasswordChange p span
			{
				float:left;
				width:40%;
				
				margin-top:4px;
				
				text-align:left;
				padding-right:6px;
				
				font-size:0.8em;
				
				/*background-color:Aqua;*/
/*}/*
			
			fieldset.PasswordChange p input
			{
				display:block;
				float:left;
				width:100px;
				
				padding:2px;
				
				text-align:left;
				font-size:0.9em;
				
				border:1px solid #666;
			}
			
			fieldset.PasswordChange p input.btnOk
			{
				float:left;
				
				margin:auto;
				margin-left:1.4em;
				
				width:5em;
				
				text-align:center;
				
				border:1px solid black;
				cursor:pointer;
			}
			
			
			fieldset.PasswordChange p input.btnVoltar
			{
				float:left;
				
				margin:auto;
				margin-left:1.4em;
				
				width:5em;
				
				text-align:center;
				
				border:1px solid black;
				cursor:pointer;
			}
	
	fieldset.subscribe
	{ 
		width:500px;
	
		background-image:url(img/box_subscribe.jpg); 
	}
		
		fieldset.subscribe legend
		{
			padding-left:7.6em;		
		}
	
		fieldset.subscribe ul
		{
			font-size:0.8em;
		
			text-align:right;
			list-style-type:none;
			
			margin:40px 40px 0 0;
			line-height:3em;
		}*/

.dropdown
{
    font-size: 11px;
    font-family: Verdana;
}
.textboxpc
{
    font-size: 15px;
    font-family: Arial;
}

.labelpc
{
    font-size: 15px;
    font-family: Arial;
}

.ie .topo
{
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 105%;
    height: 138px;
    font-weight: normal;
    font-size: 14px;
    
}





.ie a.linque1:link{color:#ff0000;  text-decoration:none;}
.ie a.linque1:visited {color:#000000;}
.ie a.linque1:hover {color:#00ff00;}
.ie a.linque1:active {color:#006699;}

.ie .topo span.es
{
    float: right;
    width: 106px;
    height: 71px;
    margin-right: 20px;
    margin-top: 20px;
    background-image: url('img/casatopo.png');
    margin-left: 0px;
}





.ie .topo span.centro
{
    position: absolute;
    width: 126px;
    height: 73px;
    background-image: url('img/logoportalcohab3.png');
    margin-left: 5px;
    margin-top: 3px;
    text-align: center;
}

.ie .topo span.d
{
    float: left;
    width: 126px;
    height: 73px;
    margin-left: 20px;
    margin-top: 20px;
    background-image: url(img/logotopocohab.png);
}


.ie7 .topo
{
    margin-top: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: 138px;
    font-weight: normal;
    font-size: 14px;
    
}



.ie7 a.linque1:link{color:#ff0000;  text-decoration:none;}
.ie7 a.linque1:visited {color:#000000;}
.ie7 a.linque1:hover {color:#00ff00;}
.ie7 a.linque1:active {color:#006699;}

.ie7 .topo span.d
{
    position: absolute;
    float: left;
    width: 126px;
    height: 73px;
    margin-left: 20px;
    margin-top: 20px;
    background-image: url('img/logotopocohab.png');
}



.ie7 .topo span.centro
{
    position: absolute;
    width: 126px;
    height: 73px;
    background-image: url('img/logoportalcohab3.png');
    margin-left: 5px;
    margin-top: 25px;
    text-align: center;
}
.ie7 .topo span.es
{
    float: right;
    width: 106px;
    height: 71px;
    margin-right: 20px;
    margin-top: 20px;
    background-image: url('img/casatopo.png');
    margin-left: 0px;
}



.topo
{
    margin-top: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width:100%;
    height: 139px;
    color: White;
    font-weight: normal;
    font-size: 14px;
    
    z-index: 100;
    background-image: url(img/BannerPortalCohab.jpg);
}

a.linque1:link{color:#ff0000;  text-decoration:none;}
a.linque1:visited {color:#000000;}
a.linque1:hover {color:#00ff00;}
a.linque1:active {color:#006699;}


.topo span.es   /* firefox */
{
    float: right;
    width: 106px;
    height: 71px;
    margin-right: 20px;
    margin-top: 20px;
    background-image: url('img/casatopo.png');
    margin-left: 0px;
}



.topo span.centro
{
    position: absolute;
    width: 126px;
    height: 73px;
    background-image: url('img/logoportalcohab4.png');
    margin-left: -9%;
    margin-top: 20px;
    text-align: center;
}

.topo span.d
{
    float: left;
    width: 126px;
    height: 73px;
    margin-left: 20px;
    margin-top: 20px;
    background-image: url(img/logotopocohab.png);
}




#navegacao
{
    width: 15%;
    background-color: white;
    margin-right: 20px;
    float: left;
}

#principal
{
    width: 85%;
    margin-left: 20px;
    float: right;
}

.menuesq
{float:left;
 margin-left:50px;
 margin-top:10px;
 
 }
 
 .ie .menuesq
 {float:left;
 margin-left:60px;
 margin-top:10px;
 
 }
 
 .menudir
{float:right;
 	margin-top:30px;
	margin-right:-100px;
 width:300px;
 }
 

 
 
 .ie .menudir

		{float:right;
 	margin-top:30px;
	margin-right:-140px;
 width:370px;
 }

#logout
{
    float: right;
    width: 300px;
    height: 20px;
    margin-left: 0px;
    margin-top: -40px;
}

#titulo
{
 float: left;
    width:228px;
    height: 20px;
    margin-left: 0px;
    margin-top: 20px;
    font-size:large;
    font-family: Trajan Pro;
    font-weight: bold;
    color: red;
}


.login
{
margin:100px;
margin-left:0px;
}

.ie .login
{
margin:100px;
margin-left:0px;
margin-bottom:300px;
}

.login form{
	        font-size: 10pt;
	        font-family:Arial;
	        
	        
        }
        
        .login fieldset{
	        padding: 10px;
	        margin-left:25%;
	        border: 1px solid #ccc;
            width: 68%;
            margin-bottom:250px;
            
            
           
        }
        
        .ie .login fieldset
        {
            position: relative;
	        padding: 10px;
	        margin-left:25%;
	        border: 1px solid #ccc;
            width: 100%;
            margin-bottom:250px;                       
        }
        
        .ie .login legend
        {
            position:absolute;
            top:-.5em;
            left:.2em;
	        font-weight: bold;
	        font-family:Arial;
	        color: #c03;
	        font-size: 11pt;
	        letter-spacing: 1px;
        }
        
        .login legend{
	        font-weight: bold;
	        font-family:Arial;
	        color: #c03;
	        font-size: 11pt;
	        letter-spacing: 1px;
        }
        
        
        /* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
        html>body .login legend{
        	margin-bottom: 0px;
        }
        
        .login input{
	        border-top: 1px solid #333;
	        border-left: 1px solid #333;
	        border-bottom: 1px solid #ccc;
	        border-right: 1px solid #ccc;
	        font-size: 13px;
	        margin-bottom: 5px;
	        color: #0E0659;
   
}
        
        .login select{
	        border: 1px solid #333;
	        font-size: 13px;
	        margin-bottom: 100px;
	        color: #0E0659;
        }
        
        .login label{
	        
	         font-family:Arial;
	         font-weight: bold;
	        width: 160px;
	        font-size: 10pt;
	        float: right;
	        color: #000;
	        margin-right:0px;
    text-align: right;
}
        
        
        
        .login span{
	        color: black;
	        font-size: 10pt;
	         font-family:Arial;
        }
        
        .login .botao{
	        font-size: 13px;
	        background: #f1f1f1;
	        margin: 15px 0px 0px 0px;
        }


/* confirmacao*/

.confirmacao
{
margin:50px;
margin-left:0px;

}

.ie .confirmacao
{
margin:50px;
margin-left:0px;
margin-bottom:100px;
}

.confirmacao form{
	        font-size: 10pt;
	        font-family:Verdana;
	        
	        
        }
       
        .confirmacao fieldset{
	        padding: 10px;
	        margin-left:15%;
	        border: 1px solid #ccc;
            width: 85%;
            margin-bottom:100px;
            background-image:url('img/fundoconfirmacao.png');
            background-repeat:no-repeat;
            
           
        }
        
        
        .ie .confirmacao fieldset{
	        padding: 10px;
	        margin-left:15%;
	        border: 1px solid #ccc;
            width: 540px;
            margin-bottom:10px;
            background-image:url('img/fundoconfirmacao.png');
            background-position:left 20px;
            background-repeat:no-repeat;
           
        }
        .confirmacao p
		{
			float:left;
			width: 400px;
			height: auto;
			margin-bottom: 3px;
			font-family:Verdana;
			font-size:small;
			text-align:justify;	
			color:Black;
		 		
		}
        
        .confirmacao legend{
	        font-weight: bold;
	        font-family:Verdana;
	        color: #c03;
	        font-size: 11pt;
	        letter-spacing: 1px;
        }
        
        
        /* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
        html>body .confirmacao legend{
        	margin-bottom: 0px;
        }
                
        .confirmacao input{
	        border-top: 1px solid #333;
	        border-left: 1px solid #333;
	        border-bottom: 1px solid #ccc;
	        border-right: 1px solid #ccc;
	        font-size: 13px;
	        margin-bottom: 5px;
	        color: #0E0659;
        }
        
        
        .confirmacao select{
	        border: 1px solid #333;
	        font-size: 13px;
	        margin-bottom: 100px;
	        color: #0E0659;
        }
        
        .confirmacao label{
	        
	         font-family:Verdana;
	         font-weight: bold;
	        width: 160px;
	        font-size: 10pt;
	        float: left;
	        color: #000;
	        margin-right:3px;
    text-align: right;
}
        
        .confirmacao span{
	        color: black;
	        font-size: 10pt;
	         font-family:Verdana;
	         
	         }
        
        .confirmacao span.img{
	        color: black;
	        font-size: 10pt;
	         font-family:Arial;
	         display:none;
	         
	        
        }
        
        
        .confirmacao .botao{
	        font-size: 13px;
	        background: #f1f1f1;
	        margin: 15px 0px 0px 0px;
        }
        
        .tabela{
        width: 90%;
         margin-top:100px;
          margin-left:110px;
        }
        
        .AjaxLoader
        {
            width: 200px;
            height: 200px;
            top: 50%;
            left: 50%;
            margin-left: -100px;
            margin-top: -100px;
            background-color: white;
            z-index: 4000;
            text-align: center;
            position: absolute;
        }