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

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

.form-signin input[type="text"] {
    margin-bottom: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin .form-control {
    position: relative;
    font-size: 16px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vertical-offset-100 {
    padding-top: 20px !important;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.panel {
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.75);
    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);
}
h3,h1{ color: #392879; text-align: center !important}


/* Elvis */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: initial;
	-webkit-text-fill-color: #004085 !important;
	transition: background-color 5000s ease-in-out 0s;
}

.login-header{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFF;
}
.login-body{
    padding: 40px 80px;
    background-color: #0061AE;
    color: #FFF;
    text-align: center;

    border-radius: 0px 0px 20px 20px;
    -webkit-border-radius : 0px 0px 20px 20px;
    -moz-border-radius : 0px 0px 20px 20px;
}

.login-body h3 {
    font-family: 'poppinsbold';
}

.login-body p {
    font-family: 'poppinsextralight';
    font-size: 12px;
}

.espacio {
    margin: 15px 0;
}

.input-group-addon{
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #6AA3CF !important;
    color: #6AA3CF !important;
}

.form-control{
    font-family: 'poppinsextralight';
    border: none !important;
    border-bottom: 1px solid #6AA3CF !important;
    background: none !important;
}
.form-control:focus{
    box-shadow: none !important;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF !important;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF !important;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF !important;
}

/*.btn-login{
    background: url(../Imagenes/fondo_btn.png) no-repeat !important;
    width: 365px;
    height: 55px;
    color: #FFF;
}
.btn-login:hover{
    color: #FFF !important;
}*/


/* LA NUEVA VERSION LOGIN */

.login-block{
float:left;
width:100%;
padding : 50px 0;
}
.banner-sec{background-size:cover; min-height:379px; border-radius: 0 10px 10px 0; padding:0;}
.container{background:#fff; border-radius: 10px; box-shadow:15px 20px 0px rgba(0,0,0,0.1); border: 1px solid #CCC;}
.carousel-inner{border-radius:0 10px 10px 0;}
.carousel-caption{text-align:left; left:5%;}
.login-sec{padding: 39px 30px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #DE6262;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#FEB58A; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{background: #DE6262; color:#fff; font-weight:600;}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}
.login-block .text-uppercase{font-family: 'poppinsbold';}