﻿
.head-a img.vsMobile {
    top: 17px;
    left: 22px;
    width: 23px;
    position: absolute;
}

.head-a div:first-child {
    display: none;
}

section.section-a {
    top: 0;
}

.RadComboBox_Default, #cmbGasolineras {
    width: 103% !important;
}

.RadComboBox table td.rcbInputCell {
    padding: 0 !important;
}

.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    background-image: none !important;
}

.fill_dtk {
    /*display: block;
    padding: 15px;
    max-width: 100%;
    min-width: 72%;
    margin: 50px 0;*/
}

.query_tk li:nth-child(1) {
    display: inline-block;
    width: 85px;
    vertical-align: top;
    /*margin: 5px;*/
}

    .query_tk li:nth-child(1) input[type='checkbox'] {
        width: 20px;
        height: 20px;
        margin: 3px;
    }

    .query_tk li:nth-child(1) label {
        margin: 0;
        height: 32px;
        background-color: #f3f3f3;
        border: none;
        color: #585858;
        line-height: 2;
    }

.query_tk li:nth-child(2) {
    display: inline-block;
    width: 40.55%;
    vertical-align: top;
    overflow: hidden;

}

.query_tk li:nth-child(3) {
    display: inline-block;
    width: 25.11%;
    margin-right: 5px;
    vertical-align: top;

}

.query_tk li:nth-child(4) {
    display: inline-block;
    width: 20.55%;
    vertical-align: top;

}

#cmbGasolineras_Input {
    outline: none;
    font-size: 15px;
    height: 32px;
    border: none;
    width: 100%;
    line-height: normal;
    padding-left: 14px;
    color: #585858;
    background-color: #f3f3f3;
}

input[type="text"] {
    /*margin: 5px;*/
}

section.section-a article div ol {
    list-style: none;
    height: 33px;
    max-width: 100%;
    margin: 10px;
}

    section.section-a article div ol > li {
        font-size: 14px;
        display: inline-block;
    }

        section.section-a article div ol > li.active > img {
            opacity: 0.8;
            width: 16%;
            margin-right: 7px;
        }

        section.section-a article div ol > li a {
            color: #000000;
            text-decoration: none;
        }

            section.section-a article div ol > li a:hover {
                color: #ff006e;
            }

        section.section-a article div ol > li.active {
            color: #8E8E8E;
            font-size: 14px;
            display: inline-block;
        }

li.active:before {
    margin-right: 5px;
    content: "/ ";
}

#container-main h1 {
    font-size: 40px;
}


.acordion-content p {
    margin: 0;
}

.acordion-content img {
    width: 100%;
}

aside {
    margin-top: 15%;
}

section.section-a article + article {
    /* text-align: center;
    padding: 3%;
    background-color: #398FC7; */
}

section.section-a ul {
    background-color: rgba(236, 246, 255, 0);
}

    section.section-a ul > li {
        text-align: left;
        width: 100%;
    }

label {
    /*display: none;*/
}

article ul li select {
    background-color: rgba(255, 255, 255, 0);
    padding-left: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 38px;
    width: 100%;
    border: 1px solid #A7A7A7;
    color: #A9A9AB;
}

article ul li input {
    font-size: 15px;
    height: 38px;
    border: 1px solid #A7A7A7;
    width: 100%;
    line-height: normal;
    padding-left: 14px;
}

    article ul li input:focus {
        outline: 0;
    }

    article ul li input:hover, article ul li select:hover {
        /*cursor: pointer;*/
        /*border: 1px solid #1281CC;
        color: #1281CC;*/
    }

.fill_dtk p {
    padding: 5px;
    /*background-color: aliceblue;*/
    /*text-align: center;*/
    color: #127AC0;
    font-size: 14px;
    margin-bottom: 10px;
}

div#divError p {
    /*padding: 10px 5px;
    background-color: aliceblue;
    text-align: center;
    font-weight: 200;
    color: #127AC0;*/
}

#chkTodas {
    display: none;
}

.query_tk li:nth-child(1) input:checked ~ label {
    background-color: #2648b6;
    color: #ffffff !important;
    border: 1px solid #a7c8e9;
}

input:checked ~ label {
    background-color: #2648b6;
    color: #ffffff !important;
    border: 1px solid #a7c8e9;
}

input[type="checkbox"] ~ label > span:before {
    content: "Ø";
    font-weight: 600;
    color: #6d6d6d;
}

input[type="checkbox"]:checked ~ label > span:before {
    content: "✓";
    /*font-family: 'Icomoon';*/
    color: #ffffff;
}

/*☒ ☓ ✓ ✔ ✕ ✖ ✗ ✘ O - i2Symbol*/

article div.btn-action {
    margin: 0 auto;
    width: 70%;
    height: 50px;
}

    article div.btn-action > button {
        vertical-align: -webkit-baseline-middle;
        width: 180px;
        height: 30px;
        background-color: white;
        border: 1px solid #000;
    }

        article div.btn-action > button:hover {
            border: 1px solid #1281CC;
            color: #1281CC;
        }

.btn {
    vertical-align: -webkit-baseline-middle;
    width: 180px;
    height: 30px;
    background-color: white;
    border: 1px solid #000;
}

    .btn:hover {
        /*border: 1px solid #1281CC;
        color: #1281CC;*/
    }


section.section-a ul li:first-child > label {
    /*line-height: 1.55;
    color: #676767;*/
    display: block;
    margin-top:24px;
}

section.section-a ul li:first-child > input {
    /*border: 1px solid #A7A7A7;
        background-color: aliceblue;*/
    width: 10%;
    display: inline-block;
    float: left;
    height: 20px;
}

.section-a article {
    width: 995px;
    margin: 0 auto;
}


section.section-a article + article > h3 {
    margin-bottom: 10px;
    border-bottom: 1px solid #A7A7A7;
    padding-bottom: 5px;
    color: #676767;
    font-weight: 100;
    text-align: left;
}

section.section-a ul li:first-child > input[type=checkbox] {
    border-bottom: none;
}

section.section-a ul li:first-child > input[type="radio"]:checked + label:before {
    content: "f111"; /* circle */
}

/*last-change add*/

div:first-child h2.titulo-a {
    display: none;
}



@media (min-width: 480px) {
    .head-a img.vsMobile {
        display: none;
    }

    .head-a img.vsMobile1 {
        display: block !important;
        top: 17px;
        left: 22px;
        width: 23px;
        position: absolute;
    }
}

@media (max-width: 790px) {

    .query_tk li:nth-child(1) {
        width: 12%;
        margin: 5px;
    }

    .query_tk li:nth-child(2) {
        width: 85%;
        margin-top: 5px;
    }

    .query_tk li:nth-child(3),
    .query_tk li:nth-child(4) {
        width: 98%;
        margin: 5px;
    }

    section.section-a {
        position: relative;
        /*margin-bottom: 6em;
        top: 50px;*/
    }

    div:first-child h2.titulo-b {
        display: none;
    }

    .section-a article {
        width: 100%;
    }
    /*.content-art-form {
        box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.11);
        width: 92% !important;
    }*/
}

@media (max-width: 540px) {

    .query_tk li:nth-child(1),
    .query_tk li:nth-child(2),
    .query_tk li:nth-child(3),
    .query_tk li:nth-child(4) {
        width: 98%;
        margin: 5px;
        overflow: hidden;
    }

    #cmbGasolineras_Input {
        width: 100%;
    }
}

@media (min-width: 768px) {

    .head-a {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header.head-a {
        /*position: initial;
        width: 100%;*/
    }

    /*section.section-a {
        position: initial;
        margin-bottom: 0;
        top: 0;
    }*/

    .section-a article {
        /*width: 80%;*/
        /*margin: 0 auto;*/
    }

    section.section-a article + article {
        /*position: relative;
        padding: 0;
        width: 600px;*/
    }

    aside {
        position: relative;
        right: 0;
        margin-top: 45px;
        width: 39%;
        float: right;
    }

    footer.foot-a {
        /*margin-top: -170px;*/
    }
}

@media (min-width: 1024px) {

    /*.section-a article {
        width: 74%;
    }*/


    aside {
        /*margin-top: 81px;*/
    }

        aside div.acordion-container div.acordion-content {
            text-align: center;
        }

            aside div.acordion-container div.acordion-content img {
                width: 79%;
            }
}


@media (min-width: 1280px) {

    aside {
        /*margin-top: 100px;*/
    }

    footer.foot-a {
        margin-top: 0;
    }

    /*.section-a article {
        width: 68%;
    }*/

    /*section.section-a {
        padding-bottom: 10%;
    }*/
}
