/*
Theme name: VB
Author: VB
*/
/*#lateral { text-align: center  }
#lateral h5, #lateral p { text-align: left; }*/
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.servicos img { height: 59px; width: auto; }

#lateral h5 { color: #000 }
.aligncenter { display: block; margin: 0 auto }

.vantagens { padding-bottom: 20px;}
.links-sobre img { height: 35px; width: auto }
.footer_1, .footer_2 { text-transform: uppercase }

.lateral-top { position: relative; top: -345px }

#login-pedido-vb{margin: 30px auto;}

.simulador-frota { border-top-color: #ea6727}
.simulador-frota .form-header { color: #597698; }
.simulador-frota label { font-size: 13px; font-weight: normal; text-indent: 10px; }
.simulador-frota label input { margin-top: 5px; }
.simulador-frota .button2.pull-left { background: #597698; width: auto }
.simulador-frota .button2.pull-right { background: #ea6727; width: auto }
.simulador-frota .button2 { padding-left: 20px; padding-right: 20px; border-radius: 0; text-transform: uppercase}

.artigos-relacionados h4 {font-size:16px; margin-top: 5px;}

.row-default, .texto-servicos .row { margin-left: -15px; margin-right: -15px; position: relative; }

.chamada-intro h1{ text-align: center; }
.chamada-intro p{ max-width:650px; margin:0 auto; text-align: justify; margin-bottom: 15px; }
.chamada-intro h2, .chamada-intro h3{ max-width:650px; margin:0 auto;}

.chamada-premios h2{ padding: 30px 0 20px; font-size: 30px; text-align: center; }
.chamada-premios p{ max-width:650px; margin:0 auto; text-align: justify; margin-bottom: 15px; }
.chamada-premios img{ margin:30px auto; width: 100%; max-width: 502px; height:auto; display:block; }

.chamada-produtos{ padding: 60px 0 0 !important; font-size: 30px; text-align: center; margin:0 auto !important; }

.texto-servicos .panel-heading { padding: 0; }
.texto-servicos .panel-heading .panel-title { font-size:14px; font-weight: bold; }
.texto-servicos .panel-body { padding: 0; border-top:0 !important; }

.media { display: table; width: 100%; }
.media .media-left, .media .media-right { display: table-cell; padding-right: 10px; vertical-align: middle }
.media .media-body { display: table-cell; vertical-align: middle }

.vantagem-item h3 { color: #444444; font-size: 24px; text-transform: none; font-weight: 300; line-height: 24px; margin: 0 }
.vantagem-item p { font-size: 15px; font-family: Roboto Condensed }
.vantagem-item a { color: #597698; font-style: italic; text-decoration: underline }
.vantagem-item .media { margin-bottom: 20px; margin-top: 20px; }

.section-title { font-size: 24px; color: #ea6727; text-align: center; margin-bottom: 30px; }

.funcionalidades { min-height: 710px; margin-bottom: 50px }
.funcionalidades-header { background: #ea6727; padding: 30px 0; }

.funcionalidades-tabs { border: 0; font-family: Roboto Condensed; text-align: center; margin: 0 }
.funcionalidades-tabs > li { border: 0; float: none; display: inline-block }
.funcionalidades-tabs > li > a, .funcionalidades-tabs > li > a:hover { font-size: 16px; color: #fff; background: none; border: 2px solid transparent; border-radius: 0; padding: 0 10px; text-transform: none; }
.funcionalidades-tabs > li.active > a, .funcionalidades-tabs > li.active > a:hover, .funcionalidades-tabs > li.active > a:focus { background: none; border-color: #fff; border-width: 2px; color: #fff; }

.funcionalidades-content { background: #f08026; padding: 50px 0 }
.funcionalidades-content .img-responsive { position: absolute; top: 0; right: 0 }

.funcionalidades-texto { color: #fff; font-size: 15px; }
.funcionalidades-texto h1 { font-size: 15px; text-transform: none; font-family: Open Sans; color: #fff; font-weight: 600; margin: 0 0 30px; }

.iframe iframe { width: 100%; height: 650px; border: 0 }

.postos-iframe { padding: 0 }

.text-center .btn.btn-default + .btn.btn-default { margin-left: 20px; }

.btn.btn-default {
    background-color: #a6bd00;
    border: 0 none;
    box-shadow: 1px 1px 1px rgba(103, 117, 0, 1);
    color: #fff;
    font-family: roboto condensed;
    font-size: 23px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.69);
    text-align: center;
    border-radius: 0;
    padding: 7px 20px;
    text-decoration:none;
    text-transform: uppercase;
}
.btn.btn-info { background: #597698 }
.btn.btn-success { background: #3F9B45; }
.btn.btn-recalcular { background: #999; height: 22px; padding-top: 0; padding-bottom: 0; text-transform: uppercase; font-size: 10px; color: #fff; line-height: 20px; }
.btn.btn-print { background: url(images/ico-print.png) no-repeat left center; padding-left: 30px }
.btn.btn-mail { background: url(images/ico-mail.png) no-repeat left center; padding-left: 30px }

.table-simulador { border-radius: 10px; border: 1px solid #ccc; }
.table-simulador thead > tr > th { font-size: 13px; text-transform: uppercase; text-align: center; border-bottom-color: #BBBBBB }
.table-simulador tbody > tr > th { font-weight: normal; font-size: 11px; text-transform: uppercase; vertical-align: middle }
.table-simulador tbody > tr > td, .table-simulador tfoot > tr > td { font-size: 13px; vertical-align: middle; text-align: center }
.table-simulador .form-control { max-width: 130px; margin: 0 auto; font-size: 13px; height: 22px; background: none; text-align: center }
.table-simulador tfoot > tr > th { font-size: 13px; text-transform: uppercase; border-top: #BBBBBB 2px solid }
.table-simulador tfoot > tr > td { font-weight: bold; border-top: #BBBBBB 2px solid }

.table-comparativo thead > tr > th { font-size: 24px; text-transform: uppercase; text-align: center; font-weight: normal; color: #597698; border: 0 }
.table-comparativo .subheader th { font-size: 13px; color: #666666 }
.table-comparativo .form-control { text-align: center; border: 1px solid #EA6727; border-radius: 5px; height: 46px; font-size: 21px; color: #EA6727; }
.table-comparativo .com-frota .form-control { border-color: #3F9B45; color: #3F9B45 }
.table-comparativo .input-destaque { background: #EA6727; color: #fff; }
.table-comparativo .com-frota .input-destaque { background: #3F9B45; color: #fff; }
.table-comparativo .com-frota { position: relative }
.table-comparativo tbody > tr > td, .table-comparativo tbody > tr > th { border: 0 }
.table-comparativo tbody > tr > th { font-size: 24px; color: #597698; font-weight: normal; text-transform: uppercase; font-family: Roboto Condensed }

.info-box { position: absolute; right: 25px; top: 21px; }
.info-box:before { content: url(images/ico-info-box.png) }
.info-box:hover .info-box-content { display: block; }
.info-box-content { z-index: 10; display: none; position: absolute; top: 35px; width: 340px; left: 50%; margin-left: -170px; border: 1px solid #999999; padding: 10px; background: #fff; border-radius: 5px }
.info-box-content:before { content: url(images/bg-info-box.png); display: block; width: 24px; height: 10px; position: absolute; top: -16px; left: 50%; margin-left: -12px; }
.info-box-content h6, .info-box-content p { text-align: center; font-size: 14px; color: #333333; text-transform: none; font-family: Open Sans; }
.info-box-content h6 { font-weight: bold; margin-bottom: 20px; }
.info-box-content p { margin-bottom: 5px;}

.comparativo { margin-bottom: 50px; }

.simulador-detalhamento { margin-top: 30px; }

.simulador-detalhamento .section-title { color: #999999; text-align: left; }
.simulador-detalhamento .btn-link { color: #597698; font-size: 12px; }

.entrelinhas { font-size: 11px }

.modal-title { font-size: 31px; color: #597698; font-weight: bold; text-transform: uppercase; }

#modal-simulacao { padding-top: 150px; }
#modal-simulacao .modal-content { padding: 40px 15px;  }
.modal-telefone { color: #597698; font-weight: bold; margin-top: 30px; }
.modal-atendimento { font-size: 12px; font-style: italic }
.modal-sm { max-width: 600px; }

.painel { border: 1px solid #C5C5C5; border-radius: 5px; padding: 0 10px 10px; }

#main-login { padding-top: 50px; padding-bottom: 50px; }
#main-login .section-title { color: #597698; margin: 20px 0 20px; }
#main-login .form-servicos { margin: 15px auto; text-align: center; min-height: 360px; max-width: 320px;
}
#main-login .form-control.input-lg { font-size: 16px; }
#main-login p { color: #7C7C7C; font-size: 12px; font-family: 'Roboto Condensed'; margin: 10px 0 0 }
#main-login p a { color: #597698; text-decoration: underline; }
.login-img { margin: 0 auto 20px;  }

.login-beneficios .btn { background: #FFC000 }
.login-frota .btn { background: #EA6727 }
.login-combustivel .btn { background: #CCCCCC }

/*POUPADOR*/
.poupador-banner {
    background: url("images/banner.jpg") no-repeat scroll center top;
    height: 473px;
}

.poupador-banner .btn.btn-primary {
    color: #005b8b;
    font-size: 18px;
    font-weight: 700;
    white-space: normal;
    background: #ffc000;
    border: 0;
    box-shadow: none;
    max-width: 470px;
    padding: 20px;
}
.poupador-banner p {
    font-size: 30px;
    color: #005b8b;
    margin-bottom: 30px;
}
.small {
    color: #a9a9ab;
    margin-top: 80px;
    font-size: 13px;
}
.como-funciona {
    padding: 10px 0;
}
.como-funciona .media-body, .como-funciona .media-left { vertical-align: middle; }
.como-funciona .media-left { padding-right: 30px }
.como-funciona p { margin: 0;}
.vantagens-lista  {
    padding-top: 20px;
}
.vantagens-lista strong {
    text-transform: uppercase;
    color: #005b8b
}

.simulador {
    border: 5px solid #ffc000;
    padding: 0 20px 20px; border-radius: 5px;
}
.simulador {
    color: #005b8b;
    font-size: 14px;
}
.simulador label {
    font-weight: normal;
}
.simulador .form-control {
    border: 1px solid #005b8b;
}
.simulador .btn.btn-primary {
    background: #005b8b;
    border: 0;
    text-transform: uppercase;
}
.simulador .media h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 700;
}
.simulador .media p {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.simulador .media-body {
    vertical-align: middle;
}
.sim-red * {
    color: #cc4a3c
}
.sim-green * {
    color: #778700
}
.simulador .btn.btn-clear { background: 0; color: #005b8b; border: 2px dashed #005b8b; margin-top: 20px; font-weight: 700; box-shadow: none }
.simulador .btn.btn-link { font-size: 13px; color: #005b8b; padding-right: 0 }

#form-contato-frota{height: 0; width: 0; visibility: hidden;}