/* CSS Document */


*{
	margin: 0px;
	padding: 0px;
	border: none;
}

a:visited, a:link, a:active {
	text-decoration: none;
	color:#0066FF;
}

/*****************************************
PAGE
*****************************************/

#page {
	width: 710px;
	margin: 30px auto;
}

#page h1 {
	text-indent: -90000px;
	width: 228px;
	height: 102px;
	background: url("../img/logo.gif") no-repeat left center;	
}

#page span.title {
	display: block;
	text-align: right;
	font: 18px Verdana;
	color: #0099FF;
	width: 250px;
	margin: 0px auto;
}
	
/*****************************************
PAINEL
*****************************************/

#painel {
	height: 200px;
	border-bottom: 1px solid  #6AF;
	border-top: 1px solid #6AF;	
	margin: 10px 0px;
}


#painel.verde {
	width: 250px;
	margin: 10px auto;
}

#destaque {
	float: left;
	padding-left: 250px;	
	height: 100%;
	width: 210px;	
	background: url("../img/foto1.jpg") no-repeat left bottom;	
}

#destaque.verde {
	background: url("../img/chaves.gif") no-repeat left bottom;
	padding-left: 220px;		
}

#destaque h2 {
	color: #D30;
	font: 40px Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	line-height: 35px;
	margin: 30px 0px;
}

#destaque h2.verde {
	color: #669900;
}


/*****************************************
LOGIN
*****************************************/
#portal {
	width: 250px;
	height: 200px;	
	float: right;
	background: #F0F0F0;	
	overflow: hidden;
}

#login {
	padding: 20px 7px 15px 7px;
	border-bottom: 1px solid #6AF;	
}

#msgsportal {
	text-align: center;
	background: #F0F0F0;
	padding: 15px 0px;
}

#msgsportal a { font: 12px Arial, Helvetica, sans-serif; }

#msgsportal span {
	color: #666666;
}

#msgsportal a.esquecisenha {
	background: url('../img/esquecisenha.gif') no-repeat left center;
	display: block;
	width: 120px;
	margin: -5px auto;
	padding: 5px 5px 5px 40px;
	text-align: left;
	font: bold 11px Arial, Helvetica, sans-serif;
}


#msgsportal a.faleconosco {
	background: url('../img/ajuda.gif') no-repeat left center;
	display: block;
	width: 120px;
	margin: -5px auto;
	padding: 5px 5px 5px 40px;
	text-align: left;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#msgsportal span.alert {
	display: block;
	width: 200px;
	margin: 10px auto;
	color: #666666;
	background: #FFFFCC;
	border: 1px solid #FFCC66;
	font: 10px Arial, Helvetica, sans-serif;
}


/*****************************************
NEWS
*****************************************/

.news {
	width: 330px;
	float: left;
}

.direita { padding-left: 50px; }
.esquerda { padding-right: 0px; }

.news h4 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #0066FF;
	margin: 5px 0px;
}

.news p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 16px;
	text-align: justify;
}

/*****************************************
REDAPE
*****************************************/

#rodape {
	font: 12px Arial, Helvetica, sans-serif;
	clear: left;
	text-align: center;
	color: #999;
	padding-top: 80px;
}

#rodape a {
	text-decoration: none;
	color: #999;
}

/**********************************************
MSG LOGIN
**********************************************/

span.success {
	display: block; 
	margin: 10px auto 0px auto;
	font: bold 12px	Arial;
	color: #009933;
}

span.fail {
	display: block; 
	margin: 10px auto 0px auto;
	font: bold 12px	Arial;
	color: #DD0000;
}



/*****************************************
FAQ
*****************************************/

#faq {
	float: left;
	padding: 20px 5px;
	width: 340px;
}

#faq h3{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #0066CC;
	margin: 10px 0px 30px 0px;
}

#faq h4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003399;
	margin: 20px 0px 0px 0px;
}

#faq p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0px 0px 10px;
	text-align: justify;
	line-height: 20px;
}


#faq span {
	margin-top: 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666; 
	display: block;
	text-align: center;
	
}

/*****************************************
MANUTENÇÃO
*****************************************/

#uniqueCol  {
	margin: 0px auto;
	width: 450px;
	height: 175px;	
	padding-top: 50px;
	padding-left: 100px;	
	text-align: center;
	background: url('../img/manutencao.jpg') no-repeat left center;
}

#uniqueCol  h3{
	font: bold 25px Arial, Helvetica, sans-serif;
    margin-top: 0px;
	color: #D11616;
}

#uniqueCol  h2{
	font: 20px Arial, Helvetica, sans-serif;
    color: #AAA;
    margin: 5px;
	margin-top: 20px;
}

#uniqueCol span{
	color: #C03;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 20px;
}