/* General */
body{
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
}
a{
	text-decoration: none;
	outline: none;
}
li{
	list-style: none;
}
p{
	color: #999;
}
button{
	box-shadow: none !important;
	cursor: pointer;
	text-decoration: none !important;
}
.overflow{
	overflow: hidden;
}
.absolute{
	position:  absolute;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
	background-color: #ffffff;
}
/* font */
.Acta-ExtraBold{
  font-family: 'Acta-ExtraBold';
}
/* shadow */
.bs-n{
	box-shadow: none !important;
}
/* colores */
.fc-naranja{
	color: #ff651f;
}
.fc-negro{
	color: #000;
}
.fc-azul{
	color: #0e71b8 !important;
}
/* size y weight */
.fs-13{
	font-size: 13px;
}
.fs-14{
	font-size: 14px;
}
.fs-17{
	font-size: 17px;
}
.fs-18{
	font-size: 18px;
}
.fs-38{
	font-size: 38px;
}
.fw-700{
	font-weight: 700;
}
.fw-900{
	font-weight: 900;
}
.fsi{
	font-style: italic;
}
/* margin y padding */
.mlr-5-negativo{
	margin: 0 -5px;
}
/* header */
header a span{
	color: #fff;
}
.b-subtitulo:before{
	content: '';
    position: absolute;
    border-bottom: 4px solid #fff;
    width: 45px;
    left: 50%;
    margin-left: -22.5px;
    bottom: -20px;
}
/* banner */
.sombra-top,
.sombra-bottom{
	left: 0;
	position: absolute;
	right: 0;
}
.sombra-top{
	height: 40%;
	background: linear-gradient(to bottom, rgba(000,000,000,0.5) , transparent);
	top:0;
}
.sombra-bottom{
	bottom: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(000,000,000,0.35), transparent);
}
/* formulario de logeo */
#form-login{
	background-color: #fff;
	box-shadow: 5px 5px 25px 7px rgba(0,0,0,0.3);
	border-radius: 5px;
}
#form-login label{
	color: #999;
}
#form-login button,
#form-login button a{ 
	color:  #0e71b8 !important;
}
.md-input{
	color: #999;
}
.md-input:focus, 
.md-input.focus{
	border-color: #0e71b8;
}
.md-input:focus ~ label,
.md-input.focus ~ label{
	color: #007bff !important;
}
.btn-login-register,
.btn-login-register:focus,
.btn-login-register:hover{
	color:#ff651f
}
/* medias */
@media (min-width: 1600px) {
	.col-xxl-3{
		-ms-flex: 0 0 25%;
    	flex: 0 0 25%;
    	max-width: 25%;
	}
}