@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600,800");
body {
  background-color: #fafafa;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.5; }

#top {
  background-color: white; }
  #top .banner {
    background: url("../img/banner.png") no-repeat center center;
    background-size: cover;
    height: 400px; }

#navigation {
  margin-top: 0px; }
  #navigation .navbar {
    background-color: white;
    border: none;
    min-height: 78px; }
  #navigation .navbar-nav li a {
    border-bottom: 4px solid transparent;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 78px; }
    #navigation .navbar-nav li a:hover {
      border-bottom: 4px solid #c67c59; }
  #navigation .navbar-nav .register {
    background-color: #c67c59;
    margin-top: 15px; }
    #navigation .navbar-nav .register a {
      border: none;
      color: #fff;
      line-height: 50px; }
      #navigation .navbar-nav .register a:hover {
        background-color: #c17653;
        border: none; }
  #navigation .navbar-collapse {
    padding-left: 0;
    padding-right: 0; }

#mensagem {
  margin: 50px 0; }
  #mensagem h1 {
    font-size: 14px;
    margin: 15px 0 5px;
    text-transform: uppercase; }
  #mensagem h2 {
    color: #c67c59;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 800; }
  #mensagem h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0; }
    #mensagem h3 span {
      font-size: 14px;
      font-weight: 400;
      display: block;
      margin-top: 5px; }
  #mensagem img {
    margin-bottom: 10px; }
  #mensagem .board {
    background-color: #c67c59;
    padding: 25px 20px; }
    #mensagem .board h1 {
      font-size: 14px;
      margin: 0 0 5px;
      text-transform: uppercase; }
    #mensagem .board h2 {
      color: #fff;
      font-size: 28px;
      margin: 0 0 20px;
      text-transform: uppercase;
      font-weight: 800; }
    #mensagem .board ul {
      color: #fff;
      list-style-type: none;
      padding-left: 0;
      margin: 0; }
  #mensagem .comissoes {
    margin-top: 25px; }

#regulamento {
  margin: 50px 0; }
  #regulamento h1 {
    font-size: 14px;
    margin: 15px 0 5px;
    text-transform: uppercase; }
  #regulamento h2 {
    color: #c67c59;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 800; }
  #regulamento h3 {
    color: #c67c59;
    font-size: 20px;
    font-weight: 800;
    margin: 50px 0;
    text-transform: uppercase; }
  #regulamento h4 {
    font-weight: 800;
    margin: 25px 0; }
    #regulamento h4:first-of-type {
      margin-top: 50px; }
  #regulamento h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 25px 0; }
  #regulamento ol {
    margin: 25px 0; }
    #regulamento ol li {
      margin: 15px 0; }
      #regulamento ol li h5 {
        font-size: 16px;
        font-weight: 600;
        margin: 15px 0; }
  #regulamento ul {
    margin: 25px 0; }
    #regulamento ul li {
      margin: 15px 0; }
  #regulamento .board {
    background-color: #c67c59;
    padding: 25px 20px; }
    #regulamento .board h1 {
      font-size: 14px;
      margin: 0 0 5px;
      text-transform: uppercase; }
    #regulamento .board h2 {
      color: #fff;
      font-size: 28px;
      margin: 0 0 20px;
      text-transform: uppercase;
      font-weight: 800; }
    #regulamento .board ul {
      color: #fff;
      list-style-type: none;
      padding-left: 0;
      margin: 0; }
      #regulamento .board ul li {
        margin: 25px 0; }
        #regulamento .board ul li span {
          display: block;
          font-weight: 600;
          font-size: 14px;
          text-transform: uppercase;
          margin-bottom: 5px; }

#cursos {
  margin-bottom: 50px; }
  #cursos .linha {
    margin-bottom: 50px; }
    #cursos .linha h2 {
      font-weight: 800;
      text-align: center;
      text-transform: uppercase; }
  #cursos .rectangulo {
    background-color: #c67c59;
    padding: 20px;
    position: relative;
    min-height: 210px; }
    #cursos .rectangulo .content {
      position: absolute;
      bottom: 0;
      text-align: center; }
      #cursos .rectangulo .content h1 {
        color: #fff;
        font-size: 34px;
        font-weight: 900;
        margin-top: 0;
        text-transform: uppercase; }
      #cursos .rectangulo .content p {
        color: #fff;
        margin: 0 0 20px 0; }
      #cursos .rectangulo .content .ver-mais {
        color: #fff;
        display: block;
        margin: 0 0 20px 0;
        text-align: center; }

#taxas {
  margin: 50px; }
  #taxas h1 {
    font-size: 14px;
    margin: 15px 0 5px;
    text-transform: uppercase; }
  #taxas h2 {
    color: #c67c59;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 800; }
  #taxas h4 {
    color: #c67c59;
    font-size: 20px;
    font-weight: 800;
    margin: 50px 0;
    text-transform: uppercase; }
  #taxas .inscricao h3 {
    font-size: 16px;
    display: inline-block;
    margin-right: 50px;
    width: 250px; }
  #taxas .inscricao span {
    font-weight: 800; }
  #taxas .inscricao h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 50px 0 10px 0;
    text-transform: uppercase; }

#alojamento {
  margin: 50px; }
  #alojamento h1 {
    font-size: 14px;
    margin: 15px 0 5px;
    text-transform: uppercase; }
  #alojamento h2 {
    color: #c67c59;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 800; }
  #alojamento a {
    border: 2px solid #333;
    color: #333;
    display: inline-block;
    font-weight: 600;
    padding: 10px 10px;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; }
    #alojamento a:hover {
      border: 2px solid #c67c59;
      background-color: #c67c59;
      color: #fff;
      font-weight: 600;
      text-decoration: none; }
  #alojamento .precoHotel {
    background-color: #c67c59;
    color: #fff;
    padding: 20px;
    margin: 25px 0; }
    #alojamento .precoHotel ul {
      list-style-type: none;
      padding-left: 0; }
      #alojamento .precoHotel ul li h3 {
        font-size: 16px;
        display: inline-block;
        margin-top: 0;
        width: 150px; }
      #alojamento .precoHotel ul li span {
        font-weight: 800; }
    #alojamento .precoHotel p {
      margin-bottom: 0; }

#local {
  margin: 100px 0 100px; }
  #local .noPad {
    padding: 0; }
  #local .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #local .content .item {
      background-color: #c67c59;
      color: #fff;
      width: 50%;
      padding: 80px 40px; }
      #local .content .item:first-child {
        background-image: url("../img/Fundacao-Cupertino-Miranda.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%; }
      #local .content .item a {
        border: 2px solid #fff;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        padding: 10px 10px;
        margin-top: 10px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out; }
        #local .content .item a:hover {
          border: 2px solid #333;
          background-color: #fff;
          color: #333;
          font-weight: 600;
          text-decoration: none; }
      #local .content .item h1 {
        font-size: 14px;
        margin: 15px 0 5px;
        text-transform: uppercase; }
      #local .content .item h2 {
        color: #fff;
        margin: 0 0 15px;
        text-transform: uppercase;
        font-weight: 800; }

#programa {
  margin: 50px 0; }
  #programa h1 {
    font-size: 14px;
    margin: 15px 0 5px;
    text-transform: uppercase; }
  #programa h2 {
    color: #c67c59;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 800; }
  #programa .cursoTitulo {
    margin: 50px 0; }
    #programa .cursoTitulo h1 {
      font-size: 20px;
      font-weight: 600;
      margin: 50px 0 10px 0; }
      #programa .cursoTitulo h1:last-of-type {
        margin: 50px 0 10px 0; }
  #programa .dias .conferencia {
    margin-top: 25px; }
    #programa .dias .conferencia .horas {
      display: inline-block;
      vertical-align: top;
      margin-right: 25px;
      width: 5%; }
    #programa .dias .conferencia .titulo {
      display: inline-block;
      width: 90%; }
      #programa .dias .conferencia .titulo h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        margin-top: 0; }
      #programa .dias .conferencia .titulo .moderadores {
        font-weight: 600; }
      #programa .dias .conferencia .titulo .servicos {
        color: #9e9e9e;
        font-size: .9em; }
      #programa .dias .conferencia .titulo ul {
        list-style-type: none;
        margin: 25px 0;
        padding-left: 0; }
        #programa .dias .conferencia .titulo ul li {
          margin: 20px 0; }
          #programa .dias .conferencia .titulo ul li h3 {
            color: #868686; }
  #programa .botoes {
    padding: 25px 20px; }
    #programa .botoes ul {
      color: #fff;
      list-style-type: none;
      padding-left: 0;
      margin: 0; }
      #programa .botoes ul li a {
        color: #fff;
        display: block;
        background-color: #c67c59;
        margin: 10px 0;
        padding: 15px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        -webkit-transition: all #programa .botoes ul li a;
        transition: all #programa .botoes ul li a; }
        #programa .botoes ul li a :first-child {
          margin-top: 0; }
        #programa .botoes ul li a:hover {
          background-color: #c17653; }
        #programa .botoes ul li a.activo {
          background-color: rgba(181, 114, 82, 0.5); }
  #programa .logo-sponsor {
    height: 50px; }

footer {
  background-color: #c67c59;
  padding: 15px 0; }
  footer p {
    color: #fff;
    margin: 0;
    font-weight: 900; }
    footer p span {
      margin-left: 50px;
      font-weight: 300; }

@media screen and (max-width: 999px) {
  #top {
    background-color: white; }
    #top .banner {
      background: url("../img/banner_alt.jpg") no-repeat center center;
      background-size: contain;
      height: 400px;
      margin-top: 80px; }
  #navigation {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100; }
    #navigation .navbar-nav {
      margin-top: 0; }
      #navigation .navbar-nav li {
        width: 100%; }
        #navigation .navbar-nav li a {
          line-height: 50px;
          text-align: center; }
          #navigation .navbar-nav li a:hover {
            background-color: #e7e7e7;
            border-color: #fff; }
      #navigation .navbar-nav .register {
        margin-top: 0; }
        #navigation .navbar-nav .register a:hover {
          border-color: #c67c59; }
  .navbar-right {
    margin-right: 0; }
  .navbar {
    border-radius: 0; }
  .navbar-header {
    float: none; }
  .navbar-left, .navbar-right {
    float: none !important; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }
  .navbar-toggle {
    background-color: #c67c59;
    display: block;
    margin-top: 20px; }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  .navbar-nav > li {
    float: none; }
  .collapse.in {
    display: block !important; }
  .dropdown-menu {
    width: 100%;
    text-align: center; }
  #cursos {
    margin-bottom: 50px; }
    #cursos .linha {
      margin-bottom: 50px; }
      #cursos .linha h2 {
        font-weight: 800;
        text-align: center;
        text-transform: uppercase; }
    #cursos .rectangulo {
      margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .navbar-nav {
    margin: 0; }
  #mensagem h1, #mensagem h2, #mensagem h3 {
    text-align: center; }
  #mensagem img {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  #mensagem .temas {
    margin-top: 50px;
    text-align: center; }
  #local .content {
    display: block; }
    #local .content .item {
      display: block;
      width: 100%;
      max-width: 100%; }
      #local .content .item h1, #local .content .item h2 {
        text-align: center; }
      #local .content .item .botao {
        display: block;
        text-align: center; }
      #local .content .item:first-child {
        height: 400px;
        width: 100%;
        max-width: 100%; }
  footer p span {
    display: block;
    margin-left: 0; } }