﻿@charset "utf-8";
/* CSS Document */

#SG_flowbar_header { display: inline-block; margin: 7px auto 0; position: relative; width: 69.5%; }
#SG_flowbar_header .stepbar .progBar { background: none repeat scroll 0 0 #e0e0e0; border-radius: 0; display: block; margin: 0 10px; padding: 5px; width: calc(100% - 15px); }
.progBar { background-color: #f9f9f9; height: 29px; padding: 5px; width: 100%; box-shadow: 0 2px 1px #ccc inset, 0 1px 0 #fff; }
#SG_flowbar_header .stepbar .progBar span { float: left; height: 100%; width: 0; border-radius: 0; box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; -webkit-transition: width .2s ease-in-out; -moz-transition: width .2s ease-in-out; -ms-transition: width .2s ease-in-out; -o-transition: width .2s ease-in-out; transition: width .2s ease-in-out; background: #f26522; }
.control-buttons.pull-right { display: block; float: right; margin-right: 0; }
[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background-image: url("/ImgCdn/Common/sprite_icons.png"); background-position: 14px 14px; background-repeat: no-repeat; }
.icon-chevron-left { background-position: 0px 1px; }
.icon-chevron-right { background-position: -21px 1px; }
.track-btn { border-radius: 0; background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; border-radius: 0; box-shadow: none; transition: background-color 300ms ease-out 0s; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 19px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; }
.control-buttons a { display: block; }
#SG_Footer { min-height: 90px; background-color: #FFF; border-top: 5px solid #e34713; color: #999; font-size: 80%; margin: 0px auto 0; padding: 22px 0 0; text-align: center }
#SG_Footer a.light { color: #bbb }
#SG_Footer a { color: #000; text-decoration: none }
#SG_Footer a:hover { color: #e34713; text-decoration: underline }
#SG_wrapper:after { clear: both }
#SG_wrapper:before, #SG_wrapper:after { content: ""; display: table; line-height: 0 }
#lineTop, #lineBottom { background: none repeat scroll 0 0 #f15b06; display: block; height: 5px; width: 100% }
#other_button a, #other_button a { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; border-radius: 0; box-shadow: none; margin: 0; padding: 11px 4px; transition: background-color 300ms ease-out 0s; width: 98.9% }
#other_button a:hover, #other_button a:active, #other_button a:hover { background: none repeat scroll 0 0 #FFF; outline: 0 none }
 /* #SG_cookiesAdvice { background: none repeat scroll 0 0 #f0f0f0; border-top: 1px solid #dadada; bottom: 0; display: block; font-size: 11px; height: 30px; padding: 2px 0; position: fixed; text-align: left; width: 100%; z-index: 1000 }
#SG_cookiesAdvice input { background: none repeat scroll 0 0 #f26522; border: 1px solid #e05310; color: #fff; display: inline-block; margin: 3px 8px 2px; padding: 3px 7px }
#SG_cookiesAdvice .container { display: block; margin: 0 auto; text-align: center; width: 100% }
#SG_cookiesAdvice input:hover { background-color: #fe763c; -moz-box-shadow: 0 0 1px 0 #ffba8a inset; -webkit-box-shadow: 0 0 1px 0 #ffba8a inset; box-shadow: 0 0 1px 0 #ffba8a inset; cursor: pointer }
#SG_cookiesAdvice p { color: #000; display: inline-block; font-size: 11px } */
header { display: block; }

.lineheader { background: none repeat scroll 0 0 #f15b06; display: block; height: 5px; width: 100%;}
div#SG_sub_header { background: #f15b06;display: block;  height: 30px;  position: relative;  top: -9px;  z-index: 1;}
div#SG_sub_header h1 { color: #FFF;  float: left;  font-size: 18px;  line-height: 27px;  margin: 0 0 3px;  padding: 0 0 0 20px;}
  
div#SG_sub_header h1 #resumen { font-size: 13px;  line-height: 30px;}

#entradilla_presupuesto { float: left;}



.qpHeadcalltabs { position: relative; top: -10px; width: 194px; float: right; }
.Headneedhelp { float: none; position: relative; width: 100%; z-index: 1; }
.Headneedhelp p { background: none repeat scroll 0 0; color: #3a3a36; font-size: 17px; font-weight: bold; height: 80px; margin: 10px 0 3px; padding: 0 0 0 45px; text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.qpHeadcallbtns { margin: -60px 0 0 0px; position: relative; z-index: 2; }
.chatBtn img { padding-top: 3px; }
.gratisBtn { background: url("/ImgCdn/Common//pictosBull.png") no-repeat scroll 0px 0px; padding-left: 40px; }
.chatBtn { background: url("/ImgCdn/Common//pictosBull.png") no-repeat scroll 0px -29px; padding-left: 40px; }
.qpHeadcallbtns .gratisBtn a { cursor: pointer; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; border-radius: 5px; display: inline-block; line-height: 20px; height: 22px; padding: 2px 0 2px 6px; margin-top: 0px; border-bottom: 2px solid #b44201; background: #f15b06; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(top, #f15b06 0%, #f26409 33%, #f36b0b 70%, #f88b14 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f15b06), color-stop(33%, #f26409), color-stop(70%, #f36b0b), color-stop(100%, #f88b14)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f15b06 0%, #f26409 33%, #f36b0b 70%, #f88b14 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f15b06 0%, #f26409 33%, #f36b0b 70%, #f88b14 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f15b06 0%, #f26409 33%, #f36b0b 70%, #f88b14 100%); /* IE10+ */ background: linear-gradient(to bottom, #f15b06 0%, #f26409 33%, #f36b0b 70%, #f88b14 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15b06', endColorstr='#f88b14', GradientType=0 ); /* IE6-8 */
font-weight: bold; overflow: hidden; width: 141px; box-sizing: content-box; }



/*/* new footer css */

/* new footer css */
#SG_Footer a {
    text-decoration: none;
    font-size: 13px;
    color: #333333;
}

.cjFormMain {
    padding-bottom: 50px;
}

footer.desktop {
    padding-top: 25px;
    float: left;
    width: 100%;
    background: #e4e4e4;
}

.newFooterLegalLinksContainer {
    text-align: right;
}

.newFooter {
    position: relative;
    color: #88898e;
    font-size: 12px;
    max-width: 992px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

a.newFooter__link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 13px;
    color: #88898e !important;
    margin-bottom: 10px;
    text-align: center;
}

.newFooter__link .newFooter__arrow {
    border: solid #88898e;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 10px;
    margin-top: -3px;
    transition: 1s;
}

.newFooter__link .newFooter__arrowRotate {
    transform: rotate(225deg);
    transition: 1s;
    -webkit-transform: rotate(225deg);
    margin-top: 5px;
}

.newFooter__text {
    display: block;
    margin-top: 10px;
    display: none;
    padding: 0px 15px;
    box-sizing: border-box;
}

    .newFooter__text p {
        margin: 0px 0px 15px 0px;
    }


        .newFooter__text p a {
            color: #88898e;
            text-decoration: underline;
        }

.footer_wrap {
    background: #f4f4f4;
    border-top: 0px solid #d5d5d5;
    clear: both;
    height: 126px;
}

.social_footer {
    background-color: #ffffff;
    background: #fff;
    border-top: 1px solid #d5d5d5;
}


.footerLink {
    position: relative;
    margin: 0 auto 10px;
    width: 100%;
    text-align: center;
}

    .footerLink ul li {
        display: inline-block;
        margin: 0 3px
    }

        .footerLink ul li a {
            text-align: center;
            font-size: 13px;
            color: #333;
        }

            .footerLink ul li a:hover {
                text-decoration: underline
            }

@media screen and (max-width: 1024px) {
    .sub-header {
        width: 500px;
    }
}
@media screen and (max-width: 992px) {
    .social_footer .wrapper {
        padding-top: 12px;
        padding-bottom: 15px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .social_footer .share_it {
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

    .newFooterLegalLinksContainer {
        text-align: right;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .footerLink {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .sub-header {
        width: 100%;
    }
    footer.desktop {
        background: #ffffff;
    }

    a.newFooter__link {
        justify-content: left;
        text-align: left;
        padding-left: 10px;
    }

    body.funnel .social_footer .copyright {
        padding: 10px 4px 10px 4px;
    }

    .social_footer .share_it {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

    .newFooter__text p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 15px 0px;
    }

    .newFooter {
        background-color: #fff;
    }

    .social_footer {
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

        .social_footer .wrapper, .social_footer {
            overflow: visible;
        }

    .footer_wrap {
        margin-top: 10px;
        position: relative;
    }

    .newFooter__text {
        padding: 0px 10px;
    }

    .newFooter__link .newFooter__arrow {
        padding: 3px;
    }

    body.funnel [role="banner"] .rastreator {
        width: 160px;
        background-position: 0px 14px;
        background-size: 650px;
    }

    a.bestworkplace_cj {
        margin-left: 0px;
    }

    .footerLink {
        text-align: center;
        margin-top: 0px;
    }

    #SG_Footer a {
        text-decoration: none;
        font-size: 10px;
        color: #333333;
    }

    #SG_Footer {
        min-height: 40px;
    }
}

@media screen and (max-width: 320px) {
    .providers-moto {
        height: 90px;
    }

    .newFooter__text {
        padding: 0px 0px;
    }

    footer.desktop {
        margin-top: 0px;
    }

    .newFooter {
        padding-left: 4px;
        padding-right: 4px;
    }

    a.newFooter__link {
        padding-left: 0px;
    }

    body.funnel [role="banner"] .rastreator {
        width: 143px;
        background-position: 0px 16px;
        background-size: 590px;
    }

    a.newFooter__link {
        font-size: 12px;
    }

    .social_footer .share_it {
        margin-left: 0%;
    }

    body.funnel .social_footer .wrapper .copyright {
        width: 90%;
        margin: auto;
        display: block;
    }

    .footerLink ul li {
        margin: 0 2px;
    }
}


@media screen and (max-width: 411px) {
    a.newFooter__link {
        padding-left: 31px !important;
    }
}

@media screen and (max-width: 375px) {
    a.newFooter__link {
        padding-left: 18px !important;
    }
}
@media screen and (max-width: 360px) {
    a.newFooter__link {
        padding-left: 10px !important;
    }
}




