/*
CORES
	Fonts: 
	Botões: 
	Borders: 
*/

@font-face {
    font-family: 'OpenSans';
	font-display: fallback;
    src: url('fonts/OpenSans/OpenSans.eot');
    src: url('fonts/OpenSans/OpenSans.eot') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans.woff2') format('woff2'),
         url('fonts/OpenSans/OpenSans.woff') format('woff'),
         url('fonts/OpenSans/OpenSans.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
	font-display: fallback;
    src: url('fonts/OpenSans/OpenSansLight.eot');
    src: url('fonts/OpenSans/OpenSansLight.eot') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSansLight.woff2') format('woff2'),
         url('fonts/OpenSans/OpenSansLight.woff') format('woff'),
         url('fonts/OpenSans/OpenSansLight.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSansLight.svg#OpenSansLight') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
	font-display: fallback;
    src: url('fonts/OpenSans/OpenSansBold.eot');
    src: url('fonts/OpenSans/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSans/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSans/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSansBold.svg#OpenSansBold') format('svg');
}

body{
	font-family:OpenSans;
	font-size:14px;
	color:#000;
	text-align:center;
}
input,
textarea{
	font-family:OpenSans;
	font-size:18px;
}

figure{
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.container{
    float: left;
    width: 100%;
}
	.content{
		position:relative;
		width:100%;
		/* max-width:1180px; */
		height:auto;
		display:inline-block;
	}
		.content.home{width:100%;}
		.paddingPadrao{padding:40px 0;}
		.paddingPadrao2{padding:20px 0;}

.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clear{clear: both;}
.clear10{
	float:left;
	width:100%;
	height:10px;
	display:block;
}
.clear20{
	float:left;
	width:100%;
	height:20px;
	display:block;
}

.text p,
.text{
	width:100%;
	text-align:left;
	font-size:18px;
	line-height:26px;
	color:#4d4d4d;
}
	.text p{padding:0 4%;}
	.text > figure:first-child{margin-top:15px;}
	.text > figure{margin: 30px 0px;}
	.text > figure img{margin:0 auto;}
	.text a,
	.text a *{color:#FF7F00;}
		.text a:hover{text-decoration:underline;}
	.text span.laranja{
		color:#FF7F00;
		font-family:OpenSansBold;
	}
	.text span.verde{
		color:#00BE5E;
		font-family:OpenSansBold;
	}
		
.fontzero,
.fontzero *{font-size:0 !important;}

.modal-open{overflow: hidden;}

.btPadrao{
	padding:12px 30px;
	background-color:#626262;
	display:inline-block;
	cursor: pointer;
	
	font-family:OpenSans;
	color:#fff;
	font-size:16px;
}
	.btPadrao:hover{background-color:#4e4e4e;}
	
	
/* FORMs */
.inputPadrao,
.selectPadrao,
.textareaPadrao{
    color: #626262;
    font-size: 16px;
    padding: 8px 5px;
	display: inline-block;
	background: transparent;
    border:0;
    border-bottom: 1px solid #E1E1E1;
}
	.inputPeq{width:142px;}
	.inputMed{width:222px;}
	.inputGra{width:302px;}
	
.title{width:100%;}
	.title *{
		color:#4d4d4d;
		font-family:OpenSansBold;
		font-size:36px;
		line-height: 36px;
	}
	.title p{
		color: #4d4d4d;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
		font-family: OpenSans;
		
		padding-top:12px;
	}
		
h1{font-size:1.7em;}
h2{font-size:1.5em;}
h3{font-size:1.1em;}

.m-t-20{
	margin-top:20px;
}

/************
	SITE
*************/
#header{
	width:100%;
}
	#header h1{font-size:0;}
#bgTopo{
	padding: 18px 4% 8px;
	text-align:center;
	background-color:#FF7F00;
	display:block;
	font-size:0;
}
	#bgTopo #logo{
		float:left;
		width:100%;
		text-align:center;
	}
		#bgTopo #logo a{
			display:inline-block;
		}
	#bgTopo .menu{
		float:left;
		width:100%;
		margin-top:8px;
		text-align:center;
	}
		#bgTopo .menu a.estados{
			padding-left:9px;
			border-left:3px solid #fff;
			display:none;
		}
		#bgTopo .menu a{
			font-weight:bold;
			padding:5px 6px 5px;
			color:#fff;
			font-size:18px;
			letter-spacing: 2px;
			border-bottom:3px solid transparent;
			display:inline-block;
		}
			#bgTopo .menu a:hover{border-bottom:3px solid #fff;}
		
	#bgTopo #btLupa{
		position:absolute;
		top:0;
		left:50%;
		margin-left:140px;
		width:32px;
		height:29px;
		margin-top:23px;
		background:url(../img/btLupa.png) center no-repeat;
		display:inline-block;
	}
	
.add-button{
	padding-top: 5px;
	display:none;
}
	.add-button button{
		user-select: none;
		border-color: #fff;
		background-color: #FFFFFF;
		color: #5b5b5b;
		border-radius: 10px;
		cursor: pointer;
		font-size: 15px;
		height: 40px;
		padding: 0 15px;
		border: 1px solid #5b5b5b;
	}
		.add-button button:hover{
			background-color: #ededed;
		}
	
#bgRodape{
	float:left;
	width:100%;
	font-size:0;
	height:auto;
	background-color:#FF7F00;
}
	#rodape{
		padding:50px 0 20px 0;
	}
		#rodape .logo{
			float:left;
			width:100%;
		}
			#rodape .logo img{
				margin:0 auto;
				display:block;
			}
			#rodape .logo p{
				max-width:500px;
				margin:20px auto 0 auto;
				color:#fff;
				font-size:14px;
				line-height:1.4em;
			}
		#rodape .navFooter{
			float:left;
			width:100%;
			margin:33px 0;
		}
			#rodape .navFooter a:hover{text-decoration:underline;}
			#rodape .navFooter a{
				float:left;
				/* width:50%; */
				width:100%;
				padding:3px 5px;
				color:#fff;
				font-size:14px;
				line-height:1.4em;
				text-align:center;
			}
		#rodape .copyright{
			float:left;
			width:100%;
			margin-top:10px;
			color:#fff;
			font-size:14px;
			line-height:1.4em;
		}
			#rodape .copyright a{
				color:#fff;
			}
			
#main{
	position:relative;
	float:left;
	width:100%;
	padding-top:30px;
	background-color:#F1EEE9;
	font-size:0;
}

.secoes:first-child{padding-top:0;}
.secoes:nth-child(even){background-color:#EDE6E0;}
.secoes:nth-child(odd){}
.secoes{
	width:100%;
	padding:30px 0;
	display:inline-block;
}
	.secoes header{
		width:100%;
		position:relative;
		padding:0 30px;
		margin-bottom:30px;
		text-align:center;
	}
			.secoes header .title{
				color:#FF7F00;
				font-family:OpenSansBold;
				font-size:28px;
				line-height:1.2em;
			}
			.secoes header h1.title{
				color: #4d4d4d;
				font-size:32px;
			}
			
.txtHome{}
	.txtHome p{text-align:center;}
	
.divPubInternas{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.publicidade{
	width:100%;
	height:auto;
	font-size:0;
	text-align:center;
}
	.publicidade.mobile{display:block;}
	.publicidade.desktop{display:none;}
	.text .publicidade{margin-top:30px;}
	.publicidade p{
		position:absolute;
		width:auto;
		top:-18px;
		left:50%;
		margin-left:-42px;
		padding:0;
		/* margin:0; */
		font-size:16px;
		line-height:18px;
		color:#B5B5B5;
		font-family:OpenSansLight;
	}
	.publicidade .in{
		position:relative;
		width: auto;
		height: auto;
		margin:0 auto;
		text-align:center;
		display:inline-block;
	}
	.publicidade .ad300{width:300px;}
	.publicidade .ad336{width:336px;}
	.publicidade .ad728{width:728px;}
	.publicidade .adResponsive{
		width: 300px;
		height: auto;
	}
		@media(min-width: 350px) {.publicidade .adResponsive { width: 336px; height: auto; } }
		@media(min-width: 500px) {.publicidade .adResponsive { width: 468px; height: auto; } }
		@media(min-width: 800px) {.publicidade .adResponsive { width: 728px; height: auto; } }
		
.listBts:last-child{margin-bottom:0;}
.cols-2 .listBts{width:100%;}
.listBts{
	float:left;
	width:100%;
	margin-bottom:20px;
}
	.listBts h3{
		font-size:20px;
		line-height:26px;
		color:#7E7D7B;
		text-align:center;
	}
	.listBts a{
		float:left;
		width:100%;
		margin-top:15px;
		padding:20px;
		border:1px solid #E1E1E1;
		border-radius:12px;
		background-color:#ccc;
		font-family:OpenSansBold;
		font-size:28px;
		line-height:1.2em;
		color:#fff;
		text-align:center;
	}
		.listBts a:hover{background-color:#aaa;}
		
	.listBts a.laranjaForte{background-color:#FF7F00;}
		.listBts a.laranjaForte:hover{background-color:#FF9E29;}
	.listBts a.laranjaFraco{background-color:#FF9E29;}
		.listBts a.laranjaFraco:hover{background-color:#FF7F00;}
	.listBts a.verde{background-color:#00BE5E;}
		.listBts a.verde:hover{background-color:#00BE5E;}

.listSites{
	float:left;
	width:100%;
}
	.listSites ul{
		float:left;
		width:100%;
	}
		.listSites ul li:first-child{margin-top:0;}
		.listSites ul li{
			float:left;
			width:100%;
			padding:0 30px;
			margin-top:20px;
		}
			.listSites ul li h4{
				position:relative;
				float:left;
				width:100%;
				padding-left:20px;
				
				text-align:left;
				font-size:22px;
				line-height:1.4em;
				color:#7E7D7B;
				font-family: OpenSansBold;
			}
				.listSites ul li h4::before{
					content:">";
					position:absolute;
					top:0;
					left:0;
					font-size:22px;
					color:#FF7F00;
					font-family: OpenSansBold;
				}
			.listSites ul li p{
				float:left;
				width:100%;
				padding-left:20px;
				
				text-align:left;
				font-size:18px;
				line-height:1.4em;
				color:#4d4d4d;
			}
		
.itens{
	float:left;
	width:100%;
}
	.itens ul{
		float:left;
		width:100%;
	}
		.bg .itens ul li{border-bottom:1px solid #E1E1E1;}
		.itens ul li{
			float:left;
			width:100%;
			margin-top:30px;
		}
			.itens ul li a{
				width:100%;
				max-width:270px;
				margin:0 auto;
				text-align:center;
				display:block;
			}
				.itens ul li a img{
					display:inline-block;
				}
				.itens ul li a p{
					margin-top:10px;
					font-size:26px;
					color:#597B84;
					font-family:OpenSansBold;
				}	
		
#quadrante{
	width:100%;
	min-height:150px;
	margin-bottom:10px;
	text-align:center;
	display:inline-block;
}
	#quadrante .inner{
		width:100%;
		max-width:500px;
		display:inline-block;
	}
	#quadrante .header{
		float:left;
		width:100%;
		background-color:#FF7F00;
	}
		#quadrante .header .row{
			width:100%;
			display:table;
		}
			#quadrante .header .row div{
				width:calc(100% - 80px);
				padding:12px 0;
				text-align:center;
				display:table-cell;
				vertical-align:middle;
			}
				#quadrante .header .row div h2{
					float:left;
					width:100%;
					margin-bottom:5px;
					color:#fff;
					font-size:22px;
					line-height:1.3em;
					font-family:OpenSansBold;
				}
				#quadrante .header .row div h3{
					float:left;
					width:100%;
					margin-bottom:5px;
					color:#fff;
					font-size:20px;
					line-height:1.3em;
					font-family:OpenSansBold;
				}
				#quadrante .header .row div p{
					float:left;
					width:100%;
					color:#fff;
					font-size:16px;
					line-height:1.1em;
					text-align:center;
				}
				#quadrante .header .row div .bts{
					float:left;
					width:100%;
					margin-top:20px;
					text-align:center;
				}
					#quadrante .header .row div .bts li{
						display:inline-block;
					}
					/* #quadrante .header .row div .bts li.btWhats{} */
					#quadrante .header .row div .bts li.btRefresh a{
						background-color: #ffa74f;
						font-family: OpenSansBold;
						color: #fff;
						font-size: 16px;
						padding: 6px 20px;
						cursor: pointer;
						display: inline-block;
					}
					#quadrante .header .row div .bts li.btRefresh img:hover{
						-webkit-transform: rotate(360deg);
						transform: rotate(360deg);
						transition: all 0.9s ease-in-out 0s;
					}
					#quadrante .header .row div .bts li .add-button3 button{
						float:left;
						background-color:transparent;
						color:#fff;
						height:31px;
						border:1px solid #fff;
						border-radius:3px;
					}
			#quadrante .header .row .arrow{
				width:40px;
				font-size:20px;
				color:#fff;
				font-family:OpenSansBold;
				display:table-cell;
				vertical-align:middle;
				text-align:center;
			}
				#quadrante .header .row .arrow:hover{
					background-color:#fff;
					color:#4d4d4d;
					text-decoration:none;
				}
				#quadrante .header .row .arrow.arrowLeft{background: url(../img/arrow-left.png) center no-repeat;}
				#quadrante .header .row .arrow.arrowRight{background: url(../img/arrow-right.png) center no-repeat;}
				
		#quadrante .resultados{
			float:left;
			width:100%;
			margin-top:20px;
			display:block;
		}
			#quadrante .resultados ul{
				width:100%;
				display:inline-block;
			}
				#quadrante .resultados ul li:first-child{margin-top:0;}
				#quadrante .resultados ul li{
					float:left;
					width:100%;
					margin-top:4px;
					background-color:#EAD2B6;
				}
					#quadrante .resultados ul li .inner{
						width:100%;
						display:table;
					}
						#quadrante .resultados ul li .inner p{
							font-family:OpenSansBold;
							padding:0;
							text-align:center;
						}
						#quadrante .resultados ul li .inner .left{
							width:130px;
							display:table-cell;
							vertical-align:middle;
							background-color:#FF7F00;
						}
							#quadrante .resultados ul li .inner .left p{
								font-size:38px;
								color:#fff;
								line-height:1.3em;
							}
						#quadrante .resultados ul li .inner .right{
							display:table-cell;
							vertical-align:middle;
						}
							#quadrante .resultados ul li .inner .right .numero{
								width:100%;
							}
								#quadrante .resultados ul li .inner .right .numero p{
									padding:2px 0;
									font-size:28px;
									color:#5D5E60;
									line-height:1.1em;
								}
							#quadrante .resultados ul li .inner .right .bicho{
								width:100%;
								background-color:#FF7F00;
								
							}
								#quadrante .resultados ul li .inner .right .bicho p{
									padding:2px 0;
									font-size:14px;
									color:#fff;
									line-height:1.3em;
								}
			#quadrante .resultados .texto{
				background-color: #EAD2B6;
				padding: 20px 20px;
			}
			
	#quadrante .btWhats {
		width: 100%;
		text-align: center;
		display: block;
		padding: 10px 0;
		background-color: #ff7f00;
	}
		#quadrante .btWhats a {
			background-color: #01e675;
			font-family: OpenSansBold;
			color: #fff;
			font-size: 18px;
			line-height: 38px;
			padding: 10px 14px;
			border-radius: 8px;
			cursor: pointer;
			display: inline-block;
		}
		#quadrante .btWhats img {
			float: left;
			margin-right: 10px;
		}
		
			
#formContact{
	
}
	#formContact .td1{
		float:none;
		width:100%;
		text-align:center;
		display:inline-block;
	}
		#formContact ul{
			width:100%;
			display:inline-block;
		}
			#formContact .td1 ul li:first-child{margin-top:0px;}
			#formContact ul li{
				width:100%;
				margin-top:20px;
				display:inline-block;
			}
				#formContact ul li.titulo{
					margin-top:30px;
					text-align:left;
				}
					#formContact ul li.titulo h4{
						font-weight:bold;
					}
				#formContact ul li.bgInput{
					padding:0 10px;
					background-color:#fff;
					border: 1px solid #c1c1c1;
				}
				#formContact ul li.bgRadiobox{
				
				}
					#formContact ul li.bgRadiobox div{
						float:left;
						width:120px;
						text-align:left;
					}
					#formContact ul li.bgRadiobox input[type="radio"]{
						margin-right:3px;
					}
					#formContact ul li.bgRadiobox label{
						font-size:14px;
					}

	#formContact .inputPadrao{
		width:100%;
	}
	#formContact .textareaPadrao{
		width:100%;
		height:147px;
	}

.share{
	width:100%;
	margin-top:40px;
}
	.share > p{
		margin-bottom:10px;
		color:#4d4d4d;
		font-size:16px;
		font-family:OpenSansBold;
	}
	.share .icons{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
	}
		.share .icons a{
			margin: 0 5px;
		}
	
#modal{
	position:fixed;
	max-width:400px;
	width:100%;
	top:-3px;
	left:50%;
	margin-left:-200px;
	background-color:#FF7F00;
	border:2px solid #ca6400;
	display:none;
}
	#modal .formModal{
		width:100%;
		padding:30px 50px;
		display:inline-block;
	}
		#modal .formModal .btFechar{
			position:absolute;
			top:2px;
			right:2px;
			font-size:16px;
			color:#fff;
			font-family:OpenSansBold;
			text-align:center;
			border:1px solid #ca6400;
			padding:4px 5px;
			display:inline-block;
		}
		#modal .formModal h3{
			font-size:20px;
			color:#fff;
			font-family:OpenSansBold;
			text-align:center;
		}
		#modal .formModal .inputPadrao{
			width:100%;
			margin-top:15px;
			background-color:#fff;
		}
		#modal .formModal .btPadrao{
			width:100%;
			margin-top:15px;
		}

#rodape .navFooter a.add-button{width:100%;}
	
@media (min-width: 350px){
	
}
@media (min-width: 480px){
	h1{font-size:2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.3em;}
	.publicidade.mobile{display:none;}
	/* #quadrante .header .row div .bts li.btWhats{display:none;} */
}
@media (min-width: 592px){
	.share .icons a:first-child{display:none;}
	
	.secoes{
		padding-left:4%;
		padding-right:4%;
	}
	
	.divPubInternas{
		width:auto;
		margin-right:20px;
	}
}
@media (min-width: 650px){
	h1{font-size:2.2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.3em;}
	
}
@media (min-width: 768px){
	#rodape .logo{
		width:50%;
		padding:0 50px;
	}
	#rodape .navFooter{
		width:50%;
		margin:0;
	}
		#rodape .navFooter a{text-align:left;}
		
	#bgTopo .menu a.estados{display:inline-block;}
	
	.cols-2 .listBts{width:50%;}
	.cols-2 .listBts a{width:100%;}
	.listBts a{
		width:50%;
		margin-top:1px;
	}
	
	.listSites ul li:nth-child(2){margin-top:0;}
	.listSites ul li:nth-child(2n+1){clear:left;}
	.listSites ul li{
		width:50%;
		padding:0 30px;
		margin-top:20px;
	}
	
	.itens ul li:nth-child(2n+1){clear:left;}
	.itens ul li{
		width:50%;
	}
	
	#quadrante .resultados ul li{margin-top:10px;}
		#quadrante .resultados ul li .inner .left p{font-size:64px;}
			#quadrante .resultados ul li .inner .right .numero p{font-size:46px;}
			#quadrante .resultados ul li .inner .right .bicho p{
				padding:5px 0;
				font-size:16px;
			}
}
@media (min-width: 840px){
	
}
@media (min-width: 960px){
	
}
@media (min-width: 1040px){
		
}
@media (min-width: 1110px){
	
}
@media (min-width: 1280px){
	.text p{padding:0;}
	
	#bgTopo{
		padding-left: 0;
		padding-right: 0;
	}
	
	.add-button{padding-top: 5px;}

	#rodape .logo{padding:0 105px;}
	#rodape .navFooter a{width:50%;}
	#rodape .copyright{margin-top:50px;}
	#side{display:block;}
	
	.publicidade.desktop{display:block;}
	
	#interna header{padding:16px 30px 20px 30px;}
		#interna header .title{font-size:36px;}
	
	#quadrante .infos .resultados{padding:20px 4%;}
}
@media (min-width: 1366px){
	
}
@media (min-width: 1600em){
	
}