@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	background: url(../imagens/bg-home.jpg) top center no-repeat #000;
	margin:0px;
	padding:0px;
	border:0px solid #F00;
	height:1080px;
	
	
}

/*===========CSS Home=========*/
#geral{
	position:relative;
	width:800px;
	margin:0 auto;
	border-width:0px;
	border:0px solid #F00;
	
}

/*===========Topo=========*/

#topo{
	position:relative;
	width: 100%;
	height:335px;
	margin:0 auto;
	border:0px solid #F00;
}


.logo{
	position:relative;
	float: left;
	margin-top: 40px;
	bottom:5px;
	border:0;
	border:none;
	border-style:none;
}

.menu{
	position:absolute;	
	border:0px solid #F00;
	width:650px;
	height:45px;
	margin-top:-5px;
	left:305px;
	top:3px;

}

#topo .menu ul{
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
}

#topo .menu ul li{
	display: inline;
}

#topo .menu ul li a:hover{
	color: #ff8a00;
}

#topo .menu ul li a{
	display: inline;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
}

#topo .separadorMenu{
	margin:0 10.5px 0 10.5px;
	color:#fff;
	font-size:18px;
}

.correio{
	position:relative;
	top:55px;
	left:10px;
	border-style:none;
}


/*=========Area Útil=========*/


#util{
	position:relative;
	width: 800px;
	height:625px;
	margin:0 auto;	
	/*border-color:#FF0000;
	border-width:1px;
	border-style:solid;*/
	border:0px solid #F00;
}

.familia{
	width:540px;
	height:321px;
	position:relative;
	float:left;
	right:95px;
	bottom:80px;
	border:0px solid #F00;

}

.banner{
	position:absolute;
	float:right;
	bottom:400px;
	left:370px;
	border:0px solid #F00;

	
	
	}
	
	/*=========== Slide =============*/
#slide{
	position:absolute;
	float:right;
	bottom:400px;
	left:370px;
	border:0px solid #F00;
	clear:both;
	margin:30px auto 0;
	width:470px;
	height:520px;
}


.representacao{
	position:relative;
	width:410px;
	float:left;
	bottom: 70px;
	border:0px solid #F00;

}

.texto-home{
	position:relative;
	width:400px;
	left:20px;
	bottom: 8px;
	border:0px solid #F00;
}

.texto-home a:hover{
	top:1px;
	right:1px;
}

.texto-home p{
	text-decoration: none;
	color: #520a77;
	font-family: Verdana, Geneva, sans-serif;
	font-size:15px;
	font-style:italic;
}

.li-destaque li{
	text-decoration: none;
	color: #520a77;
	font-family: Verdana, Geneva, sans-serif;
	font-size:15px;
	font-style:italic;
}

.destaque{
	width:445px; 
	heught:310px;
	position:absolute;
	top:250px;
	left:390px;
	border:0px solid #F00;
	
}

.texto-rodape{
	position:absolute;
	width:100%;
	height:110px;
	top:580px;
	border:0px solid #F00;
	
}
	
.texto-rodape h3{
	color: #520a77;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	border:0px solid #F00;

	}
	
	
/*=========Rodapé=========*/

	
#rodape{
	position:relative;
	width:800px;
	margin:0 auto;
	border:0px solid #F00;
	margin-top:60px;
	}	
	
#rodape .telefone{
	position:relative;
	left:-50px;
	top: 6px;
	padding:0px 0 0 50px;
}	

.texto-telefone{
	position:absolute;
	width: 590px;
	height:20px;
	bottom:25px;	
	left: 60px;
	text-decoration: none;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
}


.texto-telefone a{
	text-decoration: none;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
}


#redessociais{
	position:relative;
	float:right;
	bottom: 40px;
	right:10px;
}

.redes1{
	position:relative;
	bottom:0px;	
	float: right;
	margin-right:15px;
}
.redes2{
	position:relative;
	bottom:0px;	
	padding:0 15px 0 15px;
	float: right;
}
.redes3{
	position:relative;
	bottom:0px;	
	float: right;
	
}