body{
	width:100%;
	height:100%;
	margin:0;
	border:0;
}


.centraliza{
	display:table-cell;
	vertical-align:middle;
	height:100%;
}

@media screen and (max-width: 700px) {
	.centraliza{
		display:block;
		width:100%!important;
		text-align:center!important;
	}
	
	.centraliza img{
		max-width:90%!important;
	}
}

.container{
	height:100px;
	display:inline-block;
}

/* HEADER */

#header{
	width:100%;
	height:150px;
	background:url(../images/bg-topo.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
	color:#FFFFFF;
	font: 15px FuturaBT-Medium, Arial, Sans-serif;
	display:table;
}

#header .logo{
	float:left;
}

#header #menu{
	float:left;
	height:100px;
	display:table;
	margin-left:50px;
}

#header #menu > ul{
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	list-style:none;
	height:100%;
	text-align:left;
}

#header #menu > ul li{
	display:inline;
	position:relative;
	float:left;
	margin:0 5px;
	padding:5px 10px 3px 10px;
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;

}

#header #menu > ul li:hover{
	background:#FFFFFF;
	color:#E21D2C;
}




#header #menu-mobile{
	position:relative;
	display:none;
	color:#FFFFFF;
	margin-top:20px;

}

#header #menu-mobile a{
	color:#FFFFFF;
	text-decoration:none;

}

#header #menu-mobile i{
	color:#FFFFFF;
	margin:0 10px;
}

#header #menu-mobile .submenu{
	display:none;
	background:#5D5E60;
	position:absolute;
	left:0px;
	top:30px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	z-index:100;
}

#header #menu-mobile .submenu .setinha{
	color:#5D5E60;
	position:absolute;
	font-size:30px;
	top:-20px;
	left:0px;
}

#header #menu-mobile .submenu li{
	padding:5px 15px;
	border-top:#575757 1px solid;
	border-bottom:#2D2B2B 1px solid;
	border-left:#575757 1px solid;
	border-right:#2D2B2B 1px solid;
}

#header #menu-mobile .submenu li:hover{
	background:#575757;
}

#header .menumobile{
	display:none;
}

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

	#header .menucomum{ display:none!important;}

	#header .menumobile{ display:inline-block!important;	}

}

/* RODAPÉ */

#rodape{
	width:100%;
	height:auto;
	min-height:300px;
	background:url(../images/bg-rodape.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
	color:#FFFFFF;
	font: 15px FuturaBT-Medium, Arial, Sans-serif;
	float:left;	
}

#rodape .barra{
	background:#5D5E60;
	margin:20px 0;
	float:left;
	padding:30px 0;
	text-align:center;
	width:100%;
}

#rodape .barra img{
	height:100px;
	margin:0 25px;
}



/* MAIN */

#main{
	width:100%;
	height:auto;
	padding:20px 0;
	background:#FFFFFF;
	float:left;
	overflow:hidden;
}

#main #carr{
	width:10000px;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;

}

#main #carr .pag{
	position:relative;
	float:left;
	background:#FFFFFF;
	text-align:center;
	display:table;	
}



.pag .chamada{
	color:#E21D2C;
	font:21px FuturaBT-Light, Arial, Sans-serif;
	width:auto;
	display:inline-block;
	text-align:right;
	margin-right:50px;
	font-style:italic;
	
}

.pag .chamada strong{
	font:30px FuturaBT-Medium, Arial, Sans-serif;
	font-weight:normal;
	font-style:normal;
}

.pag .texto{
	color:#000000;
	font:12px FuturaBT-Medium, Arial, Sans-serif;
	width:300px;
	display:inline-block;
	text-align:left;
}

@media screen and (max-width: 700px) {
	.pag .texto{ max-width:100%;}
}


.pag .texto strong{
	color:#E21D2C;
}

.pag .commenu{
	position:relative;
}

.pag .commenu .menudetalhes{
	font:12px FuturaBT-Medium, Arial, Sans-serif;
	color:#E21D2C;
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
}

.pag .commenu .menudetalhes a:link,
.pag .commenu .menudetalhes a:active,
.pag .commenu .menudetalhes a:visited{
	color:#E21D2C;
	text-decoration:none;
}

.pag .commenu .menudetalhes a:hover{	color:#E21D2C; text-decoration:underline; }


.produto{
	float:left;
	margin:10px;
	border:#B2B4B5 1px solid;
	border-radius:2px;
	position:relative;
	text-align:center;
	padding:25px 20px 10px 20px;
}

@media screen and (max-width: 700px) {
	.produto{ margin: 10px 0;}
}

.produto .titulo,
.hidraulicas .titulo{
	background:#E21D2C;
	position:absolute;
	top:-10px;
	left:-1px;
	border-bottom:#FFFFFF 15px solid;
	border-right:#FFFFFF 15px solid;
	font:12px FuturaBT-Medium, Arial, Sans-serif;
	color:#FFFFFF;
	padding:5px 10px;
	text-transform:uppercase;
}

.produto img{
	height:200px;
}

.produto .legenda{
	font:12px FuturaBT-Medium, Arial, Sans-serif;
	color:#000000;
}

.produto .menudetalhes{
	margin-left:-10px;
}


.hidraulicas{
	float:left;
	margin:10px;
	border:#B2B4B5 1px solid;
	border-radius:2px;
	position:relative;
	text-align:center;
}

.hidraulicas .produto{
	border:none;
	margin:10px 0;
	padding:25px 10px 10px 10px;
}



#detalhes-lente{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.8);
	z-index:5;
	display:none;
	text-align:center;
	
}

#detalhes{
	max-width:400px;
	border-radius:10px;
	background:#E21D2C url(../images/bg-popup.jpg);
	background-size:cover;
	color:#FFFFFF;
	padding:20px 30px;
	display:inline-block;
	text-align:left;
	font:13px FuturaBT-Medium, Arial, Sans-serif;
	position:relative;
}

@media screen and (max-width: 700px) {
	#detalhes{	max-width:100%;}
	#detalhes iframe{	max-width:100%;}

}

#detalhes .nome{
	font:20px FuturaBT-Medium, Arial, Sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
}

#detalhes img{
	height:250px;
}
#detalhes .bordinha{
	position:absolute;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	border:#FFFFFF 1px solid;
	left:4px;
	top:4px;
	border-radius:3px;
	z-index:2;
}

#detalhes .close{
	position:absolute;
	right:15px;
	top:15px;
	color:#FFFFFF;
	font:15px FuturaBT-Medium, Arial, Sans-serif;
	font-weight:bold;
	text-decoration:none;
	z-index:4;
}


#detalhes .txtcontainer{
	width:100%;
	height:auto;
	/*background:rgba(0,0,0,0.5);*/
	max-height:500px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:3;
}

.mobile{ display:none; }
@media screen and (max-width: 700px) {
	.regular{ display:none; }
	.mobile{ display:block; }
}