*{
	font-family: 'Roboto', sans-serif;
}

:root{
	--primaryBlue: #5A9400;
	--secondaryBlue: #077BBF;
	--white: #ffffff;
	--green: #2E7300;
	--txtColor:#212121;
	--border-radius:20px !important;
	--btnHoover:#022E55 ;
}

.hero_title{
	font-weight: 700;
}

.txtColor{
	color: var(--txtColor);
	font-size: 16px;
}

.hero_title-size{
	font-size: 21px;
}
.m_r-5{
	margin-right: 5px;
}

.toggle_img{
	width: 55px;
	cursor: pointer;
}

.main{
	max-height: 1268px;
}
.header{
	width: 90%;
	margin: 0 auto;
}
.mw{
	max-width: 1515px;
	margin: 0 auto;
}
.header_content{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 100%;
	max-width: 1920px;
}
.padding{
	padding-left: 30px;
}

 .header_aling{
	display: flex;
 	align-items: center;
	text-decoration: none !important; 
}

.tdn{
	text-decoration: none !important;
}

.misionVision{
	max-width: 727px;
}


 .header_aling > i {
 	margin-right: 5px; 
} 

.header-title{
	max-width: 340px;
	color: var(--txtColor);
	font-weight: 400;
}

.navItem{
	padding: 8px !important;
}

.info{
	display: flex;
	flex-direction: column;
	grid-gap: 1em;
	padding: 1em;
}

.info_contact,.info_sedes{
	/* width: 90%; 
	margin: 0 auto;*/
}
.sedes_local{
	margin-bottom: 16px;
	color: var(--secondaryBlue);
	font-weight: bold;
}


.txtHorientacion{
	text-align: center;
}


.sedes_local_link{
	text-decoration: underline;
	color: #077BBF;
	font-weight: bold;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	margin-bottom: 10px;
	display: block;

}
/* .sedes_local_link:hover{
	color: var(--green);
} */


.txt-center,.txt_news{
	text-align: center;
}

.content_paragraph{
	width: 95%;
	margin: 0 auto;
}

.appointment{
	background-color: rgb(229, 229, 229);
	padding: 10px 30px 0px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.appointment_divImg-img{
	width: 100%;
	max-width: 450px;
}


.info_contact_icons{
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin-top: 1.5em;	
}
.info_horario_icons{
	display: flex;
	justify-content: center;
}
.footer{
	display: flex;
	flex-direction: column;
/* 	width: 90%;
	margin: 0 auto; */
	/* padding: 1em; */
	position: relative;
	background-color: #0069A7;
}

.footer_txt{
	color: #ffffff !important;
}

.footer_icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	width: 75%;
	margin: 0 auto;	
}

.iconos{
	display: flex;
	align-items: center;
	font-size: 14px;
}

.imgServicio{
	/* width: 298px;
 */	max-width: 100%;
	/* height: 447px; */
	height: 675px;
	object-fit: cover;
	object-position: center;
}



@media only screen and (min-width:621px){

	.header{
		width: 95%;
	}
	.header_content{
		align-items: center;
	}

	.header_icons{
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.info_sedes{
		text-align: center;
	}

}
@media only screen and (min-width:767px){
	.container{
		padding-left: 0px;
	}

	.header_content{
		flex-direction: row;
		justify-content: space-between;
	}
	.header_icons{
		padding: 8px;
	}
	.padding{
		padding-left: 5px;
	}

	.wrap{
		width: 90%;
		margin:0 auto ;
	}

	.imgServicio{
		height: 528px;
	}
	
	.info_contact_icons{
		flex-direction: column;
		align-items: flex-start;
	}

/* .txtHorientacion{
	text-align: left;
} */

 

	.info{
		display: grid;
		/* grid-template-columns: 250px 250px 220px; */
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);	
	}

	.info_sedes{
		grid-column: 1 / 4;
	}

	.lowercase{
		text-transform: lowercase !important;
	}
	
	.info_contact{
		order: 1;
	}
	.info_horario{
		order: 2;
	}

	.info_isis{
		width: 100%;
		order: 3;
	}
	.info_sedes{
		order: 4;
		text-align: center;
		 margin: 0 auto; 
	}

	.nav{
		align-items: center;
		display: flex;
	}	

	.btn-global{
		text-transform: uppercase;
		border-radius:var(--border-radius) !important;
		-webkit-border-radius:var(--border-radius) !important;
		-moz-border-radius:var(--border-radius) !important;
		-ms-border-radius:var(--border-radius) !important;
		-o-border-radius:var(--border-radius) !important;
		background-color: var(--primaryBlue);
		font-weight: 900 !important;
		color: var(--white) !important;
		text-decoration: none !important;
	}
	
	.btn-global:hover{
		transition: 0.4s;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		background-color: var(--btnHoover) !important;
	}

	.appointment{			
		flex-direction: row;
		justify-content: space-between;
	}
	
	.appointment_divTxt,.appointment_divImg{
		width: 47%;
	}

	.appointment_divImg-img{
		width: 100%;
		max-width: 450px;
	}

	.copyright-text{
		text-align: center;
	}

	.footer_icons{
		width: 86%;
		justify-content: space-between;
	}

	.info_isis{
		margin-bottom: 3em;
	}
}
.btnAplicaciones{
	background-color: var(--primaryBlue);
	text-transform: uppercase;
	border-radius:var(--border-radius) !important;
	-webkit-border-radius:var(--border-radius) !important;
	-moz-border-radius:var(--border-radius) !important;
	-ms-border-radius:var(--border-radius) !important;
	-o-border-radius:var(--border-radius) !important;
	background-color: var(--primaryBlue);
	font-weight: 900 !important;
}
@media only screen and (min-width:910px){

	.header_content{
		justify-content: space-between;	}

	.navItem{
		padding: 12px !important;
	}
	.txt_news{
		text-align: left;
	}

	.info{
		padding: 1em 2em;
	}	

	
	/* .info{
		grid-template-columns:  2fr 1fr 1fr ;
	} */
	/* .info{
		margin:0 auto;
		width: 95%;
	} */
	/* .info_contact,.info_horario,.info_isis{
		width: 32%;
	} */

	.info_contact{
		text-align: center;
		/* margin-right: 1.5em; */
	}

	.info_contact_icons {
		margin: 0 auto;
		width: 296px;
	}

}

@media only screen and (min-width:992px){
	.imgServicio{
		height: 447px;
	}
	.sedes_link{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1.5em;
		text-align: left;
		margin: 1.5em auto;
		/* width: 92%; */

	}
	.horario_wrap{
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		max-width: 245px;
		margin: 0 auto;
	}
	.contact_wrap{
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		max-width: 275px;
		margin: 0 auto;
	}


	.txtHorientacion{
		text-align: left;
	}
}

@media only screen and (min-width:1200px){
	.header_icons{
		justify-content: space-between;
		width: 71%;
	}
	
	
}
@media only screen and (min-width:1400px){
	
	.header_content{
		flex-direction: row;
		justify-content: space-between;
		margin: 0 auto;
		
	}

	.navItem{
		padding:0 20px !important;
	}

	.appointment{			
		flex-direction: row;
		justify-content: space-between;
	}
	
	.appointment_divTxt{
		
		width: 37%;
	}


	.appointment_divImg-img{
		width: 100%;
		max-width: 450px;
	}

}