@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

body.login { background: #142130 !important; font-family: 'Lato', sans-serif!important; }

#login {
    width: 50% !important;
	max-width: 600px;
}

.login form {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
	margin-top: 0!important;
	max-width: 320px;
	margin-left: auto;
    margin-right: auto;
}

.login label {
    color: #c79a50;
    font-size: 12px;
}

.login h1 a {
    width: 100%;
    height: 120px;
    background-image: url(../img/logoMatos.png) !important;
    -webkit-background-size: 200px;
    background-size: 100%;
    background-position: center center;
    margin: 0 !important;
}


input {padding: 12px 3% 9px 3% !important; border: none!important; border-bottom: #a0753d 3px solid!important; border-radius: 0!important; }
input:focus { border-bottom: #bc924c 3px solid!important; box-shadow: inset 0 1px 2px rgba(0,0,0,.07);  box-shadow: 2px 1px 2px #bc924c;  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}


 .login .button-primary  {
  
    line-height: 10px !important;
height: 45px !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin: 0;
-webkit-appearance: none;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
text-transform: uppercase;
background-color: #7d5e36;

}

.login .button-primary {
    background-color: #2c3d50 !important;
    border-color: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
    text-decoration: none !important;
    text-shadow: none !important;
}

.login .button-primary:hover { background-color: #bc924c; }


@media (max-width: 768px) {
#login {
    width: 100% !important;
	max-width: 420px;
}

	
	
}