*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

body{
	/*background: #dbd9d2; */
	/*background: #caccce;*/
	background: #c0c4c6;
}

.container{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2%;
}

header{
	padding: 2px 0;
	background: #eff1f4;
}

.clear{
	clear: both;
}

.logo{
	float: left;
	top: 0;
	left: 0;
	height: 120px;
	width: 120px;
	background-position: left;
	background: url('../images/logo.png');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.w40{
	float: left;
	width: 40%;
}

.w50{
	float: left;
	width: 50%;
}

.w60{
	float: left;
 	width: 60%
}

.w100{
	float: left;
	width: 100%;
}

nav.menu-mobile{
	display: none;
	float: right;
	padding: 45px 0;
}

nav.menu-mobile ul{
	display: none;
	width: 100%;
	background: white;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 999;
	text-align: center;
}

nav.menu-mobile li{
	padding: 8px 0;
	border-bottom: 1px solid black;
}

nav.menu-mobile li.selected{
	background: rgb(155,155,155);
}

nav.menu-mobile a{
	display: block;
	color: black;
	text-decoration: none;
}

nav.menu-mobile h2{
	cursor: pointer;
}

nav.menu-desktop li.selected{
	font-weight: normal;
	text-decoration: underline;
}

nav.menu-desktop{
	float: right;
}

nav.menu-desktop ul{
	position: relative;
	top: 40px;
}

nav.menu-desktop li{
	display: inline;
	padding: 0 35px;
	font-weight: lighter;
}

nav.menu-desktop a{
	color: black;
	text-decoration: none;
}

nav.menu-desktop a:hover{
	text-decoration: underline;
}

/*Seção Main*/
section.main{
	position: relative;
	width: 100%;
	height: 450px;
	padding: 80px 0;
	background-image: url('../images/fundo.jpg');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
    text-align: center;
}

section.main > .container{
	position: relative;
	z-index: 2;
}

.overlay{
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	left: 0;
	top: 0;
}

section.main p{
	text-align: center;
	color: white;
	font-size: 20px;
}

.texto-main-titulo{
	margin-top: 100px;
	font-size: 50px;
	color: white;
}

section.produtos{
	padding: 30px 0;
	text-align: center;
}

.line-text{
	color: white;
	font-style: italic;
	width: 100%;
	margin: 0;
	padding: 0;
}

.line-text h2{
	font-weight: normal;
	font-size: 20px;
	width: 100%;
	border: solid;
	border-width: 1px;
	border-color: black;
	background: #424141;
}

.icones-produtos{
	margin-top: 20px;
}

.icones-produtos h2{
	font-size: 30px;
	color: #f96b04;
}

.text-titulo-box-icone-single{
	font-size: 20px;
	font-weight: bold;
}

.text-descricao-box-icone-single{
	font-size: 15px;
	font-weight: normal;
    padding: 0 25px;
}

.box-icone-single{
	float: left;
	width: 33.3%;
	padding: 0 15px;	
}

.imagens{
 	/*width: 210px;*/
 	width: 350px;
 	height: 150px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	text-align: center;
 	border: groove;
 	border-color: gray;
 	border-radius: 2%;
 	border-width: 1px;
 }

 footer{
 	display: inline-block;
 	width: 100%;
 	height: 100px;
 	background-color: #424141; 
 	color: white;
    font-size: 12px;
	position: relative;
	bottom: 0;    
 }
  
 .text1-rodape{
 	padding: 10px 0;
  	float: left;
 }

  .text2-rodape{
  	padding: 10px 0;
  	float: right;
  }

  footer.rodape > .atendimentoaocliente{
  	width: 60%
  	top: 30px;
  	text-align: center;
  	background: #636158;
  }

  .texto-atendimentoaocliente{
  	color: white;
  }

  .reservado{
  	padding: 0 10px;
  }

  section.formulario{
  	padding: 80px 0;
  }

  section.formulario .w50,.w100{
  	padding-right: 2px;
  }

  section.formulario .texto{
  	background: #424141;
  	text-align: center;
  	color: white;
  	font-size: 17px;
  	font-weight: normal;
  	padding: 4px 0;
  	border-style: ridge;
  }
  
  .formulario form{
  	margin-top: 10px;
  }

  .formulario input{ 
  	padding-left: 8px; 
  	width: 100%;  	
  	margin-bottom: 15px;
  }

  .formulario input[type="e-mail"],
  .formulario input[type="text"]{
  	height: 40px;
  }

  .formulario input[type="submit"]{
  	width: 100px;
  	cursor: pointer;
  }

  .formulario textarea{
  	width: 100%;
  	height: 80px;
  	resize: vertical;
  	padding: 8px;
  }

  .tag-form{
  	padding-left: 50px;
  	text-align: center; 
  	font-style: italic; 	
  }

  .tag-contato{
  	color: white;
  	background: #424141;
  	font-weight: normal;
  	padding: 6px 0;
  	border-style: ridge;
  	border-radius: 10px; 
  }

  .tag-whatsapp{
  	color: #04f721;
  }

  .tag-icone-fale-conosco{
  	/*color: #2bbdc4;*/
  	color: #0d8d93;
  	padding-right: 5px;
  }

  .tag-fale-conosco{
    font-weight: bold;  
  	color: #022e7a;
  }  

  .mensagem{
  	padding: 4px 4px;
    font-weight: bold;
    font-size: 15px;
    color: red;
  }

  .voltar{
  	padding: 4px 4px;
  }

 /*@media screen and (max-width: 1270px){
 	.box-icone-single{
		width: 45%;
		padding: 20px 0;
		float: right;
	}

 }*/

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

 	nav.menu-desktop{
 		display: none;
 	}
 	
 	nav.menu-mobile{
		display: block;
    }

 	.box-icone-single{
		width: 100%;
		padding: 20px 0;
	} 

 	footer{
 		height: 120px;
   }

 	.text1-rodape{
  		float: none;
 	    padding: 5px 0;  		
  		text-align: center;
 	}

  	.text2-rodape{
  		float: none;
 	    padding: 5px 0; 
  		text-align: center;  		
  	}   

  	.w60, .w50, .w40{
  		width: 100%;
  	}

  	.tag-form{
  	padding-left: 0;
 
 }