@charset "utf-8";

* {
 margin: 0;
 padding: 0;
 font-family: Arial, sans-serif;
}

body {
  background: url('../img/bg.jpg');
}

img {
  max-width: 100%;
}

h {
  margin-top: 15px;
  margin-bottom: 10px;
}
h1 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: rgba(51,51,51,.8);
}
h2 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: rgba(0, 85, 128.8);
}
h3 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #cc7a00;
}
h4 {
  margin-top: 15px;
  margin-bottom: 10px;
}

p {
  margin-top: 15px;
  margin-bottom: 10px;
}

a:link {
  color: #cc7a00;
  text-decoration: none;
}
a:visited {
  color: #995c00;
  opacity: .9;
  text-decoration: none;
}
a:hover {
  color: #ffad33;
  text-decoration: underline;
}

.grau {
  color: rgba(0, 85, 128.8);
  font-weight: bold;
}

.duplo {
  width: 48%;
  padding: 1%;
  float: left;
  display: block;
}
.triplo {
  width: 31%;
  padding: 1%;
  float: left;
  display: block;
}
.doistriplos {
  width: 62%;
  padding: 2%;
  float: left;
  display: block;
}
.central {
	width: 100%;
	float: left;
	text-align: center;
}

.container {
  width: 70%;
  margin-left: 14%;
  margin-bottom: 10px;
  padding: 1%;
  float: left;
}

.container-t {
  width: 69%;
  margin-left: 14%;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1%;
  float: left;
  border: 5px dashed rgba(51,51,51,.8);
  border-radius: 5px;
}

.container-c {
  width: 70%;
  margin-left: 14%;
  margin-bottom: 10px;
  padding: 1%;
  float: left;
  color: #ffffff;
  text-align: center;
}
.container-c a, .container-c h1, .container-c h2, .container-c h3, .container-c h4, .container-c h5 {
  color: #ffffff;
  text-shadow: 1px 1px 2px #000000;
}

.container-c-box {
  width: 50%;
  margin-left: 23%;
  margin-bottom: 10px;
  padding: 2%;
  border-radius: 5px;
  float: left;
  color: #ffffff;
  background: rgba(0,0,0,.6);
  border: 1px solid #ffffff;
  text-align: center;
  box-shadow: 1px 1px 2px rgba(0,0,0,.6);
}

.corpo {
  width: 100%;
  float: left;
}

/*     MENU CIMA      */

.menu-cima-externo {
  width: 96%;
  float: left;
  padding: 8px 2%;
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  background: rgba(0,0,0,.5);
}
.menu-cima-externo a {
  color: #ffffff;
  margin: 0 10px;
}

.menu-cima-externo-input {
  color: #ffffff;
  background: rgba(0,0,0,.2);
  border: 0;
  padding: 2px;
  margin: 0;
  font-weight: bold;
}

.menu-cima-externo-bt {
  color: #ffffff;
  background: rgba(0,0,0,.4);
  border: 0;
  padding: 2px 5px;
  margin: 0;
  font-weight: bold;
}

.menu-cima-container {
  width: 96%;
  padding: 1% 2%;
  float: left;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  background: rgba(178, 178, 178,.5);
}

.menu-cima-logo {
  width: 30%;
  float: left;
}

.menu-cima-menu-geral {
  width: 70%;
  float: left;
  transition: .3s;
  text-align: center;
}
.menu-cima-menu-geral ul {
  list-style: none;
  text-align: center;
}
.menu-cima-menu-geral li {
  width: 25%;
  display: inline-block;
  float: right;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  transition: .3s;
}
.menu-cima-menu-geral li:hover {
  margin-top: -3px;
}
.menu-cima-menu-geral a {
  color: #005580;
}
.menu-cima-menu-geral a:hover {
  color: #000000;
}
#lk-menu {
  display: none
}


/*    RODAPE     */

.rodape {
  width: 100%;
  float: left;
  margin: 0;
  background: rgba(178, 178, 178,.5);
  color: #005580;
}
.rodape a {
  color: #00334d;
}
.rodape ul {
  list-style: none;
}
.rodape li {
  width: 40px;
  float: left;
  margin: 5px;
  display: inline-block;
  opacity: .8;
}
.rodape li:hover {
  opacity: 1;
  background: rgba(0,0,0,.4);
}

/*   MOBILE   */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container, .container-c, .cabecalho, .rodape {
        width: 96%;
        margin: 0 1%;
        padding: 1%;
    }
}

@media only screen and (max-width: 767px) {
    .corpo, .central, .duplo, .triplo, .doistriplos, .menu-cima-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .container, .container-c {
        width: 95%;
        margin: 0 1%;
        padding: 1%;
    }
    .menu-cima-externo {
      width: 98%;
      margin: 0;
      padding: 1%;
      text-align: center;
    }
    .menu-cima-container {
      display: inline;
    }
    .menu-cima-logo {
      width: 96%;
      padding: 2%;
      text-align: center;
    }
    .menu-cima-menu-geral {
      width: 96%;
      padding: 2%;
      text-align: center;
    }
    #lk-menu {
      display: inline;
    }
    .menu-cima-menu-geral li {
      width: 98%;
      padding: 5px 0;
      margin: 5px 1%;
      text-align: center;
      background: rgba(0,0,0,.8);
      color: #cdcdcd;
      border-radius: 5px;
    }
    #div-lis {
      display: none;
    }
    .container-c-box {
      width: 90%;
      padding: 2%;
      margin: 10px 3%;
    }
    .rodape {
      width: 96%;
      padding: 2%;
      padding-top: 10px;
      margin: 0;
      text-align: center;
    }
    .rodape li {
      width: 25%;
      margin: 5px 0;
    }
  }