.cover {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fNone {
	float: none
}

.fLeft {
	float: left
}

.fRight {
	float: right
}

.clear {
	clear: both
}

.recompile {
	display: none
}

h1 {
	margin: 0 auto
}

p {
	line-height: 20px
}

.input {
	margin: 0 0 10px !important;
	height: auto
}

	.input .chosen-container .search-field input[type=text] {
		color: #758a9c !important
	}

#CestaMapa {
	overflow: inherit !important
}

.table .header {
	background: #33a9f4
}

.table .body {
	background: #dbe8f2
}

.table .coll {
	border-color: #33a9f4 !important
}

table {
	background: #c2e1f6;
	width: 100%
}

	table.results, table.results-others {
		margin: 0 0 30px
	}

	table td {
		background: url(../img/indices/bg_td.jpg) left bottom no-repeat;
		border-bottom: 1px solid #33a9f4
	}

	table tr.last {
		background: #33a9f4
	}

.tab.vertical .ico {
	background: url(../img/indices/ico_carros.png) no-repeat
}

.tab.vertical .ico_moto {
	background: url(../img/indices/ico_moto.png) no-repeat
}

.tab.vertical .ico_caminhao {
	background: url(../img/indices/ico_caminhao.png) no-repeat
}

.tab-veiculos .chosen-container .chosen-results {
	max-height: 150px !important
}

.button.top {
	width: 44px;
	height: 44px;
	margin: 0 0 -20px -22px !important;
	position: absolute;
	bottom: 0;
	left: 50%
}

	.button.top figure {
		width: 44px;
		height: 44px;
		margin: 0 auto !important;
		position: relative
	}

		.button.top figure img {
			transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-webkit-transition: all .2s ease-in-out;
			width: 100%;
			height: 100%;
			margin: 0 auto !important;
			transform: scale(1,1);
			-moz-transform: scale(1,1);
			-ms-transform: scale(1,1);
			-o-transform: scale(1,1);
			-webkit-transform: scale(1,1);
			position: relative
		}

	.button.top:hover figure img {
		transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1)
	}

section#back {
	width: 100%;
	height: auto;
	margin: 0 auto !important;
	position: absolute
}

	section#back #banner {
		width: 980px;
		height: 304px;
		margin: 0 auto !important;
		position: relative;
		overflow: hidden
	}

		section#back #banner .title {
			background-color: rgba(51,169,244,.7)
		}

		section#back #banner img {
			display: inherit
		}

	section#back section {
		position: relative;
		background: #33a9f4
	}

		section#back section .info {
			position: relative
		}

			section#back section .info article {
				float: right;
				width: 125px;
				height: auto;
				margin: 0 auto !important
			}

				section#back section .info article h2 {
					font-size: 22px;
					margin-bottom: 20px
				}

				section#back section .info article h3 {
					font-family: Arial;
					font-weight: 700;
					font-size: 15px;
					color: #fff;
					margin: 0
				}

				section#back section .info article p {
					font-size: 13px;
					color: #fff;
					line-height: normal
				}

					section#back section .info article p a {
						font-weight: 700;
						color: #2d2d2d
					}

section#front {
	width: 900px;
	height: auto;
	margin: 210px auto 0 -310px !important;
	position: relative;
	left: 47%;
	z-index: 2
}

	section#front .content {
		width: 800px;
		height: auto;
		margin: 0 !important;
		min-height: 600px !important;
		padding: 50px;
		position: relative;
		background: #fff;
		border: 1px solid #93ceff
	}

		section#front .content h3 {
			color: #1d94df;
			margin-bottom: 20px
		}

		section#front .content #resultadoUltimoILA {
			display: none;
			margin-bottom: 30px
		}

		section#front .content #resultadoQuadrissemana table.results thead th, section#front .content #resultadoQuadrissemana table.results-others thead th {
			padding: 10px 7px
		}

		section#front .content .form {
			margin: 0 auto !important;
			padding: 0
		}

		section#front .content .tab-veiculos ul li article p {
			margin: 0
		}

		section#front .content .tab-veiculos ul li article .line {
			width: 100%;
			height: 2px;
			margin: 10px 0 !important;
			position: relative
		}

		section#front .content .tab-veiculos ul li article .chosen-container {
			margin: 5px auto !important
		}

		section#front .content .tab-veiculos ul li article .step-1 .input, section#front .content .tab-veiculos ul li article .step-2 .input {
			width: 80%;
			margin: 0 auto !important
		}

			section#front .content .tab-veiculos ul li article .step-1 .input .chosen-container, section#front .content .tab-veiculos ul li article .step-1 .input select, section#front .content .tab-veiculos ul li article .step-2 .input .chosen-container, section#front .content .tab-veiculos ul li article .step-2 .input select {
				width: 100% !important
			}

		section#front .content .tab-veiculos ul li article .step-1 {
			margin: 30px 0 20px
		}

			section#front .content .tab-veiculos ul li article .step-1 .input {
				position: relative
			}

				section#front .content .tab-veiculos ul li article .step-1 .input:before {
					content: '1';
					display: block;
					padding: 3px 7px 2px;
					color: #fff;
					font-weight: 700;
					background-color: #becdda;
					position: absolute;
					top: 6px;
					left: -35px;
					cursor: default;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					behavior: url(../../htc/PIE.htc)
				}

				section#front .content .tab-veiculos ul li article .step-1 .input .chosen-container {
					margin: 0 !important
				}

		section#front .content .tab-veiculos ul li article .step-2 {
			margin: 20px 0
		}

			section#front .content .tab-veiculos ul li article .step-2 .input {
				position: relative;
				margin: 10px auto !important
			}

				section#front .content .tab-veiculos ul li article .step-2 .input:first-child:before {
					content: '2';
					display: block;
					padding: 3px 7px 2px;
					color: #fff;
					font-weight: 700;
					background-color: #becdda;
					position: absolute;
					top: 29px;
					left: -35px;
					cursor: default;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					behavior: url(../../htc/PIE.htc)
				}

				section#front .content .tab-veiculos ul li article .step-2 .input:first-child .help {
					background-color: #20a2fb;
					position: absolute;
					top: 29px;
					right: -35px;
					cursor: pointer;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					behavior: url(../../htc/PIE.htc)
				}

					section#front .content .tab-veiculos ul li article .step-2 .input:first-child .help a {
						text-decoration: none;
						color: #fff;
						display: block;
						font-size: 14px;
						font-weight: 700;
						font-family: Arial;
						padding: 3px 7px 2px
					}

				section#front .content .tab-veiculos ul li article .step-2 .input .chosen-container {
					margin: 0 !important
				}

					section#front .content .tab-veiculos ul li article .step-2 .input .chosen-container .chosen-results li.highlighted {
						background-color: #bfcdda;
						color: #fff
					}

		section#front .content .tab-veiculos ul li article .codigo .fLeft, section#front .content .tab-veiculos ul li article .codigo .fRight {
			margin: 5px 0 !important
		}

			section#front .content .tab-veiculos ul li article .codigo .fLeft .input, section#front .content .tab-veiculos ul li article .codigo .fRight .input {
				width: 100% !important
			}

		section#front .content .tab-veiculos ul li article .codigo .chosen-container {
			margin: 0 !important
		}

	section#front #menu {
		width: 100%;
		height: auto;
		margin: 0 auto !important;
		position: relative
	}

		section#front #menu ul li {
			float: left;
			width: 186px;
			height: 160px;
			margin: -17px 25px 0 !important;
			background: url(../img/indices/bg_btn_nav.png) top center no-repeat
		}

			section#front #menu ul li.fixed {
				margin: 0 12px !important
			}

			section#front #menu ul li a {
				font-family: bebas_neueregular;
				font-size: 20px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				display: block;
				padding: 0
			}

				section#front #menu ul li a figure {
					width: 186px;
					height: 101px;
					margin: 0 auto !important;
					position: absolute
				}

					section#front #menu ul li a figure .over {
						transition: all .2s ease-in-out;
						-moz-transition: all .2s ease-in-out;
						-ms-transition: all .2s ease-in-out;
						-o-transition: all .2s ease-in-out;
						-webkit-transition: all .2s ease-in-out;
						margin-top: -16px
					}

				section#front #menu ul li a figcaption {
					width: 176px;
					height: 109px;
					margin: 0 auto !important;
					padding: 0 10px;
					position: relative;
					display: table-cell;
					vertical-align: middle
				}

					section#front #menu ul li a figcaption span {
						font-size: 15px
					}

				section#front #menu ul li a:hover figure .over {
					opacity: 1;
					visibility: visible
				}

		section#front #menu .categoria {
			margin-bottom: 40px;
			clear: both;
			text-align: center
		}

			section#front #menu .categoria h3 {
				font-family: bebas_neueregular;
				font-size: 20px;
				font-weight: 400;
				color: #FFF;
				background: #33a9f4;
				padding: 5px 10px;
				display: inline-block
			}

footer#footer_main {
	margin-top: 0 !important
}

.ui-tooltip {
	max-width: 375px;
	border: none;
	font-family: Arial;
	font-size: 14px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.25);
	box-shadow: 0 0 20px rgba(0,0,0,.25)
}

	.ui-tooltip .arrow {
		position: absolute;
		right: -12px;
		top: 50%;
		margin-top: -17px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 17px 0 17px 15px;
		border-color: transparent transparent transparent #fff;
		-webkit-transform: rotate(360deg)
	}

	.ui-tooltip .blue {
		color: #20a2fb
	}

@media only screen and (max-width: 979px) {
	table.results {
		margin: 0 0 20px;
		background: 0 0 !important;
		display: block
	}

		table.results tbody, table.results td, table.results th, table.results thead, table.results tr {
			display: block
		}

		table.results tr {
			background: 0 0 !important;
			border: none !important;
			margin-bottom: 5px !important;
			overflow: hidden
		}

			table.results tr:last-child {
				margin-bottom: 0 !important
			}

			table.results tr td p {
				border: none;
				margin: 0 !important
			}

		table.results thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px
		}

		table.results td {
			border-bottom: none !important;
			background: #dbe8f1 !important;
			overflow: hidden;
			display: table;
			width: 100%
		}

			table.results td:before {
				content: attr(data-head);
				width: 60%;
				height: 100%;
				min-height: 20px;
				padding: 10px;
				display: table-cell;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				background: #33a9f3;
				font-size: 13px;
				line-height: 1;
				color: #fff;
				border-bottom: solid 1px #fff
			}

			table.results td p {
				display: table-cell;
				width: 40%;
				height: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				vertical-align: middle;
				font-size: 13px;
				line-height: 1;
				border-bottom: solid 1px #33a8f5 !important
			}

			table.results td:last-child:before {
				border-bottom: none !important
			}

			table.results td:last-child p {
				border-bottom: none !important
			}

	section#front {
		margin: -100px auto 0 !important
	}

		section#front #menu .categoria {
			margin-bottom: 0
		}

		section#front #menu ul li {
			float: none;
			width: 100%;
			height: auto;
			background: url(../img/indices/mobile/bg_btn_nav.png) center top
		}

			section#front #menu ul li.fixed {
				margin: 0 0 10px !important
			}

			section#front #menu ul li a {
				display: table;
				width: 100%
			}

				section#front #menu ul li a figure {
					display: none
				}

				section#front #menu ul li a figcaption {
					width: 100%;
					padding: 0
				}

		section#front .content .tab-veiculos ul li article .step-1 .input, section#front .content .tab-veiculos ul li article .step-2 .input {
			width: 70%
		}

			section#front .content .tab-veiculos ul li article .step-2 .input:first-child .help {
				display: none
			}

	.indice-chosen {
		width: auto !important
	}

	#CestaMapa {
		display: none !important
	}
}