﻿@charset "utf-8";
/* 
Autor: Laudir ispoB
Desenvolvido por E-Lemon Agência Web
Fone: +55 46 3543-3395
contato@elemon.com.br
2015
*/
/* ==========================================CSS RESET============================================ */
*, *:after, *:before{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline:none;
}
a:focus, input:focus, textarea:focus { outline:0; }

/* ------------------------CONVERTE A FONTE "em"  NA PROPORÇÃO DE "px" -----------------------------*/
body {
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	min-width:100%;
	overflow-x:hidden;
	float:none;
	list-style:none;
}

/*-------------------- Barra de rolagem do CHROME---------------------------------------*/
::-webkit-scrollbar { width: 10px; background: #ffffff;}
::-webkit-scrollbar-thumb { background: #F00; }
::-webkit-scrollbar-corner { background: #F00; }

/* -----------------------------CONTAINER--------------------------------------------- */
.GOD {
	position: relative;
	max-width:auto;
	margin: auto;
	height: auto;
	overflow:hidden;
}

/* seta o float  */
.both {clear:both;}
.left{float:left}
.right{float:right}

/* TRATA OS LINKS */
a {text-decoration: none;color:inherit; cursor:pointer;}
a:link, a:visited {text-decoration: none}
a:hover {text-decoration: none; color:none;}
a:active {text-decoration: none}
ul, li {list-style:none;}

/* ===========================FONTES===================================*/
.f1 {font-family:oswald;}
.f21 {font-family:FontAwesome;}/* icones */
.f22 {font-family:metro;}/* icones */

/* -----------------------------Tamanhos mais usados--------------------------------------------- */
.t10 {font-size:1.0em;}
.t11 {font-size:1.1em;}
.t12 {font-size:1.2em;}
.t13 {font-size:1.3em;}
.t17 {font-size:1.7em;}
.t18 {font-size:1.8em;}
.t19 {font-size:1.9em;}
.t20 {font-size:2em;}
.t21 {font-size:2.1em;}
.t22 {font-size:2.2em;}
.t23 {font-size:2.3em;}
.t14 {font-size:1.5em; font-family:Oswald; font-weight:400;}
.t15 {font-size:1.5em; font-family:Oswald; font-weight:400;}
.t16 {font-size:1.8em; font-family:Oswald; font-weight:400;}
.t24 {font-size:2.4em; font-family:Oswald; font-weight:900;}
.t25 {font-size:2.5em;}
.t26 {font-size:2.6em;}
.t27 {font-size:2.7em;}
.t28 {font-size:2.8em;}
.t29 {font-size:2.3em;}
.t30 {font-size:3em;}
.t35 {font-size:3.5em;}
.t40 {font-size:4em;}
.t45 {font-size:4.5em;}
.t50 {font-size:5em;}


/* ------------------------------- Cores mais usadas--------------------------------------- */
.c-preto {color:#000}
.c-branco {color:#FFF;}
.c-vermelho {color:#F00;}
.c-grafite {color:#252525;}

/* ------------------------------- WRAP --------------------------------------- */
.wrap {
	position:relative;
	width:85%;
	height:auto;
	margin:auto;
}
/*========================================Conteudo========================================= */

.section-auto{ position:center;  clear:both; width:100%; min-height:200px; height:auto; display:table;}

header{ position:relative; width:100%; height:140px;}
#logo{ position:relative; float:left; margin-top:25px; left:5%;}


#nav {
	float: right;
	margin: 50px 40px 0 0;
	z-index:999999999999;
}

#nav ul {
	font: 14px Oswald; font-weight:900; 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:99999999999999;
}

#nav ul li {
	float: left;
	position: relative;
	display: block;
	
}

#nav ul li a {
	color: #555;
	background: #FFF;
	text-decoration: none;
	margin: 0 1px;
	padding: 15px 15px;
	display: block;
	
}

#nav li ul {
	display: none;
	
}

#nav ul li a:hover {
	background: #fff;
	color: #F00;
	
}

#nav li:hover ul {
	display: block;
	position: relative;
	
}

#nav li:hover li {
	float: none;
	font-size: 16px;
	
}

#nav li:hover a {
	background: #fff;
	color: #FFF;
	
}

#nav li:hover li a:hover {
	background: #FF0000;
	
}

/*==============NAV2==============*/
#nav2 {
	float: right;
	margin: 50px 40px 0 0;
	z-index:999999999999;
}

#nav2 ul {
	font: 18px Oswald; font-weight:900; 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:99999999999999;
}

#nav2 ul li {
	float: left;
	position: relative;
	display: block;
	
}

#nav2 ul li a {
	color: #fff;
	background: #252525;
	text-decoration: none;
	margin: 0 1px;
	padding: 15px 60px;
	display: block;
	
}

#nav2 li ul {
	display: none;
	
}

#nav2 ul li a:hover {
	background: #252525;
	color: #f00;
	
}

#nav2 li:hover ul {
	display: block;
	position: relative;
	
}

#nav2 li:hover li {
	float: none;
	font-size: 16px;
	
}

#nav2 li:hover a {
	background: #fff;
	color: #FFF;
	
}

#nav2 li:hover li a:hover {
	background: #FF0000;
	
}

#tri{ position:absolute; z-index:99999; bottom:0; width:100%;}
.cols4{ position:relative; width:25%; padding:1% 1%; float:left; height:auto; display:table;}
.cols3{ position:relative; width:33%; padding:1% 2%; float:left; height:auto; display:table;}
.cols2{ position:relative; width:50%; padding:1% 3%; float:left; height:auto; display:table;}
footer{ position:relative; width:100%; background-color:#252525; height:400px; background-position:center top; clear:both; background-repeat:no-repeat; padding-top:25px; font-family:pf_beausans_proregular;}
#direitos{ position:absolute; bottom:0; width:100%; height:80px; background-color:#fe0000;}

#map { position:relative; clear:both; width:100%; height:350px;}