@charset "utf-8";
/* CSS Document */

body {
	margin: 0em auto;
	/*overflow-x:hidden;*/
    background-color:#fff;
    padding: 0;
    margin: 0;
	overflow-x:hidden
}


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

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


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

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


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



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

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


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


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

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

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


a{
font-family: "carson";
text-decoration:none; 
outline:none;
}


h1{
font-family: "magetasRegu";	
}



h2{
font-family: "carson";	
}


h3{
 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{
	width:100%;
	height:300px;
	background-color:#1a1a1a;
	background-size:cover;
	background-image:url(../imagenes/imgLabel.png)
}


	
		.txt1Capa1Body{ position:relative; display:inline-block;   font-family: "merriBold"; color:#FFF; font-size:3em;
		 width:100%; text-align:center; padding-top:60px;
		}
		.txt2Capa1Body{ position:relative; display:inline-block;   font-family: "merriBold"; color:#fff; font-size:1.6em;
		 width:100%; text-align:center; top:-35px
		}
	

#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:78.2%;
									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:#fe5757
								}
								
									.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;  font-family: "merriBold";  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;
							}



#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) {

.txt1Capa3Body{
				position:absolute; width:100%; text-align:center; left:0px; font-size:2.5em; top:0px; color:#FF0; 
			}
			



.columna1Capa2Body{ position:relative; width:100%; height:auto}


				.txt1Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
				.txt2Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
								
								


.columna2Capa2Body{ position:relative; width:100%; height:auto}
			
		.txtNombre{ position:relative; width:100%; height:30px; left:0px;}
								
		.txtTelefono{position:relative; width:100%; height:30px; left:0px; top:10px;}
								
		.txtInquietud{position:relative; width:100%; height:80px;left:0px;top:20px;	}
								
		.txtMail{ position:relative; width:100%; height:30px;left:0px;top:30px;}
								
		.btnEnviar2{ position:relative; width:100%; height:30px;left:0px;top:40px;}	
			

	
	
}

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



.txt1Capa3Body{
				position:absolute; width:100%; text-align:center; left:0px; font-size:2.5em; top:0px; color:#FF0; 
			}
			



.columna1Capa2Body{ position:relative; width:100%; height:auto}


				.txt1Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
				.txt2Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
								
								


.columna2Capa2Body{ position:relative; width:100%; height:auto}
			
		.txtNombre{ position:relative; width:100%; height:30px; left:0px;}
								
		.txtTelefono{position:relative; width:100%; height:30px; left:0px; top:10px;}
								
		.txtInquietud{position:relative; width:100%; height:80px;left:0px;top:20px;	}
								
		.txtMail{ position:relative; width:100%; height:30px;left:0px;top:30px;}
								
		.btnEnviar2{ position:relative; width:100%; height:30px;left:0px;top:40px;}	
			

}


/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	

.txt1Capa3Body{
				position:absolute; width:100%; text-align:center; left:0px; font-size:2.5em; top:0px; color:#FF0; 
			}
			



.columna1Capa2Body{ position:relative; width:100%; height:auto}


				.txt1Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
				.txt2Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
								
								


.columna2Capa2Body{ position:relative; width:100%; height:auto}
			
		.txtNombre{ position:relative; width:100%; height:30px; left:0px;}
								
		.txtTelefono{position:relative; width:100%; height:30px; left:0px; top:10px;}
								
		.txtInquietud{position:relative; width:100%; height:80px;left:0px;top:20px;	}
								
		.txtMail{ position:relative; width:100%; height:30px;left:0px;top:30px;}
								
		.btnEnviar2{ position:relative; width:100%; height:30px;left:0px;top:40px;}	
			

}



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


.txt1Capa3Body{
				position:absolute; width:100%; text-align:center; left:0px; font-size:2.5em; top:0px; color:#FF0; 
			}
			



.columna1Capa2Body{ position:relative; width:100%; height:auto}


				.txt1Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
				.txt2Capa2Body{ margin-left:auto; margin-right:auto; padding-left:0px}
								
								


.columna2Capa2Body{ position:relative; width:100%; height:auto}
			
		.txtNombre{ position:relative; width:100%; height:30px; left:0px;}
								
		.txtTelefono{position:relative; width:100%; height:30px; left:0px; top:10px;}
								
		.txtInquietud{position:relative; width:100%; height:80px;left:0px;top:20px;	}
								
		.txtMail{ position:relative; width:100%; height:30px;left:0px;top:30px;}
								
		.btnEnviar2{ position:relative; width:100%; height:30px;left:0px;top:40px;}	
			

}