@charset "utf-8";
body {
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: "merri";
    src: url(../fonts/merri.otf) format("opentype")
}


@font-face {
    font-family: "snf";
    src: url(../fonts/snf.ttf) format("truetype")
}


@font-face {
    font-family: "Dulcelin";
    src: url(../fonts/Dulcelin.otf) format("opentype")
}

@font-face {
    font-family: "east";
    src: url(../fonts/east.otf) format("opentype")
}


@font-face {
    font-family: "carson";
    src: url(../fonts/carson.otf) format("opentype")
}

@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/Roboto-Light.ttf) format("truetype")
}


@font-face {
    font-family: "dacila";
    src: url(../fonts/dacila.otf) format("opentype")
}

@font-face {
    font-family: "jennifer";
    src: url(../fonts/jennifer.ttf) format("truetype")
}

::placeholder{font-size: 1.5em;}
h1 {
    font-family: "Roboto-Light";
}

h2 {
    font-family: "aceSans";
}

p {
    font-family: "Roboto-Light";
}


a {
    font-family: "Roboto-Light";
}





#capa1Body{
	position: relative;
	width: 100%;
	height: auto;
    background-color: #000;
	background-image: url(../imagenes/fondoNosotros.png);
	background-size: cover;
}

	.fila1Capa1Body{ 
        position: relative;
        width: 100%;
		height: 300px;
		
    }


		.txt0Capa1Body{
			position: relative;
			text-align: left;
			left: 30px;
			width: 90%;
			font-size: 5em;
			font-family:"east"; 
			top:70px;
			display: inline-block;
		}

		.lineaCapa1Body{position: relative; width: 90%;  background-color: #fff; top: 10px; left: 0px; }

#capa3Body{
			position: relative;
			width: 100%;
			height: auto;
			background-color: #fff;
			background-attachment: fixed;
			background-image: url(../imagenes/fondoNosotros2.png);
}



		.fila1Capa3Body{position: relative; width: 100%; height:auto }
		.fila2Capa3Body{position: relative;height: 200px; width: 80%;display: inline-table; margin-left: 10%; margin-right: 10%; }
			.col1Capa3{float:left; width: 45%; height: 100%; }
			.col2Capa3{float:left; width: 30%; height: 100%; }
			.col3Capa3{float:left; width: 10%; height: 30px; }
			.col4Capa3{float:left; width: 5%; height: 100%; }
				.txt1capa3{position: relative; width: 100%; font-size: 3em;}
				.txt2Capa3{position: relative; width: 100%; font-size: 1.5em; text-align: justify; }
				.img1Capa3{position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto;}
				.iconCapa3{position: relative; display: block; margin-left: auto; margin-right: auto; width: 25%; height: auto;}

				.txt3capa3{position: relative; width: 100%; font-size: 2em;text-align: center; }
				.txt4Capa3{position: relative; width: 100%; font-size: 1.2em; text-align: center; }
		
#map{position: relative; width: 80%; display: block; margin-left: auto; margin-right: auto; height: 400px; background-color: aqua;}

@media screen and (min-width: 1px) and (max-width: 360px) {
#capa3Header{height:300px;}
 .mySlides{height:300px;}


 .txt1Slider1{top:20px;left:0px;font-size:2em;width:100%;}
	.btn1{position: relative;width:170px;height:40px;font-size:0.6em;top:20px}
	.btn2{position: relative;width:170px;height:40px;font-size:0.6em;top:20px}



	
.fila1Capa1Body{height: 120px;}
.txt0Capa1Body{font-size: 1.6em;top:30px}

.fila2Capa1Body{width: 100%;margin-left: 0%;margin-right: 0%;}
.col1Capa1Body{position: relative; width: 100%; height: 400px;}



		.fila1Capa3Body{height: 20px; }
		.fila2Capa3Body{height: auto;}
			.col1Capa3{ position: relative; width: 100%; height: auto;}
			.col2Capa3{position: relative; width: 100%; height: auto;}
			.col4Capa3{position: relative; width: 100%; height: auto;}
				.txt1capa3{font-size: 2em;}
				.txt2Capa3{ font-size: 1em;}
				.txt3capa3{font-size: 2em;}
				.txt4Capa3{font-size: 1em;}




}
    
    
@media screen and (min-width: 361px) and (max-width: 640px) {
	#capa3Header{height:300px;}
	.mySlides{height:300px;}
   
   
	.txt1Slider1{top:20px;left:0px;font-size:2em;width:100%;}
	   .btn1{position: relative;width:170px;height:40px;font-size:0.6em;top:10px}
	   .btn2{position: relative;width:170px;height:40px;font-size:0.6em;top:10px}
   


	
	   .fila1Capa1Body{height: 120px;}
	   .txt0Capa1Body{font-size: 1.6em;top:30px}
	   
	   .fila2Capa1Body{width: 100%;margin-left: 0%;margin-right: 0%;}
	   .col1Capa1Body{position: relative; width: 100%; height: 400px;}


	

	   .fila1Capa3Body{height: 20px; }
	   .fila2Capa3Body{height: auto;}
		   .col1Capa3{ position: relative; width: 100%; height: auto;}
		   .col2Capa3{position: relative; width: 100%; height: auto;}
		   .col4Capa3{position: relative; width: 100%; height: auto;}
			   .txt1capa3{font-size: 2em;}
			   .txt2Capa3{ font-size: 1.1em;}
			   .txt3capa3{font-size: 2.1em;}
			   .txt4Capa3{font-size: 1.1em;}


	   
	   


}
    
    
@media screen and (min-width: 641px) and (max-width: 960px) {
	#capa3Header{height:300px;}
	.mySlides{height:300px;}
   
   
	.txt1Slider1{top:20px;left:0px;font-size:2em;width:100%;}
	   .btn1{position: relative;width:170px;height:40px;font-size:0.6em;top:10px}
	   .btn2{position: relative;width:170px;height:40px;font-size:0.6em;top:10px} 

	
	   .fila1Capa1Body{height: 120px;}
	   .txt0Capa1Body{font-size: 1.7em;top:30px}
	   
	   .fila2Capa1Body{width: 100%;margin-left: 0%;margin-right: 0%;}
	   .col1Capa1Body{position: relative; width: 100%; height: 400px;}

	   .fila1Capa3Body{height: 20px; }
	   .fila2Capa3Body{height: auto;}
		   .col1Capa3{ position: relative; width: 100%; height: auto;}
		   .col2Capa3{position: relative; width: 100%; height: auto;}
		   .col4Capa3{position: relative; width: 100%; height: auto;}
			   .txt1capa3{font-size: 2em;}
			   .txt2Capa3{ font-size: 1.1em;}
			   .txt3capa3{font-size: 2.1em;}
			   .txt4Capa3{font-size: 1.1em;}


			
}
    
    
@media screen and (min-width: 961px) and (max-width: 1210px) {

	#capa3Header{height:300px;}
	.mySlides{height:300px;}
   
	.txt1Slider1{top:20px;left:0px;font-size:2em;width:100%;}
	   .btn1{position: relative;width:170px;height:40px;font-size:0.6em;top:10px}
	   .btn2{position: relative;width:170px;height:40px;font-size:0.6em;top:10px}
	   



}