* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	position: relative;

}

body {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: #000;
	color: #FFF;
	height: 100%;
}

#Titulo1,
#Titulo2,
#Titulo3,
#Titulo4,
#Titulo5,
#Titulo6,
#Texto1,
#Texto2,
#Texto3 {
	display: none;
}

.mainWrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	scroll-behavior: smooth;
}

.menuWrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 8%;
	color: #c2c2a3;
	z-index: 1;
	padding: 0;
	margin: 0;
}

.filtroMenu {
	display: block;
	position: absolute;
	width: 100%;
	height: 8%;
	background: #000;
	z-index: 5;
}

.filtroIntro {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	top: 8%;
	z-index: 5;
}

.contentWrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

.bottomSpacer {
	display: block;
	position: fixed;
	background: #000;
	width: 100%;
	height: 1%;
	top: 99%;
	box-shadow: 0px -5px 5px 1px rgba(0, 0, 0, 0.8);
}

.blurring {
	filter: blur(6px);
}

.nosotros {
	background-image: url(../imagenes/nosotros.jpg);
}

.objetivo {
	background-image: url(../imagenes/OBJETIVO_2x.jpg);
}

.servicios {
	background-image: url(../imagenes/servicios_2x.jpg);
}

.mostrarContacto {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 5;
	overflow: hidden;

}

.menu {
	display: none;
}

.logoMenu {
	display: block;
	position: relative;
	height: 100%;
	width: 20%;
	background-image: url(../imagenes/LOGOCEIDFU.png);
}

.nav {
	display: block;
	position: absolute;
	background: #000;
	width: 14.3%;
	height: 50%;
	top: 25%;
	text-align: center;
	padding-top: 1%;
	border-style: solid;
	border-color: #c2c2a3;
	border-width: 1px;
	border-bottom: none;
	border-top: none;
	border-left: none;
	cursor: pointer;
	-o-transition: color .5s ease-out;
	-ms-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-webkit-transition: color .5s ease-out;
	transition: color .5s, text-shadow 0.5s ease-out;
}

.nav:hover {

	text-shadow: 0 0 5px #999999, 0 0 10px #999999, 0 0 15px #999999, 0 0 20px #999999, 0 0 30px #999999, 0 0 40px #999999, 0 0 55px #999999, 0 0 75px #999999;
}

.opcion1 {
	left: 12%;
}

.opcion2 {
	left: 27%;
}

.opcion3 {
	left: 42%;
}

.opcion4 {
	left: 57%;
}

.opcion5 {
	width: 20%;
	left: 72%;
}

.opcion6 {
	left: 92%;
}

.tabContacto {
	display: none;
}

.miniMenu {
	display: block;
	position: relative;
	color: #fff;
	width: 100%;
	height: 99%;
	padding: 0;
	margin: 0;
	left: 0%;
	border: 1px;
	border-style: solid;
	border-color: #000;
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.8);
}

.miniLogo {
	display: block;
	position: absolute;
	width: 24%;
	height: 100%;
	background-image: url(../imagenes/LOGOCEIDFU.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: cover;
}

.botonMenu {
	display: block;
	position: relative;
	width: 12%;
	height: 80%;
	top: 10%;
	left: 87%;
	z-index: 3;
	cursor: pointer;
	background: #000;
	text-align: center;
	border-radius: 2px;
	font-size: 20px;
	padding-top: 0.7%;
	border-style: solid;
	border-width: thin;
	border-color: #cacaca;
	color: #cacaca;
	-o-transition: background .3s, color .3s ease-out;
	-ms-transition: background .3s, color .3s ease-out;
	-moz-transition: background .3s, color .3s ease-out;
	-webkit-transition: background .3s, color .3s ease-out;
	transition: background .3s, color .3s ease-out
}

.botonMenu:hover {
	background: #cacaca;
	color: #000;
	border: #000;
	padding-top: 0.8%;
}

.submenu {
	display: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.96);
	width: 100%;
	height: 84%;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	top: -100%;
	z-index: 2;
	-webkit-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-moz-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-o-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	-ms-transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	transition: visibility 0.3s, opacity 0.3s, top 0.3s linear;
	border-style: solid;
	border-width: thin;
	border-color: #333333;
	border-top: none;
	border-bottom: none;
	border-radius: 0 0 9px 9px;
	border: 0;
}

.smOpcion {
	height: 16.6%;
	padding-top: 6.5%;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
	-o-transition: background .5s, color .5s, ease-out;
	-ms-transition: background .5s, color .5s ease-out;
	-moz-transition: background .5s, color .5s ease-out;
	-webkit-transition: background .5s, color .5s ease-out;
	transition: background .5s, color .5s ease-out;
	font-family: "Raleway";
}

.smOpcion:hover {
	background: #fff;
	color: #000;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

.smActive {
	color: #fff;
	font-weight: bold;
}

.smLast {
	border-style: solid;
	border-width: medium;
	border-color: #333333;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0 0 9px 9px;
}

#SmTabContacto {
	cursor: pointer;
}

#SmTabContacto:hover {
	background: #fff;
	color: #000;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
	border-style: solid;
	border-width: medium;
	border-color: #333333;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0 0 9px 9px;
}

.visible {
	display: block;
	top: 8%;
	opacity: 1;
	visibility: visible;
}

.bmActive {
	background: #cacaca;
	color: #000;
	border: #000;
}

@media all and (min-width:400px) and (orientation:landscape) {
	.menuWrapper {
		height: 15%;
	}
	.filtroMenu {
		height: 15%;
	}
	.miniLogo {
		background-size: contain;
	}
	.botonMenu {
		width: 10%;
		font-size: 25px;
	}
	.filtroIntro {
		top: 15%;
	}
	.submenu {
		height: 85%;
		top: 15%;
	}
	.smOpcion {

		padding-top: 1%;
		font-size: 18px;
	}
}

/* Terminan Estilos Base para todos los tamaños */

/* Inicio Móvil Vertical */

@media all and (min-height:300px) and (orientation:portrait) {
	.miniLogo {
		background-size: contain;
	}
	.botonMenu {
		width: 12%;
		height: 80%;
		top: 10%;
		font-size: 20px;
		padding-top: 0.7%;
	}
	.botonMenu:hover {
		padding-top: 0.8%;
	}
	.submenu {
		height: 91%;
	}
	.visible {
		top: 8%;
	}

	.smOpcion {
		padding-top: 7%;
		font-size: 20px;
	}

}

@media all and (min-height:481px) and (orientation:portrait) {
	.botonMenu {
		font-size: 23px;
	}
	.smOpcion {
		padding-top: 8%;
		font-size: 25px;
	}
}

@media all and (min-height:569px) and (orientation:portrait) {
	.botonMenu {
		top: 10%;
		font-size: 30px;

	}
	.smOpcion {
		padding-top: 10%;
		font-size: 30px;
	}
}

@media all and (min-height:641px) and (orientation:portrait) {}

@media all and (min-height:668px) and (orientation:portrait) {}

/* Ipad */

@media all and (min-height:737px) and (orientation:portrait) {
	.botonMenu {
		top: 10%;
		font-size: 45px;
		width: 10%;

	}
	.smOpcion {
		padding-top: 10%;
		font-size: 30px;
	}
}

@media all and (min-height:800px) and (max-width: 400px) and (orientation:portrait) {

	.menuWrapper {
		height: 6%;
	}
	.botonMenu {
		top: 10%;
		font-size: 25px;

	}
	.submenu {
		top: 6%;
		height: 93%;
	}

	.smOpcion {
		padding-top: 10%;
		font-size: 30px;
	}

}

/* Termina Móvil Vertical */

/* Inicia Móvil Horizontal */

@media all and (min-width:481px) and (orientation:landscape) {}

@media all and (min-width:569px) and (orientation:landscape) {}

@media all and (min-width:641px) and (orientation:landscape) {}

@media all and (min-width:668px) and (orientation:landscape) {
	.botonMenu {
		font-size: 30px;
	}
}



/* Ipad */

@media all and (min-width:737px) and (orientation:landscape) {
	.menuWrapper {
		height: 8%;
	}
	.filtroMenu {
		height: 8%;
	}
	.filtroIntro {
		top: 8%;
	}
	.botonMenu {
		width: 7%;
		left: 92%;
	}
	.submenu {
		top: 8%;
		height: 92%;
	}
}

/* iPhone X */

@media all and (min-width:800px) and (max-height:400px) and (orientation:landscape) {
	.menuWrapper {
		height: 15%;
	}
	.miniMenu {
		height: 100%;
	}
	.contentWrapper {
		top: 0%;
	}
	.botonMenu {
		width: 8%;
		height: 80%;
		left: 90%;
		font-size: 27px;
	}
	.submenu {
		top: 15%;
		height: 84%;
	}
}


/* Termina Móvil Horizontal */

/* Inicia Desktops*/

@media all and (min-width:1025px) {

	.menuWrapper {
		height: 8%;
	}
	.filtroMenu {
		height: 8%;
	}

	.filtroIntro {
		height: 100%;
		top: 8%;
	}
	.nosotros {
		background-size: cover;
		background-position: top;
	}


	.tabContacto {
		display: block;
		position: relative;
		left: 0%;
		top: 5%;
		width: 20%;
		height: 3%;
		z-index: 3;
		background: rgba(0, 0, 0, 0.45);
		padding-right: 1%;
		padding-top: 0.3%;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-width: 1px;
		border-bottom-color: #FFF;
		border-style: solid;
		border-left: none;
		cursor: pointer;
	}

	.bottomSpacer {
		display: none;
	}

	.miniMenu {
		display: none;
	}
	.menu {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.8);
	}

	.logoMenu {
		display: block;
		position: relative;
		height: 100%;
		width: 15%;
		left: 5%;
		background-image: url(../imagenes/LOGOCEIDFU.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.nav {
		width: 13%;
		height: 50%;
		top: 25%;
	}

	.nav:hover {
		text-shadow: 0 0 5px #999999, 0 0 10px #999999, 0 0 15px #999999, 0 0 20px #999999, 0 0 30px #999999, 0 0 40px #999999, 0 0 55px #999999, 0 0 75px #999999;
	}

	.opcion1 {
		left: 20%;
	}

	.opcion2 {
		left: 33%;
	}

	.opcion3 {
		left: 46%;
	}

	.opcion4 {
		left: 59%;
	}

	.opcion5 {
		width: 20%;
		left: 72%;
	}

	.opcion6 {
		left: 92%;
	}

}

@media all and (min-width:1153px) {
	.nav {
		top: 25%;
		font-size: 18px;
		padding: 0;
		margin: 0;
	}
}

@media all and (min-width:1153px) and (min-height:801px) {
	.nav {
		top: 25%;
		font-size: 18px;
		padding-top: 0.5%;
	}
}

@media all and (min-width:1281px) {
	.nav {
		padding-top: 0.2%;
		font-size: 15px;
	}
}

/* Ipad Pro landscape */
@media all and (min-width:1281px) and (min-height:769px) {
    .nav {
		padding-top: 0.2%;
		font-size: 22px;
	}
}

@media all and (min-width:1367px) {
    .nav {
		padding-top: 0.2%;
		font-size: 23px;
	}
}

@media all and (min-width:1601px) {
	.nav {
		top: 25%;
		font-size: 25px;
		padding-top: 0%;
	}

}

@media all and (min-width:1921px) {
	.nav {
		top: 25%;
		font-size: 38px;
		padding-top: 0.3%;
	}
}

@media all and (min-width:2561px) {
	.nav {
		top: 25%;
		font-size: 43px;
		padding-top: 0.3%;
	}
}

/*Terminan Desktops*/