@charset "UTF-8";

@font-face {
	font-family: "Triplex Bold"; 
    src: url('../fonts/triplex-bold.ttf');
}

@font-face {
	font-family: "Roboto Regular";
	src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
	font-family: "Roboto Bold";
	src: url('../fonts/Roboto-Bold.ttf');
}

html {
	height: 100%;
}

a.cc-dismiss{
  transition:all .25s;
}
a.cc-dismiss:hover{
  color:#ffffff;
  background-color:#008AC4;
  transition:all 0.5s;
}

body {
	height: 100%;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}

a {
	font-family: "Triplex Bold", Helvetica, Arial, sans-serif; 
    src: url('../fonts/triplex-bold.ttf');
}

p, h1, h2, span {
	font-family: "Triplex Bold", Helvetica, Arial, sans-serif; 
	color: #008AC4;
}

h1 {
	font-size: 1.5vw;
}

header {
	width: 86%;
	margin-left: 7%;
}

header p {
	margin-top: 0px;
	text-align: center;
}

header a{
	display: block;
	background-color: #008AC4;
	padding-bottom: 0px;
	padding-top: 0px;
	transition:all .25s;
}

header a:hover {
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

/* SLICK SLIDER */ 

.slick_slider {
	margin-left: 7%;
    width: 86%;
}

.slick_slider img {
    width: 90%;
    margin-left: 5%;
    border-style: solid;
    border-width: 1px;
    border-color: #008AC4;
}

.slick_slider img:hover {
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

/* CONTENTS */

.contents {
	width: 86%;
	margin-left: 7%;
	display: table;
	position: relative;
}

.contents .container {
	display: table-cell;
	position: relative;
	text-align: center;
}

.container p {
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	font-size: 1.2vw;
}

.video_container {
	position: relative;
	width: 100%;
    height: 0;
	padding-bottom: 56.25%;
	text-align: center;
}

.video_container span {
	font-size: 1.8vw;
}

.video_container iframe {
	border-width: 2px !important;
	border-color: #008AC4;
	position: absolute;
    width: 90%;
    height: 90%;
    margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.link, .link_mini {
	width: 29%;
	display: inline-block;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	text-align: center;
	vertical-align: middle;
}

.link a, .link_mini a {
	text-decoration: none;
	color: #008AC4;
	border-style: solid;
	border-color: #008AC4;
	border-width: 2px;
	padding-top: 41.5%;
	padding-bottom: 41.5%;
	font-size: 3vw;
	display: block;
	transition:all 0.2s;
}

.link_mini a {
	padding-top: 34.7%;
	padding-bottom: 34.7%;
}

.link a:hover, .link_mini a:hover {
	color: #FFFFFF;
	background-color: #008AC4;
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

.site_link {
	width: 29%;
	display: inline-block;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	text-align: center;
}

.site_link img {
	width: 100%;
	display: block;
	border-style: solid;
	border-color: #008AC4;
	border-width: 2px;
	transition:all 0.2s;
}

.site_link img:hover {
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

.link_aux {
	clear: both;
	margin-bottom: 20px;
}

.contents_folhetos, .contents_folhetos_view, .contents_text_page, .contents_mapa, .error_page {
	width: 86%;
	margin-left: 7%;
}

.list_folhetos {
	list-style: none;
	padding-left: 0;
}

.list_folhetos li {
	margin-bottom: 20px;
}

.contents_folhetos img {
	width: 90%;
	margin-left: 5%;
	clear: both;
	border-style: solid;
	border-width: 1px;
	border-color: #008AC4;
	transition:all 0.2s;
}

.contents_folhetos img:hover {
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

.contents_folhetos a {
	text-decoration: none;
}

.img_folheto {
	width: 60%;
	margin-left: 20%;
	display: block;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #008AC4;
}

/* REGRAS PARA O FOLHETO DA POUPANÇA */
/* --------------------------------- */

.img_folheto_poupanca {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #008AC4;
}

/* FIM DAS REGRAS PARA O FOLHETO DA POUPANÇA */
/* ----------------------------------------- */

.contents_text_page p, .contents_text_page ol, .contents_text_page ul {
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	font-size: 1.2vw;
}

.contents_map_page_text {
	width: 90%;
	margin-left: 5%;
	text-align: justify;
	font-size: 1.2vw;
}

.contents_text_page li {
	width: 97%;
}

.contents_text_page a, .contents_map_page_text a {
	color: #008AC4;
}

.contents_text_page a:hover {
	color: #1E3D58;
}

.contents_text_page_aux, .contents_text_page ol, .contents_text_page ul, .contents_map_page_text {
	font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
	color: #000000;
}

.contents_text_page_aux span, .contents_text_page span, .contents_text_page_aux a, .contents_map_page_text span, .contents_map_page_text a {
	font-family: "Roboto Bold", Helvetica, Arial, sans-serif !important;
}

li a {
	font-family: "Roboto Bold", Helvetica, Arial, sans-serif !important;
}

.contents_text_page_aux strong {
	font-weight: bold;
}

.header_link, .sub_link {
	width: 90%;
	margin-left: 5%;
	text-decoration: none;
	color: #008AC4;	
}

.header_link {
	font-size: 2vw;
	transition:all 0.2s;
}

.sub_link {
	font-size: 1.4vw;
	transition:all 0.2s;
}

.header_link:hover, .sub_link:hover {
	text-decoration: underline;
	transition:all 0.5s;
}

.return {
	width: 90%;
	margin-left: 5%;
	margin-top: unset !important;
	margin-bottom: unset !important;
	padding-bottom: unset !important;
	border-style: solid;
	border-width: 2px !important;
	border-color: #008AC4;
	font-size: 3vw !important;
	text-align: center;
}

.return a {
	font-family: "Triplex Bold", Helvetica, Arial, sans-serif; 
	padding-left: 45.2%;
	padding-right: 45.2%;
	color: #008AC4;
	text-decoration: none;
	transition:all 0.2s;
}

.return a:hover {
	background-color: #008AC4;
	color: #FFFFFF;
	transition:all 0.5s;
}

.map_info {
	font-size: 1vw;
}

#map {
	height: 800px;
	width: 90%;
	margin-left: 5%;
}

iframe body {
	overflow: hidden !important;
}

.footer_iframe {
	width: 100%;
	height: 25%;
	border-style: none;
	border-width: 0px;
	overflow: hidden !important;
}

#footer {
	height: 25%;
}

#footer_body {
	overflow: hidden !important;
	height: 100%;
}

#footer object {
	width: 100%;
	height: 100%;
	border-style: none;
	border-width: 0px;
	overflow: hidden !important;
}

footer {
	clear: both;
	left: 0;
	bottom: 0;
	width: 86%;
	margin-left: 7%;
	margin-top: 10px;
	height: 11vh;
	border-style: solid;
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-color: #008AC4;
	background-color: #FFFFFF;
}

#footer_section_one p {
	float: left;
	width: 50%;
	margin-left: 5%;
	font-size: 1vw;
	text-align: left;
}

#footer_section_two {
	margin-right: 5.2%;
	text-align: right;
}

/*#footer_section_two p {
	font-size: 16pt;
	margin-bottom: 5px;
}

#footer_section_two img {
	width: 2.5%;
}*/

#footer_section_two {
	position: relative;
    top: 1em;
}

#privacy_link {
	margin-right: 30px;
}

#follow_us {
	text-decoration: none;
	color: #008AC4;
	font-size: 1.1vw;
}

#footer_section_two a {
	text-decoration: none;
	color: #008AC4;
	font-size: 1.1vw;
	transition:all 0.2s;
}

#footer_section_two a:hover {
	text-shadow: 0px 0px 1px #000000;
	transition:all 0.5s;
}

#footer_section_two img {
	width: 2%;
	vertical-align: middle;
	transition:all 0.2s;
}

#footer_section_two img:hover {
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

#govt {
	text-align: center;
}

#govt_img {
	width: 50%;
}

/* PÁGINA 404 */

#error_header {
	text-align: center;
	width: 90%;
	margin-left: 5%;
	font-size: 3vw;
}

#error_message {
	text-align: center;
	width: 90%;
	margin-left: 5%;
	font-size: 2vw;
}

/* FERRAMENTAS INTERNAS */

label, input, button {
	font-family: "Triplex Bold";
	font-size: 16pt;
}

label {
	color: #008AC4;
}

.parent_tool_container {
	display: table-cell;
	position: relative;
	text-align: center;
}

.tool_container {
	display: inline-block;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	vertical-align: top;
}

.forms {
	text-align: right;
}

#resultado {
	border: 0;
	border-style: solid;
	border-width: 1px;
	padding: 2px 10px 2px 10px;
	border-color: #008AC4;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #008AC4;
	transition:all 0.2s;
}

#resultado:hover {
	background-color: #008AC4;
	color: #FFFFFF;
	box-shadow: 0px 0px 5px #000000;
	transition:all 0.5s;
}

table {
	margin-left: 5%;
	width: 90%;
	font-family: "Roboto Regular", Helvetica, Arial, sans-serif !important;
	border-collapse: collapse;
}

td, th {
	border: 1px solid #008AC4;
	text-align: center;
	padding: 8px;
}

th {
	color: #008AC4;
}