h1 {
    color: #2d49a7;
    font-size: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 20px 0;
}

#logomarca-menu {
    max-height: 90px;
}

#telefone-pricipal > label {
    font-size: xx-large;
    color: #096BB4;
    font-weight: 100;
}

#numero {
    font-weight: 120;
}

#numero-pequeno {
    font-size: 20px;
}

p {
    color: #40518e;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: justify;
    margin: 10px 0;
}

input, textarea, select {
    font-family: 'Roboto', sans-serif;
}

a {
    color: #538B00;
}

a:hover {
    color: #005C04;
    text-decoration: none;
}

#topo {
    background: url(../../../../../images/bg-topo.gif) center top;
    padding: 19px 0 0;
}

#topo .plantao {
    float: right;
}

#topo .container {
    margin-bottom: 9px;
}

#topo .navbar {
    display: none;
}

#custom-code{
    border-bottom: 1px solid #90907F;
    width: 100%;
}
.codigo-personalizado{
    text-align: right;

}
.telefones-aluguel{
    text-align: left;

}
.codigo-personalizado span, .telefones-aluguel span{
    color: #000;
    font-weight: 800;
}

#menu {
    background: #263f01;
    height: 70px;
    font-family: 'Myriad Pro';
}

#menu ul {
    margin: 0;
}

#menu ul li {
    font-size: 12px;
    text-align: center;
    display: inline-block;
    border-left: 1px solid #365A02;
    float: left;
}

#menu ul li:first-child {
    border-left: 0;
}

#menu ul li img {
    margin: 0 auto;
    display: block;
}

#menu ul li a {
    color: #fff;
    display: block;
    float: left;
    height: 70px;
    border-right: 1px solid #1D3100;
    padding: 0 50px;
}

#menu ul li:last-child a {
    border-right: 0;
}


.menu-responsive .nav > li {
    width: 100%;
    float: none;
}

.navbar-default {
    border-top: 1px solid #1A2C00;
    background: #263f01;
}

.navbar-default .navbar-collapse {
    border-top: 1px solid #1B2E00;
}

.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #dbdbdb;
}

.flash-alert{
    margin-top: 50px;
}

.breadcrumb{
    margin-top: 50px;
}

#banner {
    position: relative;
}

.banner {
    padding: 0 22px;
}

#banner .banner p {
    margin: 0;
    font-size: 15px;
}

#banner .banner h3 {
    margin: 0;
    font-size: 21px;
    color: #40518e;
}

#banner span {
    font-size: 42px;
    font-weight: bold;
}

.bt-alugar {
    background: #1aad52;
    width: 118px;
    color: #fff;
    text-decoration: none !important;
    font-size: 12px;
    border-bottom: 2px solid #408e5d;
    margin: 0 0 8px 0;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 5px;
}

.info-destaque {
    float: left;
    width: 166px;
}

.home h2 {
    color: #40518e;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 100;
}

#banner .banner img, #banner-full img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#banner .banner img {
    max-width: 250px;
    max-height: 155px;
    margin: 0 8px 0 5px;
    float: left;
}

.owl-prev, #banner-full .owl-prev {
    background: url(../../../../../images/prev.png) no-repeat;
    width: 26px;
    height: 56px;
    display: block;
    position: absolute;
    top: -100px;
    left: -4px;
}

.owl-next, #banner-full .owl-next {
    background: url(../../../../../images/next.png) no-repeat;
    width: 26px;
    height: 56px;
    display: block;
    position: absolute;
    top: -100px;
    right: 0;  
}

#banner-full .owl-prev {

    top: -180px;
}

#banner-full .owl-next {
    top: -180px;

}

#reserva {
    background: #d3df9e;
    margin: 20px 0 0 0;
    padding: 10px 0 16px 0;
} 

#reserva .form-control{
    height: 32px;
} 

#reserva h2 {
    color: #40518e;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 10px 15px;
}

#reserva label {
    color: #0b5806;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
    display: block;
}

#reserva input[type="text"] {
    margin: 0 0 10px 0;
}

#reserva input[type="submit"] {
    background: #2d49a7;
    width: 230px;
    color: #fff;
    border: 0;
    border-bottom: 3px solid #182884;
    padding: 7px 0;
    border-radius: 4px;
    display: block;
    margin: 25px auto 0 auto;
    outline: 0;
}

#reserva input[type="submit"]:hover {
    background: #20388B;

}

#reserva select {
    width: 100%;
}

#reserva .glyphicon {
    margin: 0 0 0 10px;
}

.aviso {
    color: #F00;
}

#banner-full {
    position: relative;
    background: url(../../../../../images/bg-topo.gif) center top;
    border-top: 25px solid #D6D6D6;
    margin: 20px 0 0 0;
}

#banner-full .owl-pagination, #banner-full .owl-buttons {
    display: none;
}



#menu-rodape {
    background: #0d9c43;
    height: 26px;
}

#rodape {
    background: #d3df9e;
    font-family: 'Roboto', sans-serif;
    padding: 11px 0;
}

#rodape h2 {
    color: #263f01;
    font-weight: 400;
    font-size: 22px;
    margin-top: 8px;
}

#info-rodape img {
    margin: 0 28px 0 0;
    float: left;
}

#rodape p {
    font-size: 20px;
    color: #263f01;
}

#rodape .img-operadora{
    max-width:30px;
    max-height:40px;
}

#redes {
    margin: 10px 0 0 0;
}

#redes img {
    float: left;
    margin: 0 22px 0 0;
}

#redes img:hover {
    opacity: 0.8;
}

#info-rodape p span {
    font-size: 14px;
    float: left;
}

.mapa h3 {
    font-size: 18px;
    color: #263f01;
}

#belt {
    text-align: center;
    padding: 8px 0;
}

#belt img:hover {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 4s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.informacoes h2 {
    font-family: 'Roboto', sans-serif;
    color: #2d49a7;
    font-size: 24px;
    margin: 20px 0 0 0;
}

.informacoes img {
    margin: 20px 0 0 0;
    float: right;
}

.atendimento {
    float: right;
}

.atendimento img {
    margin: 0 10px 7px 0;
}

.atendimento .icone-atendimento {
    float: left;
}

#contatos {
    margin: 22px 0 0 50px;

}

.atendimento h2 {
    color: #0b2375;
    font-size: 34px;
}

#atendimento input[type="text"], #recuperar input[type="text"], #atendimento textarea, #recuperar textarea {
    background: #efeded;
    font-size: 20px;
    height: 32px;
    margin: 38px 0 0 0;
    border: 0;
}

#atendimento input[type="submit"], #recuperar input[type="submit"] {
    background: #2d49a7;
    color: #fff;
    font-size: 20px;
    width: 100%;
    border: 0;
    border-bottom: 3px solid #060b66;
    border-radius: 5px;
    margin: 20px 0;
    padding: 6px 0;
    display: block;
    outline: 0;
}

#atendimento input[type="submit"]:hover, #recuperar input[type="submit"]:hover {
    background: #1A3386;
}

#atendimento textarea {

}

.table {
    font-family: 'Roboto', sans-serif;
}

.table thead tr {
    background: #2d49a7;
    color: #fff;
    font-size: 13px;
}

.grupo {
    color: #178b04;
    font-size: 16px;
    text-align: center;
}

.grupo span {
    font-size: 70px;
    line-height: 58px;
    font-weight: bold;
    display: block;
}

.veiculo img {
    max-width: 260px;
    height: 160px;
    margin: 0 auto;
}

.veiculo h2 {
    color: #178b04;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
}

#slider-veiculo {
    max-width: 368px;
    margin: 0 auto;
}

#slider-veiculo .owl-prev, #slider-veiculo .owl-next {
    width: 30px;
    height: 30px;
    top: -40px;

}

#slider-veiculo .bt-alugar {
    display: block;

    margin: 0 auto;
}

#slider-veiculo .owl-pagination {
    display: none;
}

#slider-veiculo .owl-prev {
    background: url(../../../../../images/veiculo-prev.png) no-repeat;
}

#slider-veiculo .owl-next {
    background: url(../../../../../images/veiculo-next.png) no-repeat
        ;
}
.veiculo .bt-alugar{
    float: none;
}

.caracteristicas p {
    color: #2d49a7;
    font-size: 17px;
    margin: 0 0 4px 0;
}

.caracteristicas img {
    margin: 0 auto;
    max-width: 270px;
}

#operacoes{
    width:15%;
    float: right;
}
#operacoes a{
    color: #747474;
    text-shadow: none;
}
#operacoes li a:hover{
    color: #000;
    text-shadow: none;
}

thead a{
    color:#fff;
}

#footer{
    margin-top: 5%;
    margin-bottom: 10px;
}
#footer a{
    margin-left: 47%;
}


.view-image {
    margin: 10px;
    float: left;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 6px;
}
.view-image img{
    max-width: 150px;
    max-height: 100px;
}

.view-dados, .view {
    margin: 10px;
    float: left;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 6px;
}

.table .view{
    margin: 0px;
    float: none;
    padding: 0px;
    background-color: transparent;
    border-radius: 0px;
}

.clientes img {
    max-width: 225px;
    max-height: 100px;
    display: block;
    margin: 0 auto;
}

.clientes .col-md-4 {
    margin: 10px 0;
}

#login-box {
    width: 300px;

    margin: 30px auto 60px auto;
}

#login-box label {
    display: block;

    color: #263f01;
}

#login-box input[type="text"], #login-box input[type="password"] {
    height: 32px;
    display: block;
    margin: 0 0 14px 0;
    width: 100%;
}

#botao {
    float: left;
    width: 100px;
    margin: 5px 0 0 0;
}

#botao .btn {
    background: #1aad52;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);
    outline: none;
    float: left;
}

#cadastro {
    width: 145px;
    float: right;
    text-align: right;
}

#cadastro .btn {
    background: #408e5d;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);  outline: none;
    text-decoration: none;
    margin: 5px 0 0 0;
    float: right;
}

#content a {
    text-decoration: none !important;
}

#cliente-form label {
    width: 150px;

}

#cliente-form .form-actions {
    background: transparent;

    border: 0;
}

#cliente-form input {

    height: 30px;
}

#cliente-form .col-md-6 div {
    margin: 0 0 12px 0;   
}

/* classes sistema */
.errorMessage {
    color: #F00;
}

#ContactForm_verifyCode {
    margin:0 !important;
}


.block-menu {
    display: block;
    background: #000;
}

.block-menu li {
    display: inline-block;
}

.block-menu li a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-family: 'Passion One', Arial, sans-serif;
    font-smoothing: antialiased;
    text-transform: uppercase;
    overflow: visible;
    line-height: 20px;
    font-size: 24px;
}
/* animation domination */
.three-d {
    perspective: 200px;
    transition: all .07s linear;
    position: relative;
    cursor: pointer;
}
/* complete the animation! */
.three-d:hover .three-d-box, 
.three-d:focus .three-d-box {
    -webkit-transform: translateZ(-25px) rotateX(90deg);
}

.three-d-box {
    -webkit-transition: all .3s ease-out;
    -webkit-transform: translatez(-25px);
    -webkit-transform-style: preserve-3d;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* 
        put the "front" and "back" elements into place with CSS transforms, 
        specifically translation and translatez
*/
.front {
    -webkit-transform: rotatex(0deg) translatez(25px);
}

.back {
    -webkit-transform: rotatex(-90deg) translatez(25px);
    color: #ffe7c4;
}

.front, .back {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    pointer-events: none;
    box-sizing: border-box;
}
.bar-left{
    margin-top: 50px;      
    padding: 0px 5px 0px 5px;      background: #1aad52;      border-radius: 4px;      margin-bottom: 10px;
}
.article-right{
    /* float: right; */
    /* width: 830px; */
}

.ano-inicio{
    float: left;
    margin-left: 0px;
}
.ano-fim{
    float: right;
    margin-right: 94px;
}
.ano-inicio select, .ano-fim select,.ano-inicio label, .ano-fim label{
    width: 106px;
}
.car-description {
    /* width: 184px; */
}

.car-rent {
    text-align: right;
    width: 130px;
    padding: 0;
    float: right;
}


.lista-produto .list-group {
    margin: 0 -1px 0 0;
}

.lista-produto .col-lg-3, .lista-produto .col-lg-4 {
    padding: 0;
}

.lista-produto ul {
    padding: 0;
    margin: 0;
}

.lista-produto .list-group-item {
    padding: 3px 8px;
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #d3df9e;
}

.lista-produto .row {
    margin: 0;
}

.lista-produto{
    background: #EDF5C9;
    border: 1px solid #d3df9e;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0 10px 0;
}

.lista-produto img{
    max-width: 200px;
    max-height: 120px;
    border-radius: 4px;
    border: 1px solid #d3df9e;
}

.lista-produto h2{
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.lista-produto h3 {
    margin: 0 0 10px 0;

    font-size: 13px;
    color: #E40000;
}

.lista-produto .badge {
    font-size: 10px;
    margin: 2px 0 0 0;
}

.bar-left select {
    /* width: 140px; */ 
    /* margin: 0 auto; */
    /* display: block; */
}

.car-image {
    margin: 0 30px 0 0;
}

.grupo-header {
    background: #FFFFFF;

    color: #1aad52;
    padding: 6px 4px;
    border-radius: 4px 4px 0px 0px;
    font-size: 15px;
    margin: 0 0 10px 0;
    text-align: center;
    border: 1px solid #1aad52;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.valor-total{
    margin: 0 0 -10px 0;
    font-size: 15px;
    color: #E40000;
}

.form-action-reserva{
    margin-top: 5px;
}
.form-action-reserva input[type=date]{
    padding: 16px;
}
.form-action-reserva .btn{
    width: 130px;
    margin-left: 50px;
}
.form-action-reserva select{
    margin-bottom: 15px;
    width: 205px;
}

#Reserva_data_inicio, #Reserva_data_fim {
    margin: 0 !important;
}

.car-description-reserva {
    width: 250px;
}

.view-acessorios{
    background: rgba(250, 250, 250, 0.21);

    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    width: 100%;
}
.view-acessorios .view-image, .view-acessorios .view-dados{
    background: rgba(250, 250, 250, 0);
}


.img-center{
    margin: auto;
    display: block;
}

.center{
    margin: auto;
}   

.loading { 
    z-index: 99999;
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden; /* or auto or scroll */
    width: 100%;
    height: 25px;
    background-color: #ffffff;
    display: none;
    text-align: center;
}

#produto-form .nav{
    margin-bottom: 0px;
}
#produto-form .btn{
    margin-top: 10px;
}

.linha{
    padding: 0;
    border-top: 1px solid #EEA0AC;
    margin-bottom: 5px;
    margin-top: 0;
}

@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@media (min-width:1200px){
    #menu .container{
        width:1080px
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #menu ul li a {
        padding: 0 45px;
    }
    #menu .container{

    }
}

@media (min-width:768px) and (max-width:991px) {
    #topo .plantao {
        float: none;
        margin: 15px 0 0;
    }

    #menu {
        border-top: 1px solid #023e71;
    }

    #menu ul li img {
        width: 30px;
    }

    #menu ul li a {
        padding: 10px 35px 0px 35px;
        height: 69px;
    }
    .caracteristicas p {
        font-size: 12px;
        text-align: left;
    }
}

@media (max-width:767px) {
    #menu {
        display: none;
    }

    #topo .plantao {
        float: none;
        margin: 15px 0 0;
    }

    #topo .navbar {
        display: block;
        border-left: 0;
        border-right: 0;
    }
    #info-rodape p span {
        font-size: 30px;
    }
    #rodape p {
        font-size: 20px;
        color: #04115d;
    }
    h1 {
        font-size: 34px;
    }
    .caracteristicas p {
        font-size: 12px;
        text-align: left;
    }
}