body {
	margin-top: 1px;
	background-image:url('i/bg-body.jpg');
	background-repeat:repeat-x;
	background-color:#c6c6c6;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: center;	
	}
	
.body {
	margin-top: 1px;
	background-image:url('bg-body.jpg');
	background-repeat:repeat-x;
	background-color:#c6c6c6;
	font-family: "Lucida Grande",  Arial, Helvetica, sans-serif;
    text-align: center;
	}	
	
	


#geral {
		width: 960px;
		background-image:url('i/y.png');
		background-repeat: repeat-x;
		margin: 0 auto;
		text-align: left;
}
	   
#conteudo {
	margin: 0 auto;
	width: 920px;	
	text-align: left;
	} 
	
	
#logo { 
		width: 920px;
		height: 93px;
		margin: 0; margin-top: 0.2em; padding: 0; margin-bottom: 0.2em;
		padding: 0;
		display: table;
		background :  url(i/fmenuh.jpg) repeat-x;
		}


#logoesq {
		float: left;
		margin: 0; padding: 0;
		width: 600px;
		height: 93px;
		background :  url(i/brancao.gif) repeat-x;
		}
		
#obenlogo {
		background: url(i/fpxoben.jpg) no-repeat;
		height: 90px;
		margin-top: 15px;
		margin-left: 50px;
		padding-left: 200px;
}

.oben, .oben a, .oben a:active {
		margin-top: 5px;
		font-family: "Lucida Grande", verdana, arial, sans-serif;
		font-size: .9em;
		text-decoration: none;
		line-height: 1.2em;
		text-align: center;
		margin-left: : 100px;
		padding-top: 5px;
}




.oben a, oben a:active {
		text-decoration: underline;
		color: #999;
}

.oben a:hover {
		text-decoration: none;
		color: #0ae;
		}
	

#logodir {
		margin: 0; padding: 0; 
		float: right;
		width: 310px;
		height: 93px;
		background-color: #f90;
		background-image:url('i/funflash.jpg');
		}
		


#linksd {
	width: 920px;
	margin 0; padding: 0; 
	text-align: right;
	font-size: 0.6em;
	line-height: 1.9em;
	vertical-align: top;
}

#linksd a{
	color: #fff;
	text-decoration: none;
	text-align: right;
}

#linksd a:hover{
	color: #d80;
	text-decoration: underline;
}



#destaque {
		margin-top: 0.2em; margin-bottom: 2em;
		margin: 0; padding: 0; padding-top: 3em;
		width: 920px;
		height: 400px;
		}
		


 #wdestaque {
			float: left;
			width: 860px;
			height: 400px;
			overflow: hidden;
			padding-right: 1em;
			margin: 0;
			background-color: #fff;
			border: 1px solid #999;
			}


 #wdestaquemais {
			float: left;
			width: 860px;
			height: auto;
			overflow: hidden;
			padding-right: 1em;
			margin: 0;
			background-color: #fff;
			border: 1px solid #999;
			font-size: 10px;
			}


 #wdestaquemore {
			float: left;
			width: 900px;
			height: auto;
			overflow: hidden;
			padding-right: 1em;
			margin: 0;
			background-color: #fff;
			border: 1px solid #999;
			}


.h1 {
			font-size: 13px;
}


.h2 {
			font-size: 10px;
}

 #idestaque {
			float: left;
			width: 520px;
			height: 400px;
			overflow: hidden;
			padding-right: 1em;
			margin: 0;
			background-color: #fff;
			border: 1px solid #999;
			}


#zdestaque {
			float: right;
			width: 370px;
			height: 400px;
			background-color: #fff;
			border: 1px solid #999;

}

.material {
	 overflow: hidden;
	 padding: 0px;
	 padding-top: 3px;
	 padding-bottom: 2px;
	 width: 365px;
	 float: left;
	 background-color: #ddd;
	 border-bottom: 1px dotted #333;
}	 
	 
	 
.mater {
	 padding: 0px;
	 padding-top: 3px;
	 padding-bottom: 2px;
	 width: 365px;
	 float: left;
	 background-color: #fff;
	border-bottom: 1px dotted #333;
	 }
	 
.mater a:link, .material a:link, .mater a:visited, .material a:visited {
	text-decoration: none;
	color: #08a;
}

.mater a:hover, .material a:hover {
	text-decoration: underline;
	color: #900;
}


dl.evento {
		width: 360px;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", verdana, arial, sans;
		font-size: 11px;
		}

.evento dt {
		width: 90px;
		float: left;
		margin: 0;
		padding: .2em;
		font-weight: bold;
				}

	/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
	/* end hack */

.evento dd {
		float: left;
		width: 260px;
		margin: 0;
		padding: .2em;
		}


#idestaque h6 {
			font-size: -.4em;
			text-align: right;
			color: #aaa;
			border-bottom: 1px solid #aaa;
			margin: .5em;
			text-indent: .3em;
}


#wdestaque h6 {
			font-size: -.4em;
			text-align: right;
			color: #aaa;
			border-bottom: 1px solid #aaa;
			margin: .5em;
			text-indent: .3em;
}

#trescol {
		margin-top: 2em; margin-bottom: 0.2em;
		padding-top: 0.5em;
		width: 920px;
		height: 120px;
		background-color: #1a1a1a;
		border: 1px solid #999;
		}
		
		
		
#trescol div {
		width: 200px;
		margin-left: 0.2em; margin-right: 0.1em;
		padding: 0.7em;
		float: left;
}




#trescol div .j3, .j4, .j5, .j6{
		line-height: 1.1em;
		background: none;

}



#trescol div .j3{
		font-size: 0.9em;
		font-style: oblique;
		font-weight: bold;
		margin: 0; padding: 0;
		background: none;
		color: #f90;

}



#trescol div .j4 {
		font-size: 0.7em;
		margin: 0; padding: 0;
		background: none;
		color: #ccc;
}


#trescol div .j4 a, a:active, a:visited {
		text-decoration: none;
		color: #ccc;
		}
		
		
#trescol div .j4 a:hover {
		color: #aaa;
		}

#trescol div .j5{
		font-size: 0.8em;
		margin: 0; padding: 0;
		background: none;
		font-style: oblique;
		margin-bottom: 0.6em;
		color: #0ae;
}


#trescol div ul {
		list-style: none;
		width: 100%;
}


#trescol div ul li{
		width: 60px;
		font-size: 0.8em;
		margin: 0; padding: 0;
		background: none;
		font-style: oblique;
}




#trescolasp {
		margin-top: 2em; margin-bottom: 0.2em;
		margin-left: auto; margin-right: auto;
		padding-top: 0.5em;
		width: 920px;
		text-align: left;
			}
		
#dentroasp {
		margin: 0 auto;
		text-align: left;
}





#2t {
		margin: 0 0 3em; padding: 0; padding-top: 1em;
		width: 918px;
		height: 170px;
		background-color: #fff;
		border: 10px solid #fc9;
		font-size: 0.8em;
		color: #666;
		}
		
 #i2t {
			float: left;
			width: 910px;
			background-color: #fff;
			border: 10px solid #fc9;
			padding-right: .1em; padding-left: 2em;
			margin: 0;

			}





#feeder {
		margin: 0 0 .2em; padding: 0; padding-top: 1em;
		margin-top: .2em;
		width: 920px;
		height: 40px;
		background-color: #dee;
		border: 1px solid #999;
		font-size: 0.8em;
		color: #666;
		}
		
 .ifeeder {
			float: left;
			overflow: hidden;
			width: 285px;
			padding-left: 1.6em;
			margin: 0;
			}
			
.ifeeder a, a:link, a:visited {
			color: #999;
			text-decoration: none;
}

.ifeeder a:hover {
			color: #000;
			text-decoration: underline;
}
			
.feedstrong {
			text-transform: uppercase;
			font-weight: bold;
}




#zeeder {
		margin: 0 0 .2em; padding: 0; padding-top: 1em;
		margin-top: .2em;
		width: 920px;
		height: 40px;
		background-color: #dee;
		border: 1px solid #999;
		font-size: 0.8em;
		color: #666;
		}
		
 .izeeder {
			float: left;
			overflow: hidden;
			width: 405px;
			padding-left: 1.6em;
			margin: 0;
			}
			
.izeeder a, a:link, a:visited {
			color: #999;
			text-decoration: none;
}

.izeeder a:hover {
			color: #000;
			text-decoration: underline;
}
			
.zeedstrong {
			text-transform: uppercase;
			font-weight: bold;
}








#diversos {
		margin-top: .2em; margin-bottom: 0.9em;
		margin-right: 0; margin-left: 0; padding: 0; padding-top: .4em;
		width: 920px;
		height: 400px;
		}
		
 #idiversos {
			float: left;
			width: 615px;
			height: 400px;
			padding-right: 0.3em;
			margin: 0;
			}


#idi {
		float: left;
		width: 300px;
		height: 400px;
		background-color: #fff;
		border: 1px solid #0ae;
}


#idiv {
		float: right;
		width: 300px;
		height: 400px;
		background-color: #fff;
		border: 1px solid #999;
}


#zdiversos {
			float: right;
			width: 290px;
			height: 400px;
			background-color: #fff;
			border: 1px solid #999;

}

.macinza {
	 overflow: hidden;
	 padding: 0px;
	 padding-top: 3px;
	 padding-bottom: 2px;
	 width: 100%;
	 float: left;
	 background-color: #dee;
	 border-bottom: 1px dotted #333;


	 }	 



.macinza a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

.macinza a:hover {
	color: #788;
	text-decoration: underline;
}
	 
	 
.mawhi {
	 padding: 0px;
	 padding-top: 3px;
	 padding-bottom: 2px;
	 width: 100%;
	 float: left;
	 background-color: #fff;
	 border-bottom: 1px dotted #333;
	 color: #333;
}


.mawhi a, a:link, a:visited {
	color: #333;
	text-decoration: none;
}

.mawhi a:hover {
	color: #788;
	text-decoration: underline;
}


.marrom {
	 padding: 0px;
	 padding-top: 3px;
	 padding-bottom: 2px;
	 width: 100%;
	 float: left;
	 background-color: #1a1a1a;
	 border-bottom: 1px dotted #333;
	 color: #0ae;
}


.marrom a {
	text-decoration: none;
	color: #eee;
}

.marrom a:hover {
	text-decoration: underline;
	color: #fff;
}


dl.c21 {
		width: 100%;
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande", verdana, arial, sans;
		font-size: 11px;
		}

.c21 dt {
		width: 25%;
		float: left;
		margin: 0;
		padding: .5em 0 0 1em;
		font-weight: bold;
				}

	/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
	/* end hack */

.c21 dd {
		float: left;
		width: 60%;
		margin: 0;
		padding: .6em;
		}
		
		
.innerdd a {
	text-decoration: none;
	color: #fc0;
}

.innerdd a:hover {
		text-decoration: underline;
}


#footer {
		margin: 0 0 3em; padding: 0; padding-top: 1em;
		width: 918px;
		height: 70px;
		background-color: #dee;
		border: 1px solid #999;
		font-size: 0.8em;
		color: #666;
		}
		
 #ifooter {
			float: left;
			width: 290px;
			height: 70px;
			padding-right: .1em; padding-left: 2em;
			margin: 0;

			}


#zfooter {
			float: right;
			width: 600px;
			height: 70px;

}


.mais {
			padding-left: 21em;
			font-family: "Lucida Grande", verdana, arial, sans-serif;
			font-size: 10px;
			color: #900;
			background: url(i/mai.png) left no-repeat;
			line-height: 12px;
}

.mais a, mais a:active {
			color: #900;
			text-decoration: none;
}


.mais a:hover {
			color: #0ae;
			text-decoration: underline;
}