.bg {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	/*background: url('../img/index/bg-index.jpg') no-repeat;
	background-size: cover;
	background-position: center;*/
	z-index: -1;
	overflow: hidden;
}

.bg > video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	bottom: 0;
}



/* HEADER */
	header { width: 100%; }

	.header-logos {
		height: 50px;
		background: rgba(0,0,0,0.85);
	}

	.header-logos-img {
		position: absolute;
		top: 10px;
		height: 30px;
	}
	
	.header-logos-img a {
		padding:0 10px 0 0;
		float:left;
		height:100%;
	}

	.header-logos-img img {
		height: 100%;
	}

	.header-logos-link {
		padding-left: 15px;
	}

	.header-menu {
		height: 70px;
		background: #e9edf0;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #d3d4d9;
	}

	.header-content {
		width: 95%; max-width: 1000px;
		margin: 0px auto;
		height: 100%;
		position: relative;
	}

	.bienvenido {
		margin: 15px 0px;
		font-size: 28px;
	}

	ul.menu {
		top: 9px; right: 0;
		margin: 0; padding: 0;
		font-size: 14px;
	}

	.menu > li {
		list-style: none;
		display: inline-block;
		padding-left: 50px;
	}

	.menu a {
		color: black;
		text-decoration: none;
	}

	@media (max-width: 800px) {
		.header-menu { height: auto; }
		.bienvenido { margin: 5px 0px; }
		ul.menu { top: 0px; margin-bottom: 10px; }
		.menu > li { padding: 0 10px; }
	}
/* END HEADER */

/* SECTION */
	

	@media (max-width: 550px) {
		section {
			background-size: cover;
		}
	}

	.login-content {
		position: absolute;		
		width: 100%;
		text-align: center;
	}

	.divisor {
		max-width: 95%;
		overflow: hidden;
		text-align: center;
		white-space: nowrap;
		min-width: 20px;
	}

	.divisor > div { display: inline-block; vertical-align: middle; }

	.divisor .linea {
	    width: 160px; height: 1px;
	    background: rgba(255, 255, 255, 0.5);
	}

	.divisor .span {
		color: white;
	}

	@media (min-width: 735px) {
		.inline {
		    display: inline-block;
		    vertical-align: top;
		}

		.divisor > div { display: block; }

		.divisor .linea { 
			width: 1px; height: 120px; 
			margin: auto; background: rgba(255, 255, 255, 0.5);
		}
	}	

	.login-form {
		width: 95%; 
		max-width: 350px; 
		color: white;
		margin: auto;
		text-align: center;
		font-size: 14px;
	}

	.login-form .title {
		font-size: 30px;
		font-family: 'Roboto-Regular';
	}

	.login-form .info {
		margin-top: 5px;
	}

	.login-form .input {
		position: relative;
	}

	.login-form .input > input {
	    width: 100%;
	    height: 35px;
	    text-align: center;
	    font-size: 16px;
	    margin-top: 20px;
	    border-radius: 6px;
	    font-family: 'Roboto-Light';
	    border: 1px solid #c0c1c3;
		color: black;
		text-transform: uppercase;
	}

	.login-form .input > input:focus {
		border-color: #3e8feb;
	}

	.login-form .button > button {	    
	    background: #1880fb;
	    color: white;

	    font-family: 'Roboto-Light';
	    font-size: 14px;

	    border: 0px;
	    border-radius: 5px;

	    height: 35px;
		width: 115px;
	    margin-top: 20px;
	}

	.login-form .button > button:hover,
	.login-form .button > button:focus,
	.login-form .button > button:disabled
	{
		background: #179cfb;
	}

	.login-form .button > button:disabled > span,
	.login-form .button > button > img {
		display: none;
	}
	
	.login-form .button > button > span,
	.login-form .button > button:disabled > img {
		display: block;
		margin: auto;
	}

	.login-form .registro {
		margin-top: 15px;
	}

	.login-form .registro > a {
		color: white;
		cursor: pointer;
	}


/* END SECTION */

/* FOOTER */
	footer {
		height: 70px; width: 100%;
		background: #ffffff;
		color: #50a1fd;
	}

	footer a { color: #50a1fd; cursor: pointer;}

	.footer-content {
		width: 95%; max-width: 1000px;
		margin: 0px auto;
		height: 100%;
		font-size: 14px;
		position: relative;
	}

	.footer-element { top: 25px; }

	@media (max-width: 550px) {
		.footer-element { top: 15px; }
	}
/* END FOOTER */

.has-error > input {
	border-color: red !important;
}

.dialog-error {
    position: absolute;
    top: 62px;  
    right: 0; 
    width: 275px;
    text-align: center;
    z-index: 5;
    display: none;
}

.icon-error {
	display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    background: red;
    top: 3px;
    right: 5px;
    background: url('../img/iconos/exclamacion.svg');
    background-position: center;
    background-size: cover;
}

.has-error > .icon-error {
	display: block !important;
}

.msg-error {
	font-family: 'Roboto-Regular';
	color: white;
	font-size: 14px;
	background: #e03838;
	padding: 7px 25px 10px;
	border-radius: 5px;
}

.msg-error .close-btn {
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
	width: 25px; height: 25px;
	border: 2px solid white;
	border-radius: 25px;
	padding: 0px;
	/*background: url('../img/facturacion/cerrartooltip.svg') no-repeat; 
	background-size: cover;*/
}

.msg-error .close-btn > img {
	width: 31px;
    position: absolute;
    top: -5px;
    left: -5px;
}

.tip {
	width: 0px;
	height: 0px;
	position: absolute;
	background: transparent;
	border: 12px solid #e03838;
}

.tip-up {
	top: -23px; /* Same as body margin top + border */
	right: 3%;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.tip-down {
	bottom: -25px;
	left: 10px;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;  
}

.tip-left {
	top: 10px;
	left: -25px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;  
}

.tip-right {
	top: 10px;
	right: -25px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;  
}

@media(min-width: 768px) {
  	.dialog-error {
  	  	right: -29px;
  	}	

  	.tip-up {
    	right: 13%;
  	}
}
@media(min-width: 992px) {
  	.dialog-error {
    	right: -125px;
  	}

  	.tip-up {
    	left: 43%;
  	}
}

.valign-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.appPromo{background: #2b292a;width: 100%;height: 84px;position: fixed;bottom: 0;color: #fff;padding: 15px;}
.appPromo>.brand{width: 54px;height: 54px;float: left;}
.appPromo>.content{padding-left:10px;float: left;}
.appPromo>.content>.download-wrapper{margin-top: 6px;}
.appPromo>.content>.download-wrapper>a{font-size: 14px;color: #fff;padding: 2px 8px;border: 1px solid #fff;border-radius: 3px;}
.appPromo>.content>.download-wrapper>a:hover{text-decoration: none}
.appPromo>.content>.download-wrapper>a img{width: 12px;height: 12px;margin-top: -2px;}