@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap');
#container{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.slider{
	width:95%;
	padding:2.5%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}
.texto2{
	width:90%;
	padding: 1% 5% 1% 5%;
	background-color: #1d2345;
	color: #ffffff;
}
p{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	
}
#header{
	width: 100%;
	padding-left: 1%;
}
#header img{
	width: 18%;
	height: auto;
}
.texto1 h1{
	font-family: 'Montserrat', sans-serif;
	
}
.dark1{
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	font-weight: 800;
	font-size: 2em;
	color:#1d2345;
}
.dark3{
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	font-weight: 400;
	font-size: 1.5em;
	color:#1d2345;
}
.azul{
	color:#2670e0;
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	font-weight: 800;
	font-size: 5em;
}
.videocontainer{
	width:90%;
	margin: 0 auto;
}
.video{
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%;
	}
.animaciones1{
	width:50%;
}
.video iframe, #video object, #video embed { 
position: absolute; 
top: 0;
 left: 0; 
 width: 100%; 
 height: 100%; 

}
.texto1 {
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.destaca{
	font-size:2em;
	text-align: center;
	color:#2670e0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}
#bloque1{
	width:90%;
	padding: 1% 5% 1% 5%;
	border-bottom: 1px dotted;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#bloque2{
	width:90%;
	padding: 1% 5% 1% 5%;
	border-bottom: 1px dotted;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#bloque3{
	width:90%;
	padding: 1% 5% 1% 5%;
	border-bottom: 1px dotted;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#bloque4{
	width:90%;
	padding: 1% 5% 1% 5%;
	border-bottom: 1px dotted;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#bloque5{
	width:90%;
	padding: 1% 5% 1% 5%;
	border-bottom: 1px dotted;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-size:2em;
	color:#2670e0;
}
h3{
	 color:#174d9c;
	font-family: 'Montserrat', sans-serif;
	font-size:1.6em;
	
}
.icono{
	width:8%;
	margin-right: 2%;
	
}
.icono img{
	width:100%;
	height: auto;
}
.bloque{
	width:90%;
	margin-bottom: 1%;
}
.titulos{
	width:100%;
}
.footer{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
}
.boton{
	width: 50%;
	text-align: center;
	padding: 2% 0% 2% 0%;
}
.access{
	width: 50%;
	border-radius: 10px;
	color: #ffffff;
	background-color:#2670e0;
		font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	padding: 2%;
	font-weight: 600;
	border: 0px;
	font-size: 1.3em;
}

.access:hover{
	background-color: #1d2345;
	
}
.access2{
	width: 50%;
	border-radius: 10px;
	color: #ffffff;
	background-color:#ff8b10;
		font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	padding: 2%;
	font-weight: 600;
	border: 0px;
	font-size: 1.3em;
}

.access2:hover{
	background-color: #1d2345;
	
}

.cierre{
	width:96%;
	text-align: right;
	padding:2%;
	background-color: #1d2345;
	font-family: 'Montserrat', sans-serif;
	color:#ffffff;
	font-size: 1em;
	
}
.access:hover{
	background-color: #1d2345;
	
}
@media (max-width: 1200px){
	slider{
	width:98%;
	padding:1%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}
	.texto1 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
	.dark1{
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	font-weight: 800;
	font-size: 1em;
	color:#1d2345;
}
.azul{
	color:#2670e0;
	font-family: 'Montserrat', sans-serif;
	line-height: 1em;
	font-weight: 800;
	font-size: 3em;
}
	.animaciones1{
	width:100%;
}
	p{
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	
}
	h2{
	font-family: 'Montserrat', sans-serif;
	font-size:1.5em;
	color:#2670e0;
}
h3{
	 color:#174d9c;
	font-family: 'Montserrat', sans-serif;
	font-size:1.2em;
	
}
.icono{
	width:30%;
	margin:0 auto;
	
}
.icono img{
	width:100%;
	height: auto;
}
.bloque{
	width:90%;
	margin-bottom: 1%;
}
	#header{
	width: 70%;
	padding-left: 30%;
}
#header img{
	width: 50%;
	height: auto;
}
	.footer{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
}
.boton{
	width: 100%;
	text-align: center;
	padding: 5% 0% 5% 0%;
}
.access{
	width: 70%;
	border-radius: 10px;
	color: #ffffff;
	background-color:#2670e0;
		font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	padding: 2%;
	font-weight: 600;
	border: 0px;
	font-size: 1em;
}
	.access2{
	width: 70%;
	border-radius: 10px;
	color: #ffffff;
	background-color:#ff8b10;
		font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	padding: 2%;
	font-weight: 600;
	border: 0px;
	font-size: 1em;
}
	.cierre{
	width:96%;
	text-align: right;
	padding:2%;
	background-color: #1d2345;
	font-family: 'Montserrat', sans-serif;
	color:#ffffff;
	font-size: 0.8em;
}}