html,body{
  background: #fcfcfc !important; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #fcfcfc 1%, #efefef 51%, #dddddd 100%) !important; /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcfcfc), color-stop(51%,#efefef), color-stop(100%,#dddddd)) !important; /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, #fcfcfc 1%,#efefef 51%,#dddddd 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, #fcfcfc 1%,#efefef 51%,#dddddd 100%) !important; /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top, #fcfcfc 1%,#efefef 51%,#dddddd 100%) !important;  /* IE10 preview */
  background: linear-gradient(to bottom, #fcfcfc 1%,#efefef 51%,#dddddd 100%) !important; ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddddd',GradientType=0 ) !important; ; /* IE6-8 */
  background-repeat: repeat;
  background-size: 100%;
  height: 100%;
}

*{
  margin: 0px;
  border:0px;
  padding:0px;
}




/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/


  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}


/*pagina construcao*/

.image-construcao{
  width: 15% !important;
  margin-top: 20%;
}

h1.titulo-manutencao{
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #006072;
  font-size: 180%;
  padding-top: 3%;
  text-align:center;
}

h2.texto-manutencao{
  text-transform: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #464646;
  font-size: 130%;
  text-align:center;
}

      /* Tooltip */
      .spantooltip + .tooltip > .tooltip-inner {
          background-color: #066071;
          color: #FFFFFF;
          border: 1px solid #066071;
          padding: 2% !important;
          font-size: 100%;
          font-family: Helvetica, Arial, sans-serif;
          font-weight: bold;
          text-align: center;
      }


      /* Tooltip on bottom */
      .spantooltip + .tooltip.bottom > .tooltip-arrow {
          border-bottom: 5px solid #066071;
      }


.cc{
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.div-login{
width: 100%;
height: 100%;
position: relative;
}

.login{
  position: absolute;
  padding: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a:link
{
 text-decoration:none;
}
/* Classes */

.logo{
  width: 20%;
}

.div_base{
  display : table-row;
  vertical-align : bottom;
  bottom: 10%;
  height: 7%;
  width: 100%;
  position: absolute !important;
}

.align{
  display: inline-block;
  height: 50% !important;
}

.image{
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  vertical-align: middle;
}

.div-image{
  margin-left: 0% !important;
  height: 50% !important;
}

.div_form{
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #006072;
    font-size: 180%;
	text-align: center !important;
    border-radius: 10px;
}

.div_form2{
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #006072;
    font-size: 150%;
    margin-top: 1%;
	  text-align: center !important;
    border-radius: 10px;
    margin-bottom: 5%;
}

.div-larg{
  width: 100%;
}

input.box{
 /* outline: none;
  display: block;
  border-radius: 5px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 100% !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
  text-align: center !important;
  margin-top: 0% !important;
  margin-bottom: 1%;
  color: #464646 !important;
  width: 40%;
  padding-top: 1%;
  padding-bottom: 1%;*/
   margin-bottom: 4%;
  
}

.boxdate{
  outline: none;
  display: block;
  border-radius: 5px !important;
  border-color: #d3d1d1 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 100% !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
  text-align: left !important;
  margin-top: 3% !important;
  margin-bottom: 1%;
  color: #066071 !important;
  width: 70% !important;
  padding-top: 1% !important;
  padding-bottom: 1% !important;
  background-color:#e8e8e8 !important;
  margin-left: 15%;
}

a.link{
  font-family: Helvetica, Arial, sans-serif;
  color: #066071;
  opacity: 0.8;
  font-size: 100%;
  font-weight: normal;
  width: 70%;
  margin-left: 15%;
  margin-top: 0.5%;
  text-align: left;
  cursor: pointer;
  text-decoration:none !important;
}

a.link:hover{
  color: #FFB718;
  opacity: 0.8;
}

h1.date{
  font-family: Helvetica, Arial, sans-serif;
  color: #969696;
  font-size: 100%;
  font-weight:normal;
  margin-left: 15%;
  text-align: left;
  line-height: 1.5;
  text-decoration:none !important;
  margin-bottom: 2%;
  width:70%;
}


h2.informacao{
  font-family: Helvetica, Arial, sans-serif;
  color: #969696;
  font-size: 90%;
  font-weight:normal;
  width: 100%;
  text-align: justify;
  line-height: 1.8;
  text-decoration:none !important;
  margin-top: 6%;
  text-transform: uppercase;
}


h2.info{
  font-family: Helvetica, Arial, sans-serif;
  color: #066071;
  font-size: 100%;
  font-weight:normal;
  text-transform: uppercase;
  margin-top: 2%;
  text-align: center;
  line-height: 1.5;
  text-decoration:none !important;
  text-align: center;
}

h3.titulo {
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #066071;
    margin-top: 15%;
    text-align: center;
}

.entrar button[type="button"],
.entrar button[type="submit"] {
  cursor: pointer;
  display: inline-block !important;
  width: 50%;
  background-color: #066071;
  border-radius: 5px;
  white-space: nowrap;
  margin-top: 10%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 2% !important;
  -webkit-box-shadow: 0 3px 5px #b2b2b2;
  -moz-box-shadow: 0 3px 5px #b2b2b2;
  box-shadow: 0 3px 5px #b2b2b2;
}

.entrar button[type="button"]:hover,
.entrar button[type="submit"]:hover{
  background-color: #464646;
  border: 1px solid #066071;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #ffffff;
}

.btn1 button[type="button"],
.btn1 button[type="submit"] {
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block !important;
  width:21%;
  background-color: #066071;
  border-radius: 5px;
  white-space: nowrap;
  margin-top: 1%;
  font-family: Helvetica, Arial, sans-serif;
  font-size:90%;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 1% !important;
  -webkit-box-shadow: 0 3px 5px #b2b2b2;
  -moz-box-shadow: 0 3px 5px #b2b2b2;
  box-shadow: 0 3px 5px #b2b2b2;
}

.btn1 button[type="button"]:hover,
.btn1 button[type="submit"]:hover{
  background-color: #464646;
  border: 1px solid #066071;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 90%;
  color: #ffffff;
}


/*box pop up*/

.btn2 button[type="button"],
.btn2 button[type="submit"] {
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block !important;
  width:15%;
  background-color: #066071;
  border-radius: 5px;
  white-space: nowrap;
  margin-top: 4%;
  margin-bottom: 19%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  font-family: Helvetica, Arial, sans-serif;
  font-size:90%;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding:0.5% !important;
  -webkit-box-shadow: 0 3px 5px #b2b2b2;
  -moz-box-shadow: 0 3px 5px #b2b2b2;
  box-shadow: 0 3px 5px #b2b2b2;
}

.btn2 button[type="button"]:hover,
.btn2 button[type="submit"]:hover{
  background-color: #464646;
  border: 1px solid #066071;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 90%;
  color: #ffffff;
}

.p1{
  color: #066071;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
}

/* Defenição dos varios tipos de letra por classes */

.aderir {
  width: 20%;
  background-color: #FFb718;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 90%;
  font-weight: normal;
  margin-top: 1%;
  padding: 8px 50px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
}

.aderir:hover {
  background-color: #464646;
  color: #FFFFFF;
}

.texto{
    font-family: Helvetica, Arial, sans-serif;
    color: #066071;
    opacity: 0.8;
    font-size: 13.5px;
    font-weight: normal;
    width: 50%;

    margin-top: 0.5%;
    text-align: left;
}

.texto:hover{
  color: #FFB718;
  cursor: pointer;
}

/*footer*/
z
.div-footer{
  margin-left: 2% !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.footer {
  background-color: #F5F5F5;
  width: 100%;
  bottom: 0;
  position: fixed;
  -webkit-box-shadow: 0px 0px 12px -1px #b2b2b2;
  -moz-box-shadow: 0px 0px 12px -1px #b2b2b2;
  box-shadow: 0px 0px 12px -1px #b2b2b2;
  text-align: left;
}

.leter_footer{
  background: #F5F5F5;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  color: #066071;
  font-size: 80%;
  font-weight:normal;
  padding-top: 1.5%;
  padding-bottom: 1%;
  padding-left: 1.5%;
  outline: none !important;
  text-align: center !important;
  display: none;
}


.leter_footer:hover{
  color: #FFB718;
  cursor: pointer;
}

p.copy{
  font-family: Helvetica, Arial, sans-serif !important;
  color: #9b9b9b !important;
  font-size:80%;
  font-weight:normal;
  text-align: center !important;
  padding-top: 1%;
}


.erro-margin{
  margin-top: 1%;
  text-align: center;
}

.text-erro2{
  text-transform: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-size:100%;
  text-align: center;
  font-weight: normal;
  color: #e80202;
  margin-bottom: 1%;
}