@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
*{
    font-family: 'Roboto', sans-serif;
	box-sizing:border-box;
}
body {
	margin:0px 0px 0 0px;
	background:#000;
	color:#FFF;
	text-align:center;
}

h1{
	text-align:center;
}

#whatsApp{
	position:fixed;
	bottom:0;
	height:50px;
	background:#060;
	width:100%;
	line-height:50px;
	font-size:24px;
}


#whatsApp a{
	display:block;
	color:#FFF;
	text-decoration:none;
}
.medida-1{
	position:fixed;
	top:0;
	width:3mm;
	border-left:solid 1px rgba(0,0,0,0.3);
	z-index:2;
}

.medida-h{
	position:fixed;
	left:0;
	width:3mm;
	border-top:solid 1px rgba(0,0,0,0.3);
	z-index:1;
}
.titulo{
	position:fixed;
	top:8mm;
	width:3mm;
	font-size:10px;
	color:rgba(0,0,0,0.3);
	margin-left:-5px;
}

#tamTela{
	bottom:0;
	right:0;
	font-size:36px;
	position:fixed;
}

input, button{
    font-family: 'Josefin Sans', sans-serif;
}

.central{
	margin:0 auto;
	max-width:1180px;
}





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

}

@media only screen and (min-width: 421px) and (max-width: 600px) {

}





































#bloclo3{
	overflow:hidden;
}

#bloclo3 .itemB3{
	width:330px;
	height:330px;
	background:#ebebeb;
	float:left;
}

#produtos{
	overflow:hidden;
	background:#FFF;
}



#produtos .quadroProdutos h3{
	padding:0 5px 0 5px;
	margin:3px 0 0 0;
	text-align:center;
	line-height:20px;
	height:40px;

}

#produtos .quadroProdutos .foto{
	width:238px;
	height:238px;

}

#campoNewsletter{
	color:#FFF;
	overflow:hidden;
}

#campoNewsletter .titulo{
	font-size:24px;
	margin-top:10px;
}

#campoNewsletter input{
	width:800px;
	line-height:30px;
	height:30px;
	border:solid 2px #999999;
	background:#FFF;
	color:#333;
	font-size:16px;	
}

#campoNewsletter button{
	width:180px;
	line-height:32px;
	height:36px;
	border:solid 2px #999999;
	background:url(../images/bggeral.jpg);
	background-size:100% 100%;
	color:#FFF;
	text-align:center;
	font-size:24px;
}

.itemBarLogo input{
	line-height:30px;
	height:30px;
	border:solid 2px #999999;
	background:#FFF;
	color:#333;
	font-size:16px;
}

.itemBarLogo button{
	width:100%;
	line-height:32px;
	height:36px;
	border:solid 2px #999999;
	background:url(../images/bggeral.jpg);
	background-size:100% 100%;
	color:#FFF;
	text-align:center;
	font-size:20px;
}




#blocoDetalhes{
	overflow:hidden;
	margin-top:10px;
	display:table;
	width:100%;
}

#blocoDetalhes #lateralEsquerdo{
	overflow:hidden;
	width:460px;
	display:table-cell;
	margin-top:0;
	vertical-align:top;	
}

#blocoDetalhes #lateralDireita{
	overflow:hidden;
	display:table-cell;
	margin-top:0;
	vertical-align:top;
}

#blocoDetalhes #lateralDireita h2{
	margin:0;
	padding:0;

}

#blocoDetalhes #btnOrcar{
	background:url(../images/mch_bggeral.jpg);
	background-size:100% 100%;
	color:#FFF;
	text-align:center;
	font-size:18px;
}

#blocoDetalhes #btnOrcar a{
	height:40px;
	line-height:40px;
	display:block;
	color:#FFF;
	text-decoration:none;	
}
#blocoDetalhes #btnOrcar a:hover{
	background:url(../images/mch_bgmenu2_hover.png) 100% 100%;
	text-indent:2px;

}

#blocoDetalhes #lateralEsquerdo #fotoPrincipal{
	overflow:hidden;
	width:440px;
	height:440px;
	float:left;
	background:#ebebeb;
	border:solid 1px #d1d1d1;
}

#blocoDetalhes #lateralEsquerdo .thumbs{
	width:140px;
	height:140px;
	float:left;
	background:#ebebeb;
	margin:5px 8px 0 0;
	border:solid 1px #d1d1d1;
}