/*=============================================
GLOBAL
=============================================*/

*{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	
}

hr {
  height: 1px;
  width: 90%;
  background-color: white;
}


a, h1, h2, h3, h4, h5, h6, button, select, option, .input-group, input, .input-group-text, textarea, .nav-link{
	font-family: 'Roboto Condensed', sans-serif;
}

ul, ol{
	list-style: none;
}

a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
}

.dropdown-menu{
	min-width:0% !important;
	padding:0 !important;
	font-size:12px !important;
}

.dropdown-item{
	padding:8px 18px !important;
	color:black !important;
	font-weight:500 !important;

}


/*=============================================
CURSOS
=============================================*/
.cursos .row h3{
	font-weight:bold;
}

.cursos video{
	cursor:pointer;
}

/*=============================================
SCROLL UP
=============================================*/

#scrollUp{
	bottom: 20px;
	right: 60px;
	width: 50px;
	height: 50px;
	background: url(../img/logotipos/home.png);
}

/*=============================================
PRELOAD
=============================================*/

#preload{
	position:fixed;
	z-index:1000;
	width:100%;
	height:100%;
	background:#fff;
}

#porcentajeCarga{
	position:absolute;
	text-align:center;
	width:100%;
	color:#333;
	top:52%;
	font-size:20px;
	font-weight: 100;
	padding-top:20px;
	font-family: 'Grand Hotel', cursive !important;
}

#lineaCarga{
	position:absolute;
	width:50%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#rellenoCarga{
	width:0%;
}

/*=============================================
HEADER
=============================================*/

header{
	position: fixed;
	z-index: 2;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.1);
}

.botonera li{
	cursor:pointer;
}

.botonera li:hover{
	border-bottom:3px solid white;
}

/*=============================================
PONIENTE
=============================================*/

.fondoAlitas {
	background: url("../img/poniente/alas_obscuras.png");
	background-size: cover;
	height: 100vh;
	overflow: hidden;
}

.fondoAlitas #centroPantalla h1{
	font-size:50px !important;
	font-family: 'Roboto Slab';
}

.fondoAlitas #centroPantalla h2{
	font-size:32px !important;
	font-family: 'Ubuntu';
}

#centroPantalla {
	width: 100%; 
	height: 100%; 
	position:absolute;
}

.boton {
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 300px;
  height: 50px;
}

.mensajes {
	width: 50%;
 	font-family: poppins;
	font-size: 1.4rem;
}


/*=============================================
CONTACTENOS
=============================================*/

.contactenos input, .contactenos textarea{
	font-weight:100;
}

.contactenos .visitanos{
	background:#bea890;
	transform:translate(0%,-15%);
}

/*=============================================
PÁGINA PARA INGRESO AL SISTEMA
=============================================*/

.ladoUsuarios{
	overflow-y:hidden;
}

.fotoIngreso, .fotoRegistro{
	position:relative;
	background-size: cover;
	background-position:center top;
	background-attachment:fixed;
	height:100vh;
}

.fotoIngreso, .fotoRegistro {
	background: url(../img/poniente/alas_obscuras.png);
}

.fotoIngreso::before, .fotoRegistro::before{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:"";
	background:rgba(0,0,0,.5);
}

.ladoUsuarios .btnRegresar{
	position:absolute;
	right:2%;
	top:2%;
	padding:5px 20px;
	font-size:15px;	
}

.ladoUsuarios .btnRegresar, .fotoIngreso .btnRegresarMovil{
	position:absolute;
	right:2%;
	top:2%;
	padding:5px 20px;
	font-size:15px;	
}

.fotoIngreso .btnRegresar, .fotoRegistro .btnRegresarMovil {
	background:#A17A8C;
}

.fotoRegistro .btnRegresar, .fotoRegistro .btnRegresarMovil{
	background:#A1B287;
}

.ladoUsuarios .redesSociales{
	position:absolute;
	right:2%;
	bottom:0;
	list-style-type: none;
}

input[type="checkbox"]{
	display:none;
}