@font-face {
    font-family: footable;
    src: url('../fonts/footable.eot'), url('../fonts/footable.ttf') format('truetype'), url('../fonts/footable.woff');
}

.footable > thead > tr > th, .footable > thead > tr > td {
    font-weight: 600 !important;
}

.footable > tbody > tr > td {
    padding: 8px 16px !important;
}

ul, li {
    list-style: none;
}

p {
    color: #000;
}

.hide {
    display: none;
}

.bg_main_index {
    background: no-repeat center;
    /*background-repeat: no-repeat;*/
    background-size: cover;
    /*background-position: center;*/
}

a, button, input {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

header.head-a {
    background-color: #2249b6;
    /*background-color: rgb(242, 112, 33);*/
    /*width: 80%;
    margin: 20px auto 10px;*/
    position: relative;
    overflow: hidden;
}

    header.head-a div {
        margin: 0 auto;
        width: 100%;
        /* border: 1px solid red;
    padding: 1%;
    background-color: rgba(255, 255, 255, 0.4);*/
    }

    header.head-a figure {
        text-align: center;
        margin: 0px;
    }

    /*header.head-a img {
        width: 70%;
        margin: 0px auto;
    }*/

    header.head-a h1 {
        /*font-size: 18px !important;*/
        line-height: 26px !important;
        margin: 0;
        color: #fcfcfc;
        letter-spacing: 1.4px;
        text-align: left;
        text-transform: uppercase;
        /*height: 40px;*/
        /*padding: 7px;*/
        font-weight: 100;
        width: 995px;
        margin: 0 auto;
    }

.head-a img.img-reso {
    display: none;
}

.serv {
    display: none;
}

.nav-fast {
    -moz-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.35);
    width: 100%;
    background-color: whitesmoke;
    height: 45px;
}

    .nav-fast > div:first-child {
        display: inline-block;
        border-right: 1px solid rgba(96, 115, 130, 0.74);
        line-height: 2.77;
        height: 45px;
        text-align: center;
        width: 49%;
    }

        .nav-fast > div:first-child:active,
        a:active {
            color: #127AC0;
            /*background-color: #c7c7c7;*/
        }

    .nav-fast > div a {
        text-decoration: none;
        padding: 6% 14%;
        color: #000;
    }

    .nav-fast > div:last-child {
        display: inline-block;
        line-height: 2.77;
        height: 45px;
        text-align: center;
        width: 49%;
    }

        .nav-fast > div:last-child:active,
        a:active {
            color: #127AC0;
            /*background-color: #c7c7c7;*/
        }

    .nav-fast > div:first-child img {
        margin: -3px;
        margin-right: 4px;
        width: 20px;
    }



    .nav-fast > div:last-child img {
        margin: -3px;
        margin-right: 7px;
        width: 20px;
    }

.nav-large {
    display: none;
    visibility: hidden;
}

.nav-large {
    -moz-box-shadow: -2px 0px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: -2px 0px 2px 1px rgba(0,0,0,0.3);
    box-shadow: -2px 0px 2px 1px rgba(0,0,0,0.3);
    display: block;
    visibility: visible;
    top: 230px;
    width: 67px;
    margin: 0;
    position: fixed;
    right: 0;
    z-index: 30000;
    border-radius: 10px 0 0 10px;
}

    .nav-large div:first-child {
        text-align: center;
        background-color: #dceafc;
        padding: 8px;
        font-size: 11px;
        margin: 0;
        border-bottom: 1px solid #C3C3C3;
        border-radius: 10px 0 0 0;
    }

    .nav-large > div:first-child:hover {
        background-color: rgb(207, 215, 230);
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .nav-large > div:last-child:hover {
        background-color: rgb(207, 215, 230);
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .nav-large > div:first-child:active {
        background-color: rgba(136, 136, 136, 0.8);
    }

    .nav-large > div:last-child:active {
        background-color: rgba(136, 136, 136, 0.8);
    }

    .nav-large a {
        text-decoration: none;
        color: #000;
        padding: 33px 4px 0px 3px;
    }

        .nav-large a:active {
            background-color: rgba(136, 136, 136, 0);
        }

    .nav-large img {
        margin: 7px;
    }

    .nav-large div:last-child {
        text-align: center;
        background-color: #dceafc;
        padding: 8px;
        font-size: 11px;
        margin: 0;
        border-radius: 0 0 0 10px;
    }


div:first-child h2.titulo-b {
    display: none;
    margin-top: 20px;
    letter-spacing: 1px;
    color: #4A4A4A;
    padding-bottom: 10px;
    border-bottom: 1px solid #A7A7A7;
    font-size: 26px;
    text-align: center;
    font-weight: 100;
}

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

section.section-a h2 + p {
    color: #2196F3;
    margin: 5px 0 25px;
    text-transform: uppercase;
}

section.section-a p + p {
    font-size: 2em;
}

section.section-a ul {
    /*overflow: hidden;
    text-align: -webkit-left;*/
}

    section.section-a ul > li {
        /*margin-bottom: 11px;*/
    }

        section.section-a ul > li.img-li {
            text-align: center;
            width: 15%;
            display: inline-block;
        }

/*section.section-a article + article {
    margin-top: 1%;
    width: 100%;
    overflow: hidden;
}*/

section.section-a article + article > div {
    /*margin-top: 45px;*/
    /*overflow: hidden;*/
}

    section.section-a article + article > div figure > img {
        margin: 10% 0 5% 10%;
        width: 85%;
    }

    section.section-a article + article > div figure > blockquote {
        font-size: 10px;
        text-align: center;
        font-style: italic;
    }

    section.section-a article + article > div figure {
        overflow: hidden;
        margin: 0;
        -moz-transition: 0.8s;
        -o-transition: 0.8s;
        -webkit-transition: 0.8s;
        transition: 0.8s;
    }

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


/*section.section-a article + article > div p {
        font-size: 1em;
        padding: 2%;
    }*/

section.section-a article + article > div ul {
    /*padding: 0;
    margin: 2%;
    background-color: rgba(240, 248, 255, 0);*/
}

    section.section-a article + article > div ul > li {
        /*font-size: 1em;
        margin: 1px;
        color: #127AC3;
        font-style: italic;*/
    }

section.section-a article + article div + div {
    /*margin: 13 auto;
    text-align: center;*/
}

    section.section-a article + article div + div > button {
        /*width: 55%;
        height: 32px;
        background-color: #127AC0;
        border: 1px solid #084065;
        color: white;
        margin-bottom: 10px;*/
    }

footer.foot-a {
    /*max-width: 1280px;*/
    /*margin: 0 auto;*/
    text-align: center;
    padding: 15px;
    background-color: white;
}


    footer.foot-a div > a {
        font-size: 12px;
        text-decoration: none;
        color: #878788;
        display: block;
        text-align: center;
        line-height:4.3;
    }

    footer.foot-a div.cmt-a {
        text-align: center;
        border: none;
        display: block;
        margin-top: 2%;
    }

        footer.foot-a div.cmt-a > p {
            font-size: 12px;
            margin: 1% 0;
            text-transform: uppercase;
            color: #8C8C8C;
        }

        footer.foot-a div.cmt-a > img {
            width: 18px;
            margin: 2%;
        }

div.foot-b {
    /*border-top: 4px solid #000000;*/
    /*background-color: #212121;*/
}

    div.foot-b p {
        color: #878788;
        text-align: center;
        font-size: 12px;
        line-height: 4.3;
    }

.ir-arriba {
    z-index: 10000;
    padding: 7px;
    background: #55AADB;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 48px;
    right: 20px;
}

header.head-s {
    display: none;
}

input[type='text'] {
    outline: none;
    font-size: 15px;
    height: 32px;
    border: none;
    width: 100%;
    line-height: normal;
    padding-left: 14px;
    color: #585858;
    background-color: #f3f3f3;
}

input[type='checkbox'], input[type='radio'] {
    border: none;
}

section.section-a article + article div + div > button:hover {
    /*background-color: #246998;
    border: 2px solid rgba(21, 139, 218, 0.59);
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;*/
}

footer.foot-a p:last-child {
    line-height: 16px;
    margin: 0 auto;
    width: 70%;
    color: #838384;
    font-size: .7rem;
    letter-spacing: 0px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="text"] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/*add class*/

.main-art {
    /*/*background-color: #2196F3;*/
    /*background-image: url(../img/adb3.jpg);*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
}

.content-art {
    width: 90%;
    max-width: 1024px;
    padding-top: 50px;
    margin: 0 auto;
    text-align: left;
    /*height: 455px;*/
    /*margin-top: 30px;*/
}

.reco {
    display: inline-block;
    width: 53.5555%;
    vertical-align: top;
}

    .reco > h3 {
        font-size: 53px;
        line-height: 60px;
        font-weight: bold;
        margin: 0;
    }

    .reco > p {
        color: #ffffff;
        font-weight: 100;
        font-size: 17px;
        margin-bottom: 30px;
    }

    .reco h3 + p::after {
        display: block;
        content: "";
        width: 75px;
        height: 2px;
        background: #e67600;
        margin-top: 50px;
    }

    .reco ul li p {
        color: #666;
        font-size: 13px;
    }

    .reco h4 {
        font-size: 28px;
        line-height: 38px;
        margin: 0;
    }

        .reco h4 + p {
            font-size: 17px;
            line-height: 22px;
        }

.last-art {
}

.content-art_last {
    /*width: 900px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 0;*/
}

.p_last {
    font-size: 28px;
    line-height: 38px;
    margin: 0;
}

.content-img_ticket {
    display: inline-block;
    width: 45.555%;
    text-align: center;
}

    .content-img_ticket img {
        width: 255px;
    }

    .content-img_ticket blockquote {
        font-style: oblique;
        font-weight: 100;
        font-size: 13px;
        margin-top: 5px;
        color: #e74613;
        border: none;
    }

.content-art_last ul {
}

.ul_last li {
    display: inline-block;
    color: white;
    width: 46%;
    vertical-align: top;
    margin-right: 2%;
    margin-top: 15px;
}

    .ul_last li img {
        float: left;
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-right: 15px;
        padding-bottom: 20px;
    }

/*.ul_last li p {
        display: inline-block;
        margin-right: 5px;
        vertical-align: 14px;
        width: 63%;
    }*/

.btn-action {
    width: 90%;
    margin: 20px auto;
    text-align: center;
}

.btn-access {
    margin: 24px 0;
}

    .btn-access > button {
        /*background-color: #2249b6;
        border: 1px solid #bdceff;
        color: white;
        margin: 5px;
        padding: 9px;
        width: 95px;*/
    }

.tt-FE {
    margin: 0;
    text-align: left;
    color: white;
    font-size: 16px;
    font-weight: 100;
    padding: 5px;
    letter-spacing: 1px;
    display: inline-block;
}

.breadcrumb {
    list-style: none;
    height: 33px;
    max-width: 100%;
    padding: 10px;
}

.titulo-b {
    margin-top: 20px;
    letter-spacing: 1px;
    color: #4A4A4A;
    padding-bottom: 10px;
    border-bottom: 1px solid #A7A7A7;
    font-size: 1.7em;
    text-align: center;
    font-weight: bold;
}

.ayuda-a p {
    font-size: 13px !important;
    margin: 5px 0;
    padding: 5px;
}

.artOne-fact {
    width: 995px;
    margin: 0 auto;
}

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

    .fill_dtk h3 {
        margin-bottom: 10px;
        border-bottom: 1px solid #A7A7A7;
        padding-bottom: 5px;
        color: #676767;
        font-weight: 100;
    }

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

aside {
}

div.acordion-content img {
    display: none;
}

.acordion-content p {
    margin: 0;
    background-color: transparent;
    text-align: left;
}

.head-a {
    display: block;
    padding: 15px 0;
}

section.section-a article div ol > li.active {
    color: #2196F3 !important;
}

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

.responsiveHelp {
    display: none;
}


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


.divLogoPetro {
    text-align: right;
    position: absolute;
    width: 900px;
    z-index: 9999;
    margin: 0 auto;
    left: 0;
    right: 0;
}

    .divLogoPetro img {
        display: inline-block;
        width: 85px;
        margin: 3px;
        color: #fff;
        font-size: 16px;
    }

.reco-inner li {
    display: inline-block;
    margin-right: 50px;
    color: #fff;
    font-size: 16px;
}

    .reco-inner li img {
        margin-right: 15px;
    }


    /*.reco-inner li:first-child h3 {
        font-weight: 400;
        color: #3364ed;
    }*/

    .reco-inner li p {
        font-size: 17px !important;
        font-weight: 400;
        color: #3364ed;
    }

.acor {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    color: #5D5656;
    text-decoration: none;
    width: 100%;
    background-color: white;
    text-align: left;
    border: none;
}

.helpSign {
    background-color: #3F51B5;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding: 1px;
    color: white;
    float: right;
}

.acordion-content {
    position: relative;
}

.asideFloat {
    position: absolute;
    top: -39px;
    right: 0;
    width: 265px;
}

aside .acordion-content ul.ayuda-a {
    margin: 0 auto;
    background-color: white;
}

    aside .acordion-content ul.ayuda-a li:first-child {
        margin: 5px 0;
        border: 1px solid rgba(167, 167, 167, 0.65);
    }

    aside .acordion-content ul.ayuda-a h4 {
        /*color: #1281CC;
        font-size: 1.2rem;
        padding: 2px 6px;
        background-color: aliceblue;*/
    }

    aside .acordion-content ul.ayuda-a ul {
        padding-left: 10px;
        margin: 5px 0;
        border: none;
    }

    aside .acordion-content ul.ayuda-a li:first-child li {
        font-size: 1em;
        margin: 0;
        border: none;
    }

    aside .acordion-content ul.ayuda-a li:first-child select {
        width: 90%;
        margin: 5px 0;
        height: 30px;
        border: 0;
        border: 1px solid #A7A7A7;
        color: #A7A7A7;
        font-size: 12px;
    }

        aside .acordion-content ul.ayuda-a li:first-child select:hover {
            cursor: pointer;
            border: 1px solid #1281CC;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

    aside .acordion-content ul.ayuda-a li:first-child div > input {
        width: 90%;
        margin: 5px 0;
        height: 30px;
        border: 0;
        border: 1px solid #A7A7A7;
        font-size: 12px;
    }

        aside .acordion-content ul.ayuda-a li:first-child div > input:hover {
            cursor: auto;
            border: 1px solid #1281CC;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

    aside .acordion-content ul.ayuda-a li:last-child {
        margin: 5px 0;
        border: 1px solid rgba(167, 167, 167, 0.65);
    }

        aside .acordion-content ul.ayuda-a li:last-child div li {
            font-size: 1em;
            margin: 0;
            border: none;
        }

        aside .acordion-content ul.ayuda-a li:last-child input {
            width: 225px;
            height: 27px;
            background-color: white;
            border: 1px solid #858585;
            color: #838383;
            font-size: 13px;
        }

.left_show {
    left: 0;
}

.ayuda-a h4 {
    color: #ffffff;
    font-size: 16px;
    padding: 2px 6px;
    background-color: #3F51B5;
    font-weight: 100;
    text-align: left;
}

p.ayuda-p {
    text-align: left;
    background-color: #f0f8ff;
    padding: 8px;
    border: 1px solid #c5c5c5;
}

ol.regreso {
    padding: 10px !important;
}

.tab_tk {
    display: block;
    margin: 15px 0;
    overflow: hidden;
    /*padding: 15px 0;*/
    /*background-color: #1e46e2;*/
}

    .tab_tk h3 {
        background-color: #7e7e7e;
        padding: 7px;
        color: white;
        font-weight: 100;
    }
/*----------------Estilos Calendarios----------------*/
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: none !important;
    color: #222222;
    background-color: #fefefe !important;
    border-radius: 0 !important;
    margin: 1px 5px;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #222222;
    font-weight: 100;
    font-size: 16px;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: none !important;
        font-weight: normal;
        color: #555555;
        background-color: #f1f1f1 !important;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background: none !important;
        font-weight: normal;
        color: #ffffff;
        background-color: #c1c1c1 !important;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #2a2b2f !important;
        background: none;
        color: #ffffff !important;
        background-color: #6f6f6f !important;
    }

/*.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 600;
    border: 0;
    color: #3f51b5 !important;
}*/

.ui-datepicker td span, .ui-datepicker td a {
    font-size: 12px !important;
}

.ui-datepicker th,
.ui-datepicker .ui-datepicker-title {
    font-size: 14px !important;
}


/*---------*/


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

}

.RadComboBox .rcbDisabled .rcbArrowCellRight {
    display: none;
}

#divError {
    width: 90%;
    margin: 10px auto;
    /* background-color: #890d37; */
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .artTwo-fact {
        width: 100% !important;
        padding: 0 15px;
    }

    header.head-a h1 {
        width: 98%;
    }

    .artOne-fact {
        width: 100%;
    }

    .fill_dtk {
        display: block;
    }

    .foot-a {
        width: 100%;
    }

    .fill_dtk {
        margin: 25px 0;
    }
}

@media (max-width: 768px) {
    .content-img_ticket {
        display: block;
        width: 95%;
    }

    .showTk {
        display: inline-block !important;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}