/* CSS Document */

body {
	background: #fff url('../images/background.gif') no-repeat top;
	font-family: Trebuchet MS, Arial, Verdana, Tahoma; 
	font-size: 15px;
	color: #000000;
	line-height:17px;
	margin:0;
	padding:0;

}

a:link { font-weight: bold; color:#0099CC; text-decoration: underline; }
a:visited { font-weight: bold; color:#246CB5; text-decoration: underline; }
a:hover { font-weight: bold; color:#5EBEFF; text-decoration: none; }


a.active{ font-size:28px; color:#6E99C4; text-decoration: none }
a.active:visited { font-size:28px; color:#5EBEFF;	text-decoration: none }
a.active:hover{ font-size:28px; color:#fff;	text-decoration: none }


/* 
---------------------------------------
CONTEINER
---------------------------------------
*/


#conteiner {
	position: relative;
	top: 0%;
	left: 50%;
	
	margin-top: 0px;
	margin-left: -497px;
	width: 994px;
}



/* 
---------------------------------------
TOPO
---------------------------------------
*/

.topo {
	height:auto;
	padding:0;
}



/* 
---------------------------------------
MENU MENOR
---------------------------------------
*/

.menumenor{
	margin:10px 0 0 770px;
	font-family: Arial, Verdana, Tahoma, Trebuchet MS; 
	font-size: 12spx;
	color: #ccc;
}

.menumenor a:link { font-weight: bold; color:#000033; text-decoration: none; }
.menumenor a:visited { font-weight: bold; color:#246CB5; text-decoration: none; }
.menumenor a:hover { font-weight: bold; color:#4E95DC; text-decoration: underline; }

/* 
---------------------------------------
MENU MAIOR
---------------------------------------
*/

.menumaior{
	margin:62px 0 0 250px; 
	padding:0;
	height:33px; 
	width:auto; 
	display:block;
}

.menumaior li{
	margin:0 0 0 0;
	padding:0 0 0 0; 
	list-style:none; 
	display:inline;
}

.menumaior li a{
	float:left; 
	padding:0 40px 0 6px; 
	margin:8px 6px 0 0;
	display:block; 
	color:#A7CAEE;
	text-decoration:none; 
	font:17px Arial, Helvetica, Verdana, sans-serif; 
	font-weight:bold;
	cursor:pointer; 

}

.menumaior li a span{
	display:block; 
	padding-left:0px; 
	color:#A7CAEE;
}

.menumaior li a:hover{
	color:#A7CAEE;
}

.menumaior li a:hover span{
	color:#fff;	
}

.menumaior li a.active, .menu li a.active:hover{
	line-height:33px; 
	font:17px Arial, Helvetica, Verdana, sans-serif; 
	font-weight:bold;
	color:#fff;	
}

.menumaior li a.active span, .menu li a.active:hover span{
	background:#4E95DC;
}




/* 
---------------------------------------
MENU LATERAL
---------------------------------------
*/


#fotolateral {
	float:left;
    width:303px;
    margin:0; /* top, right, bottom, left  */
    height:auto;
}



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



#conteudo {
	float:right;
	width: 670px;
	margin: 0;  /* top, right, bottom, left*/
	padding: 0;  /* top, right, bottom, left*/
}	


.texto {
	padding: 0 40px 40px 30px;  /* top, right, bottom, left*/
	text-align:justify

}


h1 {
	color:#091338;
	margin:30px 0 20px 0;
	font-size:26px
}

h2 {
	color:#999;
	margin-bottom:20px;
	font-size:16px

}

h3 {
	margin-top:40px;
}



img {
	border:0px;
}

.top {
	height:auto;
	margin:20px 5px 0px 0px;
	clear:both;
	text-align:right
}

p {	
	margin-top:30px
}



hr {
      border: 1px #ccc dotted;
      color: #fff;
	  margin-top:40px;
	  clear:both
    }



/* 
---------------------------------------
CAPA (ANTERIOR, até 08.03.2010)
---------------------------------------


.capa {
	padding: 0 0 40px 30px;  
	text-align:justify

}

*/


/* 
---------------------------------------
CAPA
---------------------------------------
*/


#capa {
	width:994px;
   	padding:0 0 0 0
}	

.abertura {
		width:100%;
		height:332px;
}

.destaques {
		margin:30px 0 40px 0;
		width:100%;
		height:auto
}


/* 
---------------------------------------
DESTAQUE
---------------------------------------
*/

#destaque td {
	padding:20px 10px 0 5px
	
}


.chamada {
	font: 19px Trebuchet MS, sans-serif;
	text-align:left;
	padding-top:5px;
}

.expliq {
	font: 14px Arial, sans-serif;
	text-align:left;
	padding:20px;
}






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


#rodape {
	width:994px;
	position: relative;
	left:50%;
	margin-left:-497px;
	color:#C2C1BC;
	font-family: Verdana, Arial, Tahoma; 
	font-size: 11px;
	clear:both;
	text-align:right;
	height:44px;
}