@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
body.page-home {
  	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
    font-size: 100%;
	color: #fff;
  	background: #2885c6 url(bg-inicio.jpg) center center fixed no-repeat;
  	background-size: cover;
}
#home-container {
	width: 508px;
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
#home-logo {
	margin-bottom:50px;
	display:block;
}
#logo > img {
	width:100%;
	max-width:100%;
	height: auto;
}
#home-idioma {
	font-weight:bold;
	text-align:right;
	font-size:.9em;
	margin-bottom:25px;
}
	#home-idioma > a {
		opacity:.6;
		color:#fff;
		text-decoration:none;
	}
	#home-idioma > a:hover,
	#home-idioma > a:focus {
		opacity:1;
	}

.form-group {
	display: inline-block;
	width: 50%;
	float: left;
	margin-bottom: 25px;
}
.form-group.pie {
	float: right;
}

.edit-label .control-label {
	margin-bottom: 5px;
	font-size: 1.1em;
    font-weight: 300;
}
.form-control.user,
.form-control.password {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	padding: .5em 1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.form-control.user {
	width: 99% !important;
}
.login-box-pie > a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-top: 15px;
}
	#formulario a:hover {
		opacity: .6;
	}

.login-box-left-column {
    background-color: transparent;
	margin-bottom: 25px;
    padding: 0;
}
.login-box-left-column .btn-lg {
    border-radius: 0;
	color:#2885c6;
	text-transform:uppercase;
	font-size:1.6em;
	background:#fff;
	border:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	padding:7px 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	cursor:pointer;
}
.login-box-left-column .btn-lg:hover,
.login-box-left-column .btn-lg:focus {
		background:#000;
		color:#fff;
	}

.login-box-left-column .login-box-pie {
    margin-top: 10px;
}
.login-box-left-column .login-box-pie > a {
    color: #fff;
}
.login-box-left-column .login-box-pie > a:hover {
    color: #a1bed0;
}
    .login-box-left-column .login-box-pie > a .img-icon {
        display: none;
    }

#home-support {
	text-transform:uppercase;
	font-size:1.6em;
}


@media screen and (max-width:510px) {
    #home-container {
        width: 100%;
    }
    .login-box-left-column {
        padding-right: 10px;
        padding-left: 10px;
    }
    .form-group {
        display: block;
        width: 100%;
        float: none;
    }
    .form-control.user {
	    width: 100% !important;
    }
}