@charset "UTF-8";


*{margin: 0;
padding: 0;}


body {
	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 22px;
	font-weight: 300;
	
	
}



.contenedor-grid {
	width: 90%;
	max-width: 1900px;
		height:'';
	min-height: 700px;

	margin: 20px auto;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 0.5fr;
	grid-template-rows: 0.1fr 0.3fr 0.1fr;
	grid-template-areas:
		"texto-uno texto-uno texto-uno texto-uno"
		"texto-cuatro texto-cuatro texto-cuatro texto-cuatro"
		"texto-tres texto-tres texto-tres texto-tres"
		/*"botnfinal botnfinal botnfinal botnfinal"		*/
		/*"infy infy infy infy"
		"footer footer footer footer"*/


		;
		
}




.contenedor-grid-2 {
	width: 90%;
	max-width: 1900px;
		height:'';
	min-height: 700px;

	margin: 20px auto;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 0.5fr;
	grid-template-rows: 0.2fr 0.5fr 0.5fr 0.5fr 0.4fr 0.2fr 0.1fr 0.1fr 0.2fr 0.2fr 0.1fr;
	grid-template-areas:
		"nity-cmms nity-cmms nity-cmms nity-cmms"
		"texto-uno-cmms-2 texto-uno-cmms-2 texto-uno-cmms-2 texto-uno-cmms-2"
		"imagen-eam-3-cmms imagen-eam-3-cmms imagen-eam-3-cmms imagen-eam-3-cmms"
		"texto-dos-b-cmms texto-dos-b-cmms texto-dos-b-cmms texto-dos-b-cmms"
		"imagen-eam-4-cmms imagen-eam-4-cmms imagen-eam-4-cmms imagen-eam-4-cmms"
		"texto-tres-cmms texto-tres-cmms texto-tres-cmms texto-tres-cmms"
		"texto-cuatro-cmms texto-cuatro-cmms texto-cuatro-cmms texto-cuatro-cmms"
		"imagen-eam-6-cmms imagen-eam-6-cmms botonaxo-cmms botonaxo-cmms"
		"imagen-eam-6-cmms imagen-eam-6-cmms botonaxo-cmms botonaxo-cmms"
		"infy-cmms infy-cmms infy-cmms infy-cmms"
		"footer footer footer footer"
		;
		
}


#log-nit-cmms {
	
	
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: nity-cmms;
	
	
	
}

#log-nit-cmms img {
	width: 120px;
	
	

	
}


#log-infor-cmms {display: flex;
	align-items: center;
	justify-content: center;
	grid-area: infy-cmms;
	margin-bottom: 35px;
	margin-top: 35px;
	

}

#log-infor-cmms img {
	width: 250px;
	
}

.grid-texto-cmms {padding: 15px;}

#textinone-cmms-2 {grid-area: texto-uno-cmms-2;
	
	}

#imagen-eam-3-cmms {background-image: url("../images-nit/img-eam-03-hrz.jpg");
	background-color: #2F2A2A;
	width: 100%;
	height: '';
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-3-cmms;


}

#imagen-6-cssm {
	
	
	background-image: url("../images-nit/img-eam-06.jpg");
	width: 100%;
	height: '';
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-6-cmms;
	
	
}

#textitwo-b-cmms {padding: 40px;
	
			grid-area: texto-dos-b-cmms;
	background-color: #373d56;
	color: white;
	list-style:url("../images-nit/bullet-2.png");
	list-style-position: inside;
	margin-bottom: 35px;


}

#imagen-eam-4-cmms {
	
	background-image: url("../images-nit/img-eam-04-hrz.jpg");
	background-color: #2F2A2A;
	width: 100%;
	height: '';
	border-radius: 50px;
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-4-cmms;
	
	
	
	
}


#textithree-cmms {			grid-area: texto-tres-cmms;
	
}

#textifour-cmms {grid-area: texto-cuatro-cmms;
	margin-top: 35px;
	
	}

.botnfinal-cmms {
	grid-area: botnfinal-cmms;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	
}

.botnfinal-cmms a {
	
	width: 300px;
	font-size: 14px;
	background:#03478F;
	color: white;
	padding: 17px;
	text-decoration: none;
	border-radius: 27px;
	letter-spacing: 1px;
	transition: 0.2s;
	font-weight: 800;
	text-transform: uppercase;
	
	
	
}

.botnfinal-cmms a:hover {
	letter-spacing: 2px;
	
	
	
}


#btn-cmms {
	grid-area: botonaxo-cmms;
}




/*
EMPIEZA EL MEDIA MAX WIDTH
*/

@media (max-width:567px) {
	
	
	
	
	
	
	.contenedor-grid {
		grid-template-columns: 1fr;
	grid-template-rows: 0.1fr 0.1fr 0.1fr;
	grid-template-areas:
		"texto-uno"
		"texto-cuatro"
		"texto-tres"
		/*"infy"
		"footer"*/;

		
	}
	
	.contenedor-grid #log-nit img {
	width: 80px;
	
}
	
	
	
	
	.contenedor-grid #log-infor img {
	width: 180px;
	
}
	
	
	.contenedor-grid #textinone {}
	
	.contenedor-grid #imagen-eam-1 {
	
	background-image: url("../images-nit/img-eam-11-02-hrz.jpg");
	background-color: #d3d4d5;
	width: 100%;
	height: '';
				max-height: 251px;
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-1;
}
	
	
	.contenedor-grid #imagen-eam-2 {
	
	background-image: url("../images-nit/img-eam-01-hrz.jpg");
	background-color: #2F2A2A;
	width: 100%;
	height: '';
		max-height: 251px;
		border-radius: 50px;
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-2;
}
	
	
	
	
	
	
	
	
}







#log-nit {
	
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: nity;
	
	
}


#log-nit img {
	width: 120px;
	

	
}

#log-infor {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-area: infy;
	margin-bottom: 35px;
	margin-top: 35px;



	
}


#log-infor img {
	width: 250px;
	
}


.grid-texto {
	padding: 15px;
	
	
	
}

#textinone {
	
	
		grid-area: texto-uno;
	


	
	
}

#textitwo {
	padding: 40px;
	
			grid-area: texto-dos;
	background-color: #d3d4d6;
	color: #424242;
	list-style:url("../images-nit/bullet-2.png");
	list-style-position: inside;
	margin-bottom: 35px;
	
}


#textitwo-b {
	padding: 40px;
	
			grid-area: texto-dos-b;
	background-color: #373d56;
	color: white;
	list-style:url("../images-nit/bullet-2.png");
	list-style-position: inside;
	margin-bottom: 35px;
	
}


#imagen-eam-1 {
	
	background-image: url("../images-nit/img-eam-11-02-hrz.jpg");
	background-color: #d3d4d5;
	width: 100%;
	height: '';
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-1;
	
	
	
}


#imagen-eam-3 {
	
	background-image: url("../images-nit/img-eam-03-hrz.jpg");
	background-color: #2F2A2A;
	width: 100%;
	height: '';
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-3;
	
	
	
}




#imagen-eam-2 {
	
	background-image: url("../images-nit/img-eam-01.jpg");
	background-color: #2F2A2A;
	width: 100%;
	height: '';
	border-radius: 50px;
	background-size: cover;
	background-position: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-area: imagen-eam-2;
	
	
	
}






#textithree {
			grid-area: texto-tres;
	
}


#textifour {
	
	
		grid-area: texto-cuatro;
	margin-top: 5px;
	
}


.contenedor-grid #textifour img {
	
	width: 100%;
	
	
}



.botnfinal {
	grid-area: botnfinal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
	
}

.botnfinal a {
	
	width: 300px;
	font-size: 14px;
	background:#03478F;
	color: white;
	padding: 17px;
	text-decoration: none;
	border-radius: 27px;
	letter-spacing: 1px;
	transition: 0.2s;
	font-weight: 800;
	text-transform: uppercase;
	
	
	
}

.botnfinal a:hover {
	letter-spacing: 2px;
	
	
	
}

footer {
	
	border-top-width: 100%;
	border-top-color:#03478F;
	border-top-style:dotted;
	grid-area: footer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	
}