@charset "UTF-8";
/***********************************************************************/
/****************************** FONTS **********************************/
/***********************************************************************/

@font-face{font-family:"novecento_widelight";src:url('fonts/novecentowide-light-webfont.eot');src:url('fonts/novecentowide-light-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-light-webfont.woff') format('woff'), url('fonts/novecentowide-light-webfont.ttf') format('truetype'), url('fonts/novecentowide-light-webfont.svg#novecento_widelight') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"novecento_widenormal";src:url('fonts/novecentowide-normal-webfont.eot');src:url('fonts/novecentowide-normal-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-normal-webfont.woff') format('woff'), url('fonts/novecentowide-normal-webfont.ttf') format('truetype'), url('fonts/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"novecento_widemedium";src:url('fonts/novecentowide-medium-webfont.eot');src:url('fonts/novecentowide-medium-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-medium-webfont.woff') format('woff'), url('fonts/novecentowide-medium-webfont.ttf') format('truetype'), url('fonts/novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"novecento_widedemibold";src:url('fonts/novecentowide-demibold-webfont.eot');src:url('fonts/novecentowide-demibold-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-demibold-webfont.woff') format('woff'), url('fonts/novecentowide-demibold-webfont.ttf') format('truetype'), url('fonts/novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"novecento_widebook";src:url('fonts/novecentowide-book-webfont.eot');src:url('fonts/novecentowide-book-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-book-webfont.woff') format('woff'), url('fonts/novecentowide-book-webfont.ttf') format('truetype'), url('fonts/novecentowide-book-webfont.svg#novecento_widebook') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"novecento_wide_bookbold";src:url('fonts/novecentowide-bold-webfont.eot');src:url('fonts/novecentowide-bold-webfont-0.eot#iefix') format('eot'),url('fonts/novecentowide-bold-webfont.woff') format('woff'), url('fonts/novecentowide-bold-webfont.ttf') format('truetype'), url('fonts/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans900_italic";src:url('fonts/museosans-900italic-webfont.eot');src:url('fonts/museosans-900italic-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-900italic-webfont.woff') format('woff'), url('fonts/museosans-900italic-webfont.ttf') format('truetype'), url('fonts/museosans-900italic-webfont.svg#museo_sans900_italic') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans700_italic";src:url('fonts/museosans-700italic-webfont.eot');src:url('fonts/museosans-700italic-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-700italic-webfont.woff') format('woff'), url('fonts/museosans-700italic-webfont.ttf') format('truetype'), url('fonts/museosans-700italic-webfont.svg#museo_sans700_italic') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans300_italic";src:url('fonts/museosans-300italic-webfont.eot');src:url('fonts/museosans-300italic-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-300italic-webfont.woff') format('woff'), url('fonts/museosans-300italic-webfont.ttf') format('truetype'), url('fonts/museosans-300italic-webfont.svg#museo_sans300_italic') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans300";src:url('fonts/museosans-300-webfont.eot');src:url('fonts/museosans-300-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-300-webfont.woff') format('woff'), url('fonts/museosans-300-webfont.ttf') format('truetype'), url('fonts/museosans-300-webfont.svg#museo_sans300') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans100_italic";src:url('fonts/museosans-100italic-webfont.eot');src:url('fonts/museosans-100italic-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-100italic-webfont.woff') format('woff'), url('fonts/museosans-100italic-webfont.ttf') format('truetype'), url('fonts/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans100";src:url('fonts/museosans-100-webfont.eot');src:url('fonts/museosans-100-webfont-0.eot#iefix') format('eot'),url('fonts/museosans-100-webfont.woff') format('woff'), url('fonts/museosans-100-webfont.ttf') format('truetype'), url('fonts/museosans-100-webfont.svg#museo_sans100') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans900";src:url('fonts/museosans_900-webfont.eot');src:url('fonts/museosans_900-webfont-0.eot#iefix') format('eot'),url('fonts/museosans_900-webfont.woff') format('woff'), url('fonts/museosans_900-webfont.ttf') format('truetype'), url('fonts/museosans_900-webfont.svg#museo_sans900') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans700";src:url('fonts/museosans_700-webfont.eot');src:url('fonts/museosans_700-webfont-0.eot#iefix') format('eot'),url('fonts/museosans_700-webfont.woff') format('woff'), url('fonts/museosans_700-webfont.ttf') format('truetype'), url('fonts/museosans_700-webfont.svg#museo_sans700') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans500";src:url('fonts/museosans_500-webfont.eot');src:url('fonts/museosans_500-webfont-0.eot#iefix') format('eot'),url('fonts/museosans_500-webfont.woff') format('woff'), url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');font-weight:"normal";font-style:"normal"}
@font-face{font-family:"museo_sans500_italic";src:url('fonts/museosans_500_italic-webfont.eot');src:url('fonts/museosans_500_italic-webfont-0.eot#iefix') format('eot'),url('fonts/museosans_500_italic-webfont.woff') format('woff'), url('fonts/museosans_500_italic-webfont.ttf') format('truetype'), url('fonts/museosans_500_italic-webfont.svg#museo_sans500_italic') format('svg');font-weight:"normal";font-style:"normal"}

/***********************************************************************/

/*********************************
Normalización
*********************************/

* {
	margin:0;
    padding:0;
}
html {
}

/*********************************
Estructura
*********************************/

body {
	width:100%;
	height:100%;
    margin:0 auto;
}
#wrapper {
	position:absolute;
	width:500px;
	height:520px;
	top:50%;
	margin-top:-270px;
	left:50%;
	margin-left:-250px;
	font-family:"novecento_widelight";
	text-align:center;
	background: rgba(210, 18, 22, 0.9);
	border:solid 8px rgba(255, 255, 255, 0.8);
}
#header {
	display: block;
	width:100%;
	margin-top:30px;
	text-align:center;
}
#information {
	width:500px;
	margin-top:10px;
}
#login {
	width:100%;
	display: block;
	font-family:"novecento_widelight";
	font-size:12px;
	letter-spacing:1px;
	color:#fff;
}
#buttons {
	display: block;
	margin:  0px 0px 0px 0px;
}
#users {
	width:400px;
	height:25px;
	margin-left:50px;
	text-align:left;
	font-family:"novecento_widelight";
}
#pass {
	width:400px;
	height:25px;
	margin-top:5px;
	margin-left:50px;
	font-family:"novecento_widelight";
	/*background: right no-repeat url(../image/icon.png);*/
	text-align:left;
}
#footer {
	width:100%;
	height:50px;
	display: block;
	font-family:"museo_sans500";
	font-size:11px;
	text-align:center;
	letter-spacing:0.5px;
	color:#fff;
	margin-top: 20px;
}

#users,
#pass{
  height: auto!important; text-align: center; color: #FFFF00;
}
.process{
  background-image: url(/landing_design/login/image/<?php print $this->background ?>);
}
.login-input, 
.login-input:focus {
  width:100%;
  height:25px;
  background:transparent;
  border:0px !important;
  border-bottom:1px solid #ffffff !important;
  color:#ffffff;
  letter-spacing:2px;
  font-size:12px;
  text-align:left;
}

.captcha-container{
  width: max-content;
  margin: 10px auto;
}


::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}
/*********************************
Clases
*********************************/

.process {
	position:fixed;
	width:100%;
	min-height:100%;
	background-image:url(../image/bg_qatros_0.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.aceptar_one {
	font-family:"museo_sans500";
	-webkit-transition-duration:250ms;
	-moz-transition-duration:250ms;
	-o-transition-duration:250ms;
	transition-duration:250ms;
	border:1px solid #fff;
	display:inline-block;
	text-align:center;
	padding:16px 0;
	color:#fff;
	width:200px;
	/*background: none;*/
	background: #d21216;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1px;
	cursor:pointer;
}
.aceptar_one:hover {
	text-decoration:none;
	width:400px;
	background-color:#d21216;
	border-color:#fff;
}
.line {
	display: block;
	height:5px;
	margin-left:50px;
	border-bottom:solid 1px;
}
.acc_home{
	font-family:"museo_sans500";
	color:#fff;
	display: block;
}

.password_one {
    font-family: "museo_sans500";
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    border: 0px solid #d21216;
    display: inline-block;
    text-align: center;
    padding: 16px 0;
    color: #fff;
    width: 25px;
    /* background: #d21216 !important; */
    text-decoration: none;
    background: right no-repeat url(../image/eye.png) !important;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    margin-left: -25px;
    /*margin-top: -25px;*/
    color: #FFFFFF;
}
/*
.password_one {
    font-family: "museo_sans500";
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    border: 0px solid #d21216;
    display: inline-block;
    text-align: center;
    padding: 16px 0;
    color: #fff;
    width: 25px;
    background: #d21216;
    text-decoration: none;
    background: right no-repeat url('../image/eye.png');
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    margin-left: -1.8rem;
}

.password_show {
    font-family: "museo_sans500";
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    border: 0px solid #d21216;
    display: inline-block;
    text-align: center;
    padding: 16px 0;
    color: #fff;
    width: 25px;
    background: #d21216;
    text-decoration: none;
    background: right no-repeat url(../image/eye-slash.png);
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    margin-left: -1.8rem;
}
*/
.password_show {
    font-family: "museo_sans500";
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    border: 0px solid #d21216;
    display: inline-block;
    text-align: center;
    padding: 16px 0;
    color: #fff;
    width: 25px;
    /* background: #d21216 !important; */
    text-decoration: none;
    background: right no-repeat url(../image/eye-slash.png) !important;
    font-size: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    margin-left: -25px;
    /*margin-top: -25px;*/
    color: #FFFFFF;
}