body,html{
	margin: 0px 0px 0px 0px;
	font-family: 'Rubik', sans-serif;
}
body{
	width: 100%;
	min-width: 1200px;
}
.pantalla-carga{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	position: fixed;
	background: rgba(250,250,250,0.7);
	top: 0px;
	left: 0px;
	z-index: 200;
}
.centro-pantalla{
	padding-top: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: center;
}
.img-logo{
	width: 200px;
}
.img-carga{
	padding-top: 10px;
	width: 200px;
}
.mensaje{
	padding-top: 5px;
	font-size: 20px;
	color: #333;
}
.cabecera-main{
	background: #333;
	color: white;
	height: 25px;
	font-size: 12px;
	display: flex;
	min-width: 1200px;
}
.cabecera-contacto-numero-izquierdo{
	padding: 5px 5px 5px 5px;
	display: flex;
	width: 400px;
}
.cabecera-espacio{
	width: calc(100% - 800px);
}
.cabecera-contacto-numero-derecho{
	padding: 5px 5px 5px 5px;
	width: 400px;
	text-align: right;
}
.contacto-texto{
	margin-left: 5px;
}
.nav-main{
	width: 100%;
	background: white;
	min-width: 1200px;
	top: 0px;
	z-index: 150;
	position: relative;
}
.nav-main-cuerpo{
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	text-align: center;	
	font-size: 20px;
	color: #333;
}
.centrar{
	display: inline-flex;
}
a{
	color: #333;
	text-decoration: none;
}
.selector{
	width: 100%;
	height: 5px;
	background: white;
	transition: 0.5s;
}
.selector-activo{
	background: rgb(8,8,150);
}
.nav-contenido{
	padding: 23px 15px 28px 15px;
	transition: 0.5s;
	cursor: pointer;
}
.nav-contenido-activo{
	color: rgb(8,8,150);
}
.nav-contenido:hover{
	background: rgb(8,8,150);
	color: white;
}
.nav-contenido-logo{
	padding: 5px 5px 5px 5px;
	display: flex;
	cursor: pointer;
}
.img-icono{
	height: 70px;
	transition: 1s;
	transform: translateY(-100px);
}
.separador-footer{
	width: 100%;
	height: 40px;
	background: #eee;
	min-width: 1200px;
}
.footer-main{
	width: 100%;
	min-width: 1200px;
	font-size: 15px;
	text-align: center;
	background: rgb(8,8,150);
	color: #eee;
}
.footer-contenido{
	width: 100%;
	min-width: 1200px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.opciones-movil{
	display: none;
}
.drop-menu-movil{
	display: none;
}
@media(max-width: 500px){
	body{
		min-width: 100%;	
	}
	.pantalla-carga{
		min-width: 100%;
		display: block;
	}
	.centro-pantalla{
		margin-left: 25%;
		padding-top: 120px;
		width: 50%;
	}
	.img-logo{
		width: 100%;
	}
	.img-carga{
		padding-top: 10px;
		width: 100%;
	}
	.mensaje{
		font-size: 20px;
		color: #333;
	}
	.cabecera-main{
		display: none;
	}
	.nav-main{
		min-width: 100%;
		display: fixed;
		top: 0px;
	}
	.nav-main-cuerpo{
		width: 100%;
		display: flex;
	}
	.centrar{
		width: calc(100% - 60px);
	}
	.img-icono{
		height: 50px;
	}
	.nav-contenido{
		display: none;
	}
	.opciones-movil{
		position: fixed;
		top: 60px;
		left: 0px;
		z-index: 140;
		width: 100%;
		background: #eee;
		box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.5);
	}
	.opc-contenido{
		padding: 10px 10px 10px 10px; 
		width: calc(100% - 20px);
		font-size: 20px;
	}
	.drop-menu-movil{
		padding: 5px 5px 5px 5px;
		width: 50px;
		display: block;
	}
	.icono-menu{
		padding-top: 5px;
		color: #555;
		font-size: 40px;
	}
	.separador-footer{
		min-width: 100%;
		height: 20px;
	}
	.footer-main{
		min-width: 100%;
	}
	.footer-contenido{
		min-width: 100%;
	}
}