@charset "utf-8";
/* CSS Document */
body{
	width:100%;
	background: url(../imagens/bg-contato.jpg) top center no-repeat #000;
	text-decoration: none;
	text-color: #520a77;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	margin:0px;
	padding:0px;


}

/*===========CSS Home=========*/
#empresa{
	position:relative;
	width:800px;
	margin:0 auto;
	
}

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

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


#topo .logo{
	float: left;
	margin-top: 40px;
	
	
}

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

}

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

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

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

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

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

.correio{
	position:relative;
	top:55px;
	left:10px;
	border:0px solid #F00;

	
}


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


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

.destaque-empresa{
	width:445px; 
	height:310px;
	position:absolute;
	top:-190px;
	left:330px;
}


.tag-contato{
	position:relative;
	float:left;
	top:95px;
	
}


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

	
#rodape{
	position:relative;
	width:800px;
	margin:0 auto;
	border:0px solid #F00;
	margin-top:120px;
	}	
	

.telefone{
	position:relative;
	width:50px;
	height:50px;
	top:10px;
	border:0px solid #000;
}	

.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;
}


/*========= Formulário =============*/
#formulario{
	clear:both;
	float:left;
	margin:20px 40px 0 0;
	width:450px;
	position:relative;
	left:-50px;
	top:100px;
}
#formulario fieldset{
	border:none;
}
#formulario label{
	display:block;
	margin:7px 0;
}
#formulario label input{
	padding:3px;
	margin:0;
	color:#2d3146;
	background:#fff;
	width:300px;
	border:1px solid #2d3146;
	height:20px;
}
#formulario label textarea{
	padding:3px;
	margin:0;
	background:#fff;
	width:300px;
	color:#2d3146;
	border:1px solid #2d3146;
	height:150px;
}
#formulario label em{
	text-align:right;
	width:85px;
	height:20px;
	padding:3px;
	font:16px Arial, Helvetica, sans-serif;
	color:#52047e;
	float: left;
}
#formulario label input.bt,#formulario label input.bt2{
	padding:3px;
	margin:5px 3px; 
	color:#ffffff;
	background:#52047e;
	width:100px;
	float:right;
	border:none;
	height:25px;
	position:relative;
	left:-20px;
}
#formulario label input.bt:hover,#formulario label input.bt2:hover{
	background:#8c0fd2;
	color:#ffffff;
}

#mapa{
	position:relative;
	float:right;
	top: -250px;
	left:50px;
}