/*=========== RESET ==========*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
	outline: none;
	font-weight: 500;
	font-size: 18px;
	font-color: #666;
	box-sizing: border-box;
	font-family: 'Oswald', sans-serif;
	color: #666666;
}
body {background-color: #f5f5f5;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
/*=========== CONTAINER ==========*/
.container {	width: 100%;	float: left;	padding: 2% 9% 2% 9%;	text-align: center;
}

.containertopo {	width: 100%;	float: center;	padding: 1.5% 9% 2% 9%;	text-align: center;
}
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#094469, #094469);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
.bg-gray {
	background-color: #D3DEEF;
}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}

/* CABEÇALHO */
.logo {	width: 100%;	height: 50px;	float: center;	font-size: 0; text-align: center;}

/*BUTONS*/
.buttonsp {width: 40%; margin: 1%; alignment-adjust:lefth;}
.buttonsp i {float: right;}
.btn {width: 40%; font-size: 5px; text-align: left;  padding: 5px; cursor: pointer; }
.btn-cotar {width: 40%; font-size: 5px; text-align: left; cursor: pointer; padding: 5px;; }
.btn-cotar { color: #0B5583;}
/*menu */


.menu{width:100%;	height:55px; background-color:#0B5583;	font-family: arial;	z-index:99999; position:absolute;}
.menu ul{	list-style: none; position: relative; z-index: auto;	}	
.menu ul li         {  width: 16%;	float: left;}	
.menu ul li ul li   {  width: 100%;	float: left;}	
.menu a{	font-size:16px;	padding: 16px;	display: block;	text-decoration: none;	text-align: center;	background-color: #0B5583;	color: #FFF;}
.menu ul ul{ position:absolute;visibility:hidden;}	
.menu ul li:hover ul{	visibility:visible;	}		
.menu a:hover{	background-color:#f4f4f4;	color:#555;	}		
.menu ul ul li {float:none;	border-bottom:solid 1px #ccc;	}	
.menu ul ul li a{background-color: #0B5583;	}	
.menu ul ul{ position:static; overflow:hidden; max-height:0; transition:all .4s; }
.menu ul li:hover ul{ height:auto; max-height:420px; }
label[for="bt_menu"]{ padding:7px; background-color:#222; color:#fff; font-family: "Arial"; text-align: center; font-size: 20px; cursor:pointer; width: 50px; height:50px; }
#bt_menu{ display:none;  }
label[for="bt_menu"]{display:none;}	
				
				
			
@media(max-width:800px){
label[for="bt_menu"]{display:block; 	}
#bt_menu:checked ~.menu{ margin-left:0; }
.menu{ margin-top:6px; margin-left:-100%; transition:all .4s;}	
.menu ul li{ width: 100%; height:auto; float: none; }
}			
		

		

/* BANNER */
.banner {background: url(../img/banner.png) no-repeat fixed; height:auto; }
.title {width: 100%;}
.title h1 {font-size: 3.1em; color: #fff; font-weight:bold; }
.title h2 {font-size: 3.0em; color: #fff; font-weight:bold; }
.title h3 {font-size: 1.5em; color: #fff; }
.buttons {width: 100%; margin-top: 2%; alignment-adjust:lefth;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 5%; }
.btn-cadastrar {
	color: #FFFFFF;
}
.btn-sobre {color:#fff ; margin-top: 2%;}


/* SERVIÇOS */
.servico {width: 100%;  text-align: left;  margin-bottom: 2%;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 3% 10% 3% 10%;}
.inner a {
	font-size: 1.5em;
	font-color: #fff;
	font-weight: 700;
}
.inner h4 {font-size: 1.2em; font-color:#666; margin-top: 2%; }
.inner p {
	margin-top: 6%;
	font-color:#666;
	line-height: 1.5em;
	text-align: justify;
}


/* PARCEIROS */
.parceiro {width: 100%;  text-align: left;  margin-bottom: 3%;}
.parceiro img {border-radius: 7px 7px 7px 7px;}
.parceiro {padding: 3% 10% 3% 10%;}
.parceiro h2 {font-size: 1.5em; color: #00; font-weight: 700;}
.parceiro h3 {color: #000;}



/* CONTEUDO */
.conteudo {width: 100%;  text-align: left;  margin-bottom: 3%;}
.conteudo img {border-radius: 7px 7px 7px 7px;}
.conteudo {padding: 3% 10% 3% 10%;}
.conteudo h1 {
	font-size: 2.3em;
	color: #666;
	font-weight: 700;
	margin-top: 2%;
}
.conteudo h2 {
	font-size: 1.5em;
	color: #666;
	font-weight: 700;
	margin-top: 2%;
}
.conteudo h3 {
	color: #666;
}
.conteudo h4 {font-size: 1.0em; color: #666; margin-top: 1%; }
.conteudo p {
	margin-top: 1%;
	color: #666;
	line-height: 1.5em;
	text-align: justify;
}

/* TOP */
.top h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.top h3 {color: #fff;}
.top form {margin-top: 2%;}
.top input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.top button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* CONTATO */
.contato {width: 100%;  text-align: left;  margin-bottom: 3%;}
.contato {padding: 3% 10% 3% 10%;}
.contato h1 {font-size: 2.5em; color: #00; font-weight: 700; margin-top: 2%;}
.contato h2 {
	font-size: 1.5em;
	color: #666;
	font-weight: 700;
}
.contato p {margin-top: 3%; color: #666; line-height: 0.5em;}
.contato h3 {color: #000;}

/* MAPA */
.mapa { height:auto;}


/* NEWSLETTER */
.newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* RODAPÉ */
.social-icons a {font-size: 1.5em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 0.7); margin-top:2%;}
.rodape a {font-size: 1em; color: #fff; }
.rodape a:hover {border:1px solid #fff;}

/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.logo {width: 254px; background: url(../img/logo.png) center center/254px no-repeat;}
.btn {
	font-size: 14px;
}
}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.servico {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.newsletter h2 {font-size: 2em;}
.newsletter h3 {font-size: 1.5em;}
.newsletter input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button {width: 29%; padding: 2%; float: right; margin-top: 0;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title {
	width: 70%;
	float: left;
	text-align: left;
}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.buttons {
	width: 30%;
	float: left;
	margin-top: 0;
}
.servico {width: 32%; }
.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}

}
.top.container.bg-gradient h1 {
	color: #E0EAF3;
}