/* Barra de navegacion */
.Metd{
	padding-left: 7vw;
    width: 14%;
}
.Cons{
    width: 14%;
}
.Desr{
    width: 14%;
}
.Cont{
    width: 14%;
}

.Sub1{
    padding-left: 32.6%!important;
}
.Sub2{
    padding-left: 5.1%!important;
}
.Sub3{
    padding-left: 5.3%!important;
}
.Sub4{
    padding-left: 5.3%!important;
}


/* Presentacion */
.Presentacion{
    width: 100vw;
    height: 100vh;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.Paralax{
	background-image: url("../img/Presentacion.png");
	background-repeat: no-repeat;
	background-position: 50% -12vh;
	height: 120vh;
	width: 100%;
	position: absolute;	
	z-index: 1;
}

/* Apartado "nosotros" */
.Nosotros{
	height: 40vh;
	background-color: rgb(209, 207, 207);
	display:table;
}

.Nosotros p {
	font-size: 3vh;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10vw;
}

/* Apartado 2 */
#Apartado2{
	display: table;
	position: relative;
	background-color: #D0D0D0;
	height: 40vh;
  	text-align: center;
}
.Text{
	color: #424242;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15vh;
	font-size: 3vh;
}

/* Apartado 3 */
#Apartado3{
	height: 75vh;
	width: 100vw;
	text-align: center;
	margin-bottom: 10vh 0;
}


.ContAll{
	padding: 10vh 0;
	height: 70vh;
	width: 100%;
	display: flex;
	align-content: space-around;
	background-color: hwb(0 97% 3%);
}
.InfroCont::-webkit-scrollbar{
    background: #eaf0ff;
    width: 1.3vh;
}
.InfroCont::-webkit-scrollbar-thumb{
    background: #4965ab;
    float: left;
    border-radius: 10vh;
}

.ProgressCont{
	height: 70vh;
	width: 20vw;
	margin-right: 2vw;
}
.ProgressBar{
	background-color: rgb(230, 230, 230);
	position: relative;
	top: 18%;
	padding: 1vh .25vw;
	height: 40vh;
	width: .7vw;
	border-radius: 10vh;
	margin-left: 1.5vw;
	display: inline-block;
}
.Progress{
	border-radius: 10vh;
	height: 15%;
	width: 100%;
	z-index: 5;
	background-color: #2A417B;
	transition-duration: .5s;
}



.ProgressText{
	display: inline-block;
	width: 15vw;
	position: relative;
	text-align: left;
	margin-left: 1vw;
	top: 12vh;
}
.ProgressText p{
	width: 15vw;
	font-weight: 500;
	font-size: 3vh;
	padding: 1.75vh 0;
}
.ProgressText b{
	width: 15vw;
	display: block;
	font-weight: 500;
	font-size: 2vh;
	padding: 1vh 0;
}

.InfroCont{
	display: inline-block;
	height: 70vh;
	width: 70vw;
	margin-right: 2vw;
	overflow: hidden;
	overflow-y: scroll;
}
.Bloque{
	min-height: 50vh;
	text-align: left;
}
.Titulo{
	font-size: 5vh;
	padding: 4vh 0;
	text-align: center;
}
.SubTitulo{
	font-size: 4vh;
	text-decoration: underline;
	padding: 1vh 0;
}
.Tipos{
	font-size: 2.5vh;
	padding: 1vh 0;
}
.Text{
	font-size: 3vh;
	display: block;
	padding: 1.5vh 0;
}

.Anterior{
	color: #4965ab;
	text-align: left;
	position: relative;
	top: 5vh;
	margin-right: 65%;
}
.Siguiente{
	color: #4965ab;
	text-align: right;
	position: relative;
	top: 5vh;
}
.Anterior:hover,.Siguiente:hover,.ProgressText p:hover,.ProgressText b:hover{
	color: #273c72;
	font-weight: 700;
	text-decoration: underline;
}

.Color{
	color: #2A417B;
	text-decoration: underline;
	font-weight: 900!important;
}
.Desactivado{
	display: none;
}
/* Apartado 4 */
#Apartado4{
	width: 100%;
	padding: 12vh 0;
	text-align: center;
}
.Cont_Cli h2{
	margin: 2vh 0 8vh 0;
	font-size: 6vh;
}
.ClienteText{
	margin: 3vh 3vw;
	font-size: 3vh;
	display: inline-block;
	font-weight: 600;
}

/* Apartado 5 */
#Apartado5{
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 100vh;
	margin-top: 25vh;
}
#Apartado5 h2{
	font-size: 10vh;
}
.Carr{
	display: flex;
	vertical-align: top;
	left: -33.7vw;
	position: absolute;
	height: 80vh;
	width: 200vw;
}
.Card{
	font-size: 3vh;
	height: 60vh;
	width: 25vw;
	border: solid black .3vh;
	display: inline-block;
	margin: 10vh 4vw;
}
.ImgB{
	height: 26vh;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.TitleB{
	font-size: 3vh;
	color: black;
	z-index: 5;
}
.TextB{
	font-size: 3vh;
	color: black;
	z-index: 5;
}

.MoveI{
	animation-name: MoveI;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
.MoveD{
	animation-name: MoveD;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
@keyframes MoveI{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(-33.5vw);
	}
}

@keyframes MoveD{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(33.5vw);
	}
}

.Btton{
	background: none;
	border: none;
	top: 73vh;
	font-size: 5vh;
	position: relative;
}
.Res{
	display: none;
}

@media (max-width: 768px){
	.Metd{
		width: 21% !important;
		padding-left: 11vw !important;
	}
	.Cons{
		width: 21% !important;
	}
	.Desr{
		width: 21% !important;
	}
	.Cont{
		width: 21% !important;
	}

	
	.Sub1{
		padding-left: 11vw !important;
		width: 21% !important;
	}
	.Sub2{
		padding-left: 0vw !important;
		width: 21% !important;
	}
	.Sub3{
		padding-left: 0VW !important;
		width: 21% !important;
	}
	.Sub4{
		padding-left: 0vw !important;
		width: 21% !important;
	}
	

    .Presentacion{
        width: 100vw;
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    
    .Paralax{
        background-image: url("../img/PresentacionMovil.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size:contain;
        height: 100vh;
        width: 100vw;
        position: absolute;	
    }
    
    .Nosotros{
        height: 35vh;
    }
    .Nosotros p {
        font-size: 2vh;
        padding: 0 5vw;
        justify-content: center;
        text-align: center;
    }
    .Text{		
		padding: 0 1vh;
		font-size: 2.2vh;
	}
	/* Apartado 3 */

	#Apartado3{
		height: 90vh;
	}
	.ContAll{
		height: 80vh;
	}
	.InfroCont::-webkit-scrollbar{
		width: .7vh;
	}
	.ProgressCont{
		margin: 0;	
		height: 80vh;
	}

	.ProgressText{
		top: 14.5vh;
	}
	.ProgressText p{
		width: 15vw;
		font-weight: 500;
		font-size: 1.25vh;
		padding: 3vh 0;
	}
	.ProgressText b{
		width: 15vw;
		display: block;
		font-weight: 500;
		font-size: 1vh;
		padding: 1.25vh 0;
	}

	.InfroCont{
		width: 75vw;
		margin-right: 0;
		margin-left: 1vh;
	}
	.Titulo{
		font-size: 2.5vh;
	}
	.SubTitulo,.SubTitulo_2{
		padding-left: 1vh;
		font-size: 1.75vh;
	}
	.Tipos{
		font-size: 1.25vh;
		padding-left: 1vh;
	}
	.Text{
		padding-top: 1vh;
		font-size: 1vh;
	}

	.Anterior{
		top: 5vh;
		margin-right: 10%;
	}











	/* Apartado 4 */
	#Apartado4{
		margin: 0;
		padding: 0 0 6vh 0;
	}
	.Cont_Cli h2{
		margin: 0vh 0 3vh 0;
		font-size: 4vh;
	}
	.ClienteText{
		margin: 0vh 3.5vw 2vh 3.5vw;
		font-size: 2vh;
	}

	#Apartado5{
		height: 70vh;
	}
	#Apartado5 h2{
		font-size: 4vh;
	}

	.Carr{
		height: 30vh;
		left: -88vw;
		display: flex;
		justify-content: center;
		width: auto;
	}
	.Res{
		top: 0;
		font-size: 3vh;
		display: block;
	}
	.Desk{
		display: none;
	}
	.Card{
		display: none;
		height: 50vh;
		width: 70vw;
		margin: 0 10vw;
	}
	.CardRe{
		display: inline-block;
	}
	.Btton{
		width: 15vw;
		font-size: 5vh;
	}
	#Retr{
		top: 30vh;
		left: 87vw;
		position:absolute;
		padding-left: 2vw;	
		z-index: 3;
		color: black;
	}
	#Avan{
		right: 87vw;
		position:absolute;
		top: 30vh;
		padding-left: 2vw;	
		z-index: 3;
	}

	@keyframes MoveI{
		0%{
			transform: translateX(0);
		}
		100%{
			transform: translateX(-90vw);
		}
	}

	@keyframes MoveD{
		0%{
			transform: translateX(0);
		}
		100%{
			transform: translateX(90vw);
		}
	}
}