@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.4em;font-family: "Roboto-Light"; }
h1 {
    font-family: "Roboto-Light";
}

h2 {
    font-family: "aceSans";
}

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


a {
    font-family: "snf";
}





#capa1Body{
	position: relative;
	width: 100%;
	height: auto;
    background-color: #000;
	background-image: url(../imagenes/fondoSimulador.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-size: cover;
			
			background-attachment: fixed;
}



		.fila1Capa3Body{position: relative; width: 100%; height: 50px; }
		.fila2Capa3Body{position: relative;height: auto;width: 40%;display: inline-table; margin-left: 30%; margin-right: 30%; background-color: #ece7e2; }
			.imgSimulMini{float: left; width: 9%; height: auto; border: solid; border-color: #313131; border-width: 1px;}
			#imgSimul{ position: relative; width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto;}
		
		.fila31Capa3Body{position: relative;height: auto;width: 35%;display: inline-table; margin-left: 32%; margin-right: 32%; z-index: 3000000; }
		.fila3Capa3Body{position: relative;height: auto;width: 70%;display: inline-table; margin-left: 10%; margin-right: 20%;}
			.celda{float: left; width: 5%; height: 50px; background-color: black; outline: none; border: solid; border-width:1px; border-color: #313131}
			
		.txt1Capa3Body{position: relative; width: 100%;font-size: 3em; color: #000; text-align: center; display: inline; padding-left: 30px;}
		.txtCampo{position: relative; display: block; margin-left: auto; margin-right: auto; width: 50%; height: 30px; outline: none; border-radius: 50px;}
		.txtCampo2{position: relative; display: block; margin-left: auto; margin-right: auto; width: 50.1%; height: 70px; color: black; outline: none;border-radius: 50px;}
		


		.btnProyecto{position: relative; display: block; margin-left: auto; margin-right: auto;  top: -10px; width: auto; height: 70px; font-size: 2em; color:#fff; background:transparent; outline: none;
		border: solid; border-width: 2px; border-color: #fff; cursor: pointer;border-radius: 10px;}

		.btnProyecto:hover{
			background-color: #9f7cb7;border: none;}

		.fila1Capa2Body{position: relative; width: 100%; height: 50px; }

#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;}



.fila1Capa2Body{position: relative; width: 100%; height: 50px; }
.fila2Capa2Body{width: 75%;margin-left: 10%;margin-right: 10%;}
.txt1Capa2Body{font-size: 2.3em; }
.txt2Capa2Body{font-size: 2em;}


	   .fila2Capa3Body{border-radius: 10px; width: 100%; margin-left: auto; margin-right: auto;}
	   .fila3Capa3Body{margin-left: 0%; width: 85%; margin-right: 15%; }
	   .fila31Capa3Body{width: 90%; margin-left: 10%; margin-right: 0%;}
	   .txt1Capa3Body{font-size: 1.5em;}
	   			.imgSimulMini{width: 15%; }
			 .celda{float: left; width: 5%; height: 30px; background-color: black; outline: none; border: solid; border-width:1px; border-color: #fff}
			

}
    
    
@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;}

	   
	   .fila1Capa2Body{position: relative; width: 100%; height: 50px; }
	   .fila2Capa2Body{width: 75%;margin-left: 10%;margin-right: 10%;}
	   .txt1Capa2Body{font-size: 2.3em; }
	   .txt2Capa2Body{font-size: 2em;}

	
	   .fila2Capa3Body{border-radius: 10px; width: 100%; margin-left: auto; margin-right: auto;}
	   .txt1Capa3Body{font-size: 2em;}
	   .fila3Capa3Body{margin-left: 0%; width: 85%; margin-right: 15%; }
	   .fila31Capa3Body{width: 90%; margin-left: 10%; margin-right: 0%;}
	   .imgSimulMini{ width: 15%; }
			 .celda{float: left; width: 5%; height: 30px; background-color: black; outline: none; border: solid; border-width:1px; border-color: #fff}
			 
			
}
    
    
@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{position: relative; width: 100%; height: 50px; }
.fila2Capa3Body{width: 100%;display: block;margin-left: auto;margin-right: auto }
.txt1Capa3Body{font-size: 2.5em; padding-left: 10px;}
.txt2Capa3Body{font-size: 1.5em; top: -20px; padding-left: 10px;}
.txt3Capa3Body{font-size: 1.5em; padding-left: 10px;}



.fila1Capa2Body{position: relative; width: 100%; height: 50px; }
.fila2Capa2Body{width: 75%;margin-left: 10%;margin-right: 10%;}
.txt1Capa2Body{font-size: 2.3em; }
.txt2Capa2Body{font-size: 2em;}
.txt3Capa2Body{ width: 100%; font-size: 1.2em; text-align: justify;}
			
}
    
    
@media screen and (min-width: 961px) and (max-width: 1210px) {

	#capa3Header{height:300px;}
	.mySlides{height:300px;}
   
	.txt1Slider1{top:20px;left:0px;font-size:1.7em;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}
	   .fila2Capa3Body{width:100%;margin-left: 0%;}


	   
.fila1Capa3Body{position: relative; width: 100%; height: 50px; }
.fila2Capa3Body{width: 100%;display: block;margin-left: auto;margin-right: auto }
.txt1Capa3Body{font-size: 2.5em; padding-left: 10px;}
.txt2Capa3Body{font-size: 1.5em; top: -20px; padding-left: 10px;}
.txt3Capa3Body{font-size: 1.5em; padding-left: 10px;}



.fila1Capa2Body{position: relative; width: 100%; height: 50px; }
.fila2Capa2Body{width: 75%;margin-left: 10%;margin-right: 10%;}
.txt1Capa2Body{font-size: 2.3em; }
.txt2Capa2Body{font-size: 2em;}
.txt3Capa2Body{ width: 100%; font-size: 1.2em; text-align: justify;}
			
}