@charset "utf-8";
/* CSS Document */
body {
	margin: 0em auto;
	overflow-x:hidden;
    background-color:#fff;
	width:auto;
    padding: 0;
    margin: 0;

}

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

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

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

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



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

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


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


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


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



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




h1 {
    font-family: "Roboto-Bold";
    font-weight: 900
}

h2 {
    font-family: "Roboto-Light";
    font-weight: 900
}

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

a {
    text-decoration: none;
    color: #fff;
    font-family: "Roboto-Light"
}



#capa3Body{
	position:relative; width:100%; height:300px;   background-color:#000;
}

	.fila1Capa3Body{
		position:absolute;
		width:100%;
		height:100%;background-size: cover;
		background-color:#000;background-image:url(../imagenes/nosotros.png);
		overflow:hidden
	}
	
	
			.txt1Capa3Body{
				position:absolute; width:100%; text-align:left;left:100px;  font-size:4em; top:0px; color:#FF0; 
			}
			
			.diseno{
				position:absolute;
				top:-50px;
				right:0px;
				
			}
			
			.txt2Capa3Body{
				position:absolute; width:40%; text-align:left; left:100px;  font-size:1.5em; top:130px; color:#fff; 
			}
	
	
	
	
	
	
	.filaCapa4
	{
		position:relative;
		width:100%;
		height:120px;
		padding-top:100px;
	}
	
	
	.fila3Capa4
	{
		position:relative;
		width:100%;
		height:120px;
		padding-top:10px;
	}
	
		.comodin{
			float:left;
			width:4%;
			height:100%;
		}
	
		.columna
		{
			float:left;
			width:28%;
			height:100%;

		}

			.conteImg{
				position:relative;
				width:100%;
				height:85%;  overflow:hidden;
				
			}
			
				.txtConteImg{
					position:absolute;
					color:#FF0;
					width:100%;
					text-align:center;
					top:50px;
					font-family:magetasLight;
					font-size:2.3em;
					z-index:10000
					
				}
				
				.lente{
					position:absolute;
					z-index:10000;
					width:40px;
					height:auto;
					bottom:60px;
					left:160px;
						
				}
				
				.velo{
				position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%	
				}
			
				.imgColumnaCapa4
				{
					width:160%;
					height:auto;
					-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   
					transition: all 0.5s ease; 
				}
	
	
	

	
#capa1Body{
	position:relative; width:100%; height:1100px;   background-color:#fff
}
	
	.subCapa1Body{
		position:relative;
		width:100%;
		height:350px;
	}
			.txt1CapaBody{
				position:relative; width:100%; text-align:center; font-size:4em; color:#000; padding-top:50px;
				font-family: "Roboto-Light";
			}
			
			.txt2CapaBody{
				position:relative; width:100%; text-align:center; font-size:1.8em; color:#F00; top:-40px;
			}
			
			
			.txt3CapaBody{
				position:relative; width:50%; text-align:center; font-size:1.5em; color:#000; top:-20px;
			}


	.espacio2{ float:left; width:6.5%; height:100px;}
	
	.grupo2CapaB{  float:left; width:25%; height:350px;top:0px; }
		.imgGrupo2CapaB{position:relative; width:100px; height:auto;}
		.txt1Grupo2CapaB{position:relative; font-size:3em; top:0px; text-align:center; color:#fd3a3a; font-family: "Roboto-Light";}
		.txt2Grupo2CapaB{position:relative; font-size:1.2em; top:-10px; text-align:justify; color:#2a2a2a}


.subCapa2Body{
	position:relative;
	width:100%;
	height:800px;
}



.division1{
			position:relative;
			width:auto;
			height:60px;
		}
		
				.subDiv1{
					float:left;
					width:33%;
					height:100%;
				}
		
					.formNombreContacto{
						position:relative;
						left:50px;
						width:350px;
						height:40px;
						border-color:transparent;
						font-size:24px; 
						background-color:#036;
						border:solid;
						border-width:1px;
						border-color:#575656;
					}
			
				.subDiv2{
					float:left;
					width:33%;
					height:100%;
				}
				
					.formMailContacto{
						position:relative;
						left:50px;
						width:350px;
						height:40px;
						border-color:transparent;
						font-size:24px; 
						border:solid;
						border-width:1px;
						border-color:#575656;
					}
			
				.subDiv3{
					float:left;
					width:34%;
					height:100%;
				}
					.formTelefonoContacto{
						position:relative;
						left:50px;
						width:350px;
						height:40px;
						border-color:transparent;
						font-size:24px; 
						border:solid;
						border-width:1px;
						border-color:#575656;
					}
			
			
				.formInquietudContacto{
					position:relative;
					width:1240px;
					left:50px;
					border-color:transparent;
					font-size:24px; 
					padding-top:20px;
					border:solid;
						border-width:1px;
						border-color:#575656;
				}
				
		
		
				.btnEnviarContacto{
					position:relative;
					top:10px;
					width:150px;
					height:50px;
					left:50px;
					border-color:transparent;
					font-size:24px;
					color:#fff;
					background-color:#000
				}
					
						.btnEnviarContacto:hover{
						background-color:#fff;
						color:#000;
					}



	






#capa2Body{
	position:relative; width:100%; height:770px;   background-color:#0195ba
}

		.grupo1Capa5{  float:left; width:60%; height:100%;}
		.txt1Grupo1Capa5{position:relative; font-size:8em; top:-50px; padding-left:90px;  color:#fff;  font-family: "jet"; }
		.txt2Grupo1Capa5{position:relative; font-size:3em; top:-135px; padding-left:90px; color:#eaebeb; 
		font-family: "magetasLight"; }
		.txt3Grupo1Capa5{position:relative; font-size:1.3em; top:-150px; padding-left:90px; color:#fff; width:650px; }

		.volante{
			 width:auto; height:100%;  
			}



#capa4Body{
	position:relative; width:100%; height:500px;   background-color:#000;
	background-image:url(../imagenes/img3Index.png);-moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;aling-items: center;justify-content: center;display: flex;
}


		.grupo1Capa6{
		position:absolute;
		width:70%;
		height:100%;
	}

	

		.txt1Capa6{
			position:relative;
			padding-top:120px;
			text-align:center;
			color:#FF0;
			font-size:3.2em;
			font-family:magetasBold
		}

		

		.txt2Capa6{
			position:relative;
			text-align:center;
			color:#FFF;
			font-size:1.5em
		}





#capa5Body{
	position:relative; width:100%; height:1000px;   background-color:#000; background-image:url(../imagenes/fondoCapa5Body.png);
	-moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}




		.fila1Capa5Body{
		position:relative;
		width:100%;
		height:30%;
		background-color:#ffe400;
		overflow:hidden
		}
	
	
			.txt1Capa5Body{
				position:absolute; width:100%; text-align:right; right:100px;  font-size:4em; top:0px; color:#000; 
				font-family: "carson";
			}
			
			.servicio{
				position:absolute;
				top:-50px;
				left:0px;
			}
			
			.txt2Capa5Body{
				position:absolute; width:40%; text-align:right; right:100px;  font-size:1.5em; top:130px; color:#50504f; 
			}





	.fila2Capa5Body{
		position:relative;
		width:100%;
		height:60%;
		overflow:hidden
		}

				
					.filaCapa5
					{
						position:relative;
						width:100%;
						height:75%;
						padding-top:100px;
					}
					
					
					.fila3Capa5
					{
						position:relative;
						width:100%;
						height:220px;
						background-color:#FFF
					}
					
						.comodinCapa5{
							float:left;
							width:4%;
							height:100%;
						}
					
						.columnaCapa5
						{
							float:left;
							width:28%;
							height:100%;
							background-color:#FFF
				
						}
				
							.conteImgCapa5{
								position:relative;
								width:100%;
								height:100%;  
							}
							
								.txtConteImgCapa5{
									position:absolute;
									color:#282828;
									width:100%;
									text-align:center;
									top:120px;
									font-family:magetasBold;
									font-size:2.3em;
									z-index:10000
									
								}
								
								.txt2ConteImgCapa5{
									position:absolute;
									color:#282828;
									width:75%;
									text-align:center;
									top:220px;
									font-size:1.3em;
									left:45px;
									z-index:10000
								}
							
								
							
								.imgColumnaCapa5
								{
									width:70px;
									height:auto;
									padding-top:50px;
									-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   
									-o-transition: all 0.5s ease;   
									transition: all 0.5s ease; 
								}
				
				
	#capa6Body{
	position:relative;
	height:600px;
	background-color:#000;
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

	#map_canvas{
	position:relative
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%;
	}
			
				


/*Celular portrait*/
@media screen and (max-width: 360px) {
	

#capa1Body{position:relative; width:100%; height:3000px;   background-color:#fff}
.espacio2{  position:relative; width:100%; height:300px;}
	
	.subCapa1Body{height:550px;}
	
	
	
	
	.grupo2CapaB{ position:relative; width:100%; height:450px;}




#capa2Body{height:900px}
		.grupo1Capa5{position:relative; width:100%;}
		.txt1Grupo1Capa5{padding-left:0px; width:100%; text-align:center}
		.txt2Grupo1Capa5{padding-left:0px; width:90%; text-align:center}
		.txt3Grupo1Capa5{padding-left:0px; width:100%; text-align:center}
		.arrow2{position:relative; top:-130px; left:190px;  width:200px; height:60px; right:0px;}
		



.division1{height:210px; top:80px}
	.subDiv1{ position:relative; width:100%;height:50px;}
		.formNombreContacto{left:0px; width:99%}
	.subDiv2{ position:relative; width:100%;height:50px;}
		.formMailContacto{left:0px; width:99%}
	.subDiv3{ position:relative; width:100%;height:50px;}
		.formTelefonoContacto{left:0px; width:99%}


		.formInquietudContacto{left:0px; width:98%}
		.btnEnviarContacto{left:0px; width:99%}


#capa3Body{height:400px}
	.fila1Capa3Body{height:400px}
		.txt1Capa3Body{width:100%; text-align:center; left:auto;  right:auto;}
		.txt2Capa3Body{ top:300px; width:100%; text-align:center; left:auto;  right:auto;}
		.diseno{display:none}
		.volante{display:none}




#capa2Body{
	position:relative; width:100%; height:770px;   background-color:#0195ba
}

		.grupo1Capa5{  float:left; width:100%; height:100%;}
		.txt1Grupo1Capa5{font-size:3.5em; top:-50px; width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative }
		.txt2Grupo1Capa5{position:relative; font-size:3em; top:-115px; width:100%; text-align:center; padding-left:0px;  color:#eaebeb;  margin-left:auto; margin-right:auto;}
		.txt3Grupo1Capa5{position:relative; font-size:1.5em; top:-150px; padding-left:0px; color:#fff; width:100%; text-align:center  }

		.volante{ display:none}






	
	
}

/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
	


#capa1Body{position:relative; width:100%; height:2800px;   background-color:#fff}
.espacio2{  position:relative; width:100%; height:300px;}
	
	.grupo2CapaB{ position:relative; width:100%; height:450px;}




#capa2Body{height:900px}
		.grupo1Capa5{position:relative; width:100%;}
		.txt1Grupo1Capa5{padding-left:0px; width:100%; text-align:center}
		.txt2Grupo1Capa5{padding-left:0px; width:90%; text-align:center}
		.txt3Grupo1Capa5{padding-left:0px; width:100%; text-align:center}
		.arrow2{position:relative; top:-130px; left:190px;  width:200px; height:60px; right:0px;}
		



.division1{height:210px; top:80px}
	.subDiv1{ position:relative; width:100%;height:50px;}
		.formNombreContacto{left:0px; width:99%}
	.subDiv2{ position:relative; width:100%;height:50px;}
		.formMailContacto{left:0px; width:99%}
	.subDiv3{ position:relative; width:100%;height:50px;}
		.formTelefonoContacto{left:0px; width:99%}


		.formInquietudContacto{left:0px; width:98%}
		.btnEnviarContacto{left:0px; width:99%}


#capa3Body{height:400px}
	.fila1Capa3Body{height:400px}
		.txt1Capa3Body{width:100%; text-align:center; left:auto;  right:auto;}
		.txt2Capa3Body{ top:300px; width:100%; text-align:center; left:auto;  right:auto;}
		.diseno{display:none}
		.volante{display:none}




#capa2Body{
	position:relative; width:100%; height:770px;   background-color:#0195ba
}

		.grupo1Capa5{  float:left; width:100%; height:100%;}
		.txt1Grupo1Capa5{font-size:3.5em; top:-50px; width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative }
		.txt2Grupo1Capa5{position:relative; font-size:3em; top:-115px; width:100%; text-align:center; padding-left:0px;  color:#eaebeb;  margin-left:auto; margin-right:auto;}
		.txt3Grupo1Capa5{position:relative; font-size:1.5em; top:-150px; padding-left:0px; color:#fff; width:100%; text-align:center  }

		.volante{ display:none}




			

}


/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	
#capa1Body{position:relative; width:100%; height:2800px;   background-color:#fff}
.espacio2{  position:relative; width:100%; height:300px;}
	
	.grupo2CapaB{ position:relative; width:100%; height:450px;}


.division1{height:210px; top:80px}
	.subDiv1{ position:relative; width:100%;height:50px;}
		.formNombreContacto{left:0px; width:99%}
	.subDiv2{ position:relative; width:100%;height:50px;}
		.formMailContacto{left:0px; width:99%}
	.subDiv3{ position:relative; width:100%;height:50px;}
		.formTelefonoContacto{left:0px; width:99%}


		.formInquietudContacto{left:0px; width:98%}
		.btnEnviarContacto{left:0px; width:99%}

	
	
#capa3Body{height:400px}
	.fila1Capa3Body{height:400px}
		.txt1Capa3Body{width:100%; text-align:center; left:auto;  right:auto;}
		.txt2Capa3Body{ top:300px; width:100%; text-align:center; left:auto;  right:auto;}
		.diseno{display:none}
.volante{display:none}




#capa2Body{
	position:relative; width:100%; height:770px;   background-color:#0195ba
}

		.grupo1Capa5{  float:left; width:100%; height:100%;}
		.txt1Grupo1Capa5{font-size:3.5em; top:-50px; width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative }
		.txt2Grupo1Capa5{position:relative; font-size:3em; top:-115px; width:100%; text-align:center; padding-left:0px;  color:#eaebeb;  margin-left:auto; margin-right:auto;}
		.txt3Grupo1Capa5{position:relative; font-size:1.5em; top:-150px; padding-left:0px; color:#fff; width:100%; text-align:center  }

		.volante{ display:none}


}



/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {

#capa1Body{position:relative; width:100%; height:1850px;   background-color:#fff}
.espacio2{  position:relative; width:100%; height:50px;}
	
	.grupo2CapaB{ position:relative; width:100%; height:450px;}


.division1{height:210px; top:80px}
	.subDiv1{ position:relative; width:100%;height:50px;}
		.formNombreContacto{left:0px; width:99%}
	.subDiv2{ position:relative; width:100%;height:50px;}
		.formMailContacto{left:0px; width:99%}
	.subDiv3{ position:relative; width:100%;height:50px;}
		.formTelefonoContacto{left:0px; width:99%}


		.formInquietudContacto{left:0px; width:98%}
		.btnEnviarContacto{left:0px; width:99%}

	
	
#capa3Body{height:400px}
	.fila1Capa3Body{height:400px}
		.txt1Capa3Body{width:100%; text-align:center; left:auto;  right:auto;}
		.txt2Capa3Body{ top:300px; width:100%; text-align:center; left:auto;  right:auto;}
		.diseno{display:none}
		.volante{display:none}


#capa2Body{
	position:relative; width:100%; height:570px;   background-color:#0195ba
}

		.grupo1Capa5{  float:left; width:100%; height:100%;}
		.txt1Grupo1Capa5{font-size:3.5em; top:-50px; width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative }
		.txt2Grupo1Capa5{position:relative; font-size:3em; top:-115px; width:100%; text-align:center; padding-left:0px;  color:#eaebeb;  margin-left:auto; margin-right:auto;}
		.txt3Grupo1Capa5{position:relative; font-size:1.5em; top:-150px; padding-left:0px; color:#fff; width:100%; text-align:center }

		.volante{ display:none}


}