/*  Fonts  */

@font-face {
    font-family: 'lato_regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular.woff') format('woff'), url('../fonts/lato-regular.ttf') format('truetype'), url('../fonts/lato-regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato_bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold.woff') format('woff'), url('../fonts/lato-bold.ttf') format('truetype'), url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardelt-extralight';
    src: url('../fonts/avantgardelt-extralight.eot');
    src: url('../fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/avantgardelt-extralight.woff') format('woff'), url('../fonts/avantgardelt-extralight.ttf') format('truetype'), url('../fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    /*background: #F1ECE5;*/
    background: #eee;
    font-family: "lato_regular", arial;
}

/*  General CSS*/
.wrapper {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

::selection {
    color: #ffffff;
    background: #353434;
}

::-moz-selection {
    color: #ffffff;
    background: #353434;
}

.feature a,
.cta a.cta_btn,
.testimonials #t_navigation a,
header ul.social li a,
header nav ul li a {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}


/*  header  */
header {
    width: 100%;
    height: 100px;
    background: #001e38;
    background: linear-gradient(#051527, #001e38);
    border-top: 4px #bc8900 solid;
}

    header .logo {
        float: left;
        margin-top: 5px;
    }

    header .menu_icon {
        display: block;
        width: 35px;
        height: 35px;
        background: url(../Images/menu_icon.png);
        float: right;
        margin-top: 23px;
        display: none;
    }

    header nav {
        overflow: hidden;
        display: inline-block;
        margin: 25px 0 0 40px;
        padding: 13px 40px;
        border-left: 1px #7f7c7c solid;
        z-index: 9999;
    }

        header nav ul {
            list-style: none;
        }

            header nav ul li {
                float: left;
                margin-left: 35px;
                font-size: 1.2em;
                font-family: "avantgardelt-extralight", arial;
                letter-spacing: 1px;
            }

                header nav ul li:first-child {
                    margin-left: 0;
                }

                header nav ul li a {
                    text-decoration: none;
                    color: #fff;
                }

                    header nav ul li a:hover {
                        color: #bc8900;
                        text-decoration: none;
                    }

/*  Admision  */


.admision {
    width: 100%;
    /*height: 580px;*/
    height:750px;
    background: url(../Images/admision.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

   /*.caption {
        margin: 0 0 80px 15px;
    }*/

    /*.caption p {
            display: inline-block;
            color: #00529B;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 30px;
            padding: 10px;
            background: rgba(243, 243, 243, 0.60);
            margin-bottom: 2px;
            text-transform: uppercase;
            z-index: 8888;
           
        }*/

        /*Admision1*/
.admision1 {
    width: 100%;
    /*height: 580px;*/
    height: 750px;
    background: url(../Images/imagen1.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

    .admision1 .caption {
        margin-left: 515px;
        margin-top: 220px;
    }

        .admision1 .caption p {
            display: inline-block;
            color: #002a51;
            font-family: "avantgardelt-extralight", arial;
            font-weight: normal;
            font-size: 30px;
            padding: 20px;
            background: rgba(143, 143, 143, 0.60);
            margin-bottom: 2px;
            text-transform: uppercase;
            z-index: 8888;
        }

        /**/
/*Admision2*/
.admision2 {
    width: 100%;
    /*height: 580px;*/
    height: 750px;
    background: url(../Images/imagen2.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

    .admision2 .caption {
        margin-left: 515px;
        margin-top: 220px;
    }

        .admision2 .caption p {
            display: inline-block;
            color: #002a51;
            font-family: "avantgardelt-extralight", arial;
            font-weight: normal;
            font-size: 30px;
            padding: 20px;
            background: rgba(143, 143, 143, 0.60);
            margin-bottom: 2px;
            text-transform: uppercase;
            z-index: 8888;
        }

/*Admision3*/
.admision3 {
    width: 100%;
    /*height: 580px;*/
    height: 750px;
    background: url(../Images/imagen3.png) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

    .admision3 .caption {
        margin-left: 515px;
        margin-top: 220px;
    }

        .admision3 .caption p {
            display: inline-block;
            color: #002a51;
            font-family: "avantgardelt-extralight", arial;
            font-weight: normal;
            font-size: 30px;
            padding: 20px;
            background: rgba(143, 143, 143, 0.60);
            margin-bottom: 2px;
            text-transform: uppercase;
            z-index: 8888;
        }

/*  Section Requisitos  */
.requisitos {
    display: block;
    text-align: center;
    padding-top: 40px;
}

    .requisitos h3 {
        color: #656161;
        font-family: "lato_regular", arial;
        font-size: 34px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .requisitos p {
        color: #656161;
        font-family: "lato_regular", arial;
        font-size: 15px;
        margin-top: 20px;
        letter-spacing: .5px;
        text-align: justify;
        margin: 0 80px 0 80px;
    }

    .requisitos a.cta_btn {
        display: inline-block;
        padding: 20px 60px;
        background-color: #1b3555;
        color: #fff;
        font-family: "lato_regular", arial;
        font-size: 18px;
        text-decoration: none;
        margin-top: 60px;
        text-transform: uppercase;
        letter-spacing: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }

        .requisitos a.cta_btn:hover {
            background: #002a51;
        }

    .requisitos .cta_sep {
        display: block;
        width: 1px;
        height: 100px;
        background: #dedede;
        margin: 0 auto;
    }


/*  Responsive code  */
@media (max-width:1200px) {
    .wrapper {
        padding: 0 40px;
    }

    .info_pic,
    .info_details {
        width: 100%;
    }

    .info_details {
        height: auto;
        padding: 40px 0;
    }

        .info_details h3,
        .info_details p,
        .info_details a {
            max-width: 80%;
            display: block;
            text-align: center;
            margin: 40px auto;
        }
}


@media (max-width:1000px) {
    .admision .caption {
        text-align: center;
        margin-left: 0;
    }

    .requisitos {
        width: 80%;
        margin: 0 auto;
    }
}


@media (max-width:800px) {
    header .logo {
        float: none;
    }

    header .menu_icon {
        display: block;
    }

    ul.social {
        display: none;
    }

    header nav {
        display: block;
        background: #353434;
        margin: 21px 0 0 0;
        padding: 0;
        border-left: 0;
        border-top: 1px #2c2c2c solid;
        overflow: hidden;
        text-align: center;
        position: relative;
        z-index: 9999;
        display: none;
    }

    header nav {
        border-bottom-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
        -o-border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
        -o-border-bottom-right-radius: 2px;
    }

        header nav.show_menu {
            display: block;
        }

        header nav ul li {
            margin: 0;
            width: 100%;
            border-bottom: 1px #2c2c2c solid;
        }

            header nav ul li:last-child {
                border-bottom: 0;
            }

            header nav ul li a {
                display: block;
                width: 100%;
                padding: 20px 0;
            }

                header nav ul li a:active {
                    display: block;
                    width: 100%;
                    padding: 20px 0;
                    background: #2c2c2c;
                }

    .features .feature {
        width: 46.66666666666667%;
        margin-right: 6.666666666666667% !important;
    }

        .features .feature:nth-child(2n+2) {
            margin-right: 0 !important;
        }
}

@media (max-width:500px) {

    .features .feature {
        width: 100%;
        margin-right: 0 !important;
    }
}



/************************** scroll to top ******************************/
.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 0px;
    right: 20px;
    background: #001e38;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

a.scrollup {
    outline: 0;
    text-align: center;
}

    a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
        opacity: 1;
        text-decoration: none;
    }

    a.scrollup i {
        margin-top: 10px;
        color: #fff;
    }

        a.scrollup i:hover {
            text-decoration: none;
        }

/************************** Fieldset ********************************/
fieldset.scheduler-border {
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow: 0px 0px 0px 0px #000;
    border: 1px solid #999;
    border-radius: 8px;
    box-shadow: 0 0 10px #999;
    font-family: "lato_regular", arial;
}

legend.scheduler-border {
    font-size: 1.1em !important;
    font-weight: 600 !important;
    text-align: left !important;
    font-family: "lato_regular", arial;
}

/************************** CSS Text *****************************/
.text-Fieldset {
    color: #6b6b6b;
    text-align: left;
    font-size: 1.0em;
    padding: 10px 0 10px 30px;
    font-family: "lato_regular", arial;
}

.text-FieldsetSubtitulo {
    color: #6b6b6b;
    text-align: left;
    font-size:8px;
    padding: 10px 0 10px 30px;
    font-family: "lato_regular", arial;
}


.text-preinscripcion input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #585858;
    padding: 8px;
    font-family: "lato_regular", arial;
}

    .text-preinscripcion input:focus {
        box-shadow: 0 0 5px #002a51;
        border: 1px solid #002a51;
    }




.text-inscripcion input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 150%;
    margin: 0 0 20px 0;
    border: 1px solid #585858;
    padding: 8px;
    font-family: "lato_regular", arial;
}

    .text-inscripcion input:focus {
        box-shadow: 0 0 5px #002a51;
        border: 1px solid #002a51;
    }


.text-preinscripcionMant input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #585858;
    padding: 8px;
    font-family: "lato_regular", arial;
}

    .text-preinscripcionMant input:focus {
        box-shadow: 0 0 5px #002a51;
        border: 1px solid #002a51;
    }

.text-preinscripcionMant1 input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 10%;
    margin: 0 0 15px 0;
    border: 1px solid #585858;
    padding: 8px;
    font-family: "lato_regular", arial;
    margin-left: 10px;
}

    .text-preinscripcionMant1 input:focus {
        box-shadow: 0 0 5px #002a51;
        border: 1px solid #002a51;
    }
/********************** Text **********************************/
.text-principal {
    font-size: 24px;
    font-weight: 400;
    padding: 20px 0;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    font-family: "lato_regular", arial;
    color: #656161;
}

.text-subprincipal {
    font-family: "lato_regular", arial;
    color: #656161;
    font-size: 14px;
    font-weight: 400;
    float: left;
    width: 100%;
}

.text-button {
    font-family: "lato_regular", arial;
}


/********************** Dropbox *******************************/
.wrapper-dropdown {
    /* Size and position */
    margin: 0 auto;
    /* Styles */
    color: #6b6b6b;
    text-align: left;
    font-size: 1.0em;
    font-family: "lato_regular", arial;
    outline: none;
    cursor: pointer;
    /* Font settings */
    font-weight: bold;
}

    .wrapper-dropdown input:focus {
        box-shadow: 0 0 5px #002a51;
        border: 1px solid #002a51;
    }


/**************************************************************************/
/***************************FOOTER*****************************************/

.full {
    width: 100%;
}

.gap {
    height: 30px;
    width: 100%;
    clear: both;
    display: block;
}

/*.footer {
    
    background: #001E38;
    padding: 3px 0 30px 0;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    z-index: 50;
}*/

    /*.footer p {
        margin: 0;
        color: #c88800;
        font-size: 14px;
        margin: 0;
    }*/

    .footer img {
        max-width: 100%;
    }

    /*.footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 16px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
    }*/

    .footer ul {
        font-size: 13px;
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 15px;
        color: #7F8C8D;
    }

        .footer ul li a {
            padding: 0 0 5px 0;
            display: block;
        }

    .footer a {
        color: #78828D;
    }


.modal-footerExpediente {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.social li {
    /*background: none repeat scroll 0 0;*/
    /*border: 2px solid #bc8900;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

    .social li:hover {
        transform: scale(1.15) rotate(360deg);
        -webkit-transform: scale(1.1) rotate(360deg);
        -moz-transform: scale(1.1) rotate(360deg);
        -ms-transform: scale(1.1) rotate(360deg);
        -o-transform: scale(1.1) rotate(360deg);
    }

    .social li a {
        color: #EDEFF1;
    }

    /*.social li:hover {
        border: 2px solid #2c3e50;
background: #2c3e50;
    }*/

    .social li a {
        font-size: 16px;
        margin: 0 0 0 5px;
        color: #EDEFF1 !important;
    }

/*.footer-bottom {
    
    background: #C88800;
    border-top: 1px solid #DDDDDD;
    padding: 0px 0px 0px 0px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

    .footer-bottom p.pull-center {
        padding-top: 10px;
        text-align: center;
        color: #051217;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 0.9em;
    }*/

.payments {
    font-size: 1.5em;
}


/*mostrar formatos*/
#exTab2 h3 {
    color: #353434;
    background-color: #DDDDDD;
    padding: 5px 15px;
    margin-top: 1px;
    font-size:16px;
    font-weight:bold;
}

.titlePurple {
    margin-top: 20px;
    /*margin-right: 1.2625%;*/
    /*width: 1425px;*/
}

    .titlePurple h2 {
        background: none repeat scroll 0 0 #428BCA;
        color: #fff;
        padding: 10px 15px;
        font-size: 1.1429em;
        /*font-size: 14px;*/
        margin-bottom: 10px;
        border-radius: 4px;
        height: 45px;
    }


.centrarListaFormatos {
    text-align: center;
    font-size: 16px;
}


tabFormatos {
    color: #000;
    text-decoration: none;
}

/*.nav-tabs {
    border-bottom: 1px  solid #dddddd;
}*/

/*listado*/

/*.list-group-item1 {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #F7F7F7;
    border: 1px solid #dddddd;
}

.list-group-item1.active1,
.list-group-item1.active1:hover,
.list-group-item1.active1:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}



a.list-group-item1 {
    color: #555555;
}




.list-group-item1:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}*/

/*color de texto*/

.text-dark1 {
    color:#000;
    font-weight:normal;
  
}

.alinearError{
    padding-left:50px;

}
.ModalCabecera {
    position: relative;
    width: 100%;
    background-color: #E1E1E1;
    color:#000;
    text-align:justify;
}

.TituloModal {
    color: #fff;
    text-align: center;
    background-color: #337AB7;
}

.TituloVoucher {
    color: #bc8900;
    font-weight: normal;
    text-align:center;
    margin-top:20px;
  
    
}
.SubTituloVoucher {
    color: #000;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;

}
.divider-short {
    display: block;
    width: 180px;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #00529B;
}
/*Titulos Principales*/
.tituloPag {
    font-family: 'Century Gothic';
    font-size: 18px;
    color: #00529B;
    font-weight: bold;
    text-align: center;
}
.tituloPrincipal {
    font-family: 'Century Gothic';
    font-size: 25px;
    color: #00529B;
    font-weight: bold;
    text-align: center;
     padding-top:15px;
}
.tab-content_border {
    border: solid 1px #DDDDDD;
    background:#ffffff;
}

/*EspacioFilas*/
.espaciofilas {
    height:40px;

}

/*AlinearTextoLabel*/
.AlinearTextoLabel {
    text-align:right;
    
}

/*Estilos Login*/
/*.caja_login {
    background-color: #c6c6c6;
    border-radius: 5px;
}*/

/*Estili caja Cambiar Contraseña*/
.caja_CambiarContraseña {
    background-color: #fff;
    border-radius: 5px;
    webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
}

/*estilos principal*/
.fondo_cabecera {
    background-color: #002A54;
    height: 100px;
}

/*.tituloLetras {
    color: #D9AB15;    
    text-align: left;
    padding-top: 15px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 30px;
}*/

.tituloLetras1 {
    color: #D9AB15;
    text-align: right;
    padding-top: 25px;
    font-weight: bold;
    font-size: 18px;
}

/*Titulos SubTitulos*/

/*Active1*/
/*.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #FF002A;
    border-color: #428bca;
}*/

.list-group1 {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group1-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #428BCA;
    border: 1px solid #428BCA;
    font-size: 14px;
}

    .list-group1-item:first-child {
        border-top-right-radius: 4px;
        /* border-top-left-radius: 4px; */
    }

    .list-group1-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .list-group1-item > .badge {
        float: right;
    }

        .list-group1-item > .badge + .badge {
            margin-right: 5px;
        }

a.list-group1-item {
    color: #555555;
}

    a.list-group1-item .list-group1-item-heading {
        color: #333333;
    }

    a.list-group1-item:hover,
    a.list-group1-item:focus {
        text-decoration: none;
        background-color: #428BCA;
    }

.list-group1-item.active,
.list-group1-item.active:hover,
.list-grou1p-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #428BCA;
    border-color: #428BCA;
}

.fondo_pie {
    background-color: #001E38;
    height: 50px;
}

.letras_pie {
    color: #D9AB15;
    text-align: left;
    padding-top: 25px;
    font-weight: bold;
    font-size: 12px;
}
/*carousel*/
.carousel-inner > .item {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    /*height: 580px;*/
}

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        padding-left: 0;
    }

.carousel-control {
    position: absolute;
    top: 37%;
    bottom: 0;
    left: 0;
    width: auto;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left, .carousel-control.right {
        background-image: none;
        filter: none;
    }

    .carousel-control.right {
        right: 20px;
    }

    .carousel-control.left {
        left: 20px;
    }
​
.parrafoRequisitos  {
    font-family: 'Century Gothic';
    font-size: 18px;
    color: #00529B;
    font-weight: bold;
    text-align:left;
}
.vineta {
   
    font-weight:300;
    font-family: 'Century Gothic';
    font-size: 16px;
    color: #666;
    text-align: left;
}
.paR {
    font-family: 'Century Gothic';
    font-size: 16px;
    color: #00529B;
    font-weight: bold;
    text-align: left;
}

.thumbnailVoucher {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
/*Inicio de Media*/
@media only screen and (max-width: 380px) {
    /*.tituloPag {
        padding-top: 50px;
    }*/

    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 50px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 0px;
        font-weight: bold;
        font-size: 7px;
        padding-left: 20px;
    }

    .caption p {
        display: inline-block;
        color: #00529B;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 6px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 0px;
        text-transform: uppercase;
        z-index: 8888;
        margin-top: -250px;
    }
    /*.caja_login {
        
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 40px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }*/

    /*.caja_login {
        
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 40px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }*/
    

    .caja_CambiarContraseña {
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 60px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }

    .input-group-addon, .input-group-btn {
        width: 34px;
        white-space: nowrap;
        vertical-align: middle;
        margin-left: 50px;
    }

    .imgenfooter {
        width: 50%;
    }

    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 12px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
        text-align: center;
    }
    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 10px;
        margin: 0;
        text-align:center;
    }
    .top_login {
        padding-top: 120px;
    }
   
}
@media only screen and (max-width: 600px) {
    
    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 30px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 0px;
        font-weight: bold;
        font-size: 7px;
        padding-left: 20px;
    }
    .caption p {
        display: inline-block;
        color: #FFF;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 10px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 180px;
        text-transform: uppercase;
        z-index: 8888;       
        margin-top:-450px;
    }
    .btn-primary_Azul {
        color: #ffffff;
        background-color: #001E38;
        border-color: #357ebd;
        font-size: 20px;
        margin-top:15px;
    }
    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        bottom: 25px;
        left: 11%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
    /*.caja_login {
        
        background-color: #fff;
        border-radius: 5px;
        width: 320px;
        margin-left: 40px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }*/
    .caja_CambiarContraseña {
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 60px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }

    .input-group-addon, .input-group-btn {
        width: 34px;
        white-space: nowrap;
        vertical-align: middle;
        margin-left: 50px;
    }

    .imgenfooter {
        width: 50%;
        margin-left:100px;
        
    }
    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 12px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
        text-align: center;
    }

    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 12px;
        margin: 0;
        text-align:center;
        
    }
    .top_login {
        padding-top: 80px;
    }
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 50px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 0px;
        font-weight: bold;
        font-size: 6px;
        padding-left: 20px;
    }

    .text-rightTituloPrincipal {
        text-align: right;
    }

    .navbar-brand1 {
        float: left;
        /*padding: 10px 100px;*/
        font-size: 18px;
        line-height: 20px;
    }
    .caption p {
        display: inline-block;
        color: #FFF;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 8px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 2px;
        text-transform: uppercase;
        z-index: 8888;
       
    }
    .btn-primary_Azul {
        color: #ffffff;
        background-color: #001E38;
        border-color: #357ebd;
        font-size: 18px;
    }
    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        bottom: 20px;
        left: 18%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
    /*.caja_login {
       
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        margin-left: 180px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }*/
    .caja_CambiarContraseña {
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 60px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }

    .input-group-addon, .input-group-btn {
        width: 34px;
        white-space: nowrap;
        vertical-align: middle;
        margin-left: 50px;
    }
    .imgenfooter {
        width:50%;
    }
    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 14px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
       
    }

    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 14px;
        margin: 0;
       
    }
   

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 50px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 18px;
        font-weight: bold;
        font-size: 18px;
        padding-left: 15px;
    }

    .escudo_left {
        padding-top: 10px;
    }

    .navbar-brand1 {
        float: left;
        /*padding: 10px 100px;*/
        font-size: 18px;
        line-height: 20px;
    }
    .caption p {
        display: inline-block;
        color: #FFF;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 12px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 2px;
        text-transform: uppercase;
        z-index: 8888;
    }
    .btn-primary_Azul {
        color: #ffffff;
        background-color: #001E38;
        border-color: #357ebd;
        font-size: 20px;
    }
    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        bottom: 30px;
        left: 28%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
    /*.caja_login {
       
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        margin-left: 120px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }*/
    .caja_CambiarContraseña {
        background-color: #fff;
        border-radius: 5px;
        width: 600px;
        margin-left: 80px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }
    .imgenfooter {
        width: 100%;
    }
    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 12px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
        text-align: center;
    }
    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 14px;
        margin: 0;
       
    }
  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 50px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 15px;
        font-weight: bold;
        font-size: 18px;
        padding-left: 90px;
    }

    .escudo_left {
        padding-top: 10px;
    }

    .navbar-brand1 {
        float: left;
        /*padding: 10px 100px;*/
        font-size: 18px;
        line-height: 20px;
    }
    .caption p {
        display: inline-block;
        color: #FFF;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 22px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 2px;
        text-transform: uppercase;
        z-index: 8888;
    }
    .btn-primary_Azul {
        color: #ffffff;
        background-color: #001E38;
        border-color: #357ebd;
        font-size: 22px;
    }
    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        bottom: 50px;
        left: 20%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
    .imgenfooter {
        width: 100%;
    }

    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 12px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
        text-align: center;
    }

    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 14px;
        margin: 0;
    }
    .top_login {
        padding-top: 100px;
        margin-right: 500px;
    }

   
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .tituloPag {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #00529B;
        font-weight: bold;
        text-align: center;
        padding-top: 20px;
    }

    .tituloLetras {
        color: #D9AB15;
        text-align: left;
        padding-top: 20px;
        font-weight: bold;
        font-size: 18px;
        padding-left: 20px;
    }

    .text-rightTituloPrincipal {
        text-align: right;
    }

    .escudo_left {
        padding-top: 10px;
       
    }

    .navbar-brand1 {
        float: left;
        /*padding: 10px 100px;*/
        font-size: 18px;
        line-height: 20px;
    }
    .caption {
        margin: 0 0 80px 15px;
    }
    .caption p {
        display: inline-block;
        color: #FFF;
        font-family: "avantgardelt-extralight", arial;
        font-weight: bold;
        font-size: 30px;
        padding: 10px;
        background: rgba(243, 243, 243, 0.28);
        margin-bottom: 2px;
        text-transform: uppercase;
        z-index: 8888;
    }
    .btn-primary_Azul {
        color: #ffffff;
        background-color: #001E38;
        border-color: #357ebd;
        font-size:22px;
    }
    .carousel-caption {
        position: absolute;
        /*right: 15%;*/
        bottom: 20px;
        left: 28%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
    /*.caja_login {
        
        background-color:#fff;
        border-radius: 5px;
        width: 450px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
        margin-left:150px;
    }*/

    .caja_CambiarContraseña {
        background-color: #fff;
        border-radius: 5px;
        width: 700px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }


    /*}*/

    .imgenfooter {
        width: 100%;
    }

    .footer h3 {
        border-bottom: 1px solid #152e3d;
        color: #54697E;
        font-size: 16px;
        font-weight: 600;
        line-height: 27px;
        padding: 0px 0 10px;
        text-transform: uppercase;
        font-family: "avantgardelt-extralight", arial;
       
    }
    .footer p {
        margin: 0;
        color: #c88800;
        font-size: 14px;
        margin: 0;
    }
    .top_login {
        padding-top: 80px;
       
    }

}

.Fila_subCabecera {
    background-color: #001E38;
    color: #fff;
    height: 80px;
}

.Fila_subCabeceraBlano {
    background-color: #DDDDDD;
    color: #fff;
    height: 2px;
}

.fondo_menu {
    background-color: #001E38;
}
/* boleta*/

.letraBoleta {
    color:#000;
    font-weight:bold;
    text-align:left;
    padding-left:25px;

}
.letraBoletaContenido {
    color: #000;
    font-weight:bold;
    
}
/*Subir Foto*/
.fondo_subirFoto {
    background-color: #002A54;
    color:#ffffff;
    text-align:center;
   padding-top:10px;
   padding-bottom:10px;

}

.titulo_textFor {
    text-align: right;
    font-weight: bold;
    color: #002A54;
}
/*Boton*/
/*.btn-primary_Azul {
    color: #ffffff;
    background-color: #001E38;
    border-color: #357ebd;
}*/

    .btn-primary_Azul:hover,
    .btn-primary_Azulhover,
    .btn-primary_Azulfocus,
    .btn-primary_Azulactive,
    .btn-primary_Azulactive,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

    .btn-primary_Azul:active,
    .btn-primary_Azul.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary_Azul.disabled,
    .btn-primary_Azul[disabled],
    fieldset[disabled] .btn-primary_Azul,
    .btn-primary_Azul.disabled:hover,
    .btn-primary_Azul[disabled]:hover,
    fieldset[disabled] .btn-primary_Azul:hover,
    .btn-primary_Azul.disabled:focus,
    .btn-primary_Azul[disabled]:focus,
    fieldset[disabled] .btn-primary_Azul:focus,
    .btn-primary_Azul.disabled:active,
    .btn-primary_Azul[disabled]:active,
    fieldset[disabled] .btn-primary_Azul:active,
    .btn-primary_Azul.disabled.active,
    .btn-primary_Azul[disabled].active,
    fieldset[disabled] .btn-primary_Azul.active {
        background-color: #428bca;
        border-color: #357ebd;
    }

.labelConcurso {
    text-align: center;
    font-size: 14px;
}

/* nuevos estilos */
@media screen and (min-width: 380px) {
    .footerEspacio {
        /*padding-bottom: 200px*/
    }
    
}

@media screen and (max-width: 380px) {
    .footerEspacio {
        padding-bottom: 100px
    }

    .imgenfooter {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .footerEspacio {
        padding-bottom: 0;
    }
  
}

.titulo_login {
    font-family: 'avantgardelt-extralight' 'Century Gothic' arial, sans-serif;
    font-size: 18px;
    text-align: center;
}

.input-group .form-control1 {
    position: inherit;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

/* nuevo*/
@media screen and (min-width: 260px) {
    .tituloLogo {
        color: #c88800;
        font-size: 25px;
        margin-top: -40px;
        padding-left: 80PX;
    }

    .titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 12px;
        color: #fefefe;
        font-weight: bold;
        /*padding-left: 90px;
        padding-top: -5px;*/
        padding-left: 10px;
    }

    .titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 13px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .titulo_nonSis1 {
        font-family: 'Century Gothic';
        font-size: 12px;
        color: #fefefe;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .tituloUsuario {
        color: #c88800;
        font-size: 9px;
        margin-top: 25px;
        padding-left: 2px;
    }



    .tamañologo {
        width: 5px;
    }

    tamañoescudoMarina {
        width: 5px;
    }

    .escudo_dirtel {
        height: 60px;
        padding-left: 20px;
    }

    .top_panel {
        padding-top: 80px;
    }

    .alinearlabel {
        text-align: left;
    }

    .alinearmenu {
        margin-left: 0;
    }

    .alinearNombreMenu {
        padding-left: 0px
    }

    .alinearmenu {
        margin-left: 0;
    }

    .mensajeBaja {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }
    .imaPreinscripcion {
       
        padding-left: 0px;
        max-width: 20%;
        height: auto;
        /*padding-bottom:200px;*/

    }

    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }
    .caja_login {
        background-color: #fff;
        border-radius: 5px;
        width: 283px;
        margin-left: 20px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }
    .parrafoMensaje{
        font-size:14px;
    }

    .tituloPrincipal1 li {
        font-size: 14px;
    }

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        /*position: fixed;*/
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
       
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        /*position: fixed;*/
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }
    .principalespacio {
        padding-bottom: 0px
    }

    .tituloTimer {
        font-family: 'Century Gothic';
        font-size: 12px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

}
@media screen and (min-width: 380px) {
    .tituloLogo {
        color: #c88800;
        font-size: 25px;
        margin-top: -40px;
        padding-left: 80PX;
    }

    .titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 14px;
        color: #fefefe;
        font-weight: bold;
        /*padding-left: 90px;
        padding-top: -5px;*/
        padding-left: 10px;
    }

    .titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 16px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .titulo_nonSis1 {
        font-family: 'Century Gothic';
        font-size: 16px;
        color: #fefefe;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .tituloUsuario {
        color: #c88800;
        font-size: 9px;
        margin-top: 25px;
        padding-left: 2px;
    }

    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }

    .caja_login {
        background-color: #fff;
        border-radius: 5px;
        width: 320px;
        margin-left: 40px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }
    .parrafoMensaje {
        font-size: 14px;
    }
    .tituloPrincipal1 li {
        font-size: 14px;
    }
    .tamañologo {
        width: 5px;
    }

    tamañoescudoMarina {
        width: 5px;
    }

    .escudo_dirtel {
        height: 70px;
        padding-left: 20px;
    }

    .top_panel {
        padding-top: 80px;
    }

    .alinearlabel {
        text-align: left;
    }

    .alinearmenu {
        margin-left: 0;
    }

    .alinearNombreMenu {
        padding-left: 0px
    }

    .alinearmenu {
        margin-left: 0;
    }

    .fondo_imagen {
        background-color: #fff;
        text-align: center;
        margin-bottom: 25px;
        width: 280px;
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-left: 30px;
    }

    .alinearAdjuntarFoto {
        padding-left: 17px;
    }

    .imagenAdjuntarFoto {
        width: 250px;
        height: 250px;
        padding-top: 20px;
        text-align: center;
        margin-left: 20px;
    }

    .mensajeBaja {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }

    .imaPreinscripcion {
        padding-left: 20px;       
        padding-left: 0px;
        max-width: 20%;
        height: auto;

        
    }
    .alinearbotonIzq {
        text-align: right;
        /* margin-left: 500px; */
        /* padding-left: 500px; */
        margin-right: 50px;
        /* padding-top: 50px; */
        margin-top: -33px;
    }

    .alinearbotonDer {
        text-align: left;
        /* margin-left: 500px; */
        padding-left: 50px;
        /*margin-right: 300px;*/
        /* padding-top: 50px; */
        margin-top: 20px;
    }

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        /*position: fixed;*/
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        /*position: fixed;*/
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }

    .principalespacio {
        padding-bottom: 0px
    }

    .tituloTimer {
        font-family: 'Century Gothic';
        font-size: 14px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

}

@media (min-width: 576px) {
    .tituloLogo {
        color: #c88800;
        font-size: 25px;
        margin-top: -55px;
        padding-left: 80px;
    }

    /*.titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 16px;
        color: #fefefe;
        font-weight: bold;
        padding-left: 300px;
        padding-top: 11px;
    }*/

    .titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 20px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .tituloUsuario {
        color: #c88800;
        font-size: 9px;
        margin-top: 25px;
        padding-left: 5px;
    }

    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }

    .caja_login {
        /*background-color: #c6c6c6;*/
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        margin-left: 180px;
        padding: 20px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }
    .parrafoMensaje {
        font-size: 16px;
    }
    .tituloPrincipal1 li {
        font-size: 16px;
    }
    .escudo_dirtel {
        height: 80px;
        padding-top: 18px;
    }

    .alinearlabel {
        text-align: left;
    }

    .alinearmenu {
        margin-left: 0;
    }

    .fondo_imagen {
        background-color: #fff;
        text-align: center;
        margin-bottom: 25px;
        width: 400px;
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-left: 35px;
    }

    .alinearAdjuntarFoto {
        padding-left: 62px;
    }
    .imagenAdjuntarFoto {
        width: 250px;
        height: 250px;
        padding-top: 20px;
        text-align: center;
        margin-left: 70px;
    }
    .mensajeBaja {
        font-size: 18px;
        color: #000;
        font-weight: bold;
    }

    .imaPreinscripcion {
       
    padding-left: 0px;
    max-width: 100%;
    height: auto;

    }
    .alinearbotonIzq {
        text-align: right;
        /* margin-left: 500px; */
        /* padding-left: 500px; */
        margin-right: 150px;
        /* padding-top: 50px; */
        margin-top: -33px;
    }
    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }

    .alinearbotonDer {
        text-align: left;
        /* margin-left: 500px; */
        padding-left: 150px;
        /*margin-right: 300px;*/
        /* padding-top: 50px; */
        margin-top: 20px;
    }

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
        /*background: #A67C00;
    
    border-top: 1px solid #DDDDDD;
    padding: 10px 20px 10px 20px;*/
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }
    .principalespacio {
        padding-bottom: 400px
    }

    .tituloTimer {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

}



/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    /*.tituloLogo {
        color: #c88800;
        font-size: 25px;
        margin-top: -55px;
        padding-left: 85px;
    }

    .titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #fefefe;
        font-weight: bold;
        padding-top: 30px;
    }

    .titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 22px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }


    .tituloUsuario {
        color: #c88800;
        font-size: 9px;
        margin-top: 25px;
        padding-left: 2px;
    }

    .top_login {
        padding-top: 300px;
    }

    .form-horizontal .control-label {
        padding-top: 0px;
        text-align: left;
    }*/
    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }
    .caja_login {
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        margin-left: 120px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
    }
    .parrafoMensaje {
        font-size: 16px;
    }
    .tituloPrincipal1 li {
        font-size: 17px;
    }
    .fondo_imagen {
        background-color: #fff;
        text-align: center;
        margin-bottom: 25px;
        /*width: 300px;*/
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-left: 200px;
    }
    .imagenAdjuntarFoto {
        width: 250px;
        height: 250px;
        padding-top: 20px;
        text-align: center;
        margin-left: 70px;
    }

    .alinearAdjuntarFoto {
        padding-left: 65px;
    }
    .alinearbotonIzq {
        text-align: right;
        /* margin-left: 500px; */
         padding-left: 500px; 
        /*margin-right: 300px;*/
        /* padding-top: 50px; */
        margin-top: -33px;
    }

    .alinearbotonDer {
        text-align: left;
        /* margin-left: 500px; */
        padding-left: 300px; 
        /*margin-right: 300px;*/
        /* padding-top: 50px; */
        margin-top: 20px;
    }

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
        /*background: #A67C00;
    
    border-top: 1px solid #DDDDDD;
    padding: 10px 20px 10px 20px;*/
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }

    .principalespacio {
        padding-bottom: 150px
    }
}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .tituloLogo {
        color: #c88800;
        font-size: 23px;
        margin-top: 10px;
        padding-left: 25px;
    }

    .caja_login {
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
        margin-left: 150px;
    }
    .tituloPrincipal1 li {
        font-size: 18px;
    }
    /*.titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #fefefe;
        font-weight: bold;
       
        padding-left: 50px;
        padding-top: 11px;
        text-align: center
    }*/


    .titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 21px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .tituloTimer {
        font-family: 'Century Gothic';
        font-size: 19px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }

    .tituloUsuario {
        color: #c88800;
        font-size: 9px;
        margin-top: 25px;
        padding-left: 25px;
    }

    .escudo_dirtel {
        height: 110px;
        padding-top: 18px;
    }

    .top_panel {
        padding-top: 120px;
    }

    .alinearAdjuntarFoto {
        /*padding-left: 142px;*/
    }

    .alinearlabel {
        text-align: left;
    }
    .alinearmenu {
        margin-left: 0px;
    }
    .fondo_imagen {
        background-color: #fff;
        text-align: center;
        margin-bottom: 25px;
        width: 260px;
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-left: -8px;
    }
    .mensajeBaja {
        font-size: 28px;
        color: #000;
        font-weight: bold;
    }
    .imaPreinscripcion {
        padding-left: 0px ;
        max-width: 100%;
        height: auto;
    }
    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }
    .imagenAdjuntarFoto {
        width: 250px;
        height: 250px;
        padding-top: 20px;
        text-align: center;
        margin-left: 10px;
    }
    .alinearbotonIzq {
        text-align: left;
        /* margin-left: 500px; */
        /* padding-left: 500px; */
        margin-right: 0px;
        /* padding-top: 50px; */
        margin-top: -33px;
    }

    .alinearbotonDer {
        text-align: left;
        /* margin-left: 500px; */
         padding-left: 50px; 
        /*margin-right: 0px;*/
        /* padding-top: 50px; */
        margin-top: 0px;
    }
   

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
        /*background: #A67C00;
    
    border-top: 1px solid #DDDDDD;
    padding: 10px 20px 10px 20px;*/
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }

    .principalespacio {
        padding-bottom: 140px
    }
    .parrafoMensaje {
        font-size: 16px;
    }

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .tituloLogo {
        color: #c88800;
        font-size: 25px;
        /*margin-top: 25px;*/
        padding-left: 0px
    }

    .titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 19px;
        color: #fefefe;
        font-weight: bold;
        text-align: left;
        /*padding-left: 20px;*/
        padding-top: 15px;
        padding-right: 390px;
        padding-left: 10px
    }
    .alinearAdjuntarFoto {
        padding-left: 20px;
    }
    /*.titulo_cabecera {
        font-family: 'Century Gothic';
        font-size: 18px;
        color: #fefefe;
        font-weight: bold;
        padding-left: 300px;
        padding-top: 11px;
        text-align: center
    }*/

    .caja_login {
        background-color: #fff;
        border-radius: 5px;
        width: 450px;
        webkit box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
        box-shadow: 0 30px 90px 0 rgba(0,0,0,0.3);
        margin-left: 150px;
    }

    .parrafoMensaje {
        font-size: 18px;
    }
    /*.titulo_nonSis {
        font-family: 'Century Gothic';
        font-size: 24px;
        color: #C88800;
        font-weight: bold;
        text-align: left;
        padding-left: 0px;
    }*/
    .tituloPrincipal1 li {
        font-size: 18px;
    }
    .principalespacio{
        padding-bottom:120px
    }
    .alinearlabel {
        text-align: right;
    }

    .tituloUsuario {
        color: #c88800;
        font-size: 12px;
        margin-top: 25px;
        padding-left: 10px;
    }



    .top_loginReset {
        padding-top: 50px;
    }

    .actionLogout {
        margin-top: 15px;
        color: #fff;
        /*margin-right:50px;*/
    }

    .logo_index {
        width: 100%;
    }

    tamañoescudoMarina {
        width: 100%
    }

    .input-group .form-control1 {
        position: inherit;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

    .escudo_dirtel {
        height: 110px;
    }

    .label1 {
        font-weight: bold;
    }

    .label2 {
        font-weight: 600;
    }

    .TituloReporteXP {
        font-weight: bold;
        font-size: 16PX;
    }
    .imagenAdjuntarFoto {
        width: 250px;
        height: 250px;
        padding-top: 20px;
        text-align: center;
        /*margin-left: -20px;*/
    }
    .alinearbotonIzq {
        text-align: left;
        /* margin-left: 500px; */
         padding-left: 100px; 
        margin-right: 0px;
        /* padding-top: 50px; */
        margin-top: 20px;
    }
    .alinearbotonDer {
        text-align: left;
        /* margin-left: 500px; */
         padding-left: 100px; 
        /*margin-right: 0px;*/
        /* padding-top: 50px; */
        margin-top: 20px;
    }
    /*#divCabecera {
        position: fixed;
        left: 0;
        right: 0;
        top: 0px;
        background-color: #000000;
        height: 50px;
        z-index: 50;
        /*background-color: #001E38;*/
    /*}*/
    .tamanoletraDatosprevios {
        padding-top: 6px;
        font-size: 14px;
    }

    .alinearmenu {
        margin-left: 320px;
    }

    .alinearmenuUsuario {
        margin-left: 100px;
       
    }
    .alinearNombreMenu {
        padding-left: 300px
    }
    .fondo_imagen {
        background-color: #fff;
        text-align: center;
        margin-bottom: 25px;
        width: 300px;
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-left: 35px;
    }

    .mensajeBaja {
        font-size: 28px;
        color: #000;
        font-weight: bold;
    }

    .imaPreinscripcion {
        /*padding-left: 400px;*/
        max-width: 100%;
        height: auto;
        /*display:block;*/
    }
    /*.imaPreinscripcion {
       
        max-width: 30%;
        height: auto;
     
    }*/
    .imaPreinscripcion1 {
        padding-left: 0px;
        max-width: 30%;
        height: auto;
    }

    .footer {
        /*background: #002A54;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;*/
        background: #001E38;
        padding: 3px 0 30px 0;
        position: fixed;
        bottom: 20px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DDDDDD;
        z-index: 50;
    }


    .footer-bottom {
        /*background: #A67C00;
    
    border-top: 1px solid #DDDDDD;
    padding: 10px 20px 10px 20px;*/
        background: #C88800;
        border-top: 1px solid #DDDDDD;
        padding: 0px 0px 0px 0px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }

        .footer-bottom p.pull-center {
            padding-top: 10px;
            text-align: center;
            color: #051217;
            font-family: "avantgardelt-extralight", arial;
            font-weight: bold;
            font-size: 0.9em;
        }
   
    .prueba {
    }

    /* formato expediente*/

    .form-Expediente {
        display: block;
        width: 100%;
        height: 34px;
        /*padding: 6px 12px;*/
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        .form-Expediente:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }

        .form-Expediente::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .form-Expediente:-ms-input-placeholder {
            color: #999;
        }

        .form-Expediente::-webkit-input-placeholder {
            color: #999;
        }

        .form-Expediente::-ms-expand {
            background-color: transparent;
            border: 0;
        }
    /*tabla expediente*/
    .tableExpediente {
        width: 240%;
        /* max-width: 100%; */
        margin-bottom: 20px;
    }



    .tableExpediente {
        border-collapse: collapse !important;
    }

        .tableExpediente td,
        .tableExpediente th {
            background-color: #fff !important;
        }

    .tabletableExpediente-bordered th,
    .tabletableExpediente-bordered td {
        border: 1px solid #ddd !important;
    }

    .tableExpediente > thead > tr > th,
    .tableExpediente > tbody > tr > th,
    .tableExpediente > tfoot > tr > th,
    .tableExpediente > thead > tr > td,
    .tableExpediente > tbody > tr > td,
    .tableExpediente > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .tableExpediente > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .tableExpediente > caption + thead > tr:first-child > th,
    .tableExpediente > colgroup + thead > tr:first-child > th,
    .tableExpediente > thead:first-child > tr:first-child > th,
    .tableExpediente > caption + thead > tr:first-child > td,
    .tableExpediente > colgroup + thead > tr:first-child > td,
    .tableExpediente > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .tableExpediente > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .tableExpediente .tableExpediente {
        background-color: #fff;
    }

    .tableExpediente-condensed > thead > tr > th,
    .tableExpediente-condensed > tbody > tr > th,
    .tableExpediente-condensed > tfoot > tr > th,
    .tableExpediente-condensed > thead > tr > td,
    .tableExpediente-condensed > tbody > tr > td,
    .tableExpediente-condensed > tfoot > tr > td {
        padding: 5px;
    }

    .tableExpediente-bordered {
        border: 1px solid #ddd;
    }

        .tableExpediente-bordered > thead > tr > th,
        .tableExpediente-bordered > tbody > tr > th,
        .tableExpediente-bordered > tfoot > tr > th,
        .tableExpediente-bordered > thead > tr > td,
        .tableExpediente-bordered > tbody > tr > td,
        .tableExpediente-bordered > tfoot > tr > td {
            border: 1px solid #ddd;
        }

        .tableExpediente-bordered > thead > tr > th,
        .tableExpediente-bordered > thead > tr > td {
            border-bottom-width: 2px;
        }

    .tableExpediente-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .tableExpediente-hover > tbody > tr:hover {
        background-color: #f5f5f5;
    }

    tabletableExpediente col[class*="col-"] {
        position: static;
        display: table-column;
        float: none;
    }

    tabletableExpediente td[class*="col-"],
    tabletableExpediente th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none;
    }

    .tableExpediente > thead > tr > td.active,
    .tableExpediente > tbody > tr > td.active,
    .tableExpediente > tfoot > tr > td.active,
    .tableExpediente > thead > tr > th.active,
    .tableExpediente > tbody > tr > th.active,
    .tableExpediente > tfoot > tr > th.active,
    .tableExpediente > thead > tr.active > td,
    .tableExpediente > tbody > tr.active > td,
    .tableExpediente > tfoot > tr.active > td,
    .tableExpediente > thead > tr.active > th,
    .tableExpediente > tbody > tr.active > th,
    .tableExpediente > tfoot > tr.active > th {
        background-color: #f5f5f5;
    }

    .tableExpediente-hover > tbody > tr > td.active:hover,
    .tableExpediente-hover > tbody > tr > th.active:hover,
    .tableExpediente-hover > tbody > tr.active:hover > td,
    .tableExpediente-hover > tbody > tr:hover > .active,
    .tableExpediente-hover > tbody > tr.active:hover > th {
        background-color: #e8e8e8;
    }

    .tableExpediente > thead > tr > td.success,
    .tableExpediente > tbody > tr > td.success,
    .tableExpediente > tfoot > tr > td.success,
    .tableExpediente > thead > tr > th.success,
    .tableExpediente > tbody > tr > th.success,
    .tableExpediente > tfoot > tr > th.success,
    .tableExpediente > thead > tr.success > td,
    .tableExpediente > tbody > tr.success > td,
    .tableExpediente > tfoot > tr.success > td,
    .tableExpediente > thead > tr.success > th,
    .tableExpediente > tbody > tr.success > th,
    .tableExpediente > tfoot > tr.success > th {
        background-color: #dff0d8;
    }

    .tableExpediente-hover > tbody > tr > td.success:hover,
    .tableExpediente-hover > tbody > tr > th.success:hover,
    .tableExpediente-hover > tbody > tr.success:hover > td,
    .tableExpediente-hover > tbody > tr:hover > .success,
    .tableExpediente-hover > tbody > tr.success:hover > th {
        background-color: #d0e9c6;
    }

    .tableExpediente > thead > tr > td.info,
    .tableExpediente > tbody > tr > td.info,
    .tableExpediente > tfoot > tr > td.info,
    .tableExpediente > thead > tr > th.info,
    .tableExpediente > tbody > tr > th.info,
    .tableExpediente > tfoot > tr > th.info,
    .tableExpediente > thead > tr.info > td,
    .tableExpediente > tbody > tr.info > td,
    .tableExpediente > tfoot > tr.info > td,
    .tableExpediente > thead > tr.info > th,
    .tableExpediente > tbody > tr.info > th,
    .tableExpediente > tfoot > tr.info > th {
        background-color: #d9edf7;
    }

    .tableExpediente-hover > tbody > tr > td.info:hover,
    .tableExpediente-hover > tbody > tr > th.info:hover,
    .tableExpediente-hover > tbody > tr.info:hover > td,
    .tableExpediente-hover > tbody > tr:hover > .info,
    .tableExpediente-hover > tbody > tr.info:hover > th {
        background-color: #c4e3f3;
    }

    .tableExpediente > thead > tr > td.warning,
    .tableExpediente > tbody > tr > td.warning,
    .tableExpediente > tfoot > tr > td.warning,
    .tableExpediente > thead > tr > th.warning,
    .tableExpediente > tbody > tr > th.warning,
    .tableExpediente > tfoot > tr > th.warning,
    .tableExpediente > thead > tr.warning > td,
    .tableExpediente > tbody > tr.warning > td,
    .tableExpediente > tfoot > tr.warning > td,
    .tableExpediente > thead > tr.warning > th,
    .tableExpediente > tbody > tr.warning > th,
    .tableExpediente > tfoot > tr.warning > th {
        background-color: #fcf8e3;
    }

    .tableExpediente-hover > tbody > tr > td.warning:hover,
    .tableExpediente-hover > tbody > tr > th.warning:hover,
    .tableExpediente-hover > tbody > tr.warning:hover > td,
    .tableExpediente-hover > tbody > tr:hover > .warning,
    .tableExpediente-hover > tbody > tr.warning:hover > th {
        background-color: #faf2cc;
    }

    .tableExpediente > thead > tr > td.danger,
    .tableExpediente > tbody > tr > td.danger,
    .tableExpediente > tfoot > tr > td.danger,
    .tableExpediente > thead > tr > th.danger,
    .tableExpediente > tbody > tr > th.danger,
    .tableExpediente > tfoot > tr > th.danger,
    .tableExpediente > thead > tr.danger > td,
    .tableExpediente > tbody > tr.danger > td,
    .tableExpediente > tfoot > tr.danger > td,
    .tableExpediente > thead > tr.danger > th,
    .tableExpediente > tbody > tr.danger > th,
    .tableExpediente > tfoot > tr.danger > th {
        background-color: #f2dede;
    }

    .tableExpediente-hover > tbody > tr > td.danger:hover,
    .tableExpediente-hover > tbody > tr > th.danger:hover,
    .tableExpediente-hover > tbody > tr.danger:hover > td,
    .tableExpediente-hover > tbody > tr:hover > .danger,
    .tableExpediente-hover > tbody > tr.danger:hover > th {
        background-color: #ebcccc;
    }

    .tableExpediente-responsive {
        min-height: .01%;
        overflow-x: auto;
    }

    @media screen and (max-width: 767px) {
        .tableExpediente-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
        }

            .tableExpediente-responsive > .tableExpediente {
                margin-bottom: 0;
            }

            .tableExpediente-responsive > .table > thead > tr > th,
            .tableExpediente-responsive > .table > tbody > tr > th,
            .tableExpediente-responsive > .table > tfoot > tr > th,
            .tableExpediente-responsive > .table > thead > tr > td,
            .tableExpediente-responsive > .table > tbody > tr > td,
            .tableExpediente-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

            .tableExpediente-responsive > .table-bordered {
                border: 0;
            }

                .tableExpediente-responsive > .table-bordered > thead > tr > th:first-child,
                .tableExpediente-responsive > .table-bordered > tbody > tr > th:first-child,
                .tableExpediente-responsive > .table-bordered > tfoot > tr > th:first-child,
                .tableExpediente-responsive > .table-bordered > thead > tr > td:first-child,
                .tableExpediente-responsive > .table-bordered > tbody > tr > td:first-child,
                .tableExpediente-responsive > .table-bordered > tfoot > tr > td:first-child {
                    border-left: 0;
                }

                .tableExpediente-responsive > .table-bordered > thead > tr > th:last-child,
                .tableExpediente-responsive > .table-bordered > tbody > tr > th:last-child,
                .tableExpediente-responsive > .table-bordered > tfoot > tr > th:last-child,
                .tableExpediente-responsive > .table-bordered > thead > tr > td:last-child,
                .tableExpediente-responsive > .table-bordered > tbody > tr > td:last-child,
                .tableExpediente-responsive > .table-bordered > tfoot > tr > td:last-child {
                    border-right: 0;
                }

                .tableExpediente-responsive > .table-bordered > tbody > tr:last-child > th,
                .tableExpediente-responsive > .table-bordered > tfoot > tr:last-child > th,
                .tableExpediente-responsive > .table-bordered > tbody > tr:last-child > td,
                .tableExpediente-responsive > .table-bordered > tfoot > tr:last-child > td {
                    border-bottom: 0;
                }
    }

    .top_panel {
        padding-top: 80px;
    }

    .top_panelxp {
        padding-top: 30px;
    }

   
}

.labelConcurso {
    text-align: center;
    font-size: 14px;
}
.panel-body {
    padding: 25px;
}

.panel1 {
    margin-bottom: 20px;
    /* background-color: #fff; */
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.top_escudo{
    padding-bottom:10px;
}
.navbar-inverse .navbar-nav > li > a{
    color:#fff;
}



element.style {
}



@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #C08800;
            /* background-color: blue; */
            background-color: #001E38;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        /*background-color: #080808;*/
        background-color: #001E38;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}