@charset "utf-8";
/* CSS Document */

html, body {
	width:100%;
	height:auto;
	min-height:100%;
	margin:0px;
	border:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(95, 95, 95);
}
a {
	color:inherit;
	text-decoration:none;
}
.linha {
	position:relative;
	width:100%;
	height:auto;
}
.centro {
	position:relative;
	width:100%;
	max-width:1280px;
	padding:0px 10px;
	box-sizing:border-box;
	height:auto;
	margin:0px auto;
	font-size:0px;
	text-align:center;
}
.col {
	position:relative;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
.col1 {
	width:100%;
}
.col2 {
	width:50%;
}
.col3 {
	width:33.333333%;
}
.col3-1 {
	width:33.333333%;
}

.col3-2 {
	width:66.666666%;
}
.col4 {
	width:25%;
}
.col4-3 {
	width:75%;
}
.col5 {
	width:20%;
}
.col6 {
	width:16.666666%;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
.celula {
	box-sizing:border-box;
	height:auto;
	font-size:16px;
	padding:0px 15px;
	text-align: left;
}
.quadro {
	min-height:540px;
}
#cab {
	background-color: #555658;
	z-index: 999;
	top: 0px;
}
#ban {
	background: center center no-repeat;
	background-size: cover;
}
#ban2 {
	background: url(../_img/banner2.jpg) center center no-repeat;
	background-size: cover;
}
.ban-lente {
	position: absolute;
	width: 100%;
	top: 0px;
	height: 100%;
	background: #000000;
	opacity: .3;

}
#des {
	padding: 50px 0px;
}
#ico {
	background-color: #cacbd1;
}
#ico .celula {
	padding: 40px 10px;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
}
.menu-item {
	padding-top: 10px;
	width: 100%;
	height: 100px;
	display: flex;
	color: #FFF;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.text-ban {
	width: 50%;
    display: flex;
    text-align: left;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.text-ban span {
	font-size: 46px;
	line-height: 50px;
}
.menu-item:hover {
	background-color: #666;
}
#dest {
	padding: 40px 0px;
}
#dest .text-ban {
	color: inherit;
	width: 100%;
}
#rod {
	padding: 40px 0px;
}
#rod .celula {
	text-align: left;
	line-height: 22px;
}
.img-btn {
	transition: margin 200ms;
	cursor: pointer;
}
.img-btn:hover {
	margin-top: -10px;
	margin-bottom: 10px;
}
.menu-item-sel {
	background-color: #448DCB;
}
.menu-item-mobile {
	width: 30%;
	display: none;
}
.menu-mobile {
	position: absolute;
	display: none;
	left: -5px;
	top: 70px;
	padding: 10px 0px;
	background-color: #666;
}
.menu-mobile-item {
    position: relative;
    text-align: left;
    display: block;
    padding: 10px 35px;
    font-size: 18px;
    color: #fff;
}
.img-box {
	background: center center no-repeat;
	background-size: cover;
	border-radius: 15px;
	margin: 20px 0px;
}
#contato {
	position:relative;
	width:100%;
	max-width:550px;
	font-size:0px;
	padding:0px;
	box-sizing:border-box;
}
#contato form {
	margin:0px;
	padding:0px;
	border:0px;
}
#contato input, #contato textarea {
	width:100%;
	height:32px;
	background-color:#fff;
	border:1px solid #666;
	border-radius: 5px;
	outline:none;
	box-sizing:border-box;
	padding:5px 10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.botao {
	background:#57b84f;
	border:0px;
	text-align:center;
	width:100px;
	float: right;
	box-sizing:border-box;
	border-radius: 5px;
	height:40px;
	line-height:35px;
	outline:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	-webkit-appearance: none;
}
.botao:hover {
	opacity:.8;
}
#contato textarea {
	height:170px;
}

#contato ::-webkit-input-placeholder {
    color:#000;
}
#contato :-moz-placeholder {
    /* FF 4-18 */
    color:#000;
}
#contato ::-moz-placeholder {
    /* FF 19+ */
    color:#000;
}
#contato :-ms-input-placeholder {
    /* IE 10+ */
    color:#000;
}
.menu-w {
	text-align: center;
}
.menu-l {
	cursor:default;
}
.menu-l:hover {
	background-color: transparent;
}

.mobile {
	display:none;
}
.pc {
	display:block;
}
@media only screen and (max-width: 1200px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:50%;
	}
	.col3 {
		width:33.3333%;
	}
	.col3-2 {
		width:66.6666%;
	}
	.col4 {
		width:50%;
	}
	.col4-3 {
		width:66.6666%;
	}
	.col5 {
		width:25%;
	}
	.quadro {
		min-height:500px;
	}
}

@media only screen and (max-width: 900px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:50%;
	}
	.col3 {
		width:50%;
	}
	.col3-2 {
		width:50%;
	}
	.col4 {
		width:50%;
	}
	.col4-3 {
		width:66.6666%;
	}
	.col5 {
		width:33%;
	}
	.col6 {
		width:33.3333%;
	}
	.centro {
		padding:0px 10px;
	}
	.quadro {
		min-height:450px;
	}
	#cab {
		position: fixed;
	}
	a.menu-item {
		display: none;
	}
	.menu-item {
		padding: 0px;
		height: 70px;
		font-size: 0px !important;
	}
	.text-ban {
		width: 100%;
		font-size: 16px;
		line-height: 20px;
	}
	.text-ban span {
		font-size: 28px;
		line-height: 32px;
	}
	#dest .celula {
		height: auto !important;
	}
	.menu-item-mobile {
		display: flex;
	}
	.menu-w {
		width: 30% !important;
	}
	#ban {
		margin-top: 70px;
	}
}

@media only screen and (max-width: 700px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:100%;
	}
	.col3 {
		width:100%;
	}
	.col3-2 {
		width:100%;
	}
	.col4 {
		width:100%;
	}
	.col4-3 {
		width:50%;
	}
	.col6 {
		width:50%;
	}
	.centro {
		padding:0px 5px;
	}
	.quadro {
		min-height:300px;
	}
}

@media only screen and (max-width: 480px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:100%;
	}
	.col3 {
		width:100%;
	}
	.col3-2 {
		width:100%;
	}
	.col4 {
		width:100%;
	}
	.col4-3 {
		width:100%;
	}
	.col6 {
		width:50%;
	}

}
