@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: "Roboto-Light";
}



::placeholder{
	font-size:1.5em;
	color:#7c7a7a;font-family:adam;
}

input{
width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
}

textarea{
width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
}



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


		#capa2Body{
			width:100%;
			height:auto;
			background-color:#fff;
			background-size:cover;
		}
		
		
				
				.txt2Capa2Body{ position:relative;  font-family: "merriBold";  color:#fff; font-size:3.5em;
				 width:100%; text-align:left; padding-left:100px; top:-50px
				}
				
				.txt3Capa2Body{ position:relative;   font-family: "Roboto-Light";  color:#828282; font-size:1.2em;
				 width:85%; text-align:justify; padding-left:100px; top:-70px
				}
		
		
			.fila1Capa2{
				position:relative;
				display:inline-block;
				width:100%;
				height:100px;
				}
			
				.fila2Capa2{
					position:relative;
					width:100%;
					height:600px;
				}
				
					.columna1Capa2Body{
						float:left;
						width:64%;
						height:100%;
						border-color:#c3c1c1;
						border-style: solid;
						border-width: 0px 1px 0px 0px;
					}
					
					
							.fila3Capa2Body{
								position:relative;
								width:100%;
								height:auto;
							}
							
										.txt1Capa2Body{ position:relative; display:inline-block;  font-family: "Roboto-light";  
										color:#000; font-size:2.5em; width:100%; text-align:center; 
										}
										
										.txt2Capa2Body{ position:relative; display:inline-block;  font-family: "Roboto-light";  
										color:#333; font-size:1.2em;width:85%; text-align:center; padding-top:20px
										}
										
										
											
										.txtNombre{
											float:left;
											position:inherit;
											left:120px; z-index:1000
										}
										
										.txtTelefono{
											position:inherit;
											float:left;
											left:150px;z-index:1000
										}
										
										.txtInquietud{
											position:inherit;
											float:left;
											left:120px;
											width:79%;
											height:200px;
											top:10px;z-index:1000
										}
										
										
										.txtMail{
											position:inherit;
											float:left;
											left:120px;
											top:20px;z-index:1000
										}
										
										
										.btnEnviar2{
											position:inherit;
											float:left;
											left:150px;
											top:20px;
											width:38%;
											height:42px;z-index:1000;
											border:none; cursor:pointer;
											outline:none;color:#fff;font-family: "merri";font-size:1.5em; background-color:#036
										}
										
											.btnEnviar2:hover{
												color:#fff;
												background-color:#000
											}
										
										.btnEnviar3{
											position:inherit;
											
											top:20px;
											width:60%;
											height:42px; text-align:center; padding-top:20px;
											border:none; cursor:pointer;
											outline:none;color:#fff;font-family: "merri";font-size:0.9em; background-color:#fe5757; 
											display:block; margin-left:auto; margin-right:auto
										}
										
											.btnEnviar3:hover{
												color:#fff;
												background-color:#000
											}
										
							.archivo{position:relative; top:50px; display:block; margin-left:auto; margin-right:auto}
							.txtACapa2Body{position:relative;  font-family: "raleway";  color:#fff; font-size:1em;
				 width:80%; text-align:left; padding-left:100px; top:10px; }
							
										
					.columna2Capa2Body{
						float:left;
						width:35%;
						height:100%;
					}
					
					
							.fila4Capa2Body{
								position:relative;
								width:90%;
								height:120px;
								border-color:#c3c1c1;
								border-style: solid;
								border-width: 0px 0px 1px 0px;
								display:block;
								margin-left:auto;
								margin-right:auto
							}
							
							
									.txt3Capa2Body{ position:relative;    color:#000; font-size:1em;
									 width:100%; text-align:left; top:0px; left:-100px;
									}
					
									.logoRed{ top:5px; width:35px;height:auto; position:relative; left:-15px}
						
									.txt4Capa2Body{ position:relative;  font-family: "merri";  color:#5b5b5b; font-size:1.2em;
									 width:100%; text-align:left; top:0px; left:0px;
									}

#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{position: relative; width: 100%; height: 50px; }
.fila2Capa3Body{width: 100%;display: block;margin-left: auto;margin-right: auto }
.txt1Capa3Body{font-size: 2.5em; }
.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;}

.txt1Capa3Body{ width: 80%; font-size: 2em; text-align: center; display: block; margin-left: auto; margin-right: auto;}
	   .fila2Capa3Body{border-radius: 50px; }
		   .txtCampo{ width: 80%;  border-radius: 10px;}
		   .txtCampo2{ width: 80.1%; border-radius: 10px;}





		   .fila2Capa2{ height:auto}
			.columna1Capa2Body{ position:relative; width:100%; height:auto}
					.fila3Capa2Body{position:relative;width:95%;height:auto;display:block; margin-left:auto; margin-right:auto}
					
							.txt2Capa2Body{position:relative;width:100%; text-align:center; display:none}
								
								.txtNombre{position:relative;width:100%;left:auto}
								.txtTelefono{position:relative;	width:100%;left:auto; top:5px}
								.txtInquietud{position:relative;width:99%;left:auto}
								.txtMail{position:relative;width:100%;left:auto; top:15px}
								.btnEnviar{	position:relative;width:100%;left:auto; top:20px}
			.fila4Capa2Body{ padding-top:50px; }
					.columna2Capa2Body{width:100%;}



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

	   .txt1Capa3Body{ width: 80%; font-size: 2em; text-align: center; display: block; margin-left: auto; margin-right: auto;}
	   .fila2Capa3Body{border-radius: 50px; }
		   .txtCampo{ width: 80%;  border-radius: 10px;}
		   .txtCampo2{ width: 80.1%; border-radius: 10px;}


		   .fila2Capa2{ height:auto}
			.columna1Capa2Body{ position:relative; width:100%; height:auto}
					.fila3Capa2Body{position:relative;width:95%;height:auto;display:block; margin-left:auto; margin-right:auto}
					
							.txt2Capa2Body{position:relative;width:100%; text-align:center; left:-100px; display:none }
								
								.txtNombre{position:relative;width:100%;left:auto}
								.txtTelefono{position:relative;	width:100%;left:auto; top:5px}
								.txtInquietud{position:relative;width:99%;left:auto}
								.txtMail{position:relative;width:100%;left:auto; top:15px}
								.btnEnviar{	position:relative;width:100%;left:auto; top:20px}
	
					.fila4Capa2Body{ padding-top:50px; }
					.columna2Capa2Body{width:100%;}
}
    
    
@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.7sem;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;}


.fila2Capa2{ height:auto}
			.columna1Capa2Body{ position:relative; width:100%; height:auto}
					.fila3Capa2Body{position:relative;width:95%;height:auto;display:block; margin-left:auto; margin-right:auto}
					
							.txt2Capa2Body{position:relative;width:100%; text-align:center; left:-100px; display:none }
								
								.txtNombre{position:relative;width:100%;left:auto}
								.txtTelefono{position:relative;	width:100%;left:auto; top:5px}
								.txtInquietud{position:relative;width:99%;left:auto}
								.txtMail{position:relative;width:100%;left:auto; top:15px}
								.btnEnviar{	position:relative;width:100%;left:auto; top:20px}
			
			.columna2Capa2Body{ height:auto; position:relative; width:100%}
					.fila4Capa2Body{ padding-top:50px}
			
}
    
    
@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;}
			
}