@import url('https://fonts.googleapis.com/css?family=Roboto');

*{
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
}

body{
	margin:0px 0px 0 0px;
	background-image:url(../images/background.jpg);
	background-position:0 0;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	background:rgba(0,0,0,0.5);
	display:none;
}

#popUp{
	width:100%;
	min-height:100px;
	background:rgba(255,255,255,1);
	position:fixed;
	z-index:11;
	top:50%;
	display:none;
}

#popUp #header{
	height:20px;
	line-height:20px;
	padding-left:20px;
	font-size:14px;
	background:#e08d00;
	color:#FFF;
}

#popUp #iconFechar{
	position:absolute;
	right:10px;
	margin-top:2px;
	cursor:pointer;
}

#popUp #conteudo{
	width:100%;
	max-width:600px;
	margin:0 auto;
	font-size:14px;
	padding:20px;
}

#logoCaioInicial{
	position:absolute;
	width:100%;
	max-width:240px;
	height:auto;
	left:50%;
	margin-left:-120px;
	top:20px;
}

#qdLogin{
	width:100%;
	max-width:300px;
	margin:0 auto;
	background:rgba(0,0,0,0.1);
	padding:10px;
}

#qdLogin input[type=text],
#qdLogin input[type=password],
#qdLogin input[type=button],
#qdLogin select
{
	width:100%;
	margin:2px 0px 2px 0px;
	height:40px;
	padding:0 10PX 0 10PX;
	line-height:40PX;
	font-size:24px;
}

#qdLogin #manterConectado{
	color:#FFF;
	font-size:10px;
	line-height:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:right 5px;
	background-size:24px 24px;
}

#qdLogin #manterConectado[rel=s]{
	background-image:url(../images/tick-s.png);
}

#qdLogin #manterConectado[rel=n]{
	background-image:url(../images/tick-n.png);
}

#paginas{
	width:100%;
	max-width:640px;
	padding:10px;
	margin:0 auto;
	margin-top:120px;
}

#paginas nav {
	width:100%;
	background:rgba(0,0,0,0.2);
	height:30px;
	line-height:30px;
}

#paginas nav div{
	float:left;
	line-height:30px;
	font-size:12px;
}


#paginas nav div a{
	padding:0 10px 0 10px;
	color:#FFF;
	height:30px;
	display:block;
}

#paginas nav div a:hover{
	background:rgba(0,0,0,0.2);

}

#paginas nav .btnSair{

}

#paginas #dadosUsuario{
	overflow:hidden;
}

#paginas #dadosUsuario > .linha_1 {
	overflow:hidden;
}

#paginas #dadosUsuario > .linha_1 > div {
	float:left;
	font-size:11px;
}

#paginas #dadosUsuario > .linha_1 > div:nth-of-type(1){
	text-align:left;
	width:40%;
	
}
#paginas #dadosUsuario > .linha_1 > div:nth-of-type(2){
	text-align:center;
	width:30%;	
}
#paginas #dadosUsuario > .linha_1 > div:nth-of-type(3){
	text-align:right;
	width:30%;	
}


#paginas #dadosUsuario > .linha_2 {
	overflow:hidden;
	border-bottom:double 3px rgba(0,0,0,0.5);
}

#paginas #dadosUsuario > .linha_2 > div {
	float:left;
	font-size:11px;
}

#paginas #dadosUsuario > .linha_2 > div:nth-of-type(1){
	text-align:left;
	width:70%;
	
}

#paginas #dadosUsuario > .linha_2 > div:nth-of-type(2){
	text-align:right;
	width:30%;	
}


#paginas #iconesFabricas{
	position:fixed;
	overflow:hidden;
	width:100%;
	max-width:320px;
	left:50%;
	margin-left:-160px;
	background:rgba(0,0,0,0.2);
	bottom:0;

}

#paginas #iconesFabricas .itemFabrica{
	float:left;
	width:25%;
	padding:10px;
	cursor:pointer;
}

#paginas #iconesFabricas .itemFabrica img{
	width:100%;
	height:auto;
	border-radius:50%;
	padding:1px;
	border:solid 1px rgba(0,0,0,0.5);

}


#paginas #tbCupons{
	width:100%;
	max-width:360px;
	margin:0 auto;
	margin-bottom:100px;
}

#paginas #tbCupons th{
	line-height:12px;
	height:30px;	
	font-size:11px;
	background:rgba(0,0,0,0.2);
	color:#FFF;
	width:25%;
}

#paginas #tbCupons td{
	font-size:12px;
	line-height:30px;
	height:30px;
	border-bottom:solid 1px rgba(0,0,0,0.5);
}

#paginas #tbCupons td:nth-of-type(1),
#paginas #tbCupons td:nth-of-type(3){
	text-align:center;
}


#linkCadastrese{
	margin-top:20px;
	font-size:14px;
	color:#FFF;
	text-align:right;
}

#linkCadastrese a{
	color:#000;
}


.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;
}