@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html, body {
	width:100%;
	height:auto;
	min-height:100%;
	margin:0px;
	border:0px;
	padding:0px;
	font-family: Gotham, Helvetica, Arial, sans-serif;
}
a {
	color:inherit;
	text-decoration:none;
	padding:0px;
	margin:0px;
	border:0px;
}
.linha {
	position:relative;
	width:100%;
	height:auto;
}
.centro {
	position:relative;
	width:100%;
	max-width:1200px;
	padding:0px 20px;
	box-sizing:border-box;
	height:auto;
	margin:0px auto;
	font-size:0px;
	text-align:center;
}
.col {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:10px 0px;
	box-sizing:border-box;
}
.col1 {
	width:100%;
}
.col2 {
	width:50%;
}
.col3 {
	width:33.333333%;
}
.col4 {
	width:25%;
}
.col4-3 {
	width:75%;
}

.celula {
	box-sizing:border-box;
	height:auto;
	font-size:16px;
	padding:10px;
	margin:0px 10px;
}
.box {
	border-radius: 0px 0px 10px 10px;
	background-color:#FFFFFF;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
input, textarea, select {
	position:relative;
	width:100%;
	background-color:#ccc;
	outline:none;
	margin:0px;
	margin-top:10px;
	padding:10px;
	box-sizing:border-box;
	outline:none;
	border:0px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
    border-radius: 5px;
}
textarea {
	padding:10px;
	height:80px;
}
#cab .celula {
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
}
#cab .col {
	margin-bottom:0px;
	padding-bottom:0px;
}
#menu {
	position:absolute;
	top:-10px;
	right:10px;
	padding: 20px 20px 10px 20px;
}
#serv img {
	width:200px;
}
#serv2 img {
	width:100%;
}
.menu-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:37px;
	line-height:37px;
	font-family: 'Oswald';
	color:#1d7bff;
	font-size:14px;
	padding: 0px 10px;
}
.menu-item:hover {
	color:#7E7E7E;
}
.menu-line {
	position:relative;
	height:37px;
	display:inline-block;
	vertical-align:top;
	border-left:1px #b3b3b3 solid;
	margin: 0px 10px;
}
#ban {
	background:url(../_img/banner_fundo.jpg) center center no-repeat;
}
#pag {
	background:url(../_img/banner_fundo.jpg) center 40px no-repeat;
}
#pag .col4-3 .celula {
	text-align:left;
	padding:15px;
}
.pag-titulo {
	font-family: 'Oswald';
	font-size:30px;
	color:#1d7bff;
}
#pag .col4-3 .celula span {
	color:#1d7bff;
	font-weight:bold;
	font-size:16px;
}
#banner {
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}
.banners {
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:url(../_img/banner-1.jpg) center center no-repeat;
	background-size:cover;
}
.banners div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-color:#fff;
}
.quadro {
	height:310px;
}
#bolas-cont {
	position:absolute;
	left:50%;
	width:auto;
	bottom:0px;
}
#bolas {
	position:relative;
	left:-50%;
	width:auto;
	margin: 0px auto;
	padding: 3px 7px;
	bottom: 0px;
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.2);
}
.bola {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:15px;
	height:15px;
	border-radius:7px;
	background-color:#b3b3b3;
	margin:5px;
	cursor:pointer;
}
.bola:hover, .bola-sel {
	background-color:#1d7bff;
}

#des {
	margin:20px 0px 40px 0px;
}
.des-img {
	width:100%;
	height:120px;
	background: center center no-repeat;
	background-size:cover;
	box-sizing:border-box;
}
.des-tit {
	width: 100%;
	background-color:#1d7bff;
	font-family: 'Oswald';
	color:#FFFFFF;
	font-size:18px;
	box-sizing:border-box;
	padding: 5px 15px;
	border-radius: 0px 0px 10px 10px;
}
.des-txt {
	text-align:left;
	margin-top:5px;
}
.des-txt span {
	color:#1d7bff;
	font-weight:bold;
}
.enviar {
	position:relative;
	display:inline-block;
	width:100px;
	margin-top:15px;
	padding:5px 20px 0px 20px;
	font-family: 'Oswald';
	font-size:22px;
	color:#1d7bff;
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.2);
	cursor:pointer;
}
.enviar:hover {
	color:#7E7E7E;
}

#loc {
	margin-top:30px;
	padding:10px 0px;
}
#loc .celula {
	text-align:left;
	font-size:16px;
	text-align:left;
}
.mapa {
	padding:10px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:10px;
}
.rod-fone {
	font-family: 'Oswald';
	margin:10px 0px;
	font-size:22px;
	padding-left:20px;
	background:url(../_img/site.png) left center no-repeat;
}
#rod {
	background-color:#1d7bff;
	color:#FFFFFF;
	padding:10px 0px;
}
.cli-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:250px;
	margin:10px;
	padding:20px;
	text-align:center;
	box-sizing:border-box;
	background-color:#fff;
	
}
.cli-item div {
	position:relative;
	box-sizing:border-box;
	width:100%;
}

/*  INICIO DO CSS RESPONSIVO  */

.mobile {
	display:none;
}
.pc {
	display:inline-table;
}

@media only screen and (max-width: 1000px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:50%;
	}
	.col3 {
		width:33.333333%;
	}
	.col4 {
		width:33.333333%;
	}
	.col4-3 {
		width:66.666666%;
	}
	.col4:nth-child(3) {
		display:none;
	}
	
	.mobile {
		display:none;
	}
	.pc {
		display:inline-table;
	}
	
	.menu-item {
		padding: 0px 2px;
	}
	.menu-line {
		marging: 0px 2px;
	}	
	.centro {
		padding:0px 5px;
	}
	
}

@media only screen and (max-width: 750px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:50%;
	}
	.col3 {
		width:50%;
	}
	.col4 {
		width:50%;
	}
	.col4-3 {
		width:50%;
	}
	.col4:nth-child(3) {
		display:inline-block;
	}
	#pag .col4-3 {
		width:100%;
	}
	.mobile {
		display:none;
	}
	.pc {
		display:inline-table;
	}
	.quadro {
		height:220px;
	}
	#ban {
		background-size:1500px;
	}
}

@media only screen and (max-width: 480px) {
	
	.col1 {
		width:100%;
	}
	.col2 {
		width:100%;
	}
	.col3 {
		width:50%;
	}
	.col4 {
		width:100%;
	}
	.col4-3 {
		width:100%;
	}
	.col4:nth-child(2) {
		display:none;
	}
	.col4:nth-child(3) {
		display:none;
	}
	#pag .col4 {
		display:block;
	}
	.quadro {
		height:150px;
	}
	#ban {
		background-size:1000px;
	}
	
	.mobile {
		display:inline-table;
	}
	
	.pc {
		display:none;
	}
	
}
