/* CSS Ateg */


	body { margin:0px;
		   padding:0px;
		   background-image:url(../images/bg.jpg);
		   font-family:Arial, Helvetica, sans-serif;
		   font-size:12px;
	}
	
	#base { width:770px;
		   left:50%;
		   margin-left:-385px;
		   position:absolute;
		   background-color:#777;
}
	
	#topo { width:760px;
			height:211px;
			position:relative;
			background-image:url(../images/topo.jpg);
			margin-left:5px;

}

	a img {border:0px; }

	#topo h1 { text-indent:-9000px;
			   float:left;
			   background-image:url(../images/logo.jpg);
			   width:200px;
			   height:86px;
			   margin-left:10px;
			   margin-top:25px;
			   padding:0px;
			 }
	
	#topo h1 a { display:block;
				 width:200px;
				 height:86px;
				 text-decoration:none;
	} 	
	
	#meio { width:760px;
			margin-left:5px;
			position:relative;
			margin-top:-17px;
			background-image:url(../images/bg_meio.gif);
	}
	

	#lateral { width:198px;
			   position:relative;
			   float:left;
			   border-right:1px #ccc solid;
	}
	
	#menu { background-image:url(../images/bgMenu.jpg);
			height:340px;
			font-size:12px;
			margin-top:-10px;
			margin-top:-3px;
			padding-top:5px;
}
	
	#menu ul { 
		   	text-align:left;
			margin-left:-30px;
			margin-top:-10px;
			list-style:none;
}

	#menu ul li { width:170px;
			  	  list-style:url(../images/setaMenu.gif) inside;
			  	  padding:4px;
				  border-bottom:1px dotted #333;
 }
 
 	#menu li a { color:#595959; text-decoration:none; padding:2px; }
	#menu li a:visited { color:#595959;  text-decoration:none; }
	#menu li a:hover { color:#ff0000; text-decoration:underline; background-color:#EEE; } 
 		

	#miolo { width:561px;
			 float:left;
		}
		
	#miolo p { margin-left:15px;
			   margin-right:15px;
	}	
		
	#miolo h2 { color:#3d3d3d;
				padding:0px;
				margin-left:15px;
				margin-right:15px;
				font-size:18px;
				font-family:Helvetica, Arial, sans-serif;
				margin-top:-3px;
				border-bottom:1px solid #cdcdcd;
				
	}	
	
	#miolo h3 { margin-left:15px;
				margin-top:-5px;
				margin-bottom:-2px;
				padding:0px;
				font-size:13px;
	
	}
		
	#destaques {
				width:323px;
				margin-left:20px;
				margin-right:20px;			
				float:left; 
}	
		

	#columDir { width:197px;
				border-left:1px #ccc solid; 
				float:left;
}

	#columDir h2 { font-size:13px;
				   margin-left:12px;
				   margin-top:0px;
				   margin-bottom:10px; 
} 
	
	#columDir img { margin-left:12px;
					margin-top:7px;
	 }
	
	#rodape { 
			  width:770px;
			  height:22px;
			  position:relative;
			  clear:both;
			  background-image:url(../images/foot.jpg);
			  background-color:#efefef;
}

/*********************
		CONTATO
**********************/


#form_contato { width:320px;
				padding:10px;				
				background-color:#fdfdfd;
				border:1px solid #eee;
				margin-left:10px;
				float:left;
				margin-bottom:10px;
}
		
#contatos	{ width:180px;
			  margin-right:15px;
			  float:right;
}

/*********************
		CURSOS
**********************/

.grade { margin-left:15px;
		 margin-right:15px;
		 border:1px solid #ccc;
		 width:525px;
		 text-align:left;
		 margin-top:-10px;
}

.grade thead { background-color:#ccc; }


.grade a { text-decoration:none; color:#3D3D3D; } 
.grade a:hover { text-decoration:underline; color:#ff0000; }


/*********************
    GALERIA DE FOTOS
**********************/

.foto { width:150px ; padding:5px; background-color:#efefef; text-align:center; margin:3px; float:left; margin-left:7px; height:150px; }

.foto img { border:0px; }

.foto a { text-decoration:none; border:0px; color:#333; }
.foto a:visited { text-decoration:none; border:0px; color:#333; }
.foto a:hover { text-decoration:underline; color:#ff0000; }