body{
	background:url(../img/fumaca.jpg) no-repeat center top;
	font:14px Arial, Helvetica, sans-serif;
	color:#5a5858;
	margin:0;
	padding:0;
}

a {outline: none;}

textarea {resize: none;}



/*TOPO*/
#topo{
	width: 95%;
	max-width: 960px;
	height:155px;
	margin:0 auto;

}

#logo{
	background:url(../img/logo.png) no-repeat;
	width:204px;
	height:155px;
	float:left;
	margin-left:10px;
}
#menu{
	display:block;
	float:right;
	margin:50px 20px 0;


}
#menu > span {display: none;}
#menu ul li{
	display:inline;
	text-transform:uppercase;
	text-align:center !important;


}
#menu ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#555;
	padding:5px 10px 5px 10px;
}
#menu ul li a:hover{
	color:#fff;
	padding:5px 10px 5px 10px;
	background:red;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}




/*BANNER*/
#banner{
	margin:20px auto;
	width: 95%;
	max-width: 960px;
	height:auto;
}
#banner img{
	margin-left:12px;

}
#sombra{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:-30px auto 30px;
	}

div#clientes {
    text-align: justify;
    width: 48%;
    align-content: center;
    margin: 0 auto;
}

/*TITULOS DAS PAGINAS - NOMEPAG*/
#nomepag{
	width:920px;
	height:auto;
	margin:-20px auto 40px;
	background: url(../img/degrade.png) repeat-x;
	display:block;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	color:#6c6c6c;
	font-size:16px;
}


/*HISTORIA*/
#historia{
	width:900px;
	height:auto;
	margin:0 auto;
}

#historia .titulos{
	color:#ba0404;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;

}





/*CONTATO*/
#mae{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
}

#mae #cont{
	width:auto;
	height:auto;
	margin:0 auto;
}
#mae #cont #esq{
	width:450px;
	margin:0 20px 0;
	float:left;
}
#mae #cont #esq label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#mae #cont #esq  input{
	width:90%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#mae #cont #esq  textarea{
	height:100px;
	width:90%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#mae #cont #esq button{
	background: #ff0509; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0509 0%, #8f0222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#8f0222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* IE10+ */
	background: linear-gradient(top, #ff0509 0%,#8f0222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */
	font-size:14px;
	color:white;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:none;
	padding:3px 10px 3px;
	margin-top:5px;

}


#mae #dir{
	width:420px;
	margin:0;
	padding-left:30px;
	float:right;
	border-left:1px solid #ddd;
}
/*OFERECA SEU EQUIPAMENTO*/
#ofereca{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
}

#ofereca #ofer{
	width:auto;
	height:auto;
	margin:0 auto;
}
#ofereca #ofer #esq{
	width:450px;
	margin:0 20px 0;
	float:left;

}
#ofereca #ofer #esq label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#ofereca #ofer #esq  input{
	width:90%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#ofereca #ofer #dir{
	width:420px;
	margin:0 20px 0;
	float:right;
}
#ofereca #ofer #dir label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#ofereca #ofer #dir  input{
	width:100%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#ofereca #ofer #dir  .menor{
	width:80%;
	height:auto;
	margin:0 60px 0 0;
	padding:8px 5px 8px;
	float:left;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}

#ofereca #ofer #dir  textarea{
	height:110px;
	width:100%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#ofereca #ofer #dir button{
	background: #ff0509; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0509 0%, #8f0222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#8f0222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* IE10+ */
	background: linear-gradient(top, #ff0509 0%,#8f0222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */
	font-size:14px;
	color:white;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:none;
	padding:3px 10px 3px;
	margin-top:5px;

}


#ano{
	width:100px;
	height:50px;
	float:left;
	margin:0 10px 15px 0;
}
#valor{
	width:100px;
	height:50px;
	float:left;
	margin:0 200px 15px 0;
	clear:right !important;

}

/*SOLICITE UM ORCAMENTO*/
#solicite{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
}

#solicite #soli{
	width:auto;
	height:auto;
	margin:0 auto;
}
#solicite #soli #esq{
	width:450px;
	margin:0 20px 0;
	float:left;

}
#solicite #soli #esq label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#solicite #soli #esq  input{
	width:90%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#solicite #soli #dir{
	width:420px;
	margin:0 20px 0;
	float:right;
}
#solicite #soli #dir label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#solicite #soli #dir  input{
	width:100%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#solicite #soli #dir  .menor{
	width:30%;
	margin:0 50px 0 0;
	display:block;
	padding:8px 5px 8px;
	float:left;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#solicite #soli #dir  textarea{
	height:150px;
	width:100%;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#solicite #soli #dir button{
	background: #ff0509; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0509 0%, #8f0222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#8f0222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* IE10+ */
	background: linear-gradient(top, #ff0509 0%,#8f0222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */
	font-size:14px;
	color:white;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:none;
	padding:3px 10px 3px;
	margin-top:5px;

}



/*CENTER*/
#center{
	width: 95%;
	max-width: 960px;
	margin:0 auto;
	height:auto;
}
#destaque{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
}

#destaque .box{
	width:300px;
	height:300px;
	float:left;
	margin:10px 2px 5px;

}
#destaque .box .conteudo{
	width:auto !important;
	margin:0 25px 0;
	padding:5px 0 0;
	font-size:12px;
	height:200px;
	background:#fff;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-webkit-box-shadow: 0px 0px 5px 0px #999;
	box-shadow: 0px 0px 5px 0px #999;
}

#destaque .box .conteudo p{
	font-size:12px;
	color:#5a5858;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
	padding:0 10px 0;
	text-decoration:none;

}
#destaque .box .conteudo p a{
	text-decoration:none;
	color:#5a5858;

}



/*#parcerias{
	width: 95%;
	max-width: 960px;
	height:70px;
	margin-top:15px;
	margin-left:23px;
	float:left;
	}*/
#parcerias{
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(top, #fcfcfc 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	float:left;
	width:950px;
	height:125px;
	margin:-20px auto 40px;
	display:block;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	color:#6c6c6c;
	font-size:16px;
	text-align:left;
}

#parcerias p{
	margin:-50px 0 0 170px;
	text-align:justify;
	padding:15px 0 15px 0;
	width:auto;

}

#parcerias a{
	text-decoration:underline;
	color:red;
}

#parcerias img{
	margin-top:15px;
	margin-left:90px;
	margin-right: 38px;
    float: left;
    width: 200px;
}
#parcerias .div1{
	/* float:left; */
	margin:50px 0 -50px 0;
	text-align:left !important;
}

img.cartao{
	width: 433px;
    padding-bottom: 35px;
}

#parcerias .div2{
	float:right;
	margin:15px 50px 0 0;

}


#video{
	width:450px;
	height:350px;
	margin:0 40px 0 6px;
	float:left;
	}

#newsletter{
	width:450px;
	height:290px;
	margin:0  0 0;
	float:left;
	}
#newsletter > p {margin-left: 20px;}
#newsletter #news{
	width:auto;
	margin:0 20px 0;
}
#newsletter #news label{
	font-weight:bold;
	width:auto;
	display:block;
	margin:5px 0 0;
	font-size:12px;
	color:#777;
}
#newsletter #news input{
	width:90%;
	clear:both;
	padding:8px 5px 8px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#newsletter #news button{
	background: #ff0509; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0509 0%, #8f0222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#8f0222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0509 0%,#8f0222 100%); /* IE10+ */
	background: linear-gradient(top, #ff0509 0%,#8f0222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#8f0222',GradientType=0 ); /* IE6-9 */
	font-size:14px;
	color:white;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:none;
	padding:3px 10px 3px;
	margin-top:5px;

}


/*FOOT*/
#foot{
	width:100%;
	height:115px;
	background:#353535;
	float:left;
	color:#a9a9a9;
	margin-top:20px;
	}

#foot ul li{
	width:auto;
	height:auto;
	display:inline !important;
}
#foot ul li a{
	text-decoration:none;
	padding:10px;

}

#rodape{
	width: 95%;
	max-width: 960px;
	height:auto;
	margin:0 auto;
	text-align:center;
	text-decoration:none;


}

#rodape a{
	color:#a9a9a9;
 }

#foot #rodape p{
	padding-left:50px;
 }


#power a{
	width:48px;
	height:48px;
	float:right;
	background:url(../img/power.png) top;
	margin-top:-30px;

}
#power a:hover{	background:url(../img/power.png) bottom;}



.btn-menu-mob {display: none;}



/*********************************************************************
Responsive Tablets
*********************************************************************/
@media only screen and (max-width : 1023px) {

	/*TOPO*/
	#topo{
		width: 95%;
		max-width: 960px;
		height: 80px;
		margin:0 auto;
		position: relative;
	}

	#logo{
		width: 102px;
		height: 77.5px;
		background:url(../img/logo.png) no-repeat;
		background-size: 100%;
		margin-left: 3vw;
	}
	#menu{
		display: block;
		float: right;
		margin: 0 1vw 0;
		position: absolute;
		top: 50%;
		right: 1vw;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	/*BANNER*/
	#banner{
		margin: 20px auto;
		width: 95%;
		max-width: 960px;
	}
	#banner img{
		width: 100%;
		/*display: block;*/
		margin-left: auto;
	}
	#sombra{
		width: 95%;
		max-width: 960px;
		height: auto;
		margin: -30px 0 30px;
	}
	#sombra img {
		width: 100%;
		display: block;
	}


	/*TITULOS DAS PAGINAS - NOMEPAG*/
	#nomepag{
		width: 95%;
		margin: -20px auto 40px;

	}


	/*HISTORIA*/
	#historia{
		width: 95%;
	}

	#historia .titulos{
		color:#ba0404;
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		margin-bottom:30px;

	}

	/*CLIENTES*/
	#clientes{
		width: 95%;
		max-width:900px;
		height:auto;
		margin:0 auto;
	}
	#clientes .titulos{
		color:#ba0404;
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		margin-top:30px;

	}



	/*CONTATO*/

	#mae #cont #esq{
		width: 100%;
		margin: 0 0 20px;
	}

	#mae #cont #esq  input{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mae #cont #esq  textarea{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mae #cont #esq button{
		padding: 12px 30px;
		margin-top:5px;
	}

	#mae #dir{
		width: 100%;
		padding-left:0;
		float:left;
		border-left: none;
	}

	#mae #dir iframe {width: 100%;}

	/*OFERECA SEU EQUIPAMENTO*/
	#ofereca * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#ofereca #ofer #esq{
		width: 100%;
		margin: 0 0 20px;
		float:left;

	}
	#ofereca #ofer input {width: 100% !important;}


	#ofereca #ofer #dir{
		width: 100%;
		margin: 0 0 20px;
		float:left;
	}

	#ofereca #ofer #dir  .menor{
		width: 100%;
		height:auto;
		margin: 0;
	}

	#ofereca #ofer #dir  textarea{
		height:110px;
		width:100%;
		padding:8px 5px 8px;
		font-size:14px;
		color:#777;
		border:1px solid #ddd;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	#ofereca #ofer #dir button{
		padding: 12px 30px;
		margin-top:5px;
	}

	#ano{
		width: calc(50% - 5px);
		height: auto;
		float: left;
		margin:0 10px 15px 0;
	}
	#valor{
		width: calc(50% - 5px);
		height: auto;
		float: right;
		margin:0 0 15px 0;


	}

	/*SOLICITE UM ORCAMENTO*/

	#solicite #soli #esq{
		width: 100%;
		margin: 0 0 20px;


	}
	#solicite #soli * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#solicite #soli #esq  input{width: 100%;}

	#solicite #soli #dir{
		width: 100%;
		margin: 0 0 20px;
		float: left;
	}

	#solicite #soli #dir  .menor{width:100%; margin:0;}

	#solicite #soli #dir  textarea{width:100%;}

	#solicite #soli #dir button{
		padding: 12px 30px;
		margin-top:5px;

	}



	/*CENTER*/
	#center{
		width: 95%;
		max-width: 960px;
		margin:0 auto;
		height:auto;
	}
	#destaque{
		width: 95%;
		max-width: 960px;
		height:auto;
		margin:0 auto;
	}


	#parcerias{
		width: 100% !important;
		max-width: 950px !important;
	}

	#parcerias p{
		margin:-50px 0 0 5vw;
		text-align: left;
		padding: 15px 0 15px 0;


	}

	#parcerias img {margin-left: 5vw;}
	#parcerias .div1{
		float:left;
		margin:50px 0 -50px 0;
		text-align:left !important;
	}

	#parcerias .div2{
		float:right;
		margin:15px 50px 0 0;

	}


	#video {
		width: 100%;
		/*max-width: 450px;*/
		height: auto;
		margin: 0 40px 0 0;

		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.issuu {
		width: 95%;
		height: auto;
		margin: 0 auto;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	#video iframe,
	.issuu > div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}



	#newsletter{
		width: 100%;
		height: auto;
	}
	#newsletter > p {margin-left: 0;}
	#newsletter #news{
		width:auto;
		margin:0 20px 0;
	}
	#newsletter #news label{
		font-weight:bold;
		width:auto;
		display:block;
		margin:5px 0 0;
		font-size:12px;
		color:#777;
	}
	#newsletter #news input{
		width: 90%;
		clear:both;
		padding:8px 5px 8px;
		font-size:14px;
		color:#777;
		border:1px solid #ddd;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	#newsletter #news button {
		padding: 12px 30px;
		margin-top:5px;
	}


	/*FOOT*/
	#foot{
		width:100%;
		height:115px;
		background:#353535;
		float:left;
		color:#a9a9a9;
		margin-top:20px;
		}

	#foot ul li{
		width:auto;
		height:auto;
		display:inline !important;
	}
	#foot ul li a{
		text-decoration:none;
		padding:10px;

	}

	#rodape{
		width: 95%;
		max-width: 960px;
		height:auto;
		margin:0 auto;
		text-align:center;
		text-decoration:none;


	}

	#foot #rodape p{
		padding-left:50px;
	 }


	#power a{
		width:48px;
		height:48px;
		float:right;
		background:url(../img/power.png) top;
		margin-top:-30px;

	}
	#power a:hover{	background:url(../img/power.png) bottom;}
}




/*********************************************************************
Responsive Smartphones
*********************************************************************/
@media only screen and (max-width : 767px) {
	/*TOPO*/
	#topo{
		width: 95%;
		max-width: 960px;
		height: 80px;
		margin:0 auto;
		position: relative;
	}

	#logo{
		width: 102px;
		height: 77.5px;
		background:url(../img/logo.png) no-repeat;
		background-size: 100%;
		margin-left: 3vw;
	}
	.btn-menu-mob {
		width: 44px;
		height: 44px;
		display: block;
		overflow: hidden;
		text-indent: -5000px;
		background: transparent url(../img/ico-hamb-menu.png) center center no-repeat;
		background-size: 75%;
		position: absolute;
		top: 15px;
		right: 10px;
		border: 1px solid #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#menu {
		width: 80%;
		display: block;
		float: left;
		margin: 0;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		padding: 15px 20px 0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: all .5s;
		border: 1px solid #555;
		border-left: none;
		border-top: none;
	}
	#menu.on {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		transition: all .5s;
	}
	#menu > span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 30px;
		text-align: center;
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		border: 1px solid #555;
		cursor: default;
		display: block;
	}
	#menu ul {padding: 0; margin: 0;}
	#menu ul li {
		display: block;
		text-transform:uppercase;
		text-align: left !important;
		border-bottom: 1px solid #555;
	}
	#menu ul li:last-child {border-bottom: none;}
	#menu ul li a {
		width: 100%;
		padding: 15px 10px;
		display: block;
		color: #555;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#menu ul li a:hover {
		background-color: transparent;
		width: 100%;
		padding: 15px 10px;
		display: block;
		color: #555;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}





	#destaque .box{
		width: 290px;
		height: 290px;
		margin: 10px 0 5px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#destaque .box img {
		width: 100%;
		height: auto;
	}

	#parcerias {
		height: auto;
		overflow: hidden;
	}

	#parcerias img {
		float: none;
		display: block;
		margin-left: 0;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#parcerias .div1 {
		width: 100%;
		float: none;
		margin: 0;
		text-align: center !important;
	}

	#parcerias .div2 {
		float: none;
		text-align: center;
		margin: 15px 0 0 0;

	}
	#parcerias p{
		width: 100%;
		display: block;
		float: none;
		margin: 0;
		text-align: center !important;
		padding: 15px 0 15px 0;


	}

	#newsletter #news{
		width: 100%;
		margin: 0;


	}

	#newsletter #news input{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	#newsletter #news button {
		width: 100%;
		padding: 12px 30px;
		margin-top:5px;
	}

	/*FOOT*/
	#foot{
		width:100%;
		height: auto;
		margin-top:20px;
		}

	#foot ul li{
		display:inline-block !important;
		margin-bottom: 10px;
	}
	#foot ul li a{padding: 0;}
	#foot #rodape p {
		padding-left: 0;
		width: 100%;
		float: left;
	}

	#rodape {
		padding-bottom: 20px;
		overflow: hidden;
	}
	#rodape ul {padding-left: 0; float: left;}


	#power {
		width: 100%;
		float: left;
	}
	#power a{
		float: left;
		margin-top: 0;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);

	}
}