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

body {
    background-color: #ddd !important;
    width: 100%;
}        
.contenedor{
}
.p-top-25 { padding-top:25px}
.p-bottom-25 { padding-bottom:25px}

.panel-title { font-weight:700
}

.btn,
.help-block {
    transition: all 0.3s ease 0s;
}

.panel-login .panel-body {
    background-color:#fff ;
    padding: 15px 0px 15px 0px;
}
.panel-login .panel-heading {
    /*    background-color:#bc0792 ;*/
    color:#FFF
}
.input-group {
    padding-top: 0px;
    padding-bottom:30px;
    background-color: rgba(2555,255,255,.3);
}
.btn btn-primary pull-right{
    padding-top: 30px;
    background-color: rgba(2555,255,255,.3);
}

.panel {
    border: 0px solid transparent;
}
.panel-title{
    font-family: 'movistar_headlinebold';
    font-size:24px;
    color:#bc0792;
}
.btn{
    text-shadow: 0.05em 0.05em 0.0em #505050;
    width:120px;
    height:40px;
    border:0px;
    border-radius: inherit;
}
.logo1{
    margin:10px 0px 10px 0px;
    width: 95%;
    float:left;
}
.logoi{
    margin:10px 0px 10px 0px;
    width: 40%;
    float:left;
}
.logo2{
    margin:10px 50px 10px 0px;
    width: 15%;
    float:right;
}
h3{
    color:#000;
    text-align:center;
    padding:10px;
}
h5{
    color:#bc0792;
    padding:20px;
    font-size:12px;
}
h6{
    color:#000;
}
.titulo{
    font-family: 'movistar_headlinebold';
    font-size:24px;
    background-color:#f5f5f6;
    border-radius:6px;
    border:1px solid #f5f5f6;
    color:#777777;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    margin-bottom:30px;

}
.select{
    margin-bottom:30px;
}
.invalid{
    color:#cc0000;
    border:1px solid #cf0e0e;
}
.valid{
    color:#009900;
    border:1px solid #0c9e0c;
}
.opcion-no{
    text-shadow: 0.05em 0.05em 0.0em #505050;
    width:120px;
    height:40px;
    background: -webkit-linear-gradient(#686868, #969696);
    border:0px;
}
.cerrar{
    text-align:center;

}
.cerrar a{
    color:#000 !important;
    font-size:14px;
    padding: 20% 0 0 30%;
    float:left;

}
#home{
    padding:0px;}
.subtitulo{
    text-align:center;
    font-size:24px;
    padding: 5px 0px 25px 0px;
    color:#bc0792;
}
.icono{
    font-size:24px
}
.text{
    text-align:center;
    color:#bc0792;
}
.header{
    background-color:#ffffff;
    overflow:hidden;
    margin: 0 auto;
}	
.banner{
    margin: 0 auto; 
    padding-left:0px !important;
    padding-right:0px !important;
}
.barra{
    height:3px;
    background-color:#24c1d0;
    margin: 0 auto;
    padding-bottom:5px;
}

.procesar{
    opacity: 0.4;
}

.normal{
    opacity: 100;
}

@media only screen and (max-width: 991px) {
    .banner{
        /*width: 98%;*/
    }
    .logo1{
        margin: 10px 0px 10px 0px;
        width: 30%;
    }
    .barra{
        /*width: 96%;*/
    }	
    .header {
        /*width: 96.7%;*/
    }
    .cerrar a {
        font-size: 14px;
        padding: 6% 0 0 53%;
    }
}
@media only screen and (max-width: 765px) {
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 51%;
    }
    .banner{
        width: 97.2%;
    }
    .barra{
        width: 95.9%;
    }

}
@media only screen and (max-width: 694px) {
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 50%;
    }
    .banner{
        width: 97%;
    }
    .barra{
        width: 95.5%;
    }
}
@media only screen and (max-width: 664px) {

    .nav-tabs li{
        width:100%;
        text-align:center;
        border-bottom:#cecece 1px dashed;
    }
    * {
        padding: 0px 5px 0px 5px;
    }
    .nav-tabs li.active a{
        border: 0px none #ddd;
        border-radius:0;
    }
    .nav-tabs{
        border-bottom: 0px solid #ddd;
    }
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 41%;
    }
    .banner{
        width: 96.8%;
    }
    .barra{
        width: 95.2%;
    }
}
@media only screen and (max-width: 498px) {
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 35%;
    }
    .banner{
        width: 96%;
    }
    .barra{
        width: 93.5%;
    }
}
@media only screen and (max-width: 480px) {
    .banner{
        width: 96%;
    }
    .logo1{
        margin: 10px 0px 10px 0px;
        width: 45%;
    }
    .barra{
    }
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 10%;
    }
}
@media only screen and (max-width: 480px) {
    .banner{
        width: 96%;
    }
    .barra{
        width: 93.5%;
    }
}
@media only screen and (max-width: 330px) {
    .header {
        width: 90%;
    }
    .banner{
        width: 93.5%;
    }
    .logo1{
        margin: 10px 0px 10px 0px;
        width: 45%;
    }
    .barra{
        width: 89.7%;
    }
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 10%;
    }
    .cerrar a {
        font-size: 14px;
        padding: 5% 0 0 3%;
    }

}
.nomostrar{
    display: none;
}