/* General
/////////////////////////////////////////////////////*/
body { background: url("./images/fondo-home.jpg") center top no-repeat #fff; background-size:cover; font-family: 'Open Sans', sans-serif; color:#545454; font-size:13px; margin:0; padding:0; }
/* Login propuesto
/////////////////////////////////////////////////////*/
.login {}
.login .content { width:100%; height:100vh; }
.login .content:before { content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(34,34,34, 0.4); z-index:1; }
.login .content .wrapper { width:350px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background:rgba(255, 255, 255, .9); z-index:2; border-radius:5px; }
.login .content .wrapper .logos { display:block; overflow:hidden; padding:20px; padding-bottom:0; text-align: center; }
.login .content .wrapper .logos .logos-izda { margin-top:9px; }
/*.login .content .wrapper .logos .logos-dcha { float:right; }*/
.login .content .wrapper .logos img { max-width:150px; display:inline-block; }
.login .content .wrapper .imagen { display:block; overflow:hidden; }
.login .content .wrapper .imagen img { width:100%; }
.login .content .wrapper form { position: relative; margin-bottom: 1.5rem; width: calc(100% - 60px); padding:30px; padding-bottom:10px; padding-top:10px; }
.login .content .wrapper form .card-title { margin:0; margin-bottom:20px; padding: 0px; color:#000; font-size: 20px; font-family: 'Titillium Web', sans-serif; text-align:center; position:relative; }
.login .content .wrapper form .card-title:before { content: ''; width: 10%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 50%; background:#c9cacb; }
.login .content .wrapper form .card-title:after { content: ''; width: 10%; height: 1px; background: #e5e5e5; position: absolute; left: auto; right: 0; top: 50%; background:#c9cacb; }
.login .content .wrapper form .form-group { margin-bottom:15px; }
.login .content .wrapper form .form-group .form-label { display:none; margin-bottom:3px; width:100%; overflow:hidden; }
.login .content .wrapper form .form-group a.float-right { float:right; color:#666; }
.login .content .wrapper form .form-group .form-control { display: block; width: calc(100% - 78px); border: 1px solid #ccc; padding: 15px; padding-left: 15px; padding-left: 60px; margin-bottom: 10px; color:#666 !important; font-size: 15px; }
.login .content .wrapper form .form-group .form-control[type=text] { background:url("./images/user_24.png") left center no-repeat #FFF; background-position:10px 13px; }
.login .content .wrapper form .form-group .form-control[type=email] { background:url("./images/email_24.png") left center no-repeat #FFF; background-position:10px 13px; }
.login .content .wrapper form .form-group .form-control[type=password] { background:url("./images/lock_24.png") left center no-repeat #FFF; background-position:10px 13px; }
.login .content .wrapper form .form-footer { margin-top:30px; }
.login .content .wrapper form .form-footer button { border-radius:8px; background:#bb813b; border:none; border-bottom:3px solid rgba(0,0,0,0.15); font-size:20px; font-family: 'Titillium Web', sans-serif; color:#fff; padding:8px 30px; display:block; cursor:pointer; width:100%; }
.login .content .wrapper form .form-footer button:hover { background:#9f6e32; }
.login .content .wrapper .explica { padding:30px; padding-top:0; display:none; }
.login .content .wrapper .text-muted { text-align:center; }

/* Responsive
/////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {
	.login .content .wrapper { position:relative; top:auto; left:auto; transform:none; -webkit-transform:none; margin:30px; width:calc(100% - 60px); }
}