@font-face {
    font-family: 'neosansstd-regular-opentype';
    src: url('../../Online/fonts/neosansstd-regular-opentype.otf') format('opentype');
}

/*COLORES:
    Anterior Amarillo: #FAD540
    Amarillo: #ffd800
    Anterior Azul: #007EBB
    Azul: #007ebb
*/

* {
    font-family: 'neosansstd-regular-opentype';
}

.container {
    padding-left: 5px;
    padding-right: 5px;
}

.modal-overflow {
    overflow: visible !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-weight: 300;
    color: #0a4e9b;
    text-transform: inherit;
}
/*
 * Don't worry about the universal selector.
 * There is no mentionable performance impact.
 */
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 15px;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 24px;
    line-height: 30px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

h4 {
    font-size: 15px;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

.form-control {
    border-radius: 0;
}

.no-padding-col {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-col-xs {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.p-bottom {
    padding-bottom: 10px;
}

.uk-navbar {
    border: 1px solid #007fc2;
    border: none;
    background-color: #1c68ad;
    background: #17479e url(../images/black2_bkg.png) top left repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, from(#0082c5), to(#043389));
    background: -webkit-linear-gradient(top, #0082c5, #043389);
    background: -moz-linear-gradient(top, #0082c5, #043389);
    background: -ms-linear-gradient(top, #0082c5, #043389);
    background: -o-linear-gradient(top, #0082c5, #043389);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    margin-bottom: 10px;
    height: 41px;
}
/* Lists========================================== */
ul, ol {
    padding-left: 15px;
}

ul {
    list-style-image: url('../img/flechacolor.png');
}

    ul.sublista {
        list-style-image: none;
    }

        ul.sublista i {
            color: #09ACDB;
        }
    /* Reset margin for nested lists */
    ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul {
        margin: 0;
    }
/*
 * Description lists
 */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}
/* Horizontal rule ================================================== */
hr {
    display: block;
    padding: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
/* End */

/* =========== Background Styles ========== */
body#fondo-blanco {
    background-color: #ffffff !important;
}

body {
    border-left: 0px solid #d3d3d3;
    /*box-shadow: 0 100px 0 #007EBB inset, 0 0px 0 rgba(60, 60, 60, 0.1);
    background-image: url('../../Online/img/background.jpg');*/
    /*background-repeat: no-reapet;*/
    background-position: center center;
    background-size: cover;
    background-clip: padding-box;
    background-attachment: fixed;
}

#busquedas {
    background-image: url('../img/fotoprincipalsinnombre.png');
    min-height: 92vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

#busquedas-xs {
    background-image: url('../img/fotoprincipalsinnombre.png');
    min-height: 92vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

#titulobusqueda {
    text-align: center;
    color: white;
    font-size: xx-large;
}

.header {
    margin-top: 10px;
    vertical-align: middle !important;
    margin-bottom: 10px !important;
}

.logo-header {
    padding-top: 0px !important;
    vertical-align: middle !important;
}

.opciones a {
    text-align: right !important;
    color: white !important;
    font-family: 'Roboto Condensed';
    display: inline !important;
    margin-bottom: 20px !important;
}

.h5-titulo {
    /*font-size: 18px !important;*/
    text-align: center !important;
    color: #ffd800; /*#F9E729;*/ /*FFE200*/
}

.h6-titulo {
    /*font-size: 14px;*/
    text-align: center !important;
    color: white;
}

.tm-logo {
    float: left;
}

.logo-movil {
    text-align: center;
}

.div-pre-page {
    background: none repeat scroll 0 0 0;
    border-bottom: 0px solid #BBBBBB;
    display: inline-block;
    position: relative;
}

    .div-pre-page .customer-type {
        margin: 0 0 0 70px;
        padding: 0;
    }

        .div-pre-page .customer-type li {
            float: left;
            list-style: none outside none;
            margin: 51px 0 0;
        }

            .div-pre-page .customer-type li a {
                background: none repeat scroll 0 0 #ffffff;
                border-left: 4px solid #09acdb;
                border-radius: 15px 15px 0px 0;
                border-top: 2px solid #09acdb;
                color: #1e6fae;
                display: block;
                font-weight: 700;
                font-size: 13px;
                margin: 5px 0 0;
                padding: 7px 20px;
                text-decoration: none;
                border-radius: 15px 15px 0 0;
                behavior: url(//www.cotas.com/PIE.htc);
            }

                .div-pre-page .customer-type li a:hover {
                    background-color: #edeeef;
                }

            .div-pre-page .customer-type li:last-child a {
                border-right: 1px solid #D3D3D3;
            }

        .div-pre-page .customer-type .active a {
            background: none repeat scroll 0 0 #F8F8F8;
            border-color: #ffc000;
            border-right: 1px solid #BBBBBB;
            bottom: -0px;
            color: #143f90;
            margin-right: -2px;
            margin-top: 0;
            padding: 10px 22px 9px;
            position: relative;
            z-index: 2;
        }

#txtnombUsu span.glyphicon {
    font-size: 14px !important;
}

.ini-sesion {
    float: right;
    margin-top: 19px;
    margin-right: 0;
}

    .ini-sesion .no-user {
        font-family: Roboto Condensed;
        font-size: 16px;
    }

        .ini-sesion .no-user a,
        .ini-sesion .no-user span {
            color: #ffffff;
            font-weight: bold;
            display: inline-block;
            padding: 10px 2px;
        }

#imgPer {
    max-height: 150px;
}

.img-resp-noblock {
    display: initial !important;
}

.footer {
    background-color: transparent !important;
    font-weight: 300;
    margin-top: 15px;
}

    .footer .uk-subnav > li > a {
        color: #006ab3;
    }

    .footer .tm-subnav {
        margin: 15px 25px !important;
    }

    .footer .uk-subnav {
        padding: 0;
        list-style: none;
        letter-spacing: -0.31em;
    }

        .footer .uk-subnav > li {
            position: relative;
            letter-spacing: normal;
        }

        .footer .uk-subnav > li, .uk-subnav > li > a, .uk-subnav > li > span {
            display: inline-block;
        }

            .footer .uk-subnav > li:nth-child(n+2) {
                margin-left: 10px;
            }

            .footer .uk-subnav > li > a {
                color: #006ab3;
            }

                .footer .uk-subnav > li > a:hover {
                    color: #2b728e;
                }

            .footer .uk-subnav > li > span {
                color: #92969a;
            }

.btn-showmenu {
    background-color: #17479e;
    border: medium none;
    color: White;
    font-family: "Roboto Condensed";
    font-size: 24px;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.footer .uk-subnav-line > li:nth-child(n+2):before {
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}
/* dropdown iniciar sesion */
#list-user i {
    color: #006AB3;
}

    #list-user i.cerrarSesion {
        color: #888888;
    }
/*========================================================================= */
/* Social Icons
 ========================================================================== */
.tm-social-icons {
    margin: 15px 10px !important;
    float: right;
    padding-left: 0;
}

    .tm-social-icons > li {
        display: inline-block;
        margin-left: 15px;
    }

        .tm-social-icons > li:first-child {
            margin-left: 0;
        }

#txtnombUsu {
    color: #ffffff;
    display: block;
    float: right;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    text-decoration: none;
}

.footer .info-footer {
    padding: 15px;
    background-color: transparent;
    background-repeat: round;
    text-align: center;
    vertical-align: middle !important;
    border-top: 0px solid rgba(0, 0, 0, 0.07);
}

.img-logo-header {
    max-width: 100% !important;
    height: auto !important;
    max-height: 40px !important;
    margin-top: 5px !important;
}

.img-logo {
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
}

.img-logo-login {
    padding-left: 0px !important;
    max-height: 35px !important;
}

.list-menu-servicios {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .list-menu-servicios li {
        float: left;
    }

        .list-menu-servicios li a {
            display: block;
            box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1) inset;
            color: #ffffff;
            font-family: Helvetica, Arial, Sans-Serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 16px;
            padding: 12px 15px;
        }

            .list-menu-servicios li a:hover, .list-menu-servicios li a.selected {
                background-color: #042e85;
                background: -webkit-gradient(linear, left top, left bottom, from(#042e85), to(#001a4a));
                background: -webkit-linear-gradient(top, #042e85, #001a4a);
                background: -moz-linear-gradient(top, #042e85, #001a4a);
                background: -ms-linear-gradient(top, #042e85, #001a4a);
                background: -o-linear-gradient(top, #042e85, #001a4a);
                -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
                -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
                box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
                text-decoration: none;
            }

.panel-content {
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
    padding: 10px 15px;
}

.title-panel-content {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    text-transform: inherit;
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Slider */
#owl-demo .item {
    padding: 10px 0px;
    margin: 10px;
    text-align: center;
}

.customNavigation {
    text-align: center;
}

    .customNavigation a {
    }

#owl-demo .item a {
    color: #515456;
    font-family: 'Roboto Condensed';
    font-size: 13px;
}

    #owl-demo .item a img {
        width: 60px;
    }

.btn-cotas {
    background-color: #0071C0; /*border-color: #cccccc;*/
    color: #ffffff;
}

    .btn-cotas:hover, .btn-cotas:focus, .btn-cotas.focus, .btn-cotas:active, .btn-cotas.active, .open > .dropdown-toggle.btn-cotas {
        background-color: #0071C0; /*border-color: #adadad;*/
        color: #333333;
    }

.botones {
    border-radius: 10px;
    font-weight: 600;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 5px;
}

    .botones:hover {
        text-decoration: none;
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .botones img {
        margin-right: 5px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
    }

    .botones.btn-centro-ayuda {
        background-color: #d8dce0;
    }

    .botones.btn-amarillas {
        background-color: #ffd503;
    }

.content-btn-informativos {
    margin: 5px 0 15px 0;
}

.content-btn-informativos-oficina a {
    margin: 30px 0;
    padding-top: 8px;
    padding-bottom: 6px;
}

    .content-btn-informativos-oficina a div {
        display: inline-block;
        text-align: center;
        width: 30px;
    }

    .content-btn-informativos-oficina a img {
        margin: 0;
    }

.botones.btn-informativos {
    /* e5e7ea */
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlN2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 52%, rgba(229,231,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,rgba(255,255,255,1)), color-stop(100%,rgba(229,231,234,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 52%,rgba(229,231,234,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 52%,rgba(229,231,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 52%,rgba(229,231,234,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 52%,rgba(229,231,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e7ea',GradientType=0 );
    border: 1px solid #797d81;
    color: #5493CB;
    height: 34px;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 0;
}

.botones-centrados {
    text-align: center;
}

.botones:hover img {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.title-h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
}

.lista-ayuda {
    padding-bottom: 10px;
    padding-top: 10px;
}

.bloque-ayuda-principal {
    height: 380px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.bloque-ayuda-principal-last {
    border-right: none;
}

.lista-ayuda ul li, .lista-ayuda ul li a, .lista-ayuda p {
    color: #515456;
}

.box-paquete {
    background-color: #f7f7f7;
    border-radius: 15px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
    font-family: "Roboto Condensed";
    margin-bottom: 15px;
    padding-bottom: 7px;
    text-align: center;
}

    .box-paquete img {
        padding: 10px;
    }

    .box-paquete > p {
        color: #515456;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

.text-color-paquete {
    color: #0a4e9b;
}

.box-paquete button {
    margin-bottom: 7px;
}

.box-paquete a {
    font-size: 14px;
    font-weight: 500;
}

/* other page, less index */
.title-h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.img-lista-ayuda {
    max-width: 92px;
}

.box-paquete-only-img {
    background-color: #f7f7f7;
    border-radius: 15px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
    margin-bottom: 15px;
}

.btn-other-bg {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#d6d6d6 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#d6d6d6 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#d6d6d6 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d6d6d6',GradientType=0 );
    border: 1px solid #717477;
}
/* estilo para paneles y vistas de ver en vivo Oficina Virtual*/
.panel-btn-envivo {
    text-align: right;
}

    .panel-btn-envivo > div {
        display: inline;
    }

    .panel-btn-envivo a > img {
        margin: 2px 0;
    }

#title-envivo {
    color: #6D6D6F;
    border-left: 2px solid #6D6D6F;
    font-size: 15px;
    font-weight: bold;
    padding: 15px;
}

#anchor-cotasplay {
    float: left;
    line-height: 45px;
}

video {
    width: 100%;
}

.modal-envivo .modal-content {
    background-color: #000000 !important;
}

.modal-envivo .modal-title {
    line-height: 43px;
}

.modal-envivo .modal-header {
    border-bottom: 1px solid #000000;
}

.modal-envivo .modal-body {
    padding-bottom: 40px;
}

.modal-envivo .logo-canal {
    float: right;
    margin-right: 10px;
}

.modal-envivo button.close {
    color: #fff;
    border-radius: 5px;
    opacity: 0.8;
}

#modalSolicitudPro .modal-title {
    text-transform: uppercase;
}
/*========================================================*/
#map-coord {
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
}

.content-social-links-left {
    position: fixed;
    right: 0;
    top: 145px;
    z-index: 99;
}

    .content-social-links-left a {
        display: block;
        margin: 4px;
    }

/* style Modal Inicio de Sesión y Modal de Registro Usuario*/
.heading {
    background-color: #006ab3;
    margin-top: 30px;
}

#nom-img {
    text-align: center;
    font-weight: 400;
    color: #555;
    font-size: 16px;
    margin-bottom: 0;
}

.security-div {
    padding: 0;
    text-align: center;
    margin-bottom: 5px;
}

#img-security {
    height: 80px;
}

.advise, .wrong-pass, .wrong-captcha, .complete-recoverypass, .incomplete-recoverypass, .correct-send, .adviseU {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    text-align: left;
}

.forgotpass {
    text-align: right;
    margin-top: 5px;
}

.img-galeria {
    cursor: default !important;
}

/* style registro-usuario */
.image_carousel {
    padding: 5px 10px 5px 10px;
}

    .image_carousel img {
        border: none !important; /*quitar si requiero border al seleccionar*/
        background-color: transparent;
        padding: 0px;
        margin: 7px;
        display: block;
        float: left;
        height: 80px;
        width: 100px;
    }

    .image_carousel a {
        text-decoration: none !important;
    }

        .image_carousel a.prev, .image_carousel a.next {
            width: 45px;
            height: 50px;
            display: block !important;
            position: absolute;
            top: 40% !important;
            font-size: 25px;
        }

        .image_carousel a.prev {
            left: 2%;
            background-position: 0 0;
        }

            .image_carousel a.prev:hover {
                background-position: 0 -50px;
            }

            .image_carousel a.prev.disabled {
                background-position: 0 -100px !important;
            }

        .image_carousel a.next {
            right: -10px;
            background-position: -50px 0;
        }

            .image_carousel a.next:hover {
                background-position: -50px -50px;
            }

            .image_carousel a.next.disabled {
                background-position: -50px -100px !important;
            }

            .image_carousel a.prev.disabled, .image_carousel a.next.disabled {
                cursor: default;
            }

            .image_carousel a.prev span, .image_carousel a.next span {
                display: block;
            }

.pagination a {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
    color: #FFE62C;
}

    .pagination a.selected {
        background-position: -25px -300px;
        cursor: default;
    }

    .pagination a span {
        display: none;
    }

.instrucciones {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #7c7c7c;
    margin-top: 2px;
    padding: 9px;
    text-align: left;
    white-space: normal;
}
/* style solicitudRecuperar */
.panel-heading {
    background-color: #006ab3;
    color: White;
}

.p-text {
    color: #333;
    margin-bottom: 15px;
}

.less-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.logo-descarga-app {
    height: 25px;
}

.logo-descarga-app-cotas {
    height: 45px;
}

#registroEmpresa .reCaptcha-container {
    padding-left: 10px;
}

#registroEmpresa .msj-wrong {
    display: none;
    margin-bottom: 0;
}

a, .uk-link {
    color: #006ab3;
    cursor: pointer;
    text-decoration: none;
}

    a:hover, .uk-link:hover {
        color: #2b728e;
        text-decoration: underline;
    }

#modalSesion h4 {
    color: #FFFFFF;
}

#atstbx {
    height: 33px;
}

@font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('../../GuiaVirtual/fonts/MYRIADPRO-BOLDIT.woff') format('woff'), url('../../GuiaVirtual/fonts/MYRIADPRO-BOLDIT.OTF') format('opentype'), url('../../GuiaVirtual/fonts/Myriad Pro Bold Italic.ttf') format('truetype');
}

.list-menu-servicios .item-menu-img > a {
    padding: 0;
}

    .list-menu-servicios .item-menu-img > a img {
        height: 40px;
    }

.list-menu-servicios .item-menu-img .dropdown-menu {
    background-color: /*#E4E5E9;*/ #FAFAFA;
    border-radius: 0;
    border: 0;
    text-align: center;
}

.list-menu-servicios li.item-menu-img ul.dropdown-menu li {
    float: none;
}

    .list-menu-servicios li.item-menu-img ul.dropdown-menu li a {
        color: #333;
    }

.list-menu-servicios li.item-menu-img ul.dropdown-menu > li > .item-submenu:hover {
    color: #ffffff;
    background-color: #FFDF2E;
}

.fondo-amarillo {
    background-color: hsla(206, 79%, 78%, 0.5);
    /*background-color: hsla(48, 94%, 61%, 0.5);
    background-color: hsla(52, 100%, 49%, 0.5);*/
    /*opacity: 0.5; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
    /*filter: alpha(opacity=50); /* for <= IE 8 */
}

.fondo-amarillo-solido {
    /*background-color: #FFE62C;*/
    /*background-color: #F9E729;*/
    /*background-color: #FAD540;*/
    /*background-color: #ffd800;*/
    background-color: #FFD000;
}

.color-amarillo {
    /*color: #FFE62C;*/
    /*color: #FAD540;*/
    /*color: #ffd800;*/
    color: #FFD000;
}

.fondo-plomo-solido {
    background-color: #444444; /*#444949*/
}

.panel-amarillas-padding-left {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-amarillas-radius-left {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.panel-amarillas-padding-right {
    padding-right: 20px;
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}

.panel-amarillas-radius-right {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.panel-amarillo-padding-borde {
    padding: 5px !important;
}

.altura-minima-panel-amarillas {
    min-height: 190px !important;
}

.panel-amarillas-letras-secundarias {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    text-align: left;
    font-size: 16px !important;
}

.panel-amarillas-letras-principales {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    text-align: left;
    font-size: 18px !important;
}

.panel-plomo-padding-left {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-plomo-padding-right {
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.panel-plomo-radius-left {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.panel-plomo-radius-right {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.panel-plomo-letras-secundarias {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    text-align: left;
    font-size: 14px !important;
}

.panel-plomo-letras-principales {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
    text-align: left;
    font-size: 16px !important;
}

.panel-plomo-padding-borde {
    padding: 5px !important;
}

.panel-plomo-margen {
    margin-left: 4% !important;
}

.contenedor-logo-login img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.texto-centrado {
    text-align: center !important;
}

.contenedor-menu {
    padding-top: 3% !important;
}

.fondo-modal-amarillas {
    /*background-color: hsla(52, 100%, 49%, 0.5);*/
    background-color: hsla(206, 79%, 78%, 0.5); 
    background-blur: 6px;
    /*filter: blur(5px);*/
    opacity: 0.5; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
    filter: alpha(opacity=50); /* for <= IE 8 */
}

.fondo-modal-plomo {
    background-color: hsla(0, 0%, 0%, 0.5);
    background-blur: 6px;
    /*filter: blur(5px);*/
    opacity: 0.5; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
    filter: alpha(opacity=50); /* for <= IE 8 */
}

.letras-menu {
    vertical-align: middle !important;
    color: white;
    text-align: right !important;
    padding-right: 0px !important;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 11px !important;
    /*padding-top: 3% !important;*/
}

.fondo-plomo {
    background-color: hsla(0, 0%, 0%, 0.7) !important;
    /*opacity: 0.5; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
    /*filter: alpha(opacity=50); /* for <= IE 8 */
}

.fondo-plomo-oscuro {
    background-color: hsla(0, 0%, 0%, 0.3) !important;
}

.fondo-busqueda {
    background-color: transparent !important;
    background-repeat: round;
}

.estilo-a-menu a {
    text-decoration: none !important;
}

    .estilo-a-menu a:link {
        color: white !important;
    }

    .estilo-a-menu a:hover {
        color: #007EBB !important;
    }

    .estilo-a-menu a:visited {
        color: white !important;
    }

.estilo-a-menu-medio a {
    text-decoration: none !important;
    color: white !important;
}

    .estilo-a-menu-medio a:link {
        color: white !important;
    }

    .estilo-a-menu-medio a:hover {
        color: #007EBB !important;
    }

    .estilo-a-menu-medio a:visited {
        color: white !important;
    }

#att {
    margin-top: 2%;
    background-color: #F9F9F9;
}

#att-xs {
    margin-top: 2%;
    background-color: #F9F9F9;
    padding-bottom: 10%;
    text-align: center;
}

.estilo-att {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 10px !important;
    text-align: left;
}

.estilo-container-info {
    overflow-y: scroll;
    padding-left: 2% !important;
    padding-bottom: 25px !important;
    padding-right: 2% !important;
    padding-top: 5px !important;
}

.alinear-boton-busqueda {
    text-align: center !important;
    margin-top: 3px !important;
}

.estilo-cabecera-resultado {
    /*background-color: #007EBB !important;*/
    background-color: hsla(0, 0%, 0%, 0.9) !important;
    max-height: 60px !important;
    z-index: 100;
}

.full-ancho {
    width: 100% !important;
}

.fila-espacio {
    height: 10px !important;
}

.fila-espacio2 {
    height: 20px !important;
}

.panel-blanco {
    background-color: #ffffff;
    margin: 10px 0;
}

.content-conlinea {
    border-right: 1px solid #F2D124;
}

.box-search {
    padding: 25px 0;
}

.content-logo-paginas {
    display: block;
    color: #ffffff;
    font-family: 'Myriad Pro Bold Italic';
    font-size: 21px;
    line-height: 20px;
    text-shadow: 2px 2px #9F9A70;
    text-align: center;
}

.customSelect {
    border: 1px solid #cccccc;
    border-radius: 10px;
    height: 25px;
    padding: 2px 10px;
    overflow: hidden;
    text-align: left;
    width: 185px;
    background: #ffffff url('../../GuiaVirtual/img/arrow_down.png') right center;
    background-repeat: no-repeat;
}

.customSelectInner {
    width: 100% !important;
    text-align: left !important;
}

.col-xs-12 .content-input-sucursal {
    margin: 10px 0 0 0;
}

.col-xs-12.content-box-info {
    padding: 10px 20px 10px 20px;
}

.col-xs-12. content-box-info-first {
    padding-top: 20px;
}

.col-xs-12. content-box-info-first {
    padding-bottom: 20px;
}

.col-xs-12 .box-info {
    width: 100%;
}

.content-input-sucursal {
    background-color: transparent;
    display: inline-block;
    border-radius: 10px;
    padding: 5px 5px 0 5px;
    vertical-align: middle !important;
}

.content-loading {
    width: 100%;
    text-align: center;
}

.content-tituloinput .content-apellido {
    display: none;
}

.content-input-sucursal > div, .content-input-sucursal > button {
    float: left;
}

.content-tituloinput {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 5px;
    width: 190px;
    border: 1px solid #647483;
}

    .content-tituloinput > div {
        font-size: 12px;
        text-align: left;
    }

    .content-tituloinput input {
        width: 180px !important;
        display: inline;
        height: 25px;
        padding-top: 0;
        padding-bottom: 0;
    }

.lupa {
    height: 25px;
    background-color: #F0F0F0;
    border: none;
    border-radius: 4px;
    margin: 0 0 0 3px;
    padding-top: 3px;
}

.espacio {
    height: 20px;
}

.content-select {
    padding: 5px !important;
}

.content-box-info {
    border-right: 1px solid #EFEFEF;
    padding: 20px;
}

.content-box-info-last {
    border: none;
}

.box-info {
    background-color: #dbdcdf;
    border-radius: 10px;
    display: inline-block;
}

    .box-info a {
        color: #006ab3;
        padding: 10px;
        text-decoration: none;
        font-weight: bold;
        display: block;
        line-height: 16px;
    }

    .box-info img {
        min-width: 60px;
        max-width: 70px;
        min-height: 70px;
        max-height: 80px;
    }

    .box-info * {
        float: left;
    }

    .box-info > a > div {
        width: 50%;
        padding: 0 10px;
        margin: 7% 10px 0 0;
    }

/*estilo para el modal de respuesta de las amarillas*/
.panel-plomo-modal {
    background-color: #DAE1E1;
    padding: 30px 30px 15px 30px;
}

.panel-inner-blanco {
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 2px #E6E8E7;
}

.content-pagination {
    text-align: center;
    display: inline-block;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}

    .content-pagination .pagination a {
        background: none;
        color: #FFE62C;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
    }

    .content-pagination .pagination > li {
        display: inline-block; /*padding: 10px 10px; 	border-radius: 10px; 	border: 1px solid #ddd;*/
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
    }

.btn-empty, btn-empty:active, btn-empty:focus, btn:hover {
    border: none;
    background-color: #ffffff;
    color: #007FB4 !important;
    float: left;
    padding: 20px 10px;
}

.content-pagination .pagination > li > a, .content-pagination .pagination > li > a:hover {
    border: none; /*height:32px;*/
    padding: 2px 16px 22px 9px;
    margin-left: 0;
}

    .content-pagination .pagination > li > a:hover {
        border-radius: 4px;
    }

    .content-pagination .pagination > li > a.indexMayorDiez:hover, .content-pagination .pagination > li > a.indexMayorDiez {
        padding: 2px 21px 22px 6px;
    }

    .content-pagination .pagination > li > a.actual {
        font-size: 16px;
        font-weight: bold;
    }

    .content-pagination .pagination > li > a > span {
        display: block;
    }

.modales-amarillas-blancas .modal-header {
    border-bottom: none;
    color: #000000;
    padding-top: 0; /* margin: 0 20px;*/
}

.modales-amarillas-blancas .modal-body {
    padding-top: 0;
    overflow: auto;
}

.modales-amarillas-blancas .logo {
    padding: 0;
}

    .modales-amarillas-blancas .logo img {
        width: 140px;
    }

.modales-amarillas-blancas .modal-footer {
    border-top: none;
    color: #000000;
    padding-bottom: 0; /*margin: 0 20px;*/
    width: 100%;
}

.content-logoletras {
    text-align: center;
    padding-top: 15px;
}

.modales-amarillas-blancas .titulo-dato {
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    font-size: 14px;
}

.modales-amarillas-blancas .datos {
    color: #818181;
    font-size: 13px;
    padding-right: 0;
    padding-left: 0;
}

.celeste {
    color: #007FAF;
}

.modales-amarillas-blancas .titulo-dato {
    padding-left: 15px;
}

.modales-amarillas-blancas .row-amarillas {
    border-top: solid 1px #007FAF;
    padding: 10px 0;
    margin: 0 20px;
}

.content-resultado-blancas {
    padding: 0 30px 30px 30px;
}

.modales-amarillas-blancas .content-direccion span {
    padding-left: 0;
}

.modales-amarillas-blancas .content-direccion {
    padding-right: 0;
    padding-left: 15px;
}

    .modales-amarillas-blancas .content-direccion .telefono {
        text-align: right;
        padding-right: 0;
    }

.modales-amarillas-blancas .email, .modales-amarillas-blancas .sitioweb {
    padding-left: 0;
}

.modales-amarillas-blancas .content-logos-anuncio img {
    width: 70px;
}

#modal-anuncio-img button.close {
    color: #000000;
    background-color: #ffffff;
    border: solid 1px;
    border-radius: 5px;
    opacity: 0.8;
    padding: 0 2px;
}

#modal-anuncio-img .modal-content {
    background-color: transparent;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-align: center;
    border: none;
}

#modal-anuncio-img .modal-content {
    background-color: #000000; /*transparent;*/
}

#modal-anuncio-img .item img {
    margin: 0 auto;
}

/*estilo formulario modal consumo adsl 6300 */
#btn-consumo {
    margin-left: 20px;
}

.detalle-consumo {
    display: none;
}

    .detalle-consumo.subtitle {
        font-weight: bold;
        margin: 20px 0 10px 0;
    }

    .detalle-consumo.alert-info {
        padding: 5px 15px;
        margin-bottom: 5px;
    }

    .detalle-consumo.alert-success {
        padding: 5px 15px;
        margin-bottom: 10px;
    }

#mensaje-error-consumo.alert-danger {
    margin: 20px 0;
}
/*estilo formulario modal cambio contraseña plan adsl 6300 */

#form-cambiopass6300 label {
    line-height: 15px; /* margin: 10px 0;*/
}

.content-btn {
    margin: 0 auto;
    text-align: center;
}

/*estilo para formularios 
/* solicitud de promotor de las amarillas*/
.forms input, .forms textarea {
    border-radius: 4px;
}

.no-label {
    padding-top: 0 !important;
    font-weight: normal;
}

.forms textarea {
    height: 100px;
}

.carrusel-medidas-anuncios {
    margin: 35px 0;
}

.adaptar-ancho {
    max-width: 100% !important;
}

.img-carrusel-logos {
    display: inline-block !important;
}

.fondo-flechas-carrusel-logos {
    background: transparent !important;
}

.flechas-carrusel-logos {
    color: black !important;
    font-size: 15px !important;
}

.centrar-carrusel-logos {
    text-align: center !important;
}

.panel-amarillas {
    margin: 45px 0 25px 0;
    display: block !important;
}

.container-logo-amarillas {
    display: inline-block;
    vertical-align: middle !important;
}

    .container-logo-amarillas img {
        max-height: 100px !important;
        margin-top: 10%;
    }

.container-logo-blancas {
    display: inline-block;
    vertical-align: middle !important;
}

    .container-logo-blancas img {
        max-height: 90px !important;
        margin-top: 15%;
    }

.panel-plomo {
    margin: 10px 0;
    display: block !important;
}

.display-inline-flex {
    display: inline-flex !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-in-block {
    display: block !important;
}

.panel-plomo2 {
    margin: 10px 0;
    padding-left: 35% !important;
}

.letras-menu-plomo-top {
    display: block;
    color: white;
    text-align: center !important;
    padding: 5px !important;
}

.letras-menu-plomo-medio {
    display: block;
    color: white;
    text-align: center !important;
    font-family: 'neosansstd-regular-opentype';
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.ingresaAqui {
    padding-left: 18% !important;
    padding-top: 3% !important;
    padding-right: 5px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    float: left;
}

    .ingresaAqui img {
        text-align: center !important;
        vertical-align: middle !important;
        height: 80px !important;
    }

.buscar-empresa {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

    .buscar-empresa input {
        height: 27px !important;
        padding-top: 3px !important;
        border-color: black;
    }

.buscar-empresa-blanca {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    display: inline-block !important;
}

    .buscar-empresa-blanca input {
        height: 27px !important;
        padding-top: 3px !important;
        border-color: black;
    }

.lupa-busqueda {
    padding-top: 5px !important;
}

.lupa-busqueda-blanca {
    padding-top: 0px !important;
}

.cajita-amarillas-2 {
    border-radius: 10px !important;
}

.cajita-amarillas {
    padding: 20px 20px 20px 20px;
    border-radius: 5px !important;
}

.cajita-ploma-2 {
    border-radius: 10px !important;
}

.cajita-ploma {
    padding: 20px 20px 20px 20px;
    border-radius: 5px !important;
}

.info-footer .fondo-plomo {
    top: 19%;
}

.borde-izquierdo {
    padding-left: 15px !important;
}

.borde-redondeado {
    border-radius: 5px !important;
}

.borde-izquierdo-letra {
    padding-left: 28px !important;
}

    .borde-izquierdo-letra a {
        color: black;
        font-family: 'Roboto Condensed';
        font-weight: 300;
        font-size: 15px !important;
    }

.como-buscar {
    color: black;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 300;
    font-size: 10px !important;
    text-align: left !important;
}

.select-css {
    border-color: black;
    border: 1px solid;
    padding: 3px 3px 3px 3px !important;
}

.ul-clasificacion {
    background-color: #FEF6A0 !important;
    padding-left: 10px !important;
    border: none !important;
    border-radius: 0px !important;
}

.div-tab-rubro {
    background-color: #F9E729 !important; /*FED100*/
    border: none !important;
}

.div-rubro {
    overflow-y: scroll;
    height: 400px;
    max-width: 960px !important;
    width: auto;
    text-align: left;
    background-color: white !important;
}

.ui-state-active {
    background-color: white !important;
}

#tab-rubros {
    text-align: left;
    float: none !important;
}

    #tab-rubros ul li {
        background-color: transparent;
        border: none !important;
    }

    #tab-rubros .ul-clasificacion li a {
        padding: 4px 8px 4px 8px;
        color: black;
        font-size: 20px !important;
        border: none !important;
    }

        /*#tab-rubros ul li a:hover, #tab-rubros ul li a:active*/
        #tab-rubros .ul-clasificacion li a:hover, #tab-rubros ul li:visited {
            color: white !important;
            background-color: #F9E729 !important;
        }

    #tab-rubros span {
        font-size: 15px !important;
        padding: 5px 10px 5px 10px !important; /*trbl*/
    }

.div-titulo {
    background-color: #FEF6A0 !important; /*17479E*/ /*007EBB*/
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.div-contenedor-rubros {
    max-width: 960px !important;
    background-color: #F9E729 !important;
}

.titulo-clasificaciones {
    background-color: white !important;
    text-align: center !important;
}

.raya-divisoria-vertical {
    border-left: 3px solid black;
    height: inherit !important;
    float: left;
}

.raya-divisoria-horizontal {
    border-bottom: 5px solid #FED100;
    padding-top: 10px !important;
    max-height: inherit !important;
    padding-left: 0px !important;
}

.raya-divisoria-horizontal-titulo {
    border-bottom: 5px solid white;
    padding-top: 7px !important;
    max-height: inherit !important;
    height: 50% !important;
}

.img-clasificacion {
    width: 100% !important;
    max-height: inherit !important;
}

.img-clasificacion-deditos {
    max-width: 70px !important;
    max-height: 70px !important;
    padding-left: 20px !important;
    padding-top: 7px !important;
}

.container-info {
    padding-left: 10% !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.fondo-amarillo-titulo {
    background: radial-gradient(ellipse at center bottom, #FED100 5%, #F9E729 100%) repeat fixed 0 0 #F9E729;
}

.boton-volver-principal {
    display: block;
    position: absolute;
    top: 6% !important;
    right: 5% !important;
    width: 10% !important;
    text-decoration: none !important;
}

    .boton-volver-principal a {
        text-decoration: none !important;
    }

.comboBlancas {
    margin-left: 0px !important;
}

.altura-campos {
    height: 43px !important;
    padding: 0px;
}

.estilo-modal-resultado {
    position: absolute !important;
}

.estilo-modal-arte-mapa {
    position: absolute !important;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content-artes {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal {
    text-align: center;
}

.estilo-contenedor-resultado {
    /*overflow: auto !important;*/
    border: none !important;
    border-radius: 0px !important;
    /*padding-left: 50px !important;
    padding-right: 50px !important;*/
    /*background-color: transparent !important;*/
    background-color: hsla(0, 0%, 0%, 0.8) !important;
}

.estilo-contenedor-resultado-amarillas {
    overflow: auto !important;
    border: none !important;
    border-radius: 0px !important;
    /*padding-left: 50px !important;
    padding-right: 50px !important;*/
    /*background-color: transparent !important;*/
    background-color: hsla(0, 0%, 0%, 0.8) !important;
}

.estilos-footer-resultado {
    max-height: 60px !important;
    /*background-color: white !important;*/
    background-color: hsla(0, 0%, 0%, 0.8) !important;
    color: white !important;
}

.modal-inicio-sesion {
    background-color: white !important;
    vertical-align: middle !important;
    text-align: left;
}

    .modal-inicio-sesion p {
        padding-top: 25px !important;
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .modal-inicio-sesion span {
        text-align: center !important;
    }

    .modal-inicio-sesion div div {
        margin-top: 15px !important;
    }


/**** MODIFICANDO UI ******/
.ui-dialog {
    /*blanco transparente*/
    /*background-color: hsla(360, 100%, 100%, 0.73) !important;*/
    /*amarillo transparente*/
    /*background-color: hsla(52, 100%, 49%, 0.8) !important;*/
    /*plomo transparente*/
    background-color: hsla(0, 0%, 0%, 0.8) !important;
}


/**** MODIFICANDO ALERT ******/
.alert {
    padding: 5px !important;
}


.padding-costados {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.logos-descarga {
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
}

.carousel-principal {
    padding: 25px !important;
}

.carousel {
    position: inherit !important;
}

.boton-carussel {
    background-image: none !important;
}

.margenes-busqueda {
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 4%;
}

.menu-superior {
    /*padding-left: 3% !important;*/
}

    .menu-superior img {
        max-height: 12px !important;
        max-width: 100% !important;
    }

/******* Manejo de medidas de pantallas *******/
@media screen and (min-width: 200px) {
    .opciones {
        padding-left: 35% !important;
    }

        .opciones a {
            float: none !important;
        }

    .pad-a {
        padding-right: 10px !important;
    }

    .opciones {
        padding-left: 65% !important;
    }

        .opciones a {
            float: none !important;
        }

    .pad-a {
        padding-right: 10px !important;
    }
}

/* celulares - ej: iphone 6 */
@media screen and (max-width: 420px) {
    .bannerIzq {
        margin-right: 0px !important;
        margin-left: 0% !important;
        margin-bottom: 2%;
    }

    #liEmpresa {
        background-color: red;
    }

    .espacioContenedorBanners {
        padding: 10px !important;
    }

    .espacioEntreBanners {
        margin-bottom: 3% !important;
    }

    .logo-cabecera {
        text-align: center !important;
    }

    .panel-plomo {
        margin-left: 0px !important;
    }

    .estilo-txt-fila-info {
        padding: 10px 0px 0px 0px !important;
        text-align: left;
        vertical-align: middle !important;
        min-width: 160px !important;
        max-width: 160px !important;
    }

    .estilo-txt-fila-correoWeb {
        padding: 10px 0px 0px 0px;
        text-align: justify;
        min-width: 160px !important;
        max-width: 160px !important;
    }
}

/* is less than xs, don't use - ej: samsung s5*/
@media screen and (max-width: 369px) {
    .bannerIzq {
        margin-right: 0px !important;
        margin-left: 0% !important;
        margin-bottom: 2%;
    }

    .espacioContenedorBanners {
        padding: 10px !important;
    }

    .espacioEntreBanners {
        margin-bottom: 3% !important;
    }

    .logo-cabecera {
        text-align: center !important;
    }

    .panel-plomo {
        margin-left: 0px !important;
    }

    .estilo-txt-fila-info {
        padding: 10px 0px 0px 0px !important;
        text-align: left;
        vertical-align: middle !important;
        min-width: 130px !important;
        max-width: 130px !important;
    }

    .estilo-txt-fila-correoWeb {
        padding: 10px 0px 0px 0px;
        text-align: justify;
        min-width: 130px !important;
        max-width: 130px !important;
    }

    .opciones {
        padding-left: 0px !important;
    }

        .opciones a {
            float: left !important;
        }

    .pad-a {
        padding-right: 5px !important;
    }

    .vod-div {
        padding-left: 0;
    }

    .box-vod img {
        width: 100%;
        height: 30px;
    }

    .box-social-media img {
        width: 30px;
    }

    .theCaptcha {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    #recaptcha_div_login {
        margin-left: -10px;
    }

    .p-l-5 {
        padding-left: 5px;
    }

    .modal-dialog {
        margin: 5px;
    }
}

/* Cuando es casii un sm */
@media (max-width: 767px) {
    .panel-plomo {
        margin-left: 0px !important;
    }

    .bannerIzq {
        margin-right: 0px !important;
        margin-left: 0% !important;
        margin-bottom: 2%;
    }
}

/* Cuando es sm */
@media (min-width: 767px) {
    .menu-superior {
        padding-left: 6% !important;
    }

    .no-padding-col-xs {
        padding-left: 15px;
        padding-right: 15px;
    }

    #txtnombUsu {
        margin-top: 10px;
    }

    .tm-social-icons {
        margin: 15px 0 !important;
        float: none;
    }

    .padding-helper {
        padding: 0 10px;
    }

    .xs-ultra-small-padding {
        padding-left: 1px !important;
        padding-right: 2px !important;
    }

    #recaptcha_div #recaptcha_area {
        margin: 0 auto;
    }

    .content-conlinea.box-search {
        padding-bottom: 0;
    }

    .box-paquete {
        height: 265px;
    }

    .xs-less-padding {
        padding-left: 10px;
        padding-right: 10px;
    }

        .xs-less-padding .btn-cotas {
            padding: 5px;
            font-size: 13px;
        }

    .xs-small-padding {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 15px !important;
    }

    .bloque-ayuda-principal {
        height: auto;
        border-right: none;
    }

    .modales-amarillas-blancas .btn-empty {
        padding: 10px;
    }

    .modales-amarillas-blancas .pagination {
        margin: 10px 0;
    }

    .btn-informativos {
        font-size: 13px;
    }
}

/* Cuando es lg */
@media (min-width: 1025px) {
    .menu-superior {
        padding-left: 0% !important;
    }

    .estilo-att {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        color: white;
        font-size: 10px !important;
        text-align: center;
    }

    .modalDelantero {
        top: -30px !important;
        z-index: 10 !important;
    }

    .content-btn-informativos-oficina {
        margin-top: -50%;
        top: 50%;
    }

    .opciones {
        padding-left: 78% !important;
    }

        .opciones a {
            float: none !important;
        }

    .pad-a {
        padding-right: 10px !important;
    }
}

/* hasta col-md */
@media screen and (max-width: 970px) {
    .logo-descarga-app {
        height: 20px;
    }

    .logo-descarga-app-cotas {
        height: 40px;
    }

    .panel-btn-envivo {
        text-align: center;
    }

        .panel-btn-envivo > div {
            display: inline;
        }

    #title-envivo {
        border: none;
        width: 100%;
        display: block;
    }

    #anchor-cotasplay {
        float: none;
    }

    .fondo-amarillo > .row {
        text-align: center;
    }

        .fondo-amarillo > .row > div > div {
            margin: 5px 0;
        }

    .box-info a {
        text-align: center;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .no-padding-col-xs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel-content {
        padding: 25px;
    }

    .panel-menu-perfil {
        padding: 25px 0px 25px 13px;
    }

    #owl-demo .owl-item {
        border-right: 1px solid rgba(0, 0, 0, 0.06);
    }

        #owl-demo .owl-item:last-child {
            border: none !important;
        }

    #owl-demo .item a {
        font-size: 15px;
    }

        #owl-demo .item a img {
            width: 101px;
        }

    .botones.btn-amarillas {
        margin-bottom: 17px;
        margin-top: 5px;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .menu-superior {
        padding-left: 6% !important;
    }

    .estilo-att {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        color: white;
        font-size: 10px !important;
        text-align: center;
    }

    .modalDelantero {
        top: -30px !important;
        z-index: 10 !important;
    }

    .content-btn-informativos-oficina {
        margin-top: -50%;
        top: 50%;
    }

    .opciones {
        padding-left: 78% !important;
    }

        .opciones a {
            float: none !important;
        }

    .pad-a {
        padding-right: 10px !important;
    }
}
/*************************************************/

/* Modificando las clases del SELECT 2 */
.selection .select2-selection--single {
    height: 35px !important; /*la altura debe ser igual a altura campos*/
    border-radius: 0px !important; /*idem .bordes*/
    border-color: white !important; /*idem .bordes*/
}

.select2-selection__arrow {
    height: 100% !important;
}

#select2-select-clasificaciones-container {
    margin-top: 3% !important;
}

.div-form-xs #select2-select-clasificaciones-container {
    margin-top: 1% !important;
}

#select2-select-poblaciones-container {
    margin-top: 5% !important;
}

.div-form-xs #select2-select-poblaciones-container {
    margin-top: 2% !important;
}

.select2-container--default {
    width: 100% !important;
}
/**************************************************************************/
.divLupaPaginaPrincipal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lupaPaginaPrincipal {
    height: 35px; /*la altura debe ser igual a altura campos*/
    background-color: black;
    border-radius: 0px;
    border-color: gray;
    width: 100%;
}

/* MODIFICANDO EL NAV */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    /*background-color: #FAD540 !important;
    border-color: #FAD540 !important;*/
}
/**************************************************************************************************/

#liEmpresa {
    /*background-color: #ffd800 !important;
    border-color: #ffd800 !important;*/
    color: black;
}

#liPersona {
    background-color: white !important;
    border-color: white !important;
    color: black;
}

.espacioEmpresas {
    padding: 5px !important;
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
    background-color: white;
}

    .espacioEmpresas input {
        border: none;
        border-radius: 150px 0px 0px 150px !important;
        box-shadow: none;
        border-color: white;
    }

.espacioEmpresas-xs {
    padding: 0px !important;
}

    .espacioEmpresas-xs input {
        border: none;
        border-radius: 150px !important;
        box-shadow: none;
        border-color: white;
        padding-left: 7%;
    }

.espacioPersonas {
    padding: 5px !important;
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px;
    background-color: white;
}

    .espacioPersonas input {
        border: none;
        border-radius: 150px 0px 0px 150px !important;
        box-shadow: none;
        border-color: white;
    }

.espacioPersonas-xs {
    padding: 0px !important;
}

    .espacioPersonas-xs .divNombre {
        padding-right: 0px !important;
    }

        .espacioPersonas-xs .divNombre input {
            border: none;
            border-radius: 150px 0px 0px 150px !important;
            box-shadow: none;
            border-color: white;
            padding-left: 7%;
        }

    .espacioPersonas-xs .divApellido {
        padding-left: 0px !important;
    }

        .espacioPersonas-xs .divApellido input {
            border: none;
            border-radius: 0px 150px 150px 0px !important;
            box-shadow: none;
            border-color: white;
        }

.bordes {
    border-color: gray;
    border-radius: 0px !important;
}

.bordes-select-xs {
    background-color: white;
    border-radius: 150px !important;
}

.fondo-blanco-solido {
    /*background-color: #FFE62C;*/
    /*background-color: #F9E729;*/
    background-color: white;
}

.bannerIzq {
    margin-right: 15px;
    margin-left: 7%;
}

    .bannerIzq img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100%;
        height: auto !important;
    }

.bannerDer {
    text-align: right;
}

    .bannerDer img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100%;
        height: auto !important;
    }

.espacioContenedorBanners {
    padding: 15px;
}

.espacioEntreBanners {
    margin-bottom: 3% !important;
}

.bordeInferiorAmarillo {
    border-bottom-color: #FFD000;
    border-bottom-style: solid;
    border-bottom-width: 15px;
}

.bordeInferiorAzul {
    border-bottom-color: #9ACCF3;
    border-bottom-style: solid;
    border-bottom-width: 15px;
}

.padding-BT {
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.contenedor-att-footer {
    background-color: #007ebb;
    /*margin-top: 20px;*/ /*puede coincidir con espacioContenedorBanners*/
    padding-left: 0px;
    padding-right: 0px;
}

.tamaño-letra {
    font-size: 12px !important; /*Letra por defecto*/
}

.mantener-arriba {
    position: fixed;
    top: 0;
    z-index: 100;
}

.mensaje-guia-estilo {
    color: #007ebb;
}

.estilo-cabecera-inicio-sesion {
    /*background-color: #007EBB !important;*/
    /*background-color: hsla(0, 0%, 0%, 0.9) !important;*/
    background-color: white;
    /*max-height: 80px !important;*/
    z-index: 100;
}

.img-logo-inicio-sesion {
    height: auto !important;
    max-height: 80px !important; /*coincidir con el del estilo-cabecera-inicio-sesion*/
}

.img-menu-inicio-sesion {
    margin-top: 5% !important;
    max-height: 100% !important;
    text-align: left;
}

    .img-menu-inicio-sesion img {
        /*max-height: 50px !important;*/
        min-height: 20px !important;
        max-width: 100% !important;
        width: auto !important;
    }

.modal-dialog-inicio-sesion {
    max-width: 450px !important;
    width: auto !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

.mensaje-guia-estilo {
    text-align: center !important;
}

.boton-inicio-sesion {
    color: white;
    margin-bottom: 5%;
}

    .boton-inicio-sesion button {
        /*color amarillo*/
        /*background-color: hsla(52, 100%, 49%, 0.5);*/
        /*border-color: hsla(52, 100%, 49%, 0.5);*/
        background-color: #007ebb;
        padding: 7px;
        border: none;
    }

.estilos-footer-inicio-sesion {
    max-height: 60px !important;
    background-color: white !important;
    /*background-color: hsla(0, 0%, 0%, 0.8) !important;*/
    color: white !important;
}

.div-contacto-promotor {
    margin-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: white;
}

    .div-contacto-promotor div a {
        color: black;
    }

.div-footer-att {
    padding-top: 1%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 3%;
}

.div-footer-att-xs {
    padding-top: 1%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 3%;
}

.contactanos {
    text-align: right;
    border-right: 1px solid black;
}

.espacios-titulos-CP {
    margin-top: 30px;
    margin-bottom: 25px;
}

.sin-redonditos ol li {
    background-color: transparent !important;
    border: none !important;
}

/***** LayoutLasAmarillas*******/
.regresarMenu {
    padding: 10px;
    padding-right: 10% !important;
}

    .regresarMenu img {
        float: right;
        width: auto;
        height: 30px;
    }

.line-divider {
    margin: 0px !important;
}

.estilo-boton-plomo {
    background-color: dimgray !important;
}

.notas {
    color: red;
    font-size: 10px;
}

.notasCorrecta {
    color: green;
    font-size: 10px;
}

.notasPassIncorrecta {
    color: red;
    font-size: 10px;
}

.notasPassCorrecta {
    color: green;
    font-size: 10px;
}

#select-clasificaciones {
    border: none;
    border-radius: 0px 150px 150px 0px !important;
    height: 35px !important;
    border-color: none;
}

.flexImg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.flexImgAtt-xs {
    padding-top: 6%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.flexImgAtt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#categoriasbus {
    padding-bottom: 3%;
}

    #categoriasbus p {
        color: #43A6F6;
        text-align: center;
        font-size: large;
        margin-top: 3%;
        font-weight: 700;
    }

#categoriasbus-xs {
    padding-bottom: 3%;
}

    #categoriasbus-xs p {
        color: #43A6F6;
        text-align: center;
        font-size: large;
        margin-top: 3%;
        padding-bottom: 3%;
        font-weight: 700;
    }

#lascategorias img {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 19%;
}

#lascategorias-xs {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

    #lascategorias-xs div {
        padding: 0px;
    }

    #lascategorias-xs img {
        max-width: 100%;
    }

.divSolicitaXs {
    text-align: center;
    margin-top: 2%;
    margin-bottom: 5%;
}

#empresasbus {
    padding-bottom: 3%;
}

    #empresasbus p {
        color: #43A6F6;
        text-align: center;
        font-size: large;
        margin-top: 2%;
    }

#empresasbus-xs {
    padding-bottom: 3%;
}

    #empresasbus-xs p {
        color: #43A6F6;
        text-align: center;
        font-size: large;
        margin-top: 2%;
        padding-bottom: 3%;
        font-weight: 700;
    }

#clientesp {
    padding-bottom: 3%;
}

    #clientesp p {
        text-align: center;
        font-size: x-large;
        margin-top: 2%;
        margin-bottom: 2%;
        color: #F9F9F9;
    }

.divcontimg {
    text-align: center;
}

    .divcontimg img {
        max-width: -webkit-fill-available;
    }

.opcionesinfor {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.opcionesinfor-xs {
    padding-top: 6%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

.solprom {
    padding-right: 5%;
}

.solprom-xs {
    text-align: center;
    padding-top: 5%;
}

.div-logos-up {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}