*{

	margin: 0px;
	padding: 0px;
}

.topo-maior{

	width: 100%;
	height: auto;
	background-color: #00253D;
	padding: 2px 0px;
	-moz-box-shadow:    3px 3px 5px 3px #888b8c;
  	-webkit-box-shadow: 3px 3px 5px 3px #888b8c;
  	box-shadow:         3px 3px 5px 3px #888b8c;
}

.topo{

	width: 80%;
	height: auto;
	margin: 0px auto;
}

.logo{

	width: 12%;
	height: auto;
	display: inline-block;
}

.img-logo{

	width: 100%;
	height: auto;
}

ul.menu{
	
	width: auto;
	height: auto;
	margin-left: 200px;
	margin-top: 30px;
	display: inline-block;
	vertical-align: top;
}

ul.menu a{

	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Droid Sans', sans-serif;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}

ul.menu a:hover{

	color: #A58D28;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}

ul.menu li{

	padding: 0px 25px;
	margin: 0px 5px;
	display: inline-block;
}

.face{

	width: 3%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 90px;
}

.img-face{

	width: 100%;
	height: auto;
}

@media screen and (max-width: 1168px){

	ul.menu{
	
		margin-left: 150px;
		margin-top: 25px;
	}

	.face{

		width: 3%;
		margin-top: 20px;
		margin-left: 90px;
	}
}

@media screen and (max-width: 1089px){

	ul.menu{
	
		margin-left: 80px;
		margin-top: 20px;
	}

	.face{

		width: 3%;
		margin-top: 20px;
		margin-left: 90px;
	}
}

@media screen and (max-width: 988px){

	.logo{

		width: 15%;
	}

	ul.menu{
	
		margin-left: 40px;
		margin-top: 25px;
	}

	.face{

		width: 3%;
		margin-top: 20px;
		margin-left: 50px;
	}
}

@media screen and (max-width: 900px){

	.topo{

		width: 95%;
	}

	.logo{

		width: 15%;
	}

	ul.menu{
	
		margin-left: 40px;
		margin-top: 30px;
	}

	.face{

		width: 3%;
		margin-top: 25px;
		margin-left: 50px;
	}
}

@media screen and (max-width: 800px){

	.logo{

		width: 20%;
	}

	ul.menu{
	
		margin-left: 10px;
		margin-top: 30px;
	}

	.face{

		width: 3%;
		margin-top: 25px;
		margin-left: 20px;
	}
}

@media screen and (max-width: 745px){

	.logo{

		width: 30%;
		display: block;
		margin: 10px auto;
	}

	ul.menu{
		
		width: 90%;
		display: block;
		margin: 25px auto;
		text-align: center;
		
	}

	.face{

		width: 4%;
		margin: 10px auto;
		display: block;
	}
}

@media screen and (max-width: 595px){

	ul.menu li{

		padding: 0px 10px;
		margin: 0px;
		display: inline-block;
	}
}

@media screen and (max-width: 458px){

	ul.menu li{

		padding: 0px 5px;
		margin: 0px;
		display: inline-block;
	}
}

@media screen and (max-width: 424px){

	ul.menu li{
		
		width: 90%;
		padding: 5px 0px;
		margin: 5px auto;
		border-bottom: 1px solid #A58D28;
		display: block;
	}
}

@media screen and (max-width: 584px){

	.logo{

		width: 40%;
	}

	.face{

		width: 6%;
	}
}

@media screen and (max-width: 391px){

	.logo{

		width: 60%;
	}

	.face{

		width: 7%;
	}
}

@media screen and (max-width: 291px){

	.logo{

		width: 70%;
	}

	.face{

		width: 8%;
	}
}

@media screen and (max-width: 232px){

	.logo{

		width: 90%;
	}

	.face{

		width: 13%;
	}
}

.area-empresas{

	width: 75%;
	height: auto;
	margin: 40px auto 60px auto;
	text-align: center;
}

.empresas{

	width: 13%;
	height: auto;
	display: inline-block;
	margin: 0px 10px;
	padding: 5px;
	background: rgba(165, 141, 60, 0.1);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}

@media screen and (max-width: 1024px){

	.area-empresas{

		width: 95%;
	}

	.empresas{

		margin: 0px 5px;
	}
}

@media screen and (max-width: 800px){

	.area-empresas{

		width: 80%;
	}

	.empresas{
		
		width: 25%;
		margin: 5px;
	}
}

@media screen and (max-width: 550px){

	.area-empresas{

		width: 95%;
	}

	.empresas{
		
		width: 30%;
		margin: 5px;
	}
}

@media screen and (max-width: 350px){

	.area-empresas{

		width: 95%;
	}

	.empresas{
		
		width: 70%;
		margin: 5px auto;
	}
}


.empresas:hover{

	background: rgba(165, 141, 60, 0.2);
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}

.img-empresas{

	width: 100%;
	height: auto;
}

.sobre{

	width: 75%;
	height: auto;
	margin: 100px auto 50px auto;
}

@media screen and (max-width: 768px){
	
	.sobre{

		width: 90%;
	}
}

.sobre h1{

	font-family: 'Droid Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #00253D;
	text-align: center;
}

.sobre h1 span{

	border-bottom: 3px solid #A58D28;
}

.sobre p{
	
	margin-top: 40px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;	
	font-weight: 700px;
	line-height: 25px;
	text-align: left;
	color: #1D1D1B;
	
}

.contato{

	width: 75%;
	height: auto;
	margin: 100px auto 50px auto;
}

@media screen and (max-width: 768px){
	
	.contato{

		width: 90%;
	}
}

.contato h1{

	font-family: 'Droid Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #00253D;
	text-align: center;
}

.contato h1 span{

	border-bottom: 3px solid #A58D28;
}

.contato p{
	
	margin-top: 40px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;	
	font-weight: 700px;
	line-height: 25px;
	text-align: center;
	color: #1D1D1B;
	
}

#formulario{

	width: 100%;
	height: auto;
	margin: 40px auto;
}

fieldset {
    border: 0;
}

.grupo:before, .grupo:after {
    content: " ";
    display: table;
}
 
.grupo:after {
    clear: both;
}
 
.campo {
    margin-bottom: 1em;
}
 
.campo label {
    margin-bottom: 0.2em;
    color: #666;
    display: block;
}
 
fieldset.grupo .campo {
    float:  left;
    margin-right: 1em;
}
 
.campo input[type="text"],
.campo input[type="email"],
.campo input[type="url"],
.campo input[type="tel"],
.campo select,
.campo textarea {
	width: 90%;
    padding: 8px 10px;
    border: 1px solid #CCCCCC;
    display: block;
    font-family: 'Droid Sans', sans-serif;
}
 
.campo select option {
    padding-right: 1em;
}
 
.campo input:focus, .campo select:focus, .campo textarea:focus {
    background: #FFC;
}
 
.campo label.checkbox {
    color: #000;
    display: inline-block;
    margin-right: 1em;
}
 
.botao {

	margin: 20px 0px 20px 0px;
	font-family: 'Droid Sans', sans-serif;
    font-size: 1em;
    background: #12263C;
    border: 0;
    color: #FFFFFF;
    padding: 5px 20px;
    text-align: center;
    transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
 
.botao:hover {
    background: #A58D28;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
 
.botao, select, label.checkbox {
    cursor: pointer;
}

.rodape-todo{

	width: 100%;
	height: auto;
	padding: 20px 0px;
	background-color: #12263C;
}

.rodape{

	width: 75%;
	height: auto;
	margin: 0px auto;
}

@media screen and (max-width: 768px){
	
	.rodape{

		width: 90%;
	}
}

.rodape p{

	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;
	text-align: left;
	color: #FFFFFF;
}

.mapa{

	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 40px 0px;
}