/*############################################################## 
	@AtivaWeb:		www.ativaweb.com
	@Autor:			Éber Costa
	@e-mail:		ebersc@gmail.com
	@data:			09/03/2009
	@content:		Folha de estilo para o layout principal 
###############################################################*/
* {	margin: 0;	padding: 0;}
address,th {font-style: normal;	font-weight: normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption,th {text-align: left;}
img,fieldset {	border: none;}
ol,ul {	list-style: none; font-size: inherit; margin:0px;}
a {	text-decoration: none ;	color: #000;}a:hover{color: #33C;}
.a_none:hover{	border-bottom: none;}
div {	position: relative;	text-align: left;}


body {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	background: url(../images/bgAll.jpg) top left no-repeat #FFF;
}

div#topo{
	margin: 0 auto;
	width: 980px;
	height: 100px;
	margin-top: 10px;
}

div#barraTop{
	height: 15px;
	padding: 5px;
	background: url('../images/barraTop.GIF') no-repeat;
}

div#logo{
	float: left;
	width: 266px;
	height: 84px;
	padding: 5px;
	margin-left: 19px;
	background: url("../images/bgLogo.gif") no-repeat;
}

div#menu{
	float: right;
	background: url('../images/bgMenu.GIF') no-repeat bottom;
	margin-top: 60px;
	width: 664px;
	height: 40px;
}

#menu ul li{
	float: left;
	width: 110px;
	margin-top: 12px;
	text-align: center;
	font-size: 13px;
}


#menu a{
	color: #397491;
}
#menu a:hover{
	color: #275165;
	border-bottom: none;
	font-weight: bold;
}

div#corpo{
	width: 980px;
	margin: 0 auto;
}

div#conteudo{
	border-top: 3px solid #CCC;
	background: #FFF;
}

.esq{
	float: left;
	padding: 15px;
	padding-top: 8px;
	width: 285px;
	background: url('../images/bgEsq.jpg') repeat-y right;
}

.dir{
	float: left;
	width: 664px;
	_width: 660px;
	background: #FFF;
}

.esq ul li{
	margin-bottom: 10px;
	padding: 3px 0px 3px 20px ;
	background: url('../images/seta.gif') no-repeat left center;
}

.blockEsq{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #888;
	width: 250px;
}

div#flash{
	width: 664px;
	_width: 662px;
	height: 240px;
	color: #FFF;
}

div#conteudoDir{
	padding-top: 10px;
	width: 645px;
	margin: 0 auto;
}

div#noticias{
	width: 280px;
	float: left;
	margin-right: 10px;
}

#noticias h2{
	margin-bottom: 8px;
	color: #33C;
}

div#palavra{
	width: 355px;
	float: left;
}

#palavra h2{
	margin-bottom: 8px;
	color: #33C;
}

.titleLink{
	color: #33C;
}
.titleLink:hover{
	border-bottom: 3px solid #33C; 
	color: #33C;
}

.title{
	color: #33C;
}

div#galery{
	margin-bottom: 8px;
}

.btGalery{
	float: left;
	width: 21px;
	height: 125px;
}

.galeria{
	float: left;
	width: 313px;
	height: 125px;
	overflow: hidden;
}

.fotosPrincipal{
	width: 880px;
}
.fotos{
	float: left;
	width: 130px;
	margin: 0px 8px 0px 8px;
}

.box{
	float: left;
	width: 200px;
	margin-right: 15px;
}

.titleBox{
	padding-left: 12px;
	background: url("../images/bgTitleBox.jpg") no-repeat left center;
	font-size: 15px;
	font-weight: bold;
	color: #33C; 
}

#bannerTop{
	width: 655px;
	background: #000;
	margin: 0 auto;
	margin: 5px 0px 10px 5px;
}

div#rodape{
	background: #666;
	width: 970px;
	height: 16px;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
}