/* CSS Document */

body{
	margin:0;
        background-image:url(imagens/nos.jpg);
	}

#principal{ 
	border:1px solid #F0F4F0;
	background-color:#FFF;
	margin:0 auto;	
	width:750px;
	}		
	
#principal #topo{ 
	width:750px;
	margin:0px;
	padding:0px;
	height:148px;
	background-image:url(imagens/topo.jpg);
	}

#principal #topo h3{
	font:normal 17px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#F7F7F7;
	margin:0;
	margin-right:15px;
	padding:0;
	padding-top:15px;
	text-align:right;
	}

#principal #topo ul {
	float:right;
	width:452px;
	padding:0;
	margin:0;
	margin-top:50px;
	}

#principal #topo ul li{
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin:0px 6px 0px 0;
	padding:8px 0;
	width:75px;
	text-align:center;
	}

#principal #topo ul li a{	
	text-decoration:none;
	color:#FFF;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	}

#principal #topo ul li a:hover{
	
        color:#FFCC00;
}

#principal #corpo{
	margin:0 0 0 3px;
	width:747px;
	background-image:url(imagens/fundo_esquerda.jpg);
	background-repeat:repeat-y;
	background-position:left;
	}

#principal #corpo #esquerda{
	float:left;
	width:200px;
	}
	
#principal #corpo #esquerda ul{
	float:left;
	width:auto;
	padding:0;
	padding-left:30px;
	*padding-left:20px;
	_padding-left:20px;
	margin:0;
	}	
	
#principal #corpo #esquerda ul li{	
	margin:0;
	list-style-image:url(imagens/button_esquerda.jpg);
	padding:5px 0;
	_padding-left:15px;
	*padding-left:15px;
	}

#principal #corpo #esquerda ul li a{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0;
	padding:0;
	text-decoration:none;
	}
	
#principal #corpo #esquerda ul li:hover{	
	list-style-image:url(imagens/button_esquerda2.jpg);
	}
	
#principal #corpo #informacao{
	float:right;
	width:547px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;	
	color:#333333;
	text-align:justify;
	}	

#principal #corpo #informacao h1{
	background-image:url(imagens/fundo_base.jpg);
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0 15px;
	}	
	
#principal #corpo #informacao p{	
	color:#333333;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:10px 15px;
	}
	
#principal #corpo #informacao ul {
		margin:2px 5px;
		padding:1px;
		list-style:none;
		
		
		
	}	
	
#principal #corpo #informacao ul li {
		padding:2px;
		margin:2px 0;
		border-left:2px solid #ccc;
	}	

	
#principal #corpo #informacao #banner{
	width:540px;
	margin:0px 3px;
	}	
	
#principal #corpo #informacoes #noticias{
	width:500px;
	float:right;
	margin:20px;
	}	
	
#principal #base{
	width:750px;
	padding:4px 0;
	background-image:url(imagens/base.jpg);
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
       
	}
#principal #base a{
        font:bold 10px Verdana, Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        text-decoration:none;
        }
	
.clear{
	clear:both;
	}
	
 .submenu{
	padding:0;
	margin:0;
	display:none;
	}

 .submenu li{
	margin:0;
	padding:0;	
	}
	
 .submenu li a{
	display:block;
	border-left:none;
	text-decoration:none;
	margin:1px;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	}
	
.submenu li a:hover{
	background-repeat:no-repeat;
	}