﻿.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
}

body, html {
	overflow-x: hidden !important
}

body {
	background-color: #fff
}

#mobile {
	display: none;
	width: 100%;
	height: 0;
	overflow: hidden
}

h1 {
	font-family: bebas_neueregular;
	font-size: 40px;
	color: #2d2d2d;
	margin: 20px auto 0
}

h2 {
	font-family: bebas_neueregular;
	font-size: 30px;
	color: #92a4b4
}

h3 {
	font-family: Arial;
	font-size: 16px;
	font-weight: 700;
	color: #3c3c3c;
	margin: 20px auto 0;
	letter-spacing: -.1px
}

	h3 a {
		font-size: 16px;
		font-weight: 700;
		color: #3c3c3c;
		text-decoration: none
	}

		h3 a:hover {
			text-decoration: underline
		}

h6 {
	font-family: Arial;
	font-size: 11px;
	color: #d3dce4;
	margin: 20px auto 0;
	letter-spacing: -.1px
}

p {
	font-family: Arial;
	font-size: 14px;
	color: #3c3c3c;
	letter-spacing: -.1px
}

a {
	color: #3c3c3c
}

label {
	font-family: Arial;
	font-size: 14px;
	color: #3c3c3c;
	letter-spacing: -.1px
}

	label .small {
		font-size: 12px
	}

.newSite {
	width: 585px;
	height: auto;
	margin: 0 auto !important;
	position: relative
}

	.newSite p {
		text-align: center;
		font-family: Arial;
		font-size: 16px;
		color: #3c3c3c;
		margin: 15px 0 !important;
		line-height: normal !important
	}

		.newSite p.title {
			font-family: bebas_neueregular;
			font-size: 45px;
			color: #20a1fa;
			margin: 0 0 30px !important
		}

.loader {
	width: 16px;
	height: 11px;
	margin: 0 auto !important;
	opacity: .5;
	-moz-opacity: .5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50);
	background: url(../img/ajax-loader.gif);
	position: absolute;
	right: 20px;
	top: 11px;
	z-index: 10
}

[data-tipo=resultadoConsulta] {
	position: relative;
	margin-top: 20px;
	margin-bottom: 100px
}

	[data-tipo=resultadoConsulta] h3 {
		margin: 0 0 10px !important
	}

.pagination {
	width: 345px;
	height: auto;
	margin: 50px auto 15px !important;
	text-align: center
}

	.pagination a {
		font-family: bebas_neueregular;
		font-size: 16px;
		color: #2d2d2d;
		text-decoration: underline
	}

	.pagination .btn {
		margin-top: 7px
	}

		.pagination .btn.prev {
			width: 60px;
			text-align: left
		}

		.pagination .btn.next {
			width: 60px;
			text-align: right;
			margin-right: 7px
		}

	.pagination ul {
		margin: 0 auto !important;
		display: inline-block;
		zoom: 1;
		*display: inline
	}

		.pagination ul li {
			float: left;
			width: auto;
			height: auto;
			margin: 0 2px !important;
			background: 0 0;
			border: 2px solid #3c3c3c
		}

			.pagination ul li:first-child {
				margin-left: 0 !important
			}

			.pagination ul li a {
				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;
				font-size: 20px;
				padding: 5px 13px;
				display: block;
				text-decoration: none;
				background: 0 0
			}

				.pagination ul li a:hover, .pagination ul li.active a {
					background: #3c3c3c;
					text-decoration: none;
					color: #33a9f4
				}

#map li {
	margin: 10px auto 40px;
	overflow: hidden
}

	#map li h2 {
		font-family: Arial;
		font-size: 14px !important;
		color: #3c3c3c;
		margin-bottom: -20px !important;
		padding-bottom: 4px !important
	}

		#map li h2 a {
			text-decoration: none;
			color: #3c3c3c;
			font-weight: 700
		}

			#map li h2 a:hover {
				color: #33a8f5
			}

		#map li h2 img {
			margin-top: -2px;
			position: absolute;
			margin-left: 5px
		}

	#map li ul {
		float: left;
		width: 30%;
		height: auto;
		margin: 0 5% 0 0 !important;
		position: relative
	}

		#map li ul:last-child {
			margin: 0 !important
		}

		#map li ul li {
			margin: 10px 0
		}

			#map li ul li p {
				margin: 0;
				font-weight: 700;
				font-size: 12px;
				letter-spacing: -1px;
				color: #2d2d2d
			}

				#map li ul li p a {
					color: #2d2d2d;
					text-decoration: none
				}

					#map li ul li p a:hover {
						text-decoration: underline
					}

			#map li ul li ul {
				float: none;
				width: 100%;
				margin-left: 20px !important;
				list-style: inherit
			}

				#map li ul li ul li {
					width: 100%;
					margin: 10px 0 0 20px !important
				}

					#map li ul li ul li p {
						font-size: 11px
					}

.input {
	width: 218px;
	height: 34px;
	margin: 10px 0 !important;
	position: relative
}

	.input.select {
		background: url(../img/modulos/form/bg_input_select.png) no-repeat
	}

		.input.select p {
			position: absolute;
			top: 8px;
			left: 10px;
			z-index: 1
		}

		.input.select.inactive {
			background: url(../img/modulos/form/bg_input_select_inactive.png) no-repeat
		}

	.input.fLeft {
		margin: 0 10px 0 0 !important
	}

	.input.txt {
		background: url(../img/modulos/form/bg_input_txt.png) no-repeat
	}

		.input.txt.transparent {
			background: url(../img/modulos/form/bg_input_txt_transparent.png) no-repeat
		}

		.input.txt.inactive {
			background: url(../img/modulos/form/bg_input_txt.png) no-repeat
		}

		.input.txt label {
			position: absolute;
			top: -17px;
			left: 0;
			color: #3c3c3c
		}

	.input input[type=text] {
		width: 196px;
		height: auto;
		margin: 0 auto !important;
		background: 0 0;
		border: 0;
		font-family: Arial;
		font-size: 14px;
		color: #3c3c3c;
		padding: 10px
	}

	.input select {
		width: 216px;
		height: 34px;
		margin: 0 auto !important;
		position: relative;
		z-index: 2
	}

	.input.radio {
		padding: 10px 0
	}

		.input.radio label {
			font-family: Arial;
			color: #a9a9a9;
			display: inline-block;
			cursor: pointer;
			position: relative;
			margin-right: 10px;
			font-size: 13px
		}

			.input.radio label:before {
				content: "";
				display: inline-block;
				width: 14px;
				height: 14px;
				margin-right: 10px;
				position: absolute;
				left: 0;
				bottom: 1px
			}

		.input.radio input[type=radio]:checked + label:before {
			color: #93ceff;
			font-size: 24px;
			text-align: center;
			line-height: 18px
		}

table thead {
	background: #92a4b4
}

table th {
	padding: 10px 15px
}

	table th.noborder {
		background: 0 0 !important;
		min-width: 95px
	}

	table th p {
		font-weight: 700;
		margin: 0 !important;
		text-align: center;
		color: #fff
	}

table td {
	padding: 10px 15px
}

	table td.noborder {
		background: 0 0 !important
	}

	table td p {
		margin: 0 !important
	}

table tr.last td {
	background: url(../img/bg_td_last.jpg) left bottom no-repeat
}

	table tr.last td p {
		color: #fff
	}

table.calendar p, table.results p, table.results-others p {
	font-size: 12px !important;
	text-align: center
}

table.results thead, table.results-others thead {
	position: relative;
	color: #fff
}

	table.results thead p, table.results-others thead p {
		font-size: 11px !important;
		line-height: 1.2 !important
	}

	table.results thead th, table.results-others thead th {
		background: url(../img/modulos/tables/div-thead.gif) -1px bottom no-repeat #33a9f4;
		min-height: 40px;
		border: 0;
		border-left: 1px solid transparent;
		text-align: center;
		vertical-align: top;
		font-weight: 700;
		padding: 10px 9px
	}

		table.results thead th:first-child, table.results-others thead th:first-child {
			border: 0
		}

table.results tr, table.results-others tr {
	background: #d0dde8;
	border-bottom: solid 1px #33a9f4
}

	table.results tr td, table.results-others tr td {
		background: 0 0;
		border: 0;
		height: auto;
		padding: 0
	}

		table.results tr td p, table.results-others tr td p {
			margin: 1px 0 !important;
			border-left: solid 1px #33a9f4
		}

		table.results tr td:last-child, table.results-others tr td:last-child {
			border: 0
		}

		table.results tr td:first-child p, table.results-others tr td:first-child p {
			border-left: none
		}

		table.results tr td[colspan] p, table.results-others tr td[colspan] p {
			text-align: inherit
		}

	table.results tr:nth-child(2n+1), table.results-others tr:nth-child(2n+1) {
		background: #dbe8f2
	}

.over {
	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0)
}

	.over.mask {
		transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		opacity: 1;
		-moz-opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		filter: alpha(opacity=100)
	}

.note {
	width: auto;
	height: auto;
	margin: 5px 0 !important;
	position: relative;
	min-height: 25px
}

	.note span {
		font-family: bebas_neueregular !important;
		font-size: 20px !important;
		font-weight: 400 !important;
		color: #fff !important;
		padding: 5px !important
	}

.depoimentos {
	width: 100%;
	height: auto;
	margin: 0 auto !important;
	position: relative
}

	.depoimentos h2 {
		background: url(../img/modulos/depoimentos/bg_title.png) left center no-repeat;
		font-family: bebas_neueregular;
		font-size: 30px;
		color: #758a9c;
		text-align: left;
		padding-left: 60px
	}

	.depoimentos article {
		width: 100%;
		height: auto;
		margin: 0 auto 20px !important;
		background: url(../img/modulos/depoimentos/bg.png);
		padding: 20px 0 0
	}

		.depoimentos article .text {
			float: left;
			width: 420px;
			height: auto;
			margin: 0 !important
		}

			.depoimentos article .text p {
				padding: 20px;
				margin: 0
			}

		.depoimentos article aside {
			float: right;
			margin-right: 20px
		}

.tab {
	width: auto;
	height: auto;
	margin: 20px auto !important
}

	.tab h3 {
		font-family: Arial;
		font-size: 14px;
		font-weight: 700;
		text-align: left;
		margin: 0
	}

	.tab header {
		text-align: right;
		margin: 20px 20px 0
	}

		.tab header * {
			float: right
		}

		.tab header .clear {
			float: none
		}

	.tab.horizontal {
		width: 100%;
		height: auto;
		margin: 10px auto !important;
		position: relative
	}

		.tab.horizontal.inside {
			width: 528px;
			height: auto;
			margin: 10px auto 0 !important;
			background: url(../img/modulos/tab/bg_horizontal_tab_inside.png) center top no-repeat;
			padding: 1px
		}

			.tab.horizontal.inside nav {
				width: 100%;
				height: auto;
				margin: 1px !important
			}

				.tab.horizontal.inside nav > ul {
					display: table;
					width: 100%;
					margin-bottom: inherit
				}

					.tab.horizontal.inside nav > ul > li {
						width: auto;
						height: 49px;
						margin-left: inherit !important;
						background: #fff;
						border-radius: 0 0 20px 20px;
						display: table-cell;
						vertical-align: middle;
						padding: 0 10px;
						color: inherit !important;
						letter-spacing: inherit !important;
						list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

						.tab.horizontal.inside nav > ul > li a {
							font-family: Arial;
							font-size: 14px;
							font-weight: 700;
							color: #92a4b4;
							text-align: center;
							display: block
						}

						.tab.horizontal.inside nav > ul > li.open {
							background: #becdda
						}

							.tab.horizontal.inside nav > ul > li.open a {
								color: #2d2d2d
							}

		.tab.horizontal.outside {
			margin-top: 20px !important
		}

			.tab.horizontal.outside nav {
				width: 100%;
				height: auto;
				margin: 0 !important
			}

				.tab.horizontal.outside nav > ul > li {
					border-style: none;
	border-color: inherit;
	border-width: 0;
	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: 90px;
					height: 49px;
					margin-left: inherit !important;
					background: url(../img/modulos/tab/bg_horizontal_tab_item_out_active.png) center top no-repeat;
					display: table-cell;
					vertical-align: middle;
					padding: 0 10px;
					color: inherit !important;
					letter-spacing: inherit !important;
					list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

					.tab.horizontal.outside nav > ul > li a {
						font-family: Arial;
						font-size: 14px;
						font-weight: 700;
						color: #bfcdda;
						text-align: center;
						display: block;
						text-decoration: none
					}

					.tab.horizontal.outside nav > ul > li.open {
						background: url(../img/modulos/tab/bg_horizontal_tab_item_out.png) center top no-repeat
					}

						.tab.horizontal.outside nav > ul > li.open a {
							color: #fff
						}

			.tab.horizontal.outside section {
				width: 508px;
				height: auto;
				margin: 0 auto !important;
				background: url(../img/modulos/tab/bg_horizontal_tab_outside.png) center top no-repeat #f2f4f7;
				position: relative;
				padding: 20px
			}

		.tab.horizontal article {
			display: none
		}

			.tab.horizontal article.open {
				display: block
			}

				.tab.horizontal article.open > header {
					margin: 0 20px !important
				}

					.tab.horizontal article.open > header > .actions {
						margin-top: 0 !important
					}

	.tab.vertical {
		width: 546px;
		height: auto;
		margin: 10px auto !important;
		position: relative
	}

		.tab.vertical > ul {
			width: 100%;
			height: auto;
			margin: 0 auto !important;
			position: relative
		}

			.tab.vertical > ul > li {
				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: 69px;
				margin-left: inherit !important;
				background: #f2f4f7;
				border: 1px solid #becdda;
				position: relative;
				overflow: hidden;
				color: inherit !important;
				letter-spacing: inherit !important;
				list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: -1px !important;
}

				.tab.vertical > ul > li a {
					font-family: bebas_neueregular;
					font-size: 20px;
					color: #2d2d2d;
					text-decoration: none;
					display: block
				}

				.tab.vertical > ul > li .ico {
					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: 96px;
					height: 71px;
					margin: 0 auto !important;
					position: absolute;
					background-position: 0 0;
					top: 0;
					left: 0;
					z-index: 2
				}

				.tab.vertical > ul > li .title {
					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: 506px;
					height: 71px;
					margin: 0 auto !important;
					background: url(../img/modulos/tab/bg_vertical_tab.png) -1px -72px no-repeat;
					position: relative;
					padding: 0 50px 0 20px;
					display: table-cell;
					vertical-align: middle;
					z-index: 1
				}

					.tab.vertical > ul > li .title span {
						color: #667e94
					}

					.tab.vertical > ul > li .title:before {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 12px;
						background: url(../img/modulos/tab/shadow_vertical_tab.png) left top no-repeat;
						z-index: 999
					}

				.tab.vertical > ul > li article {
					display: none;
					padding: 20px 20px 90px
				}

				.tab.vertical > ul > li.ilustra .title {
					padding-left: 96px !important
				}

				.tab.vertical > ul > li.open {
					height: auto
				}

					.tab.vertical > ul > li.open .ico {
						background-position: 0 -71px
					}

					.tab.vertical > ul > li.open > a > .title {
						background-position: -1px -1px
					}

						.tab.vertical > ul > li.open > a > .title span {
							color: #fff
						}

				.tab.vertical > ul > li.overTab .ico {
					background-position: 0 -71px
				}

				.tab.vertical > ul > li.overTab > a > .title {
					background-position: -1px -1px
				}

					.tab.vertical > ul > li.overTab > a > .title span {
						color: #fff
					}

	.tab .selecao {
		margin: 0 auto;
		width: 22px;
		padding: 1px
	}

		.tab .selecao .campoSel {
			background: url(../img/indices/icon_up.png) no-repeat
		}

		.tab .selecao .campoDes {
			background: url(../img/indices/icon_down.png) no-repeat
		}

		.tab .selecao .campoDes, .tab .selecao .campoSel {
			width: 11px;
			height: 15px;
			float: left
		}

.tabList {
	width: 548px;
	height: auto;
	margin: 0 auto !important
}

	.tabList h2 {
		font-size: 20px;
		color: #93ceff;
		margin-bottom: 10px
	}

		.tabList h2 span {
			color: #c8d3dd
		}

	.tabList h3 {
		font-family: Arial !important;
		font-size: 14px !important;
		color: #758a9c !important;
		font-weight: 700 !important;
		margin: 20px 0 10px 10px !important
	}

	.tabList p {
		font-size: 14px;
		margin: 0 !important
	}

	.tabList .contact {
		width: 100%;
		height: auto;
		margin: 20px auto !important;
		position: relative;
		font-family: Arial;
		font-size: 14px;
		color: #fff;
		font-weight: 700
	}

		.tabList .contact .mail {
			width: 100px;
			height: 29px;
			margin: 0 !important;
			background: url(../img/buttons/ico_mail.png) left no-repeat;
			padding-left: 32px;
			padding-top: 11px
		}

		.tabList .contact .tel {
			width: 100px;
			height: 29px;
			margin: 0 !important;
			background: url(../img/buttons/ico_tel.png) left no-repeat;
			padding-left: 32px;
			padding-top: 11px
		}

	.tabList li {
		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: 506px;
		height: auto;
		margin: -1px auto 0 !important;
		border: 1px solid #93ceff;
		position: relative;
		padding: 20px;
		cursor: pointer
	}

		.tabList li aside {
			float: left;
			width: 101px;
			height: 101px;
			margin: 0 auto !important
		}

		.tabList li article {
			float: left;
			width: 305px;
			height: auto;
			margin: 0 20px !important
		}

		.tabList li .txtFull {
			display: none
		}

			.tabList li .txtFull p {
				margin-bottom: 20px !important
			}

				.tabList li .txtFull p:last-child {
					margin-bottom: 0 !important
				}

			.tabList li .txtFull ul {
				position: relative
			}

				.tabList li .txtFull ul li {
					width: 100%;
					height: auto;
					margin: 0 auto 10px !important;
					padding: 0 10px;
					position: relative;
					border: 0;
					border-left: 2px solid #fff
				}

					.tabList li .txtFull ul li p {
						margin: 0 !important
					}

		.tabList li .more {
			float: right;
			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: 60px;
			height: 42px;
			margin: -21px auto 0 !important;
			position: absolute;
			top: 50%;
			right: 0;
			background: url(../img/modulos/tab/btn_more.jpg) no-repeat
		}

		.tabList li.active {
			background: #93ceff
		}

			.tabList li.active h2, .tabList li.active h2 span {
				color: #fff
			}

			.tabList li.active .txtFull {
				display: block
			}

			.tabList li.active .more {
				background-position: 0 -42px
			}

.table {
	width: 500px;
	height: auto;
	margin: 0 auto 20px !important;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	overflow: hidden
}

	.table .header {
		width: 488px;
		height: auto;
		margin: 0 auto !important;
		position: relative;
		padding: 10px;
		color: #fff
	}

		.table .header ul li {
			float: left;
			width: 45px;
			height: auto;
			margin: 0 auto !important;
			background: 0 0;
			min-height: 40px;
			border: 0;
			border-left: 1px solid #fff;
			text-align: center;
			font-weight: 700;
			padding: 0 2px
		}

			.table .header ul li:first-child {
				width: 130px;
				border: 0
			}

	.table .coll {
		float: left;
		width: 45px;
		height: auto;
		margin: 0 auto !important;
		text-align: center;
		border: 0;
		border-left: 1px solid #fff;
		padding: 2px
	}

		.table .coll:first-child {
			width: 137px;
			text-align: left;
			border: 0;
			padding-left: 5px
		}

	.table .body {
		border: 0;
		color: #3c3c3c
	}

		.table .body ul li {
			background: #d0dde8;
			border: 0;
			height: auto
		}

			.table .body ul li:nth-child(2n+1) {
				background: #dbe8f2
			}

			.table .body ul li:last-child {
				border: 0
			}

.bg_black {
	width: 100%;
	height: 100%;
	margin: 0 auto !important;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.65);
	z-index: 10000;
	display: none
}

html.no-rgba .bg_black {
	background: url(../img/bg_black.png)
}

.modal {
	width: 720px;
	height: 500px;
	margin: -250px auto auto -360px !important;
	top: 50%;
	left: 50%;
	padding: 42px 5px 5px;
	position: fixed;
	background: #fff;
	border: 10px solid #e2e8ed;
	z-index: 10001;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

	.modal .btnClose {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 20px;
		height: 21px;
		margin: 0 auto !important;
		background: url(../img/modulos/btn_close_modal.png) left top no-repeat;
		cursor: pointer
	}

	.modal .content {
		width: 100%;
		height: 100%;
		margin: 0 auto !important;
		position: relative;
		overflow: hidden
	}

	.modal.modalNews {
		width: 720px;
		height: 100%;
		margin: 0 auto auto -360px !important;
		top: 0
	}

		.modal.modalNews .content {
			text-align: center
		}

		.modal.modalNews img {
			width: 90%;
			height: auto;
			margin: 0 auto !important
		}

	.modal.alert {
		width: 400px;
		height: 275px;
		margin: -137px auto auto -200px !important;
		padding: 135px 40px 10px;
		border-width: 5px
	}

		.modal.alert:before {
			content: '';
			display: block;
			position: absolute;
			left: 50%;
			top: 90px;
			width: 35px;
			height: 35px;
			margin-left: -17px;
			background: url(../img/modulos/ico_alert_search.png) no-repeat
		}

		.modal.alert .content {
			text-align: center
		}

			.modal.alert .content p {
				font-weight: 700
			}

.line {
	background: url(../img/modulos/line.png)
}

.button {
	position: relative
}

	.button .over {
		position: absolute;
		z-index: 1
	}

		.button .over.mask {
			width: 0;
			height: auto;
			margin: 0 auto !important;
			overflow: hidden
		}

	.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)
		}

	.button.fix {
		position: absolute
	}

		.button.fix.bottom {
			bottom: 0;
			left: 50%
		}

			.button.fix.bottom.pesquisa {
				margin-left: -44px !important
			}

	.button.pesquisa {
		width: 88px;
		height: auto;
		margin: 30px auto 0 !important
	}

		.button.pesquisa.clear {
			width: 140px;
			height: auto;
			margin: 30px auto 0 !important;
			display: none
		}

	.button.enviar {
		width: 67px;
		height: 38px;
		margin: 0 auto !important
	}

	.button a.text, .button input.text {
		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;
		font-family: bebas_neueregular;
		font-size: 20px;
		text-align: center;
		color: #3c3c3c !important;
		background: 0 0;
		border: 2px solid #3c3c3c;
		padding: 5px 10px;
		text-decoration: none
	}

		.button a.text:hover, .button input.text:hover {
			background: #3c3c3c;
			color: #fff !important
		}

	.button a:hover .over, .button input:hover .over {
		width: 100%;
		height: auto;
		margin: 0 auto !important
	}

.shadow {
	width: 980px;
	height: 56px;
	margin: -40px auto !important;
	position: relative;
	background: url(../img/sombra.png) center top no-repeat;
	z-index: 1
}

#logo {
	float: left;
	width: auto;
	height: 91px;
	margin: 10px auto !important
}

	#logo img {
		float: left;
		width: 140px;
		height: 118px;
		margin: 0 auto !important
	}

	#logo figcaption {
		float: left;
		display: none;
		margin: 30px 20px;
		font-family: bebas_neueregular;
		font-size: 20px;
		color: #3c3c3c
	}

.wrapper {
	position: absolute !important;
	top: 0;
	width: 100%
}

#menuMobile:not( .mm-menu ) {
	display: none
}

header#header_main {
	width: 100%;
	height: auto;
	margin: 0 auto !important
}

	header#header_main #header_direita {
		float: right
	}

	header#header_main section {
		background: 0 0;
		padding: 0
	}

	header#header_main #idioma {
		float: right;
		width: 52px;
		height: 26px;
		margin: 0 15px 0 0 !important;
		padding-right: 15px;
		border-right: solid 1px #c1cddb;
		position: relative;
		overflow: hidden
	}

		header#header_main #idioma .lg {
			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: 26px;
			height: 26px;
			margin: 0 auto !important;
			position: absolute;
			top: 0;
			background: #becdda
		}

			header#header_main #idioma .lg a {
				font-family: bebas_neueregular;
				font-size: 16px;
				text-align: center;
				text-decoration: none;
				display: block;
				color: #fff
			}

			header#header_main #idioma .lg.active, header#header_main #idioma .lg:hover {
				background: #92a4b4
			}

			header#header_main #idioma .lg.en_us {
				left: 0;
				-webkit-border-radius: 26px 0 0 26px;
				-moz-border-radius: 26px 0 0 26px;
				border-radius: 26px 0 0 26px;
				behavior: url(../../htc/PIE.htc)
			}

				header#header_main #idioma .lg.en_us a {
					padding: 4px 0 0 3px
				}

			header#header_main #idioma .lg.pt_br {
				right: 15px;
				-webkit-border-radius: 0 26px 26px 0;
				-moz-border-radius: 0 26px 26px 0;
				border-radius: 0 26px 26px 0;
				behavior: url(../../htc/PIE.htc)
			}

				header#header_main #idioma .lg.pt_br a {
					padding: 4px 3px 0 0
				}

	header#header_main #search {
		float: right;
		position: relative
	}

		header#header_main #search input[type=submit] {
			width: 25px;
			height: 25px;
			margin: 0 auto !important;
			position: absolute;
			left: 18px;
			top: 12px;
			cursor: pointer;
			background: 0 0;
			border: 0;
			font-size: 0
		}

		header#header_main #search input[type=reset] {
			width: 20px;
			height: 20px;
			margin: 0 auto !important;
			position: absolute;
			right: 15px;
			top: 15px;
			background: url(../img/btn_clean_search.png) center center no-repeat;
			cursor: pointer;
			border: 0;
			font-size: 0;
			display: none
		}

		header#header_main #search .inputTxt {
			width: 285px;
			height: 45px;
			margin: 3px auto 15px !important;
			background: url(../img/bg_search_input.png) no-repeat;
			text-align: center
		}

			header#header_main #search .inputTxt input {
				float: left;
				width: 195px;
				height: 24px;
				margin: 10px 0 0 50px !important;
				background: no-repeat;
				padding: 0 0 0 2px;
				font-family: bebas_neueregular;
				font-size: 22px;
				color: #33a9f4;
				text-transform: none
			}

				header#header_main #search .inputTxt input::-webkit-input-placeholder {
					color: #33a9f4
				}

				header#header_main #search .inputTxt input:-moz-placeholder {
					color: #33a9f4;
					opacity: 1
				}

				header#header_main #search .inputTxt input::-moz-placeholder {
					color: #33a9f4;
					opacity: 1
				}

				header#header_main #search .inputTxt input:-ms-input-placeholder {
					color: #33a9f4
				}

				header#header_main #search .inputTxt input:focus::-webkit-input-placeholder {
					color: #33a9f4
				}

				header#header_main #search .inputTxt input:focus:-moz-placeholder {
					color: #33a9f4;
					opacity: 1
				}

				header#header_main #search .inputTxt input:focus::-moz-placeholder {
					color: #33a9f4;
					opacity: 1
				}

				header#header_main #search .inputTxt input:focus:-ms-input-placeholder {
					color: #33a9f4
				}

	header#header_main .social {
		float: right;
		width: 220px;
		height: auto;
		margin: 0 auto 20px !important
	}

		header#header_main .social .button {
			width: auto !important;
			height: auto !important
		}

		header#header_main .social ul {
			margin-bottom: inherit !important
		}

			header#header_main .social ul li {
				float: left;
				color: inherit !important;
				letter-spacing: inherit !important;
				margin-left: 1px !important;
	list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
}

				header#header_main .social ul li:first-child {
					margin-left: 0
				}

	header#header_main.min {
		position: fixed;
		background: #fff;
		top: 0;
		width: 100%;
		height: 66px;
		z-index: 94
	}

		header#header_main.min #idioma {
			display: none
		}

		header#header_main.min #search {
			margin-left: 20px !important
		}

			header#header_main.min #search .inputTxt {
				margin-bottom: 0 !important
			}

		header#header_main.min .clear_social {
			display: none
		}

		header#header_main.min .social {
			margin: 15px auto 10px !important
		}

		header#header_main.min #logo {
			width: auto;
			height: 47px;
			margin: 10px auto !important
		}

			header#header_main.min #logo img {
				width: auto;
				height: 47px;
				margin: 0 auto !important
			}

			header#header_main.min #logo figcaption, header#header_mobile {
				display: none
			}

section {
	width: 980px;
	height: auto;
	margin: 0 auto !important
}

	section#content_main {
		width: auto;
		height: auto;
		margin: 0 auto !important
	}

		section#content_main .line {
			width: 100%;
			height: 12px;
			margin: 20px auto !important;
			position: relative;
			background: url(../img/home/bg_section.jpg) right top no-repeat
		}

		section#content_main section {
			width: 100%;
			padding-left: 0;
			margin-bottom: 55px !important;
			padding-top: 0
		}

			section#content_main section article {
				width: 590px;
				height: auto;
				margin: 0 !important;
				padding: 0 10px;
				border-left: 2px solid #93ceff
			}

				section#content_main section article p a {
					font-weight: 700;
					color: #3c3c3c
				}

			section#content_main section h1 {
				float: left
			}

			section#content_main section h3 {
				margin: 0
			}

			section#content_main section p {
				margin-top: 0
			}

			section#content_main section .ico {
				float: left;
				width: 32px;
				height: auto;
				margin: 12px 5px 0 0 !important
			}

			section#content_main section.search h3 {
				margin-bottom: 10px !important
			}

				section#content_main section.search h3 a {
					color: #000;
					text-decoration: underline
				}

			section#content_main section.search .boxLink {
				margin-bottom: 30px !important;
				width: 100% !important;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				font-size: 14px;
				color: #3c3c3c;
				text-align: justify;
				text-justify: inter-word;
				padding-right: 0
			}

				section#content_main section.search .boxLink.error {
					background: url(../img/modulos/ico_alert_search.png) 20px center no-repeat #f2f4f7;
					border: none;
					padding: 25px 70px
				}

					section#content_main section.search .boxLink.error h3, section#content_main section.search .boxLink.error p {
						margin: 0 !important;
						color: #3c3c3c;
						font-size: 14px
					}

		section#content_main h2 {
			font-size: 40px;
			margin-bottom: 20px
		}

		section#content_main h6[date] {
			font-size: 12px;
			font-weight: 700;
			margin: 10px 0;
			color: #758a9c
		}

		section#content_main p {
			margin: 20px 0
		}

			section#content_main p.search_title {
				margin: 20px 0 0 10px
			}

			section#content_main p a {
				color: #3c3c3c;
				font-weight: 700
			}

		section#content_main .search_key {
			width: 100%;
			height: auto;
			margin: 0 auto 60px !important;
			position: relative;
			border: 1px solid #93ceff;
			border-top: 0 none
		}

			section#content_main .search_key p {
				font-size: 12px;
				font-weight: 700;
				margin: 0 10px 5px
			}

	section#back {
		width: 100%;
		height: auto;
		margin: 0 auto !important;
		min-width: 980px;
		position: absolute
	}

		section#back #banner {
			width: 980px;
			height: 69px;
			margin: 0 auto !important;
			background: url(../img/bg_header_content.jpg) bottom no-repeat;
			overflow: hidden;
			text-align: center
		}

			section#back #banner .title {
				display: inline-block;
				margin: 60px auto 0;
				padding: 25px 50px;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				behavior: url(../../htc/PIE.htc);
				position: relative
			}

				section#back #banner .title .ico {
					position: absolute;
					top: 50%;
					left: 50px;
					margin-top: -16px
				}

				section#back #banner .title h1 {
					display: inline-block;
					color: #fff;
					line-height: 1;
					-webkit-text-shadow: 0 1px 1px rgba(45,45,45,.33);
					-moz-text-shadow: 0 1px 1px rgba(45,45,45,.33);
					text-shadow: 0 1px 1px rgba(45,45,45,.33);
					text-transform: uppercase;
					padding-left: 45px;
					margin: 0 auto
				}

			section#back #banner img {
				display: none
			}

		section#back section {
			width: 100%;
			height: auto;
			margin: 0 auto !important;
			min-height: 287px;
			position: relative;
			background: #bfcdda
		}

			section#back section .info {
				width: 980px;
				height: auto;
				margin: 0 auto !important;
				position: relative;
				padding-bottom: 10px
			}

				section#back section .info article {
					float: right;
					width: 125px;
					height: auto;
					margin: 0 auto !important;
					padding: 10px 20px
				}

					section#back section .info article h2 {
						background: rgba(255,255,255,.3);
						font-size: 22px;
						color: #2d2d2d !important;
						margin-top: 10px;
						margin-bottom: 20px;
						display: inline-block;
						padding: 5px
					}

					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: #000 !important;
						font-weight: 800;
						line-height: normal
					}

						section#back section .info article p a {
							font-weight: 700;
							color: #2d2d2d
						}

	section#front {
		width: 815px;
		height: auto;
		margin: 69px auto 0 -490px !important;
		position: relative;
		left: 50%;
		z-index: 2
	}

		section#front .content {
			width: 880px;
			height: auto;
			margin: 0 auto !important;
			min-height: 365px !important;
			padding: 20px 20px 100px !important;
			position: relative;
			background: #fff;
			border: 1px solid #becdda !important;
			border-bottom: none !important
		}

			section#front .content h1 {
				margin: 0 0 20px
			}

			section#front .content h3 {
				color: #cba806
			}

			section#front .content .content-link {
				font-family: Arial;
				font-size: 14px;
				color: #2d2d2d;
				letter-spacing: -.1px;
				display: inline-block
			}

			section#front .content .actions {
				width: auto;
				height: 24px;
				margin: 0 0 10px 15px !important;
				float: right
			}

				section#front .content .actions ul span {
					color: inherit
				}

				section#front .content .actions ul li {
					border-style: none;
	border-color: inherit;
	border-width: 0;
	float: left;
					width: auto;
					height: auto;
					margin: 0 10px !important;
					background: 0 0;
					padding-left: 20px;
					color: inherit !important;
					letter-spacing: inherit !important;
					white-space: nowrap;
	list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
}

					section#front .content .actions ul li:first-child {
						margin-left: 0 !important
					}

					section#front .content .actions ul li a {
						font-family: bebas_neueregular;
						font-size: 16px;
						color: #2d2d2d;
						text-decoration: none
					}

			section#front .content .btn.download {
				width: 548px;
				height: 83px;
				margin: 0 auto !important;
				position: relative;
				overflow: hidden
			}

				section#front .content .btn.download a 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;
					position: absolute;
					right: 0
				}

				section#front .content .btn.download a:hover img {
					right: -10px
				}

		section#front nav#interna ul li.title {
			background: 0 0;
			padding: 0
		}

			section#front nav#interna ul li.title article {
				width: 125px;
				height: 30px;
				margin: 0 auto !important;
				background: url(../img/indices/nav/bg_title.png) left center no-repeat;
				padding: 0 20px
			}

		section#front div[data-tipo=resultadoConsulta] .logo-fipe {
			float: left
		}

		section#front div[data-tipo=resultadoConsulta] .actions {
			float: right;
			margin: 10px 0 15px !important
		}

			section#front div[data-tipo=resultadoConsulta] .actions .input {
				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: -4px !important;
				margin-bottom: 0 !important;
				width: 0;
				height: 24px;
				float: left;
				overflow: hidden
			}

				section#front div[data-tipo=resultadoConsulta] .actions .input.open {
					width: 150px;
					margin-right: 5px !important
				}

				section#front div[data-tipo=resultadoConsulta] .actions .input input[type=text] {
					width: 140px;
					padding: 5px
				}

			section#front div[data-tipo=resultadoConsulta] .actions span {
				float: right
			}

nav#principal {
	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: auto;
	margin: 20px auto 0 !important;
	position: relative;
	border-top: 1px solid #becdda;
	border-bottom: 1px solid #becdda
}

	nav#principal ul {
		width: 980px;
		height: auto;
		margin: -1px auto !important
	}

		nav#principal ul li {
			float: left;
			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: 195px;
			height: 60px;
			margin: 0 0 0 -1px !important;
			border: 1px solid #becdda;
			position: relative
		}

			nav#principal ul li a {
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				font-family: bebas_neueregular;
				font-size: 24px;
				color: #92a4b4;
				text-align: center;
				text-decoration: none;
				display: block;
				padding: 23px 0 11px
			}

				nav#principal ul li a figure.ico {
					width: auto;
					height: auto;
					margin: 0 auto 0 -20px !important;
					position: absolute;
					left: 50%;
					top: -20px
				}

			nav#principal ul li:hover a {
				background: #33a9f4;
				color: #fff !important
			}

	nav#principal.min {
		position: fixed;
		top: 0;
		height: 30px;
		margin-top: 66px !important;
		background: #fff;
		z-index: 93;
		overflow: hidden
	}

		nav#principal.min .ico {
			display: none
		}

		nav#principal.min ul li {
			height: 30px
		}

			nav#principal.min ul li a {
				padding: 2px 0
			}

footer#footer_main {
	width: 100%;
	height: auto;
	margin: 0 auto !important;
	padding-top: 24px;
	background: #92a4b4;
	position: relative;
	min-height: 300px
}

	footer#footer_main section {
		width: 980px;
		height: auto;
		margin: 30px auto 0 !important;
		background: no-repeat
	}

		footer#footer_main section h3 {
			background: url(../img/bg_title_footer.png) left bottom no-repeat;
			font-family: bebas_neueregular;
			font-size: 24px;
			font-weight: 400;
			color: #FFF;
			padding-bottom: 20px
		}

		footer#footer_main section h6 {
			padding: 40px 74px 20px;
			color: #fff
		}

		footer#footer_main section .item {
			float: left;
			width: 215px;
			height: auto;
			margin: 0 55px !important;
			background: url(../img/bg_item_footer.png) left bottom no-repeat
		}

			footer#footer_main section .item.no-background {
				background: 0 0 !important
			}

			footer#footer_main section .item .input {
				margin: 20px 0 !important
			}

				footer#footer_main section .item .input input {
					color: #FFF
				}

					footer#footer_main section .item .input input::-webkit-input-placeholder {
						color: #fff
					}

					footer#footer_main section .item .input input:-moz-placeholder {
						color: #fff;
						opacity: 1
					}

					footer#footer_main section .item .input input::-moz-placeholder {
						color: #fff;
						opacity: 1
					}

					footer#footer_main section .item .input input:-ms-input-placeholder {
						color: #fff
					}

			footer#footer_main section .item .button {
				margin-bottom: 20px !important
			}

			footer#footer_main section .item .socialList {
				background: url(../img/bg_item_footer.png) left top no-repeat;
				padding-top: 20px;
				height: 32px;
				margin-bottom: 20px
			}

				footer#footer_main section .item .socialList ul li {
					width: 32px;
					height: 32px;
					margin: 0 20px 0 0 !important;
					float: left
				}

			footer#footer_main section .item ul li {
				margin: 20px auto
			}

				footer#footer_main section .item ul li a {
					font-family: Arial;
					font-size: 14px;
					color: #FFF;
					text-decoration: none;
					line-height: normal;
					display: block
				}

					footer#footer_main section .item ul li a:hover {
						text-decoration: underline;
						color: #3c3c3c
					}

.external-links-light {
	padding-left: 15px;
	position: relative
}

	.external-links-light:before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		overflow: hidden;
		vertical-align: middle;
		background: url(../img/ico-external-link-light.png) left top no-repeat;
		position: absolute;
		top: 2px;
		left: 0
	}

	.external-links-light:hover:before {
		background-position: left bottom
	}

.external-links-dark {
	padding-left: 15px;
	position: relative
}

	.external-links-dark:before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		overflow: hidden;
		vertical-align: middle;
		background: url(../img/ico-external-link-light.png) left bottom no-repeat;
		position: absolute;
		top: 2px;
		left: 0
	}

li.open {
	z-index: 0
}

.app {
	padding: 20px 5% 0;
	background: #33a9f4;
	margin-bottom: 25px
}

	.app > .box {
		float: left;
		width: 30%
	}

		.app > .box:first-child {
			width: 70%
		}

		.app > .box h2 {
			color: #FFF;
			margin-bottom: 10px
		}

		.app > .box img {
			display: inherit
		}

@media only screen and (max-width:979px) {
	h1 {
		font-size: 30px
	}

	h3 a {
		display: block
	}

	p {
		font-size: 14px;
		color: #758a9c
	}

	table td {
		padding: 5px
	}

	#mobile {
		display: block
	}

	select {
		border: 1px solid #aaa
	}

	nav#menuMobile {
		background: #dee6ec;
		font-family: bebas_neueregular
	}

		nav#menuMobile * {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		nav#menuMobile #mm-1 .mm-navbar {
			display: none
		}

	.mm-listview {
		font-size: 20px !important;
		color: #20a1fa !important
	}

	#mm-1 .mm-listview > li > a, #mm-1 .mm-listview > li > span {
		padding: 25px !important
	}

	.mm-listview .mm-next {
		padding: 0 !important;
		background: #a5b5c2 !important;
		border-bottom: solid 1px #becdda;
		width: 69px !important
	}

		.mm-listview .mm-next:after {
			right: 30px
		}

		.mm-listview .mm-next:before {
			content: none !important
		}

	.mm-arrow:after, .mm-next:after, .mm-prev:before {
		width: 11px;
		height: 11px;
		border-color: #becdda !important
	}

	.mm-menu > .mm-panel.mm-hasnavbar {
		padding-top: 70px !important
	}

	.mm-menu #mm-1.mm-hasnavbar {
		padding-top: 0 !important
	}

	.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
		font-size: 20px
	}

	.mm-navbar, .mm-navbar .mm-btn {
		height: 70px !important
	}

		.mm-navbar > * {
			padding: 25px 0 !important
		}

	.tab header {
		display: none
	}

	.tab.horizontal.inside {
		width: 100%;
		padding: 0;
		background: 0 0
	}

		.tab.horizontal.inside nav {
			margin: 0 !important
		}

			.tab.horizontal.inside nav > ul > li {
				width: 100%;
				margin: 0 !important;
				display: table-row
			}

				.tab.horizontal.inside nav > ul > li a {
					display: table-cell;
					vertical-align: middle;
					height: 49px;
					border: 1px solid #BECDDA
				}

	.tab.vertical {
		width: 100%
	}

		.tab.vertical > ul > li {
			border: none;
			height: 71px;
			background: 0 0
		}

			.tab.vertical > ul > li > a {
				border: 1px solid #BECDDA;
				height: 71px;
				background: #F2F4F7;
				display: table;
				width: 100%;
				font-size: 18px
			}

			.tab.vertical > ul > li .title {
				padding: 0 10px 0 20px;
				width: 100%;
				background: url(../img/mobile/modulos/tab/bg_vertical_tab_gd.png) -1px -72px no-repeat;
				background-size: 100% 142px
			}

			.tab.vertical > ul > li article {
				padding: 10px 0 20px
			}

			.tab.vertical > ul > li.ilustra .title {
				padding-right: 40px !important
			}

	.tab [data-tipo=resultadoConsulta] {
		margin-bottom: 0
	}

		.tab [data-tipo=resultadoConsulta] h3 {
			margin: 10px 0 !important
		}

	.table {
		width: auto;
		height: auto;
		margin: 0 auto 20px !important
	}

	header#header_main {
		display: none
	}

	header#header_mobile {
		display: block;
		min-height: 100px;
		overflow: hidden;
		position: relative
	}

		header#header_mobile #linkMenu {
			position: absolute;
			top: 0;
			left: 0;
			height: 50px;
			background: #dee6ec
		}

		header#header_mobile figure#logo {
			float: none;
			width: 86px;
			height: auto;
			margin: 0 0 0 -43px !important;
			position: absolute;
			top: 0;
			left: 50%
		}

			header#header_mobile figure#logo img {
				float: none;
				width: 100%;
				height: auto
			}

		header#header_mobile #linkSearch {
			position: absolute;
			top: 0;
			right: 0;
			height: 50px;
			background: #dee6ec;
			z-index: 9
		}

		header#header_mobile #idioma {
			-webkit-border-radius: 26px;
			-moz-border-radius: 26px;
			border-radius: 26px;
			behavior: url(../../htc/PIE.htc);
			width: 52px;
			height: 26px;
			margin: 0 !important;
			background: #becdda;
			position: absolute;
			top: 15px;
			right: 65px;
			overflow: hidden
		}

			header#header_mobile #idioma .lg {
				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: 26px;
				height: 26px;
				margin: 0 auto !important;
				position: absolute;
				top: 0
			}

				header#header_mobile #idioma .lg a {
					font-family: bebas_neueregular;
					font-size: 16px;
					text-align: center;
					text-decoration: none;
					display: block;
					padding: 4px 0;
					color: #fff
				}

				header#header_mobile #idioma .lg.active, header#header_mobile #idioma .lg:hover {
					background: #92a4b4
				}

				header#header_mobile #idioma .lg.en_us {
					left: 0
				}

					header#header_mobile #idioma .lg.en_us a {
						padding: 4px 0 0 3px
					}

				header#header_mobile #idioma .lg.pt_br {
					right: 0
				}

					header#header_mobile #idioma .lg.pt_br a {
						padding: 4px 3px 0 0
					}

		header#header_mobile #search_mobile {
			display: none;
			padding-top: 47px;
			position: relative;
			z-index: 8
		}

			header#header_mobile #search_mobile:before {
				content: '';
				display: block;
				float: right;
				width: 50px;
				height: 47px;
				background: #dee6ec
			}

			header#header_mobile #search_mobile .inputTxt {
				padding: 20px;
				background: #dee6ec;
				clear: both
			}

				header#header_mobile #search_mobile .inputTxt #textoBusca {
					width: 90%;
					height: 40px;
					padding: 0 5%;
					border: 1px solid #becdda
				}

	.button.top, .shadow, nav#principal {
		display: none
	}

	section#back {
		position: relative !important;
		min-width: 100% !important
	}

		section#back #banner {
			width: 100% !important;
			height: 0 !important;
			padding-top: 43.75%;
			background-position: center 5px;
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important
		}

			section#back #banner:empty {
				padding-top: 20px;
				-webkit-background-size: auto auto !important;
				-moz-background-size: auto auto !important;
				-o-background-size: auto auto !important;
				background-size: auto auto !important
			}

			section#back #banner .title {
				width: 100%;
				margin: 0 auto;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				behavior: url(../../htc/PIE.htc);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding: 10px;
				position: absolute;
				top: 0;
				left: 0
			}

				section#back #banner .title .ico {
					display: none
				}

				section#back #banner .title h1 {
					font-size: 30px;
					line-height: 1;
					padding-left: 0 !important
				}

		section#back section {
			display: none
		}

	section#front {
		width: 100% !important;
		margin: 0 auto !important;
		left: 0 !important
	}

		section#front nav#interna {
			display: none
		}

		section#front .content {
			width: 100% !important;
			float: none !important;
			min-width: 100% !important;
			max-width: 100% !important;
			min-height: 0 !important;
			border: none !important;
			background: url(../img/mobile/bg-content.png) top left repeat-x !important;
			padding: 90px 25px 30px 20px !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		section#front.map .content {
			padding-top: 10px !important
		}

		section#front div[data-tipo=resultadoConsulta] .actions {
			display: none
		}

	section#content_main h2 {
		font-size: 30px
	}

	section#content_main section article {
		width: 100%
	}

	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0
	}

		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin-top: 0 !important
		}

	#map li ul {
		width: 45%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

		#map li ul li p, #map li ul li ul li p {
			font-size: 13px
		}

	footer#footer_main {
		background: url(../img/mobile/bg-footer.jpg) center top no-repeat #92a4b4;
		padding-top: 0;
		min-height: 0
	}

		footer#footer_main section {
			width: 100%;
			margin: 0 auto !important;
			padding: 0 !important
		}

			footer#footer_main section .item {
				float: none;
				width: 100%;
				margin: 0 !important;
				background: 0 0
			}

				footer#footer_main section .item > ul {
					overflow: hidden;
					display: none
				}

					footer#footer_main section .item > ul li {
						margin: 0 auto
					}

						footer#footer_main section .item > ul li:first-child a {
							margin-top: 10px
						}

						footer#footer_main section .item > ul li:last-child a {
							margin-bottom: 10px
						}

						footer#footer_main section .item > ul li a {
							padding: 10px 20px
						}

							footer#footer_main section .item > ul li a.external-links-light {
								padding-left: 35px
							}

								footer#footer_main section .item > ul li a.external-links-light:before {
									top: 12px;
									left: 20px
								}

							footer#footer_main section .item > ul li a br {
								display: none
							}

							footer#footer_main section .item > ul li a:empty {
								padding: 0;
								height: 0
							}

				footer#footer_main section .item > ul {
					border-bottom: solid 1px #a8b9c7
				}

				footer#footer_main section .item form#frmNews {
					overflow: hidden;
					padding: 0 20px;
					display: none
				}

				footer#footer_main section .item .input {
					margin: 20px auto !important
				}

				footer#footer_main section .item .socialList {
					background: 0 0;
					margin-bottom: 0
				}

					footer#footer_main section .item .socialList ul {
						display: block;
						text-align: center
					}

						footer#footer_main section .item .socialList ul li {
							float: none;
							display: inline-block
						}

							footer#footer_main section .item .socialList ul li:last-child {
								margin: 0 !important
							}

			footer#footer_main section h3 {
				background: 0 0;
				padding: 15px 20px;
				margin: 0;
				line-height: 1;
				font-size: 20px;
				color: #d3dce4;
				border-bottom: solid 1px #a8b9c7;
				cursor: pointer
			}

			footer#footer_main section h6 {
				margin: 0 auto;
				padding: 30px 0;
				text-align: center
			}
}

@media only screen and (max-width:460px) {
	.app > .box {
		width: 100%;
		text-align: center;
		display: none;
		margin-bottom: 20px
	}

		.app > .box:first-child {
			width: 100%;
			display: inherit
		}
}

@media only screen and (max-width:370px) {
	#map li ul {
		width: 95%
	}

	.tab.vertical > ul > li .title {
		background: url(../img/mobile/modulos/tab/bg_vertical_tab_sml.png) -1px -72px no-repeat;
		background-size: 100% 142px
	}

	.app > .box {
		width: 100%;
		text-align: center;
		display: none;
		margin-bottom: 20px
	}

		.app > .box:first-child {
			width: 100%;
			display: inherit
		}
}
