@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'ralewaybold';
    src: url('../fontes/raleway-bold-webfont.eot');
    src: url('../fontes/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/raleway-bold-webfont.woff2') format('woff2'),
         url('../fontes/raleway-bold-webfont.woff') format('woff'),
         url('../fontes/raleway-bold-webfont.ttf') format('truetype'),
         url('../fontes/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fontes/raleway-light-webfont.eot');
    src: url('../fontes/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/raleway-light-webfont.woff2') format('woff2'),
         url('../fontes/raleway-light-webfont.woff') format('woff'),
         url('../fontes/raleway-light-webfont.ttf') format('truetype'),
         url('../fontes/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fontes/raleway-medium-webfont.eot');
    src: url('../fontes/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/raleway-medium-webfont.woff2') format('woff2'),
         url('../fontes/raleway-medium-webfont.woff') format('woff'),
         url('../fontes/raleway-medium-webfont.ttf') format('truetype'),
         url('../fontes/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fontes/raleway-regular-webfont.eot');
    src: url('../fontes/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/raleway-regular-webfont.woff2') format('woff2'),
         url('../fontes/raleway-regular-webfont.woff') format('woff'),
         url('../fontes/raleway-regular-webfont.ttf') format('truetype'),
         url('../fontes/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	width:100%;
	margin:0 auto;
	font-family: 'ralewayregular';
	}
.clear{
	clear:both;
	}
/*TOPO*/

.topo{
	width:100%;
	height:190px;
	background:#000;
	}
.topo-in{
	width:1100px;
	height:auto;
	margin:0 auto;
	padding-top:40px;
	}
.logo{
	width:311px;
	height:93px;
	background:url(../imagens/logo.png);
	float:left;
	}
.menu{
	float:right;
	padding-top:40px;
	}
.menu a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	}
.menu-btn{
	float:left;
	margin-left:40px;
	padding:10px;
	border:solid 1px #000;
	}
.menu-btn:hover{
	float:left;
	margin-left:40px;
	padding:10px;
	border:solid 1px #fff;
	}
@media screen and (max-width: 1100px){
	.banner{
	margin:0 auto;
	width:100%;
	}
	}
@media screen and (max-width: 1200px){
	.banner{
	margin:0 auto;
	width:100%;
	}
	}
@media screen and (max-width: 1920px){
	.banner{
	margin:0 auto;
	width:1300px;
	}
	}
/*TOPO FIM*/

.sobre{
	width:100%;
	height:auto;
	display:table;
	background:#f7f7f7;
	padding:25px 0;
	}
.sobre-in{
	width:1100px;
	height:auto;
	margin:0 auto;
	}
.left-sobre{
	float:left;
	width:505px;
	border-right:solid 1px #333;
	padding-right:40px;
	}
.right-sobre{
	float:right;
	width:505px;
	padding-left:40px;
	}
.sobre-in p{
	font-size:14px;
	color:#5f5f5f;
	font-family: 'ralewaymedium';
	line-height:25px;
	}
.sobre-in h1{
	margin-bottom:10px;
	margin-top:10px;
	}
.conteudo{
	width:1100px;
	height:auto;
	display:table;
	margin:0 auto;
	}
.conteudo h1{
	margin:30px 0;
	}
.conteudo .box{
	width:340px;
	height:340px;
	background:#CCC;
	float:left;
	margin-right:16px;
	margin-bottom:10px;
	border:solid 2px #8E2927;
	}
.conteudo .box:hover{
	width:340px;
	height:340px;
	background:#CCC;
	float:left;
	margin-right:16px;
	margin-bottom:10px;
	border:solid 2px #8E2927;
	opacity:0.8;
	}
.box-titulo{
	text-align:center;
	padding:10px;
	color:#ffffff;
	background:#8E2927;
	}
.conteudo a{
	text-decoration:none;
	}
a .btn{
	padding:15px 45px;
	background:#8E2927;
	width:250px;
	text-align:center;
	border-radius:5px;
	margin-top:16px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
a .btn:hover{
	padding:15px 45px;
	background:#ccc;
	width:250px;
	text-align:center;
	border-radius:5px;
	margin-top:16px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}

	
/*CONTATO*/

.contato{
	width:100%;
	height:auto;
	background:#000;
	display:table;
	margin-top:30px;
	}
.contato-in{
	width:1100px;
	margin:0 auto;
	height:auto;
	padding:65px 0;
	text-align:center;
	display:table;
	}
.contato-in h1{
	color:#fff;
	margin-bottom:10px;
	margin-top:0;
	}
.contato-in p{
	color:#D8D8D8;
	margin-top:0px;
	}
.form{
	margin:0 auto;
	width:1078px;
	display:table;
	padding-top:20px;
	}
.c{
	float:left;
	margin:0 10px;
	}
.mapa{
	padding:15px 0;
	}
.mapa iframe{
	width:1100px;
	height:500px;
	}
.campos{
	padding:10px;
	width:200px;
	height:40px;
	border:0;
	font-size:14px;
	font-family: 'ralewayregular';
	border:solid 1px #E2E2E2;
	border-radius:4px;
	}
.msg{
	padding:10px;
	width:300px;
	height:40px;
	border:0;
	font-size:14px;
	font-family: 'ralewayregular';
	border:solid 1px #E2E2E2;
	border-radius:4px;
	}
.enviar{
	border:0;
	padding:10px;
	width:230px;
	height:60px;
	font-size:20px;
	background:#6ac663;
	font-family: 'ralewayregular';
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	}
.enviar:hover{
	border:0;
	padding:10px;
	width:230px;
	height:60px;
	font-size:20px;
	background:#ffac52;
	font-family: 'ralewayregular';
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	}

/*FOOTER*/

.rodape{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#303030;
	display:table;
	}
.rodape-in{
	width:1100px;
	margin:0 auto;
	padding:30px 0;
	display:table;
	}
.local{
	color:#fff;
	float:left;
	}
.local a{
	text-decoration:none;
	color:#fff;
	}
.redes{
	float:right;
	padding-top:60px;
	}
.redes a{
	margin-left:20px;
	}
.redes img{
	width:50px;
	height:50px;
	}
.disclaimer{
	width:1100px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:60px;
	}
.direitos{
	float:left;
	}
.ideali{
	float:right;
	}
.ideali a{
	text-decoration:none;
	color:#F33;
	}
.ideali a:hover{
	text-decoration:none;
	color:#333;
	}

.lateral{
	width:280px;
	height:auto;
	background:#8e2927;
	float:left;
	}
.lateral-in{
	padding:12px;
	}
.lateral-in a{
	color:#fff;
	}
.cate{
	padding:15px 10px;
	text-align:right;
	font-size:14px;
	background:#9b3331;
	margin-bottom:4px;
	}
.cate:hover{
	padding:15px 10px;
	text-align:right;
	font-size:14px;
	background:#000;
	margin-bottom:4px;
	}
.vitrine{
	float:right;
	width:800px;
	background:#fff;
	}
.vitrine h1{
	margin-top:0px;
	font-size:20px;
	}
.conteudo p{
	font-size:16px;
	}
h2{
	clear:both;
	font-size:20px;
	}
.prod{
	width:250px;
	height:200px;
	background:#666;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px #D6D6D6;
	background:no-repeat;
	}
	
	
@media screen and (max-width: 1000px){
	
	
body{
	width:100%;
	margin:0 auto;
	font-family: 'ralewayregular';
	}
.clear{
	clear:both;
	}
.banner{
	width:1000px;
	}
/*TOPO*/

.topo{
	width:1000px;
	height:auto;
	background:#000;
	display:table;
	}
.topo-in{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:40px 0;
	display:table;
	}
.logo{
	width:800px;
	height:239px;
	background:url(../imagens/logom.png);
	float:none;
	margin:15px auto;
	}
.menu{
	float:none;
	width:990px;
	margin:0 auto;
	padding-top:40px;
	display:table;
	}
.menu a{
	color:#fff;
	text-decoration:none;
	font-size:40px;
	}
.menu-btn{
	float:left;
	margin:10px 20px;
	padding:10px;
	background:#fff;
	color:#000;
	width:390px;
	padding:30px;
	}
.menu-btn:hover{
	float:left;
	margin:10px 20px;
	padding:10px;
	background:#fff;
	color:#000;
	width:390px;
	padding:30px;
	}
	
/*TOPO FIM*/

.sobre{
	width:1000px;
	height:auto;
	display:table;
	background:#f7f7f7;
	padding:25px 0;
	text-align:center;
	}
.sobre-in{
	width:900px;
	height:auto;
	margin:0 auto;
	}
.left-sobre{
	float:none;
	width:900px;
	padding-right:0;
	border:0;
	}
.right-sobre{
	float:none;
	width:900px;
	padding-left:0;
	}
.sobre-in p{
	font-size:40px;
	color:#5f5f5f;
	font-family: 'ralewaymedium';
	line-height:50px;
	}
.sobre-in h1{
	margin-bottom:10px;
	margin-top:10px;
	font-size:100px;
	}
.conteudo{
	width:1000px;
	height:auto;
	display:table;
	margin:0 auto;
	text-align:center;
	}
.conteudo h1{
	margin:80px 0;
	font-size:80px;
	}

.conteudo .box{
	width:1000px;
	height:1000px;
	background:#CCC;
	float:left;
	margin-right:16px;
	margin-bottom:10px;
	}
.btn{
	padding:60px 0;
	}
.btn a{
	text-decoration:none;
	color:#C33;
	font-size:60px;
	}
.btn a:hover{
	text-decoration:none;
	color:#999;
	}
	a .btn{
	padding:30px 40px;
	background:#8E2927;
	width:800px;
	text-align:center;
	border-radius:5px;
	margin:20px auto;
	font-size:50px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
a .btn:hover{
	padding:30px 40px;
	background:#ccc;
	width:800px;
	text-align:center;
	border-radius:5px;
	margin:20px auto;
	font-size:50px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}
	
/*CONTATO*/

.contato{
	width:1000px;
	height:auto;
	background:#000;
	display:table;
	margin-top:30px;
	}
.contato-in{
	width:1000px;
	margin:0 auto;
	height:auto;
	padding:100px 0;
	text-align:center;
	display:table;
	}
.contato-in h1{
	color:#fff;
	margin-bottom:10px;
	margin-top:0;
	font-size:80px;
	}
.contato-in p{
	color:#D8D8D8;
	margin-top:0px;
	font-size:30px;
	}
.form{
	margin:0 auto;
	width:900px;
	display:table;
	padding-top:20px;
	}
.c{
	float:none;
	margin:20px 0;
	}
.mapa p{
	font-size:45px;
	line-height:65px;
	}
.mapa iframe{
	width:100%;
	height:500px;
	}
.campos{
	padding:10px;
	width:800px;
	height:80px;
	border:0;
	font-size:40px;
	font-family: 'ralewayregular';
	border:solid 1px #E2E2E2;
	border-radius:4px;
	}
.msg{
	padding:10px;
	width:800px;
	height:180px;
	border:0;
	font-size:40px;
	font-family: 'ralewayregular';
	border:solid 1px #E2E2E2;
	border-radius:4px;
	}
.enviar{
	border:0;
	padding:10px;
	width:820px;
	height:150px;
	font-size:40px;
	background:#6ac663;
	font-family: 'ralewayregular';
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	}
.enviar:hover{
	border:0;
	padding:10px;
	width:820px;
	height:150px;
	font-size:20px;
	background:#ffac52;
	font-family: 'ralewayregular';
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	}

/*FOOTER*/

.rodape{
	width:1000px;
	height:auto;
	margin:0 auto;
	background:#303030;
	display:table;
	}
.rodape-in{
	width:900px;
	margin:0 auto;
	padding:60px 0;
	display:table;
	}
.local{
	color:#fff;
	float:none;
	font-size:45px;
	text-align:center;
	}
.local a{
	text-decoration:none;
	color:#fff;
	}
.local h3{
	font-size:90px;
	}
.local strong{
	font-size:80px;
	}
.redes{
	float:none;
	padding:60px 0;
	text-align:center;
	}
.redes a{
	margin:0 20px;
	}
.redes img{
	width:200px;
	height:200px;
	}
.disclaimer{
	width:900px;
	margin:0 auto;
	padding:60px 0;
	text-align:center;
	}
.direitos{
	float:none;
	font-size:30px;
	}
.ideali{
	float:none;
	margin-top:45px;
	font-size:50px;
	text-align:center;
	}
.ideali a{
	text-decoration:none;
	color:#F33;
	font-size:50px;
	}
.ideali a:hover{
	text-decoration:none;
	color:#333;
	}
	
.lateral{
	width:1000px;
	height:auto;
	background:#8e2927;
	float:none;
	display:table;
	}
.lateral-in{
	padding:12px;
	display:table;
	}
.lateral-in a{
	color:#fff;
	}
.cate{
	padding:30px 0px;
	width:480px;
	text-align:center;
	font-size:30px;
	margin:0 2px;
	background:#9b3331;
	margin-bottom:4px;
	float:left;
	}
.cate:hover{
	padding:30px 0px;
	width:480px;
	text-align:center;
	font-size:30px;
	margin:0 2px;
	background:#000;
	margin-bottom:4px;
	float:left;
	}
.vitrine{
	float:none;
	width:1000px;
	margin:0 auto;
	background:#fff;
	}
.vitrine h1{
	margin-top:15px;
	font-size:60px;
	text-align:center;
	}
h2{
	clear:both;
	font-size:60px;
	}
.conteudo p{
	font-size:45px;
	}
.prod{
	width:1000px;
	height:650px;
	background:#666;
	float:none;
	margin-bottom:10px;
	border:solid 1px #D6D6D6;
	background:no-repeat;
	}
	
	
	}