*{ margin:0;padding:0;}
body {margin: 0; color: #8b8b8b; font-family: 'Open Sans', "Arial", "Verdana", sans-serif; background-color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-size: 13px; word-break: normal !important; width: 85%;}
h1,h2,h3,h4,h5{margin: 0;}
h3{color: #14b3f0; margin: 20px 0;}

img{display: block;}

ul {list-style: none; padding: 0;}
ul li{margin-top: 8px;}

label{font-weight: normal; cursor: pointer; margin-left: 10px;}

.link-branco{color:#ffffff;}
.link-azul{color:#00adef;}

#box-header{background-color: #efefef;}

.centralizar{text-align: center;}
.coluna-20{width: 19.4%; display: inline-block;}

#img-logo{padding: 5px 0;}

#box-banner{width: 100%; height: auto; position: relative;}
#box-banner img{width: 100%; height: auto; border-bottom: solid 4px #14b3f0; }

#box-link-logo{float: right; font-size: 12px; padding-top: 20px;}

.box-texto-seguro{ height: 180px;}

#box-conteudo{margin: 80px 0;}
#box-conteudo img{display: block; max-width: 100%;}
#box-conteudo b{display: block;}
#box-conteudo .centralizar{color: #094c67; margin-bottom: 80px;}

.btn-azul{position: relative; display: inline-table; background-color: #14b3f0; color: #ffffff; padding: 12px 20px 12px 30px; width: 100%; max-width: 180px; text-align: center; border-bottom: solid 2px #0094cd; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-weight: bold;text-decoration: none; }
.btn-azul:hover{text-decoration: none; color: #ffffff; background-color: #009fdb; border-color: #0080b1;}
.btn-azul .fa{position: absolute; left: 15px; top: 15px;}

.btn-header, .btn-header:focus{display: inline-block; background-color: #14b3f0; color: #ffffff; padding: 5px 10px; font-size: 11px;font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left: 10px;}
.btn-header:hover{text-decoration: none; color: #ffffff; background-color: #009fdb;}

#box-rodape{background-color: #122f4d; position: relative;}
#box-rodape-copyright{background-color: #001b36; height: 30px; width: 100%; padding-top: 5px;}
#box-rodape-copyright span{ font-size: 10px;color:#fff;}
#box-rodape-texto{padding: 30px 0; display: table; width: 100%;}

#box-rodape ul{list-style: none; padding: 0; margin: 0;}
#box-rodape li{display: inline-block; border-left: solid 1px #14b3f0; padding: 0 2px 0 5px;}
#box-rodape li:first-child{border: none;}
#box-rodape p{font-size: 11px; text-align: justify; margin-bottom: 0;}
#box-rodape a{color: #00adef; font-size: 11px;}

#logo-rodape {width: 100%;}


#box-info-banner{width: 18%; position: absolute; top: 20%;}
#box-info-banner-404{width: 400px; position: absolute; top: 18%;}
#info-titulo{color: #ffffff; font-size: 26px; padding: 10px 0 0 0; display: table; font-weight: bold; margin-bottom: 20px;}
#info-titulo404{color: #ffffff; font-size: 26px; background-color: none; padding: 0; display: table; font-weight: bold; margin: 10% 0 0 5%; width: 100%;}
#info-conteudo{color: #ffffff; font-size: 20px;line-height: 25px;}
#info-conteudo p{font-size: 20px;}

#box-info-banner-404 #info-titulo{font-size: 24px;}
#box-info-banner-404 #info-conteudo{font-size: 20px;}

#form-sugestao{width: 100%; max-width: 500px; box-shadow: 0 1px #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; margin: 0 auto;}
#form-sugestao ul{margin-top: 15px;margin-left: margin-left: 20px;}
#form-sugestao input[type="submit"]{background-color: #14b3f0; padding: 12px; color: #ffffff; font-weight: bold; width: 100%; max-width: 400px; border: none; border-bottom: solid 2px #007baa; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0 auto; display: block; font-size: 18px; font-family: Trebuchet MS, 'Open Sans', arial, sans-serif}
#form-sugestao input[type="submit"]:hover{background-color: #009cd7; border-color: #00658c;}

#box-check{margin: 0 auto;max-width: 50%;}

#box-topo-form{background-color: #efefef; text-align: center; padding: 20px;}
#box-topo-form h2{color: #14b3f0; font-size: 20px;}
#msg-alerta{width: 100%; text-align: center; margin-top: 20px;}

#box-conteudo-form{padding: 25px;}

@media (max-width: 767px){
    p{margin: 0 auto;}
    #box-banner img{width: 100%; height: auto;padding: 0;}
    #box-conteudo{margin:10% 0;text-align: center;}
    #box-conteudo img {margin: 0 auto;}
    .coluna-20{width: 100%; max-width: 400px; display: block; margin: 0 auto 80px auto;}
    .margem{padding:20px 0 ;}
    .box-texto-seguro{height: auto; margin-bottom: 20px;}
    #box-link-logo{padding: 0 0 5% 0;margin:5% 0 0 0;text-align: center;}
    .btn-header{margin: 5% auto 5% auto;}
    #img-logo{width: 80px;text-align: center;margin:5% auto;}
    #box-rodape li{display: block;}
    #box-rodape li:first-child{border-left: solid 1px #14b3f0;}
    #box-rodape p{text-align: center;width: 80%;margin: 20px auto;}
    #box-rodape-copyright span {text-align: center;margin: auto auto auto 8%;}
    #box-rodape-texto{text-align: center;}
    #box-conteudo-form{width: 100%; max-width: 300px; margin: 0 auto;}
    #box-conteudo-form li:first-child, #box-conteudo-form ul:last-child{margin-top: 0; }
    #form-sugestao {margin:0 auto;  }
    #form-sugestao li{text-align: left;}
    #box-check{margin: 0 auto;max-width: 90%; text-align: center;}
    #info-titulo{font-size: 18px; margin: 0 auto 20px auto;color:#094C67;}
    #info-conteudo{font-size: 14px; color: #8b8b8b;text-align: center;}
    #info-titulo404 {font-size:18px;color: #8b8b8b;text-align: center;margin:0;}
    #box-info-banner, #box-info-banner-404{position: relative; width: 100%; max-width: 400px; margin: 30px auto 0 auto;text-align:  }
    #box-conteudo .centralizar{ margin-bottom: 40px;}
    #box-conteudo .centralizar h2 {font-size:18px;}
    #box-topo-form h2{font-size: 18px;}
    #msg-alerta p{margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991px){
    #info-titulo{font-size: 18px;}
    #info-conteudo{font-size: 14px;}
    #box-info-banner{width: 24%;}
}

@media (min-width: 992px) and (max-width: 1220px){
    #info-titulo{font-size: 20px;}
    #info-conteudo{font-size: 16px;}
    #box-info-banner{width: 24%;}
}

@media (min-width: 1221px) and (max-width: 1400px){
    #info-titulo{font-size: 22px;}
    #info-conteudo{font-size: 18px;width: 100%;}
    #box-info-banner{width: 22%;}

    #box-info-banner-404 #info-titulo{font-size: 20px;}
    #box-info-banner-404 #info-conteudo{font-size: 16px;}
}