.titulos{
	font-family: 'Jost', sans-serif;
	font-weight: 500;
	color: white;
}

.subtitulos{
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: white;
}

.parrafo{
	font-family: 'Karla', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: white;
}

.menu{
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	color: white;
	font-size: 32px;
}


.activado{
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: white;
	font-size: 32px;
}

.nav-item :hover{
	font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: white;
	font-size: 32px;
}

.center{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sombra{
	-webkit-filter: drop-shadow(12px 12px 10px #222); 
	filter: drop-shadow(12px 12px 10px #222);
}

.floatdev{	
	position:fixed;
	height:40px;
	bottom: 0px;
	padding-left: 5px;
	font-size: 11px;
	color:#FFF;
	text-align:center;
}

.float{
	position:fixed;
	width:50px;
	height:40px;
	bottom:40px;
	right:15px;
	background-color:#fff;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.float2{
	position:fixed;
	width:50px;
	bottom:50%;
	right:0px;
}

.float3{
	position:fixed;
	width:50px;
	height:40px;
	bottom:90px;
	right:15px;
	background-color:#fff;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.hfondo{
	position: absolute;
	bottom: 0;	
}

.logoM{
	width: 70px;
}

.celini{
	margin-top: 95px;
}

.pre1{
	width: 200px;
	margin: auto;
}

/* PRECARGA */
.precarga {
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); }