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

/* Definimos la fuente personalizada para la web */
@font-face {
    font-family: Gotham-Light;
    src: url('../../assets/webfonts/Gotham-Light.ttf') format('truetype');
}
@font-face {
    font-family: Gotham-Medium;
    src: url('../../assets/webfonts/Gotham-Medium.ttf') format('truetype');
}
body {
  background-color: white;
	font-family: Gotham-Light;
}

/* ALINEACIÓ CONTINGUT */

.container-fluid{
	height: 369px;
   	width: 550px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -180px;
	margin-left: -275px;
}
div-{
	padding: 2px;
}
.vertical-center {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}

/* IMATGE LOGO */
.img-logo-login {
	width: 550px;
	height: 130px;
  margin-left: -15px;
}

/* BOTONES */

.btn {
    width: 180px;
    height: 35px;
    border: 1px solid #404040;
    border-radius: 5px;
    background-color: #f8f8f8;
    vertical-align: middle;
    font-family: Gotham-medium;
}
.btn:hover,
.btn:focus{
  background-color: #007690 !important;
  color: white;
}
.pull-left {
	 padding-right: 5px;			/* Distancia separación entre botones toolbar. */
}

/* BUTONS */

.login-btn{
    width: 223px;
    border: 1px solid #404040;
  	text-align: center;
    border-radius: 5px;
  	background-size: contain !important;
    padding-left: 20px;
}
.login-user{
	background-origin: padding-box !important;
	background: url('../../assets/images/login-user-black.jpg') no-repeat scroll;
}
.login-pass{
	background: url('../../assets/images/login-pass-black.jpg') no-repeat scroll;
}
.login-button{
  background-color: #f8f8f8 !important;
	background: url('../../assets/images/login.png') no-repeat scroll;
}
/* Error message */
.error-msg{
	font-family: Gotham-Light;
	font-size: small;
}

/* TEXT BUTTONS */

input{
	padding: 3px 6px;
	font-family: Gotham-Medium;
	background-color: #fff !important;
	color: #636363 !important;
	border-radius: 5px;
}




/* FOOTER */

footer {
    position: fixed;
    height: 75px;
    bottom: 0;
    width: 100%;
}

.logo-footer{
  width: 175px;
  height: 31px;
  text-align: center;
}