﻿@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
body {
    font-family: Lato, sans-serif;
    color: #a1b1bc;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}


/*header*/

.header {
    padding: 10px 0px;
    background-color: #0086ab;
    color: #fff;
}

.header .img-logo {
    max-width: 200px;
}

.header button.botaoacesso {
    background-color: #e00209;
    border: 0px;
    padding: 7px 25px;
}

.header form {
    display: inline-block;
}

.header input {
    border-radius: 0px;
    box-shadow: 0 0 0;
    border: 0px;
    margin: 0px 5px;
}

.header .esqueci {
    display: inline-block;
    margin-left: 15px;
    line-height: 14px;
    vertical-align: middle;
}

.header .esqueci a {
    color: #f9fafe;
    font-size: 11px;
}

.header .telefones {
    display: inline-block;
    float: right;
    font-size: 16px;
}

.navbar {
    z-index: 99;
    margin-top: 25px;
    font-size: 16px;
}

.navbar-collapse {
    /*background-color: #f68121;*/
}

.navbar-collapse ul li a {
    color: #a1b1bc;
    /*text-transform: uppercase;*/
    padding: 15px 30px;
    font-weight: 600;
}

.navbar-collapse ul li a:hover,
.navbar-collapse ul li a:focus {
    background-color: #fff;
    color: #e00209;
    text-decoration: underline;
}

.navbar .ae {
    background-color: #e00209;
    color: #fff;
}

.navbar .ae:hover {
    background-color: #f47377;
    color: #fff;
    text-decoration: none;
}

.header .contatos {
    padding: 20px;
    margin: 0px;
}

.header .contatos li:first-child {
    border-right: solid 1px #f68121;
}

.header .contatos li {
    padding: 0px 10px;
}

section.menu {
    min-height: 110px;
    border-bottom: solid 1px #ccc;
}

section.menu .img-logo {
    max-width: 150px;
    position: absolute;
    top: 10px;
    z-index: 999;
}


/*banner*/

.carousel {
    top: -5px;
    /*margin-bottom: -50px;*/
}

.carousel-caption {
    text-align: left;
}

.carousel-caption .btn-padrao {
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
}

.carousel-caption .btn-padrao:hover {
    color: #fff;
    background-color: #dd802b;
    border: solid 1px #dd802b;
}

.carousel-caption .btn-padrao.sm {
    background-color: transparent;
    border: solid 1px #fff;
}

.carousel-caption .btn-padrao.sm:hover {
    background-color: #f68121;
    transition: ease 1s;
}

.carousel-caption h1 {
    font-size: 25px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 0px;
    /* text-transform: uppercase; */
    color: #4a7aaa;
}

form.acesso {
    width: 70%;
    float: right;
    background-color: #fff;
}

.acesso input {
    margin: 10px 5px;
    border: #ccc;
    background-color: #f9fafc;
}

.acesso h4 {
    background-color: #f68121;
    margin: 0px;
    padding: 10px;
    text-shadow: 0 0 0;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}

.acesso .form-control {
    width: 96%;
}

.acesso .content-form {
    padding: 50px 30px;
}

.acesso button {
    background-color: #902a13;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.acesso .content-form .esqueci a {
    text-shadow: 0 0 0;
    color: #808080;
    font-size: 12px;
}

.acesso .content-form .esqueci a:hover {
    text-decoration: none;
    color: #f68121;
}


/*.box-servicos .thumbnail {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
     background-color: #f68121;
     padding: 25px;
  min-height: 200px;

}
    .box-servicos .thumbnail:hover {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
         background-color: #dd802b;
         z-index:999;
    }*/

.box-servicos .thumbnail {
    width: 100%;
    min-height: 205px;
    background-color: #fff;
    margin: -2px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border: #1e6f93;
    display: inline-block;
    color: #0086ab;
    border-radius: 0px;
    padding: 10px;
    border: solid 1px #0086ab;
}

.box-servicos .thumbnail:hover {
    cursor: pointer;
    /*background-color: #dd802b;*/
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(1.2, 1.2);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    /* Safari */
    z-index: 1;
    border: solid 1px #0086ab;
    position: relative;
    text-decoration: none;
}


/*.botaoServico {
    padding: 0px;
}*/

.box-servicos .thumbnail {
    text-align: center;
}

.box-servicos {
    padding: 0px;
}


/*quemsomos*/

.quemsomos {
    background-color: #f9fafb;
    color: #2485a8;
    padding: 40px 0px;
}

.quemsomos .conheca {
    padding: 10px 15px;
    background-color: #e00209;
    color: #fff;
    border-bottom: 2px solid #7e8e99;
    clear: both;
    margin: 20px 0px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

footer {
    background-color: #2485a8;
    color: #fff;
    padding: 50px 0px;
}

footer h4 {
    text-transform: uppercase;
    margin-bottom: 40px;
}

footer input {
    display: block;
    width: 90%;
    padding: 10px;
    background-color: #1e6c88;
    border: 0px;
    margin-bottom: 10px;
}

footer form button {
    padding: 10px 15px;
    background-color: #e00209;
    color: #fff;
    border: 0px;
    /* border-bottom: 2px solid #7e8e99; */
    clear: both;
    /*margin: 20px 0px;*/
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: 90%;
}

.copyright {
    background-color: #1e6c88;
    color: #fff;
    padding: 20px 0px;
}

.btn-padrao {
    background-color: #ed1b23;
    color: #fff;
    margin-top: 20px;
    border-radius: inherit;
}

.titulo {
    color: #a1b1bc;
    font-weight: 700;
}

.box-servico {
    border: solid 1px #2485a8;
    border-radius: 10px;
    padding: 18px;
}

.box-servico ul {
    padding-left: 20px;
}


/*modal contato*/

.modal_contato .modal-dialog {
    width: 380px;
}

.modal-dialog {
    text-align: center;
    margin: 100px auto;
}

.modal-header {
    background-color: #0086ab;
    color: #fff;
    text-transform: uppercase;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
}

.modal-body {
    background-color: #fff;
}

.header button.botaoacesso:hover {
    background-color: #f47377;
}

.navbar-collapse ul li a:active {
    color: #E00209;
    text-decoration: underline;
}

.carousel-caption {
    text-shadow: none;
    color: #4a7aaa;
}

span.blue {
    color: #2486a9;
    font-weight: bold;
    font-size: 20px;
}

span.red {
    color: #e51c2e;
    font-weight: bold;
    font-size: 20px;
}

p.btn.btn-lg.btn-primary {
    background-color: #2486A9;
    border: none;
    border-radius: initial;
    padding: 8px 9px 8px 9px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

p.btn.btn-lg.btn-primary:hover {
    background-color: #83A5C6;
}

.botaosegvia {
    background-color: #e00209;
    border: 0px;
    width: 290px;
    height: 35px;
    margin-top: 5px;
    font-weight: bold;
    text-decoration: none;
    list-style-type: none;
    cursor: pointer;
}

.botaosegvia:hover {
    background-color: #f47377 !important;
}

.carousel-caption.img2 {
    text-align: right;
}

.carousel-caption.img2 h1 {
    text-align: right;
}

p.btn.btn-lg.btn-primary a {
    text-decoration: none;
    color: #FFF;
}

footer form button:hover {
    background-color: #f47377;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #f47377;
}

.navbar .ae:visited {
    background-color: #E00209;
    color: #FFF;
    text-decoration: none;
}

.navbar .ae:hover {
    background-color: #f47377;
    color: #FFF;
    text-decoration: none;
}

.quemsomos a:hover {
    background-color: #f47377;
    color: #FFF;
    text-decoration: none;
    border: none;
}

@media only screen and (max-width:1200px) {
    .botaosegvia {
        width: 150px;
    }
}

@media only screen and (max-width:992px) {
    .botaosegvia {
        width: 110px;
        margin-top: 35px;
        font-size: 13px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .navbar-collapse ul li a {
        padding: 14px 22px;
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    div#bs-example-navbar-collapse-1 {
        margin-left: 135px;
    }
    .navbar-collapse ul li a {
        padding: 10px 5px;
    }
}

@media only screen and (min-width:0) {
    .centraliza {
        text-align: center;
        margin-top: -25px;
    }
    .entrar {
        text-align: center;
        margin-top: 10px;
    }
    section.menu .img-logo {
        max-width: 150px;
        position: relative;
        top: 10px;
        margin-bottom: -96px;
        z-index: 999;
    }
    a.navbar-brand.col-xs-12 {
        margin-top: -82px;
        margin-bottom: 140px;
    }
    .item.bannerrespon {
        background-position: -295px 0px;
        background-size: 1337px;
        height: 300px;
        background-image: url('../img/banner_home1.jpg');
    }
    .item.bannerrespon2 {
        background-position: -275px 0px;
        background-size: 1337px;
        height: 300px;
        background-image: url('../img/banner_home2.jpg');
    }
}

.header .esqueci {
    margin-left: 0px;
}

.header .telefones {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 16px;
}

.header input {
    margin: 5px 5px;
}

.form-control {
    padding: 6px 40px;
}

@media only screen and (max-width:600px) {
    .item.bannerrespon {
        background-position: -696px 0px!important;
        background-size: 1337px!important;
        height: 300px;
        background-image: url('../img/banner_home1.jpg');
    }
}

@media only screen and (min-width:768px) {
    a.navbar-brand.col-xs-12 {
        margin-top: 0;
        margin-bottom: 0;
    }
    section.menu .img-logo {
        max-width: 117px;
        position: relative;
        top: 10px;
        margin-bottom: -96px;
        z-index: 999;
    }
    .centraliza {
        text-align: center;
        margin-top: -25px;
    }
    .entrar {
        float: left;
        padding: 0;
        padding-right: 16px;
    }
    .header .esqueci {
        margin-left: 0px;
    }
    .header .telefones {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-top: 11px;
    }
    .header input {
        margin: 5px 5px;
    }
    .form-control {
        padding: 6px 40px;
    }
    .item.bannerrespon {
        background-position: -373px 0px;
        background-size: 1337px;
        height: 300px;
        background-image: url('../img/banner_home1.jpg');
    }
    .item.bannerrespon2 {
        background-position: -245px 0px;
        background-size: 1337px;
        height: 300px;
        background-image: url('../img/banner_home2.jpg');
    }
    .navbar-brand>img {
        width: 78px;
        margin-left: 65px;
        margin-top: -24px;
    }
    .navbar-right {
        margin: 0;
    }
    .carousel-caption {
        right: 5%;
        top: 11%;
    }
    .navbar-default .navbar-nav>li>a:focus {
        /* background-color:#e00209; */
        /* border: 0; */
    }
}

@media only screen and (min-width:992px) {
    .centraliza {
        margin: 0;
    }
    .header form {
        display: inline;
        text-align: left;
    }
    .col-md-12.col-lg-4.centraliza {
        display: -webkit-box;
    }
    h3 {
        font-size: 14px;
    }
    h3.col-md-2.col-lg-2 {
        padding: 0;
    }
    .col-md-2.col-sm-2.col-sm-offset-2.col-lg-1.col-lg-offset-1.entrar {
        margin-left: -135px;
        margin-top: 5px;
    }
    .col-md-2.entrar.col-sm-2.col-lg-2 {
        margin-left: -61px;
    }
    input#Text1,
    input#Password1 {
        width: 115px;
        padding-left: 5px;
        float: left;
    }
    .formgrid {
        width: 509px;
        float: left;
    }
    .formgrid2 {
        width: 131px;
        float: left;
        margin-top: 13px;
    }
    .entrar {
        float: left;
        padding: 0;
        padding-right: 16px;
    }
    .header .esqueci {
        margin-left: 23px;
        text-align: left;
        margin-top: -4px;
    }
    .navbar-default .navbar-nav>li>a:focus {
        /* background-color:#e00209; */
    }
    .header .telefones {
        display: inline-block;
        float: right;
        text-align: right;
        font-size: 14px;
        margin-top: 3px;
        font-weight: bold;
        color: rgb(255, 255, 255);
    }
    .header input {
        margin: 5px 5px;
    }
    .form-control {
        padding: 6px 17px;
    }
    .item.bannerrespon {
        background-position: center center;
        background-size: 1350px;
        height: 300px;
        background-image: url('../img/banner_home1.jpg');
        background-repeat: no-repeat;
        background-color: #F8FAFE;
    }
    .item.bannerrespon2 {
        background-position: center center;
        background-size: 1350px;
        height: 300px;
        background-image: url('../img/banner_home2.jpg');
        background-repeat: no-repeat;
        background-color: #F5FAFE;
    }
    .carousel-caption {
        right: 10%;
        top: -2%;
    }
}

@media only screen and (min-width:1200px) {
    .formgrid {
        width: 538px;
        float: left;
    }
    .carousel-caption {
        top: 7%;
        margin-left: 45px
    }
    .carousel-caption.img2 h1 {
        font-size: 30px;
    }
    .carousel-caption h1 {
        font-size: 30px;
    }
    .navbar-default .navbar-nav>li>a:focus {
        background-color: #e00209;
        color: #fff;
    }
    .carousel-caption {
        font-size: 19px;
    }
    .carousel-caption.img2 {
        font-size: 19px;
    }
    .carousel-caption.img2 {
        right: 23%;
        top: 6%;
    }
    .navbar-brand>img {
        width: 110px;
    }
}

.navbar-toggle {
    background-color: #0086AB;
    color: #FFF;
    padding: 10px 40px;
}

.navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default {
    background-color: #FFF;
    border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #a1b1bc;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff!important;
    text-decoration: none !important;
}

.atendimento a {
    background-color: #e00209;
    color: #FFF !important;
    font-weight: bold;
    text-decoration: none !important;
}

.atendimento a:hover {
    background-color: #f47377 !important;
}

@media only screen and (max-width: 767px) {
    .xs-color {
        background-color: rgba(0, 0, 0, 0.8);
        padding-bottom: 20px;
        text-align: center;
        color: #FFF;
        margin-top: -5px;
    }
    .xs-color h1 {
        font-size: 25px;
        padding: 0;
    }
    .item.bannerrespon {
        background-position: -415px 0px;
        background-size: 1337px;
        height: 300px;
        background-image: url('../img/banner_home1.jpg');
    }
    a.navbar-brand.col-xs-12.cel img {
        margin: auto;
    }
    a.navbar-brand.col-xs-12.cel {
        margin: auto;
        display: block;
        width: 100%;
        height: auto;
    }
    .navbar-toggle {
        text-transform: uppercase;
        font-weight: bold;
        margin: auto;
        display: block;
        float: none;
        top: 41px;
        right: -8px;
        position: relative;
        clear: both;
    }
    .navbar-toggle:hover {
        border-color: #E00209;
        background-color: #E00209 !important;
    }
    nav.navbar.navbar-default.navbar-static-top {
        height: 300px;
    }
    div#navbar {
        padding-top: 40px;
        border-top: 0px;
    }
    ul.nav.navbar-nav.navbar-right {
        background-color: #0086AB;
    }
    button.navbar-toggle:active {
        background-color: #E61E24;
    }
    .navbar-default .navbar-toggle:focus {
        background-color: #E61E24;
    }
}

.hotvia img {
    width: 72px;
    margin-top: 5px;
}

.maps {
    max-width: 100%;
    width: 100%;
}

a.active {
    color: #e00209!important;
}

.footerbot {
    padding: 20px 15px;
    background-color: #e00209;
    color: #fff;
    border: 0px;
    /* border-bottom: 2px solid #7e8e99; */
    clear: both;
    margin: 40px 0px 0px 0px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: 90%;
}

.footerbot a {
    color: #fff;
}

.footerbot:hover {
    background-color: #f47377;
}