body {
	margin: 0;
	background-color:#ccc;	
}

span{
	text-align: center;

}


#container{
position:absolute;
margin-left:-365px;
left:50%;
width:730px;
height:900px;
background-color:#fff;
}

#topo{
position:absolute;
top:0px;
z-index:2;
}
#topo_cont{
position:absolute;
top:5px;
left:420px;
z-index:3;
}
.cont_topo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #003366;
	line-height:200%;
	text-align:center;
}

/* começa  o estilo d oconteudo */




#logo{
position:absolute;
left:25px;
top:10px;
z-index:1;
background-color:#fff;
}

#laco{
position:absolute;
right:15px;
top:170px;
z-index:1;
background-color:#fff;
}



#menu{
	position:absolute;
	top:200px;
	margin-top:40px;
	_margin-top:50px;
	margin-left:-156px;
	left:50%;
	width:521px;
	height:39px;
	z-index:1;
	
}

.menu_class{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color:#000066;
	line-height:200%;
	
}

.menu_class ul{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	line-height:200%;
	
}

.menu_class li{
    
	list-style:none;
	float:left;
	display:inline;
	padding:4px 8px 0px 4px ;
	border-bottom:solid 4px;
	border-right:solid 4px;
}

.menu_class a{
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color:#000066;
	
	
}

.menu_class a:hover{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color:#0099FF;
	text-decoration:underline;	
		
}

.menu_class a:visited{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color:#990000;
	text-decoration:none;	
		
}
/* --------- inico do conteudo --------- */
#mais{
	position:absolute;
	left:22px;
	top:-8px;
	z-index:1;
	background-color:#fff;
	width: 20px;
	height: 27px;
}


#doeEduc{
	position:absolute;
	left:94px;
	top:-17px;
	z-index:3;
	background-color:#fff;
	width: 112px;
	height: 41px;
}

#extras {
position:absolute;
top:325px;
z-index:1;
}



#box{
position:absolute;
margin-left:5px;
margin-top:-120px;
top:50%;
background-image:url(imagens/box.jpg);
width:240px;
height:383px;
}

.box_conteudo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	
	color:#333333;
	line-height:300%;
	text-align:center;
}


#fundoconteudo{
position:absolute;
margin-left:-117px;
left:50%;
margin-top:-170px;
top:50%;
background-color:#fff;
}




#conteudo{
	position:absolute;
	width:430px;
	margin-left:290px;
	top:301px;
	z-index:2;
	left: -25px;

}

#conteudo img{
	position:absolute;
	top:420px;
	z-index:1;
	right: 15px;

}

.texto_conteudo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color:#003366;
	
	
	line-height:200%;
	text-align:justify;
}

/* ---------- fianl conteudo---------------*/

#rodape{
position:absolute;
bottom:-5px;
background-color:#fff;

}


#endereco{
position:absolute;
bottom:2px;
left:30px;

}


.texto_endereco{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color:#000099;
	line-height:200%;
	text-align:left;
}
.texto_endereco a{
	text-decoration:none;
}
#telemarketing{
position:absolute;
bottom:50px;
right:10px;

}
#creditos{
position:absolute;
bottom:0px;
right:10px;

}
#contador{
	position:absolute;
	bottom:-1px;
	right:358px;
	width: 107px;
	height: 23px;

}

