body { 
  margin: 0;
    padding: 0;
	
	
font-family: 'Lato', sans-serif;
    background: url(../imagens/back.jpg); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size:100% 100%;
}


#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../imagens/menu-icon.png) center;

}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}



#conteudo2{padding-bottom:5%;}
#conteudo{
	margin-left:8%;
font-size: 15px;
	margin-top:5%;
	margin-bottom:2%;
background: url(../imagens/white.png) repeat; 
	
}
#logo_central img{padding-top:10%;width:100%;}
#conteudo3{
	margin-left:37%;
	margin-right:37%;
	padding-bottom:19%;
font-size: 15px;
	margin-top:5%;
	margin-bottom:2%;
background: url(../imagens/white.png) repeat; 
	
}
h1{
	font-size: 25px;
	color:white;
}
#central{   
 }
#central2{padding-left:6%; padding-right:4%; text-align:justify; padding-bottom:2%; }
#central_conteudo{
	
	text-align:justify;
	padding-top:3%;
	padding-left:3%;
	padding-right:3%;
	padding-top:45px;
	width:53%;
}
.clear {clear:both;}
.clear2 {clear:both; margin-top:20px;}
#maps{float:right; width:70%; height:50%;}
#empresa_img{  float:right; overflow:hidden;   background-color:white; max-width:35%; }
#empresa_img img{  min-width:30%; max-width:100%; height:auto; vertical-align:middle;     display: block; min-height:30%;}
#empresa_img2 img{  width:100%;}


#central_titulo{ background-color: #D0D0D0; 	float:left;   padding-left:40px; padding-right:40px; margin-left:-10px;
margin-top:3%; 	margin-left:7%; float:left;}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

	
	
    overflow: hidden;
    background-color: white;
}

li {
    float: left;
	 overflow: hidden;
	 font-weight: bold;
	
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding: 60px 17px;
    text-decoration: none;
	font-weight: bold;
	font-size:12px
}

li a:hover {
    background-color:  #D0D0D0  ; color:#b90c0c; 
}
.wrapper{background-color:white; padding-left:7%;  padding-right:7%;}

nav{float:left; font-size:13px; }

.fix{ overflow: hidden;  }

.active {
    color:#b90c0c;
	 background-color:  #D0D0D0  ;
}

#logo{float:left; padding-left:5%;

overflow: hidden; display:block; clear:both;}

#logo2{float:left; padding-left:5%;

overflow: hidden; display:block; clear:both;}

#logo img{
	padding-top:5px;
		padding-right:5px;
width:200px;
}

#logo2 img{
	padding-top:5px;
		padding-right:5px;
width:200px;
}
#wrapper{}
@media only screen and (min-width: 1100px) {#empresa_img2 img{width:80%; padding-top:5%;}}
@media only screen and (min-width: 950px) and (max-width: 1200px) {
	li a {
		  padding: 60px 10px;
	}
	
}

@media only screen and (max-width: 950px) {
	#empresa_img{display: none;}
	#conteudo3{width:100%;}
	#central_conteudo{width:93%; padding-top:20%; padding-bottom:10%;}
	#maps{width:100%; padding-bottom:3%; padding-top:10%; padding-bottom:10%;}
	
}
	

@media only screen and (max-width : 950px) {
#logo2{display: none;}

	header {

		position: absolute;
right:0%;
top:20px;
	}

	#menu-icon {

		display:inline-block;
		

	}

	nav ul, nav:active ul { 

		display: none;
		padding-top:0px;
		position: absolute;
		
		padding: 5px;
		background: #fff;
		border: 3px solid #444;
		right: 0px;
		
		top: 40px;
		width: 130%;
		border-radius: 4px 0 4px 4px;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}
	#header-container{}

	nav:hover ul {

		display: block;

	}
	#logo img{width:100px; }
	
	wrapper{width:100%; margin-top:-100px; }
	#central_titulo{margin-top:5px;}
	#conteudo{margin-top:0px; margin-left:0;}
	#conteudo2{margin-top:0px; margin-left:0;}
	#conteudo3{margin-top:0px; margin-left:0;}
	li a {   padding: 10px 2px;}
	#central_titulo{width:100%; margin-bottom:30px;}
	h1{font-size:20px;}
	#maps{margin-top:-40px;}

	
}