.below_header { margin-top: 100px; min-height: 600px; height: auto; position: relative;}

.bg-color-main { background-color: #ccc; }

.black-opacity {
  position: absolute;
  width: 100%;
  background-color: #000;
  opacity: .7;
  filter: alpha(opacity=70);
}

@font-face { font-family: Dosis; src: url(font/Dosis-Regular.ttf);  }
@font-face { font-family: Dosis-Bold; src: url(font/Dosis-Bold.ttf);  }

body {
	margin: 0;
  padding: 0;
  min-width: 1156px;
  font-family: Dosis, Arial !important;
}

.center{ font-size: 2.5em; padding: 80px 0; text-align: center; }

.float-left { float: left; margin: 0 0 0 20px; }
.float-right { float: right; margin: 0 20px 0 0; }

#footer-wrap { background-color: #fff; height: 285px; margin-bottom: 0px; margin-top: 25px; width: 100%; position: relative;  }
#footer-wrap #inc-footer { width: 100%; height: 285px; margin:0px;  }
#footer-wrap #footer-bg-top-left { position: absolute; width:580px; height: 285px; background-image: url(../img/bg_footer_left.png); background-repeat: no-repeat; }
#footer-wrap #footer-bg-top { width: 100%; height: 192px;  position: absolute; }
#footer-wrap .black-opacity { height: 138px; z-index:0;   width: 100%; }

img{ border: 0px; }

.img-title { margin-top: 20px; }

li { list-style: none; }

#html_content ul { padding-left:30px; }
#html_content li { list-style: disc; }
#html_content h4 { color:rgb(0, 155, 119);margin:0; }

.line { width: 100%; border-bottom: 1px solid #e5e5e5; margin: 25px 0px 25px 0px; }

.list-default { margin-left: 50px; }
.list-default li { list-style: disc; }

#loader {
  position: fixed;
  width: 50px;
  height: 50px;
  z-index: 100;
  display: none;
  background-image: url(../img/loading.gif);
  background-repeat: no-repeat;
}

#loader.msg {
  background-image: none;
  background-color: #00a788;
  width: 200px;
  padding:  15px 15px 10px;
  color: #fff;
  border: 2px solid #fff;
  outline: 3px solid #00a788;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.nav { width: 100%; height: 20px; font-size: 14px; padding-top: 20px; }
.nav a { text-decoration: none; color: #000; }
.nav li { float: left; margin-right: 5px; height: 20px; line-height: 20px; vertical-align: middle;  }
.nav li:last-child { color: #666;  }

.txt-color-data { color: #333; font-size: 12px; }
.txt-color-main { color: #00a788; margin: 5px 0 10px; }

.txt-color-green { color: #00a789; }
.txt-color-blue { color: #00b9ee; }

ul { margin: 0px; padding: 0px; }

.hdr_menu a, .hdr_menu li img, .hdr_btn_scroll, .btn_hdr_slider, .btn_border, #ul_quiz div {
	-webkit-transition: all 0.3s ease-out;
  transition: 		all 0.3s ease-out;
}

.hdr_menu {
  position: relative;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  top: -65px;
  text-align: right;
}

.hdr_menu li ul {
	display: none;
  position: absolute;
  margin-top: 20px;
  font-size: 14px;
}

.hdr_menu li ul > li {
	display: block;
  float: left;
  margin-right: -1px;
}
.hdr_menu li ul > li a {
  padding: 20px 13px;
  background-color: #016653;
}

.hdr_menu li:hover, .hdr_menu li a:hover {
	background-color: #00A788;
}

.hdr_menu li.idiomas a {
  padding: 40px 10px;
}

.hdr_menu li.idiomas:hover, .hdr_menu li.idiomas a:hover {
	background-color: transparent;
}

.hdr_menu li:hover ul {
  display: block;
}

.hdr_menu li ul > li a:hover {
  background-color: #00b9ee !important;
}

.hdr_menu li ul > li:hover {
  background: none;
  /*padding: 0px;*/
}

.hdr_menu li {
	display: inline;
  margin: 0;
  color: #fff;
  cursor: pointer;
  padding: 40px 0px;
}

.hdr_menu li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  border: 0;
  padding: 40px 14px;
}

#menu-campanha { margin-left: 414px; }
#menu-eucuido { margin-left: 150px; }
#menu-espaco { margin-left: 595px; }

#hdr_master {
	position: fixed;
  height: 100px;
  width: 100%;
  top: 0;
  z-index: 10;
  background-color: transparent;
  text-align: left;
}

#hdr_master .black-opacity {
  height: 100px;
}

#hdr_master .hdr_logo {
	position: relative;
	display: inline;
  margin: 17px 18px;
  margin-left: 0;
  left: 0;
  border: 0;
  height: 66px;
  z-index: 1;
}

.div_max_width {
	width: 1156px;
	margin: 0 auto;
}

.content_block {
  width: 50%;
  height: 100%;
  margin: auto 0;
  padding: 0;
  float: left;
  text-align: center;
}

.content_block img {
  position: relative;
  margin: auto 0;
  max-height: 100%;
  max-width: 100%;
}

.content_block p {
  text-align: left;
  max-width: 70%;
  margin: 20px auto;
}

.content_block.right {
  float: right;
}

.img_intro {
	display: block;
	position: relative;
	margin: auto;
  padding: 140px 0 0;
  height: 480px;
}

.hdr_btn_scroll {
	position: relative;
	display: block;
	width: 172px;
	height: 65px;
	margin: -50px auto 0;
  left: -30px;
  border: 0;

  background-image: url(../img/img_btn_scroll.png);
  background-position: center;
  background-repeat: no-repeat;
}

.hdr_btn_scroll.en {
	background-image: url(../img/img_btn_scroll_en.png);
}

.hdr_btn_scroll:hover {
	opacity: 0.6;
}

/* Elementos home */
#hdr_bg_aux {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 0;

  /*background-attachment: fixed;*/
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#header {
  color: #fff;
  height: 680px;
  /*min-height: 680px;*/
  margin: 0 auto;
  background-image: url(../img/slider_home/1.jpg);
  /*background-attachment: fixed;*/
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#dicas {
	background-image: url(../img/img_dicas_bg.jpg);
  background-size: cover;
  background-position-y: center;
  background-repeat: no-repeat;
  color: #000;
  height: 860px;
  margin: 0;
}

#roteiros {
  background-image: url(../img/img_roteiros_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  height: 720px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}

#app{
	color: #000;
	height: 720px;
}

#quiz{
	background: url(../img/img_quiz_bg.jpg);
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  height: 740px;
  text-align: center;
}

#btn_home_top {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 96px;
  height: 66px;
  /*background-image: url(../img/img_btn_top.png);*/
  background-position: center;
  background-repeat: no-repeat;
}

.btn_hdr_slider {
  display: none;
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #000;
  margin: 315px 0;
  top: 0;
  z-index: 2;

  background-color: rgba(0,0,0,0.6);
  background-position: center;
  background-repeat: no-repeat;
}

.btn_hdr_slider:hover {
  opacity: 0.6;
}

#btn_slide_left {
  left: 10px;
  /*background-image: url(../img/img_arrow_left.png);*/
}

#btn_slide_right {
  right: 10px;
  /*background-image: url(../img/img_arrow_right.png);*/
}

.home_item {
  position: relative;
  height: 420px;
  text-align: center;
}

.btn_border {
  display: inline-block;
  padding: 15px;
  margin: 10px 3px;
  width: 160px;
  color: #fff;
  border: 2px solid #fff;
  outline: 3px solid #74c300;
  background-color: #74c300;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.btn_border:hover {
  opacity: 0.8;
}

.btn_download {
  display: inline-block;
  width: 160px;
  height: 50px;
  margin: 10px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.btn_download.appstore {
  background-image: url(../img/img_download_appstore.png);
}

.btn_download.gplay {
  background-image: url(../img/img_download_gplay.png);
}

#ul_quiz {
  position: relative;
  display: block;
  padding: 0;
  margin: 20px 0 0;
  list-style-type: none;
}

#ul_quiz > li {
  position: relative;
  display: inline-block;
  padding: 2px;
  margin: 40px 15px;

  height: 410px;
  width: 290px;

  background-color: #fff;
  color: #555;
}

#ul_quiz > li h2, #ul_quiz > li p {
  margin: 12px 0 18px;
}

#ul_quiz > li p {
  text-align: left;
}

#ul_quiz li div.question {
  height: 388px;
  width: 268px;
  padding: 10px 10px;
  border: 1px solid #ccc;
  float: left;
}

#ul_quiz li div.question div.noticia {
  height: 100%;
  width: 100%;
}

#ul_quiz li div.question img.title {
  height: 34px;
  width: auto;
  margin: 10px 0;
}

#ul_quiz li div ul {
  position: absolute;
  text-align: left;
  width: 84%;
}

#ul_quiz li div ul li {
  margin: 10px 0;
  font-size: 14px;
}

.hdr_menu li.idiomas a:not([href*="/"]) {
  /*font-weight: bold;*/
  font-family: Dosis-Bold;
}

#ul_quiz #list-noticias {
  max-height: 330px;
  width: 100%;
  overflow-y: auto;
}

#ul_quiz #list-noticias li {
  margin: 0;
}

#ul_quiz #list-noticias li:last-child .noticia-box:last-child {
  border-bottom: 0;
}

#ul_quiz .noticia-box {
  width: 230px;
  margin-top: 0;
}

#ul_quiz .noticia-box h3 {
  margin: 0 0 5px;
  font-size: 14px;
}

#ul_quiz .noticia-box p {
  margin-top: 0;
}

#ul_quiz .noticia-box img {
  /*display: none;*/
}

#quiz li:nth-child(1) .question {
  background-image: url(../img/loading.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.bloco2-1 {
  background: #d9f5fc;
  padding: 20px 30px;
  margin: 40px 0 0;
  position: relative;
  width: 728px;
}

.bloco2-1:after {
  background: url('../../../img/igreja.png') no-repeat 0 100% / contain;
  bottom: 0;
  content: '';
  height: 247px;
  position: absolute;
  right: -148px;
  width: 342px;
}

.bloco2-2 {
  background: #effadf url('../../../img/cachoeira.png') no-repeat 100% 0 / contain;
  padding: 20px 30px;
  margin: 40px 0 0;
  width: 871px;
}

.bloco2-2 + p {
  margin-top: 40px;
}

.bloco2-3 + p {
  margin-top: 80px;
}

.bloco2-3 ~ ul a {
  color: #00a788;
  text-decoration: none;
}

.bloco2-3 ~ ul a:hover {
  text-decoration: underline;
}

.bloco2-3 {
  background: #d9f2ed;
  padding: 20px 30px;
  margin: 80px 0 0;
  position: relative;
  width: 728px;
}

.bloco2-3:after {
  background: url('../../../img/bailarina.png') no-repeat 0 0 / contain;
  top: 50%;
  content: '';
  height: 254px;
  position: absolute;
  right: -55px;
  transform: translateY(-50%);
  width: 195px;
}
