.header-page {background-image:url(../img/bg-1.jpg);}

.listing-list-loop { width:100%; float:left; padding-bottom: 15px; margin-bottom: 31px; border-bottom: 1px solid #DA251C; overflow: hidden;}

.listing-list-loop .image {position: relative; float: left;  max-width: 257px; margin: 0 28px 0 0; padding-top: 8px; }
.listing-list-loop .image a {}
.listing-list-loop .image .image-inner { position: relative; overflow: hidden; }
.listing-list-loop .image .image-inner img { width:100%}

.listing-list-loop .content { overflow: hidden;}

.listing-list-loop .content .meta-top {overflow: hidden; margin-bottom: 16px;}

.listing-list-loop .content .meta-top .price { min-width: 130px; position: relative;  margin-left: 40px; float: right; text-align: right; 
                                               background-color: #DA251C; color: #fff; }
.listing-list-loop .content .meta-top .price:before { position: absolute; content: ''; display: block; top: 0; left: -11px; height: 100%; width: 32px;
                                                        background-color: #DA251C;
                                                        -moz-transform: skew(-23deg, 0deg);
                                                        -o-transform: skew(-23deg, 0deg);
                                                        -ms-transform: skew(-23deg, 0deg);
                                                        -webkit-transform: skew(-23deg, 0deg);
                                                        transform: skew(-23deg, 0deg);
                                                        z-index: -1;
                                                    }                                       

.listing-list-loop .content .meta-top .price .preco-normal {
    position: relative;
    left: -4px;
    padding: 10px 7px 10px 4px;
}
.listing-list-loop .content .meta-top .price .preco-normal .label-preco {
    max-width: 26px;
    display: inline-block;
    position: relative;
    top: -3px;
    margin-right: 2px;
    line-height: 10px;
    font-size: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    opacity: .7;
}




.listing-list-loop .content .meta-top .price.promocao {
    padding: 1px 7px 3px 0;
}                            
.listing-list-loop .content .meta-top .price.promocao .preco-antigo {
    position: relative;
    left: -4px;
    padding-right: 1px;
    vertical-align: bottom;
    font-size: 13px;
}
.listing-list-loop .content .meta-top .price.promocao .preco-atual {
    position: relative;
    left: -4px;
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 0px;
}

.listing-list-loop .content .meta-top .price.promocao .preco-antigo .label-preco {
    opacity: .8;
    font-size: 10px;
}
.listing-list-loop .content .meta-top .price.promocao .preco-atual .label-preco {
    display: inline-block;
    max-width: 30px;
    margin-right: 2px;
    position: relative;
    top: -4px;
    line-height: 10px;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    opacity: .8;
}


.listing-list-loop .content .meta-top .price .heading-font {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    letter-spacing: -1px;
}


                                                    
.listing-list-loop .content .meta-top .title a { margin-top: 3px;  padding-top: 2px; font-size: 22px; line-height: 24px; font-weight: 700; 
                                                 overflow: hidden; color:#000; text-decoration:none;}
                                                              
.listing-list-loop .content .meta-middle { width:100%; overflow:hidden; padding-top:5px;}
.listing-list-loop .content .meta-middle .meta-middle-unit { float: left; padding-right: 13px; margin-right: 9px; margin-bottom: 13px; 
                                                                 border-right: 1px solid #ddd;  }
.listing-list-loop .content .meta-middle .meta-middle-unit:last-child {border-right:0px;}                                                                 
                                                                   
.listing-list-loop .content .meta-middle .meta-middle-unit .meta-middle-unit-top {position: relative; padding-left: 23px;}
.listing-list-loop .content .meta-middle .meta-middle-unit .icon { position: absolute; margin-top: 1px; top: 50%; left: 1px;
    -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    transform: translateY(-50%); color: #888; font-size: 15px; }


.listing-list-loop .content .meta-middle .meta-middle-unit .name {
    text-transform: uppercase;
    color: #888;
    font-size: 10px;
}

.listing-list-loop .content .meta-middle .meta-middle-unit div.value { padding-left:23px;}

/*
.listing-list-loop .content .meta-middle .meta-middle-unit.transmission {
  
  
}
.listing-list-loop .content .meta-middle .meta-middle-unit.transmission .value {
    padding-left: 23px;
}

.listing-list-loop .content .meta-middle .meta-middle-unit.exists .value {
    padding-left: 29px;
}

.listing-list-loop .content .meta-middle .meta-middle-unit.fuel .value {
    padding-left: 23px;
}
*/

.listing-list-loop .content .meta-bottom {}



.special-label {
    position: absolute;
    top: 27px;
    left: -81px;
    height: 49px;
    padding: 0 100px;
    line-height: 49px;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #fab637;
    -moz-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
    -webkit-transform-origin: 50% 50%;
    z-index: 10;
}
.special-label-small {
    top: 20px;
    left: -91px;
    height: 32px;
    line-height: 32px;
}






.stm-blog-pagination {
    position: relative;
}
.stm-blog-pagination {
    margin-top: 10px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
ul.page-numbers {
    display: block;
    position: relative;
    margin-top: 10px;
    padding: 45px 60px 0;
    border-top: 1px solid #ddd;
    text-align: center;
}
.stm-blog-pagination .page-numbers {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

ul.page-numbers li {
    display: inline-block;
    margin-bottom: 0;
}

ul.page-numbers li>span {
    display: block;
    width: 34px;
    height: 35px;
    margin: 0 8px;
    padding: 0;
    background-color: #ddd;
    color: #fff !important;
    border-top: 0;
    border-radius: 3px;
    line-height: 35px;
}
.stm-blog-pagination .page-numbers {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}

ul.page-numbers li>a {
    display: block;
    width: 34px;
    height: 35px;
    margin: 0 8px;
    padding: 0;
    background-color: #6c98e1;
    color: #fff !important;
    border-top: 0;
    border-radius: 3px;
    line-height: 35px;
    text-decoration: none !important;
}

stm-blog-pagination .page-numbers li a.next, .stm-blog-pagination .page-numbers li a.prev {
    top: 0;
}

ul.page-numbers li .prev, ul.page-numbers li .next {
    width: 54px;
    height: 35px;
    font-size: 20px;
    border-radius: 3px;
    margin: 0;
}
ul.page-numbers li .prev {
    position: absolute;
    left: 0;
    top: 45px;
}
ul.page-numbers li .next {
    position: absolute;
    right: 0;
    top: 0px;
}

/*max-width*/
@media (max-width: 991px)
{
    .header-page,
    .dv-background { height:150px;}
    
    
}


@media (max-width: 767px)
{
    .header-page,
    .dv-background { height:110px;}
    .header-page.estoque .container {margin-top:-50px}
    
    .listing-list-loop .image {
        position:relative;
        float: left;
        max-width: 100%;
        margin: 0 28px 0 0;
        padding-top: 8px;
        overflow: hidden;
    }
  
    .listing-list-loop .image {
        float: none;
        max-width: 100%;
        margin: 0px;
    }
    .listing-list-loop .image-inner {
        max-width: 100%;
        height: auto;
    }
    
    .listing-list-loop .content {
        position: relative;
        margin-top: -50px;
        z-index: 20;
    }

    .listing-list-loop .content .title {
        clear: both;
        display: block;
        padding-top: 30px;
    }
    listing-list-loop .content {
        padding-bottom: 3px;
    }
    
    
}

@media (max-width: 480px) 
{
    /*.container-fluid { padding-left:5px; padding-right:5px;}*/
    .dv-background { width:auto; /*margin-left:-5px; margin-right:-5px;*/}
    .listing-list-loop .content .meta-middle .meta-middle-unit div.value { padding:0px;}
    .listing-list-loop .content .meta-middle .meta-middle-unit { margin-right:5px; padding-right:5px;}
    
    .meta-middle-unit.quilometragem { /*display:none;*/}
    
    #main .container-fluid { padding-right:0px; padding-left:0px;}
    
    .meta-middle { border:0px solid #DA251C}
    
}