@include font-sizes($font_size_default);
@include placeholder-color($color_placeholder);
@include selection-color($color_selection_bg, $color_selection);
@include margins($margin_default);
@include paddings($padding_default);
@include colunes($column_size);

/* == BODY == */
body {
    margin: 0px;
    color: $color_texto_default;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background: url("#{$base_url}static/img/theme/bg-body.png") repeat;
}

.theme_shadow {
    background-size: contain !important;
    position: fixed;
    height: 100%;
    width: 10%;
    z-index: 3;
    top: 0px;
}

.theme_shadow_left {
    background: url("#{$base_url}static/img/theme/left-shadow.png") repeat-y;
    left: 0px;
}

.theme_shadow_right {
    background: url("#{$base_url}static/img/theme/right-shadow.png") repeat-y;
    right: 0px;
}

@media screen and (max-width: 1250px) {
    .theme_shadow {
        width: 5%;
    }

}

@media screen and (max-width: 1100px) {
    .theme_shadow {
        display: none;
    }
}

/* == COLORS == */

.color_texto_escuro {
    color: $color_texto_escuro;
}

.color_texto_cinza_escuro {
    color: $color_texto_cinza_escuro;
}

.color_texto_cinza_escuro_claro {
    color: $color_texto_cinza_escuro_claro;
}

.color_texto_cinza_claro {
    color: $color_texto_cinza_claro;
}

.color_texto_cinza_claro_plus {
    color: $color_texto_cinza_claro_plus;
}

.color_texto_branco {
    color: white;
}

/* == BORDER == */

.border_color_texto_escuro {
    border-color: $color_texto_escuro !important;
}

.border_color_texto_cinza_escuro {
    border-color: $color_texto_cinza_escuro !important;
}

.border_color_texto_cinza_escuro_claro {
    border-color: $color_texto_cinza_escuro_claro !important;
}

.border_color_texto_cinza_claro {
    border-color: $color_texto_cinza_claro !important;
}

.border_color_texto_cinza_claro_plus {
    border-color: $color_texto_cinza_claro_plus !important;
}

.border_clara_plus {
    border: 1px solid $color_texto_cinza_claro_plus;
}

/* == COLOR ABC == */

.color_abc_carros {
    color: $color_abc_carros_base !important;
}

.color_abc_imoveis {
    color: $color_abc_imoveis_base !important;
}

.color_abc_diversos {
    color: $color_abc_diversos_base !important;
}

.color_abc_empregos {
    color: $color_abc_empregos_base !important;
}

.bg_color_abc_carros {
    background-color: $color_abc_carros_base;
}

.bg_color_abc_imoveis {
    background-color: $color_abc_imoveis_base;
}

.bg_color_abc_diversos {
    background-color: $color_abc_diversos_base;
}

.bg_color_abc_empregos {
    background-color: $color_abc_empregos_base;
}

.border_color_abc_carros {
    border-color: $color_abc_carros_base !important;
}

.border_color_abc_imoveis {
    border-color: $color_abc_imoveis_base !important;
}

.border_color_abc_diversos {
    border-color: $color_abc_diversos_base !important;
}

.border_color_abc_empregos {
    border-color: $color_abc_empregos_base !important;
}

/* == LINKS == */

.a_link {
    @include a_colors($color_texto_escuro, $color_texto_cinza_escuro, $color_texto_cinza_escuro_claro);
}

@include a_colors($color_texto_escuro, $color_texto_cinza_escuro, $color_texto_cinza_escuro_claro);

/* == CONTAINER == */

.container {
    margin: 0 auto;
    display: block;
    width: 1000px;
    h2.tit, h1.tit{
        border-left: 10px solid $color_abc_carros_base;
        line-height: 15px;
        margin-bottom: 15px;
        margin-top: 25px;
        padding-left: 5px;
    }
}

/* == BACKGROUNDS == */

.bg_abc {
    background: url("#{$base_url}static/img/theme/bg-abc.png") repeat;
}

.bg_tecido {
    background: url("#{$base_url}static/img/theme/bg-tecido.png") repeat;
}

.bg_white {
    background-color: white;
}

.bg_cinza_claro {
    background-color: $color_bg_cinza_claro;
}

.bg_teste_r {
    background-color: red;
}

.bg_teste_g {
    background-color: green;
}

.bg_teste_b {
    background-color: blue;
}

.bg_teste_y {
    background-color: yellow;
}

.bg_color_box {
  background-color: #F1F1F1;
}

/* == HEADER == */

#header_home .logos, #header_home .area_parceiro {
    height: $size_banner;
    background: url("#{$base_url}static/img/theme/bg-abc.png") repeat;
}
#header_home .area_parceiro{
    height: 145px
}
#header_home .logos .container {
    height: $size_banner;
}

#header_home .nav {
    position: relative;
    z-index: 2;
    text-align: right;
    height: 33px;
    line-height: 33px;
    border: 0px;
    border-bottom: 1px solid $color_border_cinza;
    background-color: black;
}

#header_home .nav .nav_ul, #header_home .nav .nav_li {
    display: inline;
    margin: 0px;
}

#header_home .nav {
    @include a_colors(white, lightgray, darkgray);
}

/* == FOOTER == */

#footer_basic {
    padding-bottom: 30px;
    overflow: hidden;
    background: url("#{$base_url}static/img/theme/bg-tecido.png") repeat;
}

.footer_sitemap {
    padding-right: 25px;;
}

.footer_sitemap h3 {
    font-size: $font_size_default - 4px;
}

.footer_sitemap li {
    line-height: 1.5em;
    list-style: none;
    list-style-type: none;
}

/* == TEMA == */

.bloco_conteudo {
    min-height: 300px;
    position: relative;
    background-color: white;
    border: 0px;
    border-top: 1px solid $color_border_cinza; /* IE 8 */
    @include box_shadow_4(0px, -1px, 5px, $color_border_cinza);
    z-index: 1;
    padding-top: $padding_default * 2;
    padding-bottom: $padding_default * 2;
}

.bloco_abc_final {
    height: 10px;
    border-bottom: 1px solid $color_border_cinza; /* IE 8 */
    @include box_shadow_4(0px, 2px, 5px, $color_border_cinza);
}

h1, h2, h3, h4 {
    font-weight: bold !important;
    margin-bottom: $margin_default;
    margin-top: $margin_default;
}

h1 {
    font-size: $font_size_default + 4px;
}

h2 {
    font-size: $font_size_default + 2px;
}

h3 {
    font-size: $font_size_default + 0px;
}

p {
    font-size: $font_size_default;
}

.overflow_hidden{
    overflow: hidden;
}
.div_divider {
    margin-top: $margin_default * 2;
    margin-bottom: $margin_default * 2;
    height: 10px;
}

.div_divider_sm {
    margin-top: $margin_default * 2;
    margin-bottom: $margin_default * 2;
    height: 3px;
}

.div_divider_black {
    background-color: black;
}

.div_divider_cinza_claro_plus {
    background-color: $color_texto_cinza_claro_plus;
}

/* == BUTTONS == */

// cinza
.button_cinza, .button_cinza:visited {
    display: block;
    border: 0px;
    @include border-radius($border_radius_default);
    border:1px solid $color_border_cinza;
    text-align: center;
    color: black;
    /* #dfdddd #f4f5f5 */
    background-color: $color_bt_cinza_degrade_baixo;
    background-image: -webkit-gradient(linear, left top, left bottom, from($color_bt_cinza_degrade_cima), to($color_bt_cinza_degrade_baixo));
    background-image: -webkit-linear-gradient(top, $color_bt_cinza_degrade_cima, $color_bt_cinza_degrade_baixo);
    background-image: -moz-linear-gradient(top, $color_bt_cinza_degrade_cima, $color_bt_cinza_degrade_baixo);
    background-image: -ms-linear-gradient(top, $color_bt_cinza_degrade_cima, $color_bt_cinza_degrade_baixo);
    background-image: -o-linear-gradient(top, $color_bt_cinza_degrade_cima, $color_bt_cinza_degrade_baixo);
    background-image: linear-gradient(top bottom, $color_bt_cinza_degrade_cima, $color_bt_cinza_degrade_baixo);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#{$color_bt_cinza_degrade_cima}, endColorstr=#{$color_bt_cinza_degrade_baixo});
}

.button_cinza:hover {
    /* #d9dddd #c6c3c3 */
    background-color: $color_bt_cinza_degrade_baixo_hover;
    background-image: -webkit-gradient(linear, left top, left bottom, from($color_bt_cinza_degrade_cima_hover), to($color_bt_cinza_degrade_baixo_hover));
    background-image: -webkit-linear-gradient(top, $color_bt_cinza_degrade_cima_hover, $color_bt_cinza_degrade_baixo_hover);
    background-image: -moz-linear-gradient(top, $color_bt_cinza_degrade_cima_hover, $color_bt_cinza_degrade_baixo_hover);
    background-image: -ms-linear-gradient(top, $color_bt_cinza_degrade_cima_hover, $color_bt_cinza_degrade_baixo_hover);
    background-image: -o-linear-gradient(top, $color_bt_cinza_degrade_cima_hover, $color_bt_cinza_degrade_baixo_hover);
    background-image: linear-gradient(top bottom, $color_bt_cinza_degrade_cima_hover, $color_bt_cinza_degrade_baixo_hover);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#{$color_bt_cinza_degrade_cima_hover}, endColorstr=#{$color_bt_cinza_degrade_baixo_hover});
}

.button_cinza:active {
}

.button_cinza.disabled {
    background-color: $color_bt_cinza_degrade_baixo !important;
    color: $color_bt_cinza_degrade_baixo_hover !important;
    background-image: none !important;
}


// verde
.button_verde, .button_verde:visited {
    display: block;
    border: 0px;
    @include border-radius($border_radius_default);
    background-color: #5DB239;
    color: white
}

.button_verde:hover {
    color: darkgreen;
}

.button_verde:active {
    color: #003800;
}

.button_verde p {
    font-size: inherit;
}

// vermelho
.button_vermelho, .button_vermelho:visited {
    display: block;
    border: 0px;
    @include border-radius($border_radius_default);
    background-color: $color_abc_vermelho;
    color: white;
}

.button_vermelho:hover {
    color: #FAA;
}

.button_vermelho:active {
    color: #C88;
}

// laranja - carros
.button_carros, .button_carros:visited {
    display: block;
    border: 0px;
    @include border-radius($border_radius_default);
    background-color: $color_abc_carros_base;
    color: white;
}

.button_carros:hover {
    color: white;
    background-color: $color_abc_carros_base;
}

.button_carros:active {
    color: lightgray;
}

/* == BANNERS == */

.emediate_970_90 {
    position: relative;
    height: 90px;
    text-align: center;
}

.emediate_970_90 span {
    position: absolute;
    top: -14px;
    z-index: 10;
    right: 20px;
    font-size: $font_size_default - 6px;
    color: $color_texto_cinza_claro;
}

/* == MENSAGEM ERRO == */

.mensagem_erro {
    position: relative;
    padding: $padding_default;
    margin: $margin_default;
    color: $color_mensagem_error;
    font-weight: bold;
    background-color: $color_bg_mensagem_error;
    @include border-radius($border_radius_default);
}

.mensagem_sucesso {
    position: relative;
    padding: $padding_default;
    margin: $margin_default;
    color: $color_mensagem_success;
    font-weight: bold;
    background-color: $color_bg_mensagem_success;
    @include border-radius($border_radius_default);
}

.mensagem_erro .mensagem_close, .mensagem_sucesso .mensagem_close {
    position: absolute;
    top: 4px;
    right: $padding_default;
    color: $color_mensagem_x;
    font-weight: bold;
    font-size: 24px;
}

/* IDE */
.mensagem_timeout {}


/*.tooltip_mouse_trigger {}*/

/* POPOVER */
.popover_mouseover_trigger {}
.popover_click_trigger {}
.popover_close_trigger {}
.popover_timeout {}

.popover {
    padding: $padding_default;
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    border: 2px soild $color_border_cinza;
    @include border-radius($border_radius_default);
    @include box_shadow_4(5px, 5px, 20px, $color_shadow_default);
}

.popover_2_fixed {
    left: 50%;
    margin-left: - $column_size;
}

.popover_4_fixed {
    left: 50%;
    margin-left: - ($column_size * 2);

}

.popover_6_fixed {
    left: 50%;
    margin-left: - ($column_size * 3);

}

.popover_8_fixed {
    left: 50%;
    margin-left: - ($column_size * 4);

}

.popover_10_fixed {
    left: 50%;
    margin-left: - ($column_size * 5);

}

.popover_12_fixed {
    left: 50%;
    margin-left: - ($column_size * 6);

}

.data_hora{
    margin-right:2px;
}