* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align:baseline;*/
    font-weight: normal;
    background: transparent;
    font-family: Arial;
    font-size: 12px;
}

/********************
struct
********************/
/*.content .list ul {
margin:0;
padding:0 }

.content .list ul li {
list-style:none;
float:left;
margin:10px }*/

.content .list table {
    border-collapse: collapse;
    clear: both;
    width: 100%;
}

body {
    background: #c8d3da url(../images/bg-body.png) top repeat-x;
    font: 10px arial
    color: #999;
}

a:link, a:visited {
    color: #999;
    text-decoration: underline;
}

a:visited {
}

a:focus, a:hover {
}

a:active {
}

hr {
    background: #ccc;
    display: table;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

/* clear */
.clear {
    display: block;
    clear: both;
}

    .clear span {
        display: none;
    }

/* títulos */
h2 {
    float: left;
    width: 100%;
    height: 32px;
    font-size: 24px;
}

    h2.concessionarias {
        float: none;
    }

h3 {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
}

/*****************
header
*****************/
.header {
    position: relative;
    width: 980px;
    height: 100px;
    margin: 0 auto;
}

    .header h1 a {
        background: url(../images/logo.png) no-repeat;
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 311px;
        height: 70px;
        text-indent: -9999px;
    }

    /*h2.o-primeiro-portal-automotivo {
background:url(../images/tit-o-primeiro-portal-automotivo.png) no-repeat;
position:absolute;
top:12px;
left:0;
width:428px;
height:9px;
text-indent:-99999px }*/

    /*****************
navegação principal
*****************/
    .header .navigation {
        position: absolute;
        bottom: 0;
        left: 130px;
        height: 30px;
        text-shadow: 1px 1px 1px #333;
    }

        .header .navigation img {
        }

        .header .navigation li a {
            display: block;
            float: left;
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 8px 10px 9px;
        }

            .header .navigation li a:hover {
                color: #F17F1D;
            }

        .header .navigation li .sub_navigation {
            width: 200px;
            float: none;
            height: 31px;
        }

    .header .sub_navigation {
        display: none;
    }

    .header .navigation li {
        background: url(../images/separador-nav-principal.png) bottom right no-repeat;
        display: inline;
        float: left;
        height: 31px;
    }

        .header .navigation li.sub {
            cursor: pointer;
        }

            .header .navigation li.sub:hover > ul,
            .header .navigation li.sub a:hover > ul {
                display: block;
                position: absolute;
                top: 32px;
                z-index: 1;
            }

        .header .navigation li .lateral_sub_navigation {
            padding-left: 100%;
            margin-top: -27px;
        }

        .header .navigation li .sub_navigation.lateral_sub_navigation li {
            background: #f2f2f2 url(../images/bg-sub-nav-lateral.png) top repeat-x;
        }

        .header .navigation li .sub_navigation li {
            background: #AB060D url(../images/bg-sub-nav-item.png) top repeat-x;
            position: relative;
            z-index: 1;
            float: left;
            width: 100%;
            height: auto;
            color: #787878;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #f0f0f0;
        }

            .header .navigation li .sub_navigation li a {
                position: relative;
                z-index: 2;
                background-color: #AB060D;
            }

.sub_navigation li h4 {
    background: #f2f2f2 url(../images/bg-tit-sub-nav.png) bottom repeat-x;
    color: #9e9e9e;
    padding: 10px;
    font-weight: normal;
    text-transform: uppercase;
}

/* botão adicionar página */
#btn-adicionar-pagina {
    background: #fff url(../images/ico-adicionar-pagina.png) top left no-repeat;
    position: absolute;
    right: 0;
    top: 80px;
    height: 16px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 19px;
}

    #btn-adicionar-pagina:hover {
        background-position: bottom left;
    }

/*****************
navegação meus dados e sair
*****************/
#nav-meus-dados-sair {
    position: absolute;
    top: 8px;
    right: 0;
}

    #nav-meus-dados-sair li {
        display: inline;
    }

        #nav-meus-dados-sair li a {
            float: left;
            padding-left: 18px;
            margin-left: 5px;
            height: 16px;
            text-decoration: none;
            color: #fff;
        }

            #nav-meus-dados-sair li a:hover {
                background-position: bottom left;
            }

.meus-dados {
    background: url(../images/ico-meus-dados.png) left top no-repeat;
}

/*****************
login redes sociais
*****************/
.loginRedesSociais {
    position: absolute;
    top: 42px;
    right: 0;
    color: #fff;
}

    .loginRedesSociais select {
        padding: 3px;
    }

/********************
footer
********************/
.footer_out {
    width: 100%;
}

.footer {
    border-top: 1px solid #eee;
    padding: 10px;
    text-align: right;
    background: #2e0c94;
    color: #fff;
}

.header, .content, .footer {
    width: 1209px;
    margin: auto;
}

/********************
login
********************/
.login {
    background: #f5f5f5;
    width: 300px;
    padding: 20px 30px 20px 20px;
    margin: 0 auto;
}

input[type="text"], .text, textarea, input[type="password"], .password {
    width: 99%;
}

#btnSubmit, .submit, a.submit {
    background: #fff url(../images/bg-form.png) bottom repeat-x;
    border: 1px solid #d6d6d6;
    color: #2C3541;
    margin-top: 3px;
    padding: 3px;
    cursor: pointer;
}

input[type="button"]{
	cursor: pointer;
	text-decoration: none;
}

a.submit {
	    text-decoration: none;
	    padding: 5px;
    cursor: pointer;
}

.campo1_div {
    float: left;
    width: 100%;
}

/* chamada do date picker */
.content .campo_date {
    width: 20%;
    padding-left: 55px;
    position: relative;
}

    .content .campo_date img {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    .content .campo_date input[type="text"],
    .content .campo_date .text {
        width: 85%;
    }

.content .campo_radio p {
    margin: 10px 0;
}

/*****************
campos de form
*****************/
input[type="text"], .text, input[type="password"], .password,
select, textarea {
    background: #fff url(../images/bg-form-old.png) bottom repeat-x;
    border: 1px solid #ccc;
    padding: 5px;
}

input[type="text"], textarea {
    width: 99%;
}

    /*input[type="text"].required { border:1px solid #920000 }*/
    input[type="text"].error, input[type="password"].error,
    textarea.error {
        border: 1px solid #c61734;
    }

.box input[type="text"] {
    width: 80%;
}
/* 88% */

input[type="text"]:focus, input[type="password"]:focus,
select:focus, textarea:focus {
    border: 1px solid #666;
}

textarea {
    height: 100px;
    font: 14px arial, sans-serif;
}

.content .campo_text label,
.content .campo_textarea label {
    display: block;
    margin-bottom: 5px;
}

.content .campo_radio input,
.content .campo_checkbox input {
    margin-right: 5px;
}

.content .campo_select label {
    margin-right: 5px;
}

.contentTitleLogin {
    width: 330px;
    margin: auto;
    margin-bottom: 5px;
}

.content .form .campo_div {
    margin-bottom: 15px;
}

/* alerta */
.content .alertBox {
    background: #FDF2F1 url(../images/error.png) 10px 10px no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -185px;
    padding: 10px;
    padding-left: 60px;
    width: 300px;
    border-color: #EEABA0;
    border-top: 0;
    min-height: 30px;
}

.content .alertBox {
    border: 1px solid;
    margin: auto;
    margin-bottom: 10px;
}

    .content .alertBox .closeAlertBox {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }

.content .error {
    color: #c61734;
}

.content .success {
    background-color: #8BE97E;
    background-image: url(../images/success.png);
    padding-left: 60px;
    border-color: green;
    color: green;
}

.content .alert {
    background-color: #F8E78C;
    background-image: url(../images/alert.png);
    padding-left: 60px;
    border-color: #CFA02F;
    color: #CFA02F;
}

.content .alertBox p {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.content img.imgCalendar {
    margin: 0;
    cursor: pointer;
}

.content iframe {
    width: 960px;
    height: 400px;
    border: 0;
}

/*****************
adicionar e organizar boxes
*****************/
.adicionar-organizar-boxes {
    background: #ccc;
    display: table;
    width: 100%;
    height: 32px;
    margin: 0;
}

label strong {
    color: #333;
}

.adicionar-organizar-boxes li {
    float: left;
}

.btBoxAdd, .organizar-boxes {
    border: 0;
    width: 32px;
    height: 32px;
    text-indent: -99999px;
    cursor: pointer;
    margin: 10px;
}

.adicionar-organizar-boxes a:hover {
    background-position: left bottom;
}

.btBoxAdd {
    background: url(../images/btn-add-box.png) left top no-repeat;
}

.organizar-boxes {
    background: url(../images/btn-organizar-boxes.png) left top no-repeat;
}

/*****************
mensagens
*****************/
.mensagem-positiva, .mensagem-negativa, .mensagem-aviso {
    padding: 10px;
    width: 98%;
    margin-bottom: 10px;
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 32px;
}

.mensagem-positiva {
    background: #4a9e00;
}

.mensagem-aviso {
    background: #d7b600;
}

    .mensagem-aviso img {
        float: left;
        margin-right: 10px;
    }

.mensagem-negativa {
    background: #b71600;
}

/*****************
content
*****************/
.content {
    background: #fff;
    overflow: hidden;
    padding: 10px;
    margin-top: 20px;
}

    .content .navigation {
        background: #fafafa;
        float: left;
        width: 100%;
        margin: 20px 0;
        padding: 0;
    }

        .content .navigation li {
            list-style: none;
            float: left;
        }

            .content .navigation li a {
                float: left;
                text-decoration: none;
                padding: 10px;
            }

                .content .navigation li.active a, .content .navigation li a:hover {
                    background: #eee;
                }

    .content .list .qtdConteudo,
    .content .list .filtro {
        font-size: 12px;
        float: left;
        padding: 10px;
    }

    .content .list .filtro {
        background: #fff;
        margin-bottom: 10px;
    }

        .content .list .filtro input {
            width: 60px;
        }

        .content .list .filtro .btFiltrar {
            width: 40px;
            padding: 5px;
            color: #666;
            cursor: pointer;
        }

        .content .list .filtro label {
            margin: 0 10px;
        }

    .content .list table td {
        border: 0;
        padding: 10px;
        vertical-align: middle;
        font-size: 12px;
    }

    .content .list table tr {
        border-bottom: 1px solid #999;
    }

        .content .list table tr.titles {
            background: #666;
            color: #fff;
        }

            .content .list table tr.titles td {
                font-size: 16px;
            }

        .content .list table tr.odd {
            background: #fff;
        }

/********************
botões
********************/
#boxContainer .up, #boxContainer .down {
    cursor: pointer;
    width: 12px;
    height: 13px;
    text-indent: -9999px;
}

#boxContainer .up {
    background: url(../images/arrow-up.png) no-repeat;
}

#boxContainer .down {
    background: url(../images/arrow-down.png) no-repeat;
    margin-top: 5px;
}

.list .list_bts a.new_bt {
    width: 20%;
}

.list_bts {
    margin-bottom: 10px;
}

.content .list .new_bt,
.content .list .edit_bt,
.content .list .del_bt,
.content .list .view_bt,
.content .list .export_bt {
    background: url(../images/new.png) no-repeat;
    display: block;
    text-indent: -999999px;
    overflow: hidden;
    border: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.content .list .new_bt {
    background: url(../images/ico-add.png) left no-repeat;
    text-indent: 0;
    width: 5%;
    height: 22px;
    font-size: 13px;
    padding: 2px 0 0 27px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
}

/* botões dentro da tabela */
table td .edit_bt, table td .del_bt,
table td .view_bt {
    margin: 0 auto;
}

td.botoes {
    width: 80px;
    text-align: center;
}

.content .list .edit_bt {
    background: url(../images/edit.png) center no-repeat;
}

.content .list .del_bt {
    background: url(../images/trash.png) center no-repeat;
}

.content .list .view_bt {
    background: url(../images/view.png) center no-repeat;
    width: 32px;
    height: 32px;
}

.content .list .export_bt {
    background: url(../images/export.png) center no-repeat;
}

.content .list .paginacao {
    height: 35px;
}

    .content .list .paginacao a {
        font-size: 14px;
    }

.content .form .campo_dataHora input {
    width: 85px;
    color: #444;
    border: 1px solid #ccc;
    height: 20px;
    padding: 5px;
    text-align: center;
}

.content .campo_salvar,
.content .campo_listar,
.content .campo_novo,
.content .campo_cancelar {
    background-repeat: no-repeat;
    background-position: top;
    width: 48px;
    padding-top: 48px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    text-align: center;
    float: right;
}

.content .campo_novo {
    background-image: url(../images/btn-novo.png);
}

.content .campo_salvar {
    background-image: url(../images/btn-salvar.png);
}

.content .campo_cancelar {
    background-image: url(../images/btn-cancelar.png);
}

.content .campo_listar {
    background-image: url(../images/btn-listar.png);
}

.content .campo_text span,
.content .campo_textarea span {
    float: right;
    margin: 0 5px 0 0;
}

.content #boxContainer {
    margin: 0 0 10px 0;
}

    .content #boxContainer .box {
        position: relative;
        float: left;
        margin: 10px 0 0 5px;
        height: 294px;
        font-size: 12px;
        border: 1px solid #ccc;
        -moz-box-shadow: 0 0 8px #999;
        -webkit-box-shadow: 0 0 8px #999;
        box-shadow: 0 0 8px #999;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .content #boxContainer .right {
        float: right;
    }

.box-header {
    background: #fff url(../images/bg-header-boxes.png) bottom repeat-x;
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.content #boxContainer .box .hdnAcao {
    display: none;
}

/********************
box content
********************/
.box-content {
    float: left;
    width: 100%;
}

.box.pequeno .box-content {
    overflow: auto;
    height: 234px;
}

.box.medio .box-content {
    overflow: auto;
    height: 233px;
}

.box.grande .box-content {
    overflow: auto;
    height: 275px;
}

.box.alto .box-content {
    overflow: auto;
    height: 540px;
}

.content #boxContainer .pequeno {
    float: left;
    width: 313px;
}

.content #boxContainer .medio {
    float: left;
    width: 49%;
}

.content #boxContainer .grande {
    float: left;
    width: 99%;
    height: 340px;
}

.content #boxContainer .wide {
    float: left;
    width: 99%;
}

.content #boxContainer .box.alto {
    width: 49%;
    height: 600px;
}

/* box footer */
.box-footer {
    background: #999;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: right;
    width: 100%;
    height: 30px;
}

    .box-footer a {
        background: url(../images/ico-adicionar-pagina.png) top left no-repeat;
        float: right;
        height: 16px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        margin: 7px 7px 0;
        padding-left: 19px;
    }

        .box-footer a:hover {
            background-position: bottom left;
        }

    .box-footer img {
        display: none;
    }

/********************
tabela com conteudo
********************/
.novo-conteudo {
    width: 100%;
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

    .novo-conteudo td {
        background: #ccc;
        border: 0;
        vertical-align: middle;
        text-align: center;
    }

.boxConfigPos, .boxConfigAtivo, .boxConfigOrdem {
    float: left;
    height: 30px;
}

.boxConfigPos {
    width: 60%;
}

.boxConfigAtivo {
    width: 15%;
}

    .boxConfigAtivo label, .boxConfigAtivo input {
        margin-top: 5px;
    }

.boxConfigOrdem {
    width: 29%;
}

.content #boxContainer .box.odd {
    margin-left: 0;
    float: left;
}

.content #boxContainer .box.even {
    margin-right: 0;
    float: right;
}

.content #boxContainer .box label {
    color: #444;
}

.content #boxContainer .box input.campoText {
    border: 1px solid #ccc;
    height: 16px;
    width: 100px;
    padding: 3px;
}

.content #boxContainer .box select.campoCarro {
    display: none;
}

.content #boxContainer .box .showCarroSelect select.campoCarro {
    display: inherit;
}

.content #boxContainer .box .showCarroSelect input.txtLink {
    display: none;
}

.content #boxContainer .box select {
    padding: 3px;
}

.content #boxContainer .box .boxConfig {
    margin: 0 0 10px 0;
}

    .content #boxContainer .box .boxConfig .boxConfigPos {
        float: left;
    }

        .content #boxContainer .box .boxConfig .boxConfigPos select {
            margin: 0 0 0 5px;
        }

    .content #boxContainer .box .boxConfig .boxConfigAtivo {
        float: left;
        margin: 3px 0 0 10px;
    }

    .content #boxContainer .box .boxConfig .boxConfigOrdem {
        float: left;
        margin: 0 0 0 10px;
    }

    .content #boxContainer .box .boxConfig .boxConfigAtivo input {
        margin-right: 5px;
    }

    .content #boxContainer .box .boxConfig .btBoxConfigAdd {
        float: right;
    }

.content #boxContainer .box .boxContents input.campoCheckbox {
    margin: 0 5px 0 0;
}

.content #boxContainer .box .boxContents a {
    display: block;
    margin: 10px 0 20px 0;
    padding: 5px;
    background: #ccc;
    color: #666;
    float: left;
}

.content #boxContainer .box .boxRedesSociais {
    clear: both;
}

    .content #boxContainer .box .boxRedesSociais label {
        display: block;
        margin: 0 0 10px 0;
    }

    .content #boxContainer .box .boxRedesSociais select {
        width: 100%;
        height: 100px;
        color: #444;
    }


/********************
lista de definição
********************/
.form dl {
    margin-top: 10px;
}

.form dt {
    font-weight: bold;
}

.form dd {
    margin-left: 10px;
}

    .form dd dl {
        margin-top: 2px;
        margin-bottom: 4px;
    }

    .form dd dt, .form dd dd {
        display: inline;
    }

/********************
lista de ação comercial
********************/
.dtFilterFrom, .dtFilterTo {
    position: relative;
    float: left;
    padding: 0 10px 0 50px;
}

.dtFilterFrom {
    margin-right: 10px;
}

    .dtFilterFrom img, .dtFilterTo img {
        position: absolute;
        top: 0;
        left: 0;
    }

.filtre-por-periodo {
    float: left;
    height: 100px;
}

.filtrar-por-periodo {
    float: left;
    width: 98%;
    font-size: 16px;
    margin: 10px 0;
}

.btn-filtrar, .btn-limpar-filtro {
    background: url(../images/btn-filtrar.png);
    width: 22px;
    height: 22px;
    margin: 16px 0 0 9px;
    cursor: pointer;
    text-indent: -99999px;
}

.btn-limpar-filtro {
    background: url(../images/btn-limpar-filtrar.png);
}

.filtrar-por-modelo {
    float: left;
    margin: 0 0 10px 0;
}

/********************
paginação
********************/
#paginacao {
    background: #f5f5f5;
    float: left;
    width: 99%;
    margin: 10px 0;
    padding: 0.4%;
}

    #paginacao li {
        display: inline;
        margin: 0 5px;
    }

    #paginacao strong {
        text-decoration: underline;
        font-weight: bold;
    }


/********************
ação e ação social
********************/
#txtData_inicio, #txtData_final {
    width: 80px;
}

.content .campo_date input.small {
    width: 7%;
}

.txtData_inicio, .txtData_final {
    float: left;
    width: 100%;
}

.novo {
    float: left;
    width: 97%;
    margin: 10px 0;
}
