*{
	box-sizing: border-box;
	font-family: 'Helvetica';
}
@font-face{
	font-family: 'Moonget';
	src: url('../fonts/moonget.otf');
}
@font-face{
	font-family: 'Freestyle Script';
	scr: url('../fonts/freestylescript.otf');
}
@font-face{
	font-family: 'Helvetica';
	scr: url('../fonts/helvetica.otf');
}
body{
	background-color: rgb(251,251,227);
}
main{
	color: #000;
	padding-bottom: 50px;
}
h4{
	padding-left: 10px;
	margin-bottom: 0;
}
h3{
	font-family: 'Freestyle Script';
	font-size: 25px;
}
h2{
	font-family: 'Moonget';
	font-size: 15px;
}
ul{
	padding: 0;	
}
li{
	padding-top: 8px;
	list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}
p{
	font-size: 13px;
	padding: 10px;
	margin: 0;
	text-align: justify;
}
.barra-fixa-topo{
	position: fixed;
	background-color: #000;
	width: 100%;
	top: 0px;
}
.barra-fixa-topo-logo{
	background-image: url("../img/logo-menu-branco.png");
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 50px;
	text-indent: -9999px;
	margin: 0 auto;
}
.cabecalho a{
	color:#000;
	font-size: 10px;
}
.cabecalho li{
	display: inline-block;
	width: 24%;
	text-align: center;
	margin-top: 8px;
}
.menu-principal{
	width: 98%;
	background-color: #fff;
	margin: auto;
	padding-bottom: 5px;
	border-radius: 15px;
	margin-top:50px;
}
.menu-principal a{
	font-family: 'Moonget';
}
.menu-principal-btn{
	position: fixed;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.barra-fixa-rodape{
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #000;
	padding-bottom: 10px;
}
.barra-fixa-rodape-item{
	margin: auto;
	padding-top: 15px;
	cursor: pointer;
	display: inline-block;
	width: 15%;
}
.barra-fixa-rodape-item img{
	width: 30px;
	display: block;
	margin: auto;
}
.icone{
	margin: auto;
	width: 120px;
	margin-top: 30px;
}
.icone-centralizado {
	margin: auto;
	text-align: center;
}
.icone-centralizado p, h2{
	text-align: center;
}
.produto{
	width: 74%;
	display: inline-block;
	font-size: 13px;
	padding-left: 10px;
}
.preco{
	width: 24%;
	text-align: right;
	display: inline-block;
	font-size: 12px;
	padding-right: 5px;
}
.descricao-produto{
	font-size: 10px;
	padding-left: 10px;
}
.rodape-chaecafe{
	text-align: center;
	font-size: 9px;
	color: rgb(70,70,70);
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	padding: 15px;
}
.rodape-cardapio{
	text-align: center;
	font-size: 9px;
	color: rgb(70,70,70);
	margin: 15px 0;
	padding: 5px;
	padding-bottom:60px ;
	padding-top: 15px;
	background-color: #fff;
}
.chaecafe-fundo{
	background-color: rgb(242,243,244);
	width: 100%;
}
.chaecafe-img{
	margin: auto;
	margin-top: 50px;
	width: 60px;
	height: 110px;
}
.main-chaecafe{
	background-image: url("../img/logo-chadarafa.png");
	background-repeat: no-repeat;
	background-width: 50%;
	background-position: center;
}
.cha-menu li{
	cursor: pointer;
}
.produto img{
	margin-right: 5px;
	padding: 5px;
	position: relative;
	float: left;
}
.produto p{
	display: inline-block;
	padding: 5px;
	position: relative;
	float: left;
	top: 5px;
}
.preco p{
	display: inline-block;
	padding: 5px;
	position: relative;
	float: right;
	top: 3px;
}
.abas{
	font-size: 12px;
}
.linha-separacao-chaecafe {
	height: 2px;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}
#cha-introducao, #cha-vida, #cha-arthur, #cha-amor, #cha-carol, #cha-donazilda, #cha-elisa, #cha-marcela, #cha-meli, #cha-rafa, #cha-seueli, #cha-srgrey{
	margin: auto;
	font-family: 'Helvetica';
	display: block;
}
#cafe-introducao, #cafe-sitiosp, #cafe-docemg, #cafe-sitiomg, #cafe-montanhases, #cafe-sitiosta, #cafe-piata, #cafe-cerrado{
	margin: auto;
	font-family: 'Helvetica';
	display: block;
	text-align: center;
}
.cha-descricao p{
	text-align: center;
}
.cha-descricao h2{
	text-align: center;
	padding: 10px;
	border-radius: 0 15px 0 0;
	margin-bottom: 0;
	font-size: 13px;
	font-family: 'Moonget';
}
.cha-descricao h4{
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
}
#cha-vida{
	border-top: solid 5px rgb(90,50,35);
}
#cha-arthur{
	border-top: solid 5px rgb(222,140,125);
}
#cha-amor{
	border-top: solid 5px rgb(219,53,101);
}
#cha-carol{
	border-top: solid 5px rgb(226,65,82);
}
#cha-donazilda{
	border-top: solid 5px rgb(240,69,114);
}
#cha-elisa{
	border-top: solid 5px rgb(79,129,84);
}
#cha-marcella{
	border-top: solid 5px rgb(156,40,123);
}
#cha-meli{
	border-top: solid 5px rgb(129,178,89);
}
#cha-rafa{
	border-top: solid 5px rgb(240,227,190);
}
#cha-seueli{
	border-top: solid 5px rgb(182,217,142);
}
#cha-srgrey{
	border-top: solid 5px rgb(227,76,46);
}
#cafe-sitiosp{
	border-top: solid 5px rgb(211,20,28);
}
#cafe-docemg{
	border-top: solid 5px rgb(201,102,72);
}
#cafe-sitiomg{
	border-top: solid 5px rgb(109,77,39);
}
#cafe-montanhases{
	border-top: solid 5px rgb(181,112,37);
}
#cafe-sitiosta{
	border-top: solid 5px rgb(10,116,50);
}
#cafe-piata{
	border-top:  solid 5px rgb(217,141,49);
}
#cafe-cerrado{
	border-top: solid 5px  rgb(102,14,91);
}
.bg_video{
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -1000;
	background: url("img/coffeefive-105.jpg") no-repeat;
	background-size: cover; 
}
.mensagem-aviso{
	text-align: center;
	width: 80%;
	margin: auto;
	margin-top: 100px;
}
.rodape-aviso{
	background-color: #fff;
	position: fixed;
	bottom: 0;
	text-align: center;
	font-size: 9px;
	color: rgb(70,70,70);
	width: 100%;
	overflow: hidden;
	padding: 15px;
}
@media (max-width: 499px){
	.barra-fixa-topo-logo{
	margin-left: 30px;
}
	.menu-principal ul{
		width: 100%;
		position: relative;
		right: 0;
	}
	.menu-principal{
		border-radius: 0 0 15px 15px;
	}
	.cabecalho li{
		display: block;
		text-align: right;
		width: 100%;
		padding-right: 5px;
	}
	.coluna, .coluna-4{
		/*background: url('../img/logo-fundo.png') no-repeat;*/
		margin-top: 50px;
	}
	.cabecalho a{
		font-size: 7px;
	}
}
@media (min-width: 500px) and (max-width: 800px ) {
	.cabecalho{
		margin-bottom: 20px;
	}
	.cabecalho a:hover{
	font-size: 12px;
	color: rgb(70,70,70); 
}
  .coluna{
  	width: 49%;
  	display: inline-block;
  }
  .produtos-refrescantes{
  	padding-bottom: 180px;
  }
	.carta-chaecafe{
		width: 80%;
		margin: auto;
	}
}
@media (min-width: 801px){
	.cabecalho{
		margin-bottom: 20px;
	}
	.cabecalho a:hover{
	font-size: 12px;
	color: rgb(70,70,70); 
	}
	.barra-fixa-rodape-item{
		width: 16%;
	}
	.coluna{
		display: inline-block;
		width: 49%;
	}
	.coluna-4{
		width: 100%;
	}
	.produtos-saborosos{
		background-image: url('../img/logo-media.png');
		background-repeat: no-repeat;
	}
	.produtos-refrescantes{
  	padding-bottom: 180px;
  }
	.instrucoes, .produto, .preco, #processos p{
		font-size: 15px;
	}
	.descricao-produto{
		font-size: 11px;
	}
	.coluna-processos{
		display: inline-block;
		width: 32%;
	}
	.carta-chaecafe{
		width: 50%;
		margin: auto;
	}
}