@font-face{
	font-family: Moonview;
	src: url("../TiposLetras/Moonview.ttf");
}
@font-face{
	font-family: FavoritePie;
	src: url("../TiposLetras/FavoritePieDemoRegular.ttf");
}
@font-face{
	font-family: Finland;
	src: url("../TiposLetras/Finland Rounded Thin.ttf");
}
@font-face{
	font-family: MondayRainbow;
	src:url("../TiposLetras/Monday Rainbow Font by 7Ntypes.otf");
}
@font-face{
	font-family: Gembira;
	src:url("../TiposLetras/Gembira FREE FOR PERSONAL USE.ttf");
}
@font-face{
	font-family: TriumvirateCG;
	src:url("../TiposLetras/Triumvirate CG Inserat.otf");
}
@font-face{
	font-family: TriumvirateCGcomp;
	src:url("../TiposLetras/triumviratecgcomp.otf");
}
@font-face{
	font-family: TriumvirateCGextracomp;
	src:url("../TiposLetras/triumviratecgextracomp.otf");
}

@media only screen and (max-width: 480px)
{
	#MenuPrueba{
		display: block;
	}
	.Fondo_Menu{
		display: none;
	}
	#MenuConectate{
		display: none;
	}
	.Video_Fondo_Celular{
		position: absolute;
		top:0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.protector{
		display: none;
	}
	.Video_Fondo{
		display: none;
	}
	.MisionVision{
		display: block;
		height: 1840px;
	}
	.ContenidoMisionVision{
		position: absolute;
		top: 10px;
		left: 0px;
		width: 100%;
		height: 1800px;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 100px 500px 100px 100px 300px 100px 100px 400px 100px;
	}
	.Titulo_Mision{
		grid-column: 1/2;
		grid-row: 1/2;
		color: #014A1C;
		font-size: 50px;
		text-align: center;
		padding-top: 25px;
	}
	.Contenido_Mision{
		grid-column: 1/2;
		grid-row: 2/3;
		font-family: sans-serif;
		font-size: 20px;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.Imagen_Mision{
		grid-column: 1/2;
		grid-row: 3/4;
		text-align: center;
	}
	.Contenido_centro{
		grid-column: 1/2;
		grid-row: 4/7;
		font-size: 25px;
		color: black;
		text-align: center;
	}
	.Img_Centro_Celular{
		position: relative;
		left: 0px;		
		width: 300px;
	}
	.Titulo_Vision{
		grid-column: 1/2;
		grid-row: 7/8;
		color: #014A1C;
		font-size: 50px;
		text-align: center;
		padding-top: 25px;
	}
	.Contenido_Vision{
		grid-column: 1/2;
		grid-row: 8/9;
		font-family: sans-serif;
		font-size: 20px;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.Imagen_Vision{
		grid-column: 1/2;
		grid-row: 9/10;
		text-align: center;
	}
	.Nosotros{
		position: absolute;
		top: calc(100% + 1840px);
		width: 100%;
		left: 0px;
		height: 2000px;
	}
	.Titulo_Nosotros{
		font-size: 40px;
		color: #014A1C;
		text-align: center;
		height: 400px;
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.Cuadro_Nosotros{
		position: absolute;
		top: 460px;
		left: calc((100% - 300px)/2);
		height: 2310px;
		width: 300px;
		display: grid;
		grid-template-columns: 300px;
		grid-template-rows: 550px 430px 300px 450px 580px;
	}
	.Experiencia{
		grid-column: 1/2;
		grid-row: 1/2;
		border: 4px solid #099602;
		border-radius: 30px 30px 0px 0px;
		padding: 20px 50px 20px 50px;
		text-align: center;
	}
	.Protocolos{
		grid-column: 1/2;
		grid-row: 2/3;
		border: 4px solid #006324;
		border-radius: 0px 0px 0px 0px;
		padding: 20px 50px 20px 50px;
		text-align: center;
	}
	.Respuesta{
		grid-column: 1/2;
		grid-row: 3/4;
		border: 4px solid #022B15;
		border-radius: 0px 0px 0px 0px;
		padding: 20px 50px 20px 50px;
		text-align: center;
	}
	.Mejora{
		grid-column: 1/2;
		grid-row: 4/5;
		border: 4px solid #999206;
		border-radius: 0px 0px 30px 30px;
		padding: 20px 50px 20px 50px;
		text-align: center;
	}
	.Imagen_Nosotros{
		grid-column: 1/2;
		grid-row: 5/6;
		text-align: center;
		padding-top: 15px;
	}
	.Servicios{
		position: absolute;
		top: 2499px;
		height: 1760px;
		background-image: url("../Imagenes/Fondo_Servicios.png");
		width: 100%;
		background-size: 100% 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}
	.Contenido_Servicios{
		position: absolute;
		left: 10px;
		width: calc((100% - 20px));
		height: 600px;
	}
	.lista_Servicios{
		position: relative;
		top:-200px;
	}
	.Destacando{
		position: relative;
		top: 550px;
	}
	.Parr{
		position: relative;
		top: 530px;
		font-size: 18px;
	}
	.Hercules{
		left: calc((100% - 150px)/2);
		width: 150px;
		top: 860px;
	}
	.MMP{
		left: calc((100% - 300px)/2);
		width: 300px;
		top: 1100px;
	}
	.Equipos{
		position: absolute;
		top: 4260px;
	}
	.Tabla_equipos{
		position: absolute;
		top: 180px;
		left: 0px;
		width: 100%;
		height: 2250px;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px 250px;
	}
	.Equipo_Cuadro{
		position: relative;
		top: 10px;
		left: 10px;
		width: calc((100% - 20px));
		height: 230px;
		border: 1px solid gray;
		box-shadow: 5px 5px 7px 1px gray;
		padding: 5px;
	}
	.Marcas_Equipo{
		font-family: sans-serif;
		font-size: 15px;
		color: black;
		text-align: center;
		width: 180px;
	}
	.Img_Reductor{
		position: absolute;
		right: 12px;
		top: 102px;
		width: 140px;
	}
	.Img_Chancadora{
		position: absolute;
		right:40px;
		top: 80px;
		width: 100px;
	}
	.Img_Filtro{
		position: absolute;
		right:20px;
		top: 80px;
		width: 120px;
	}
	.Img_Valvula{
		position: absolute;
		right: 40px;
		top: 70px;
		width: 65px;
		left: 210px;
	}
	.Img_Polea{
		position: absolute;
		right: 30px;
		top: 80px;
		width: 110px;
	}
	.Equipo_2{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.Equipo_3{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	.Equipo_4{
		grid-column: 1/2;
		grid-row: 4/5;
	}
	.Equipo_5{
		grid-column: 1/2;
		grid-row: 5/6;
	}
	.Equipo_6{
		grid-column: 1/2;
		grid-row: 6/7;
	}
	.Equipo_7{
		grid-column: 1/2;
		grid-row: 7/8;
	}
	.Equipo_8{
		grid-column: 1/2;
		grid-row: 8/9;
	}
	.Equipo_9{
		grid-column: 1/2;
		grid-row: 9/10;
	}
	.Equipo_10{
		position: absolute;
		top: 2430px;
		width: calc(100% - 20px);
		left: 0px;
		height: 230px;
	}
	.Equipo_Cuadro{
		position: relative;
		top: 10px;
		left: 10px;
		width: calc(100% - 20px);
		height: 230px;
		border: 1px solid gray;
		box-shadow: 5px 5px 7px 1px gray;
		padding: 10px;
	}
	.Equipo_10 .Equipo_Cuadro{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 230px;
	}
	.Equipo_10 .Equipo_Cuadro .Subtitulo_Equipo{
		width: 100%;
	}
	.Equipo_10 .Equipo_Cuadro .Marcas_Equipo{
		width: 100%;
	}
	.Img_Otros{
		position: absolute;
		left: 13%;
		top: 130px;
		width: 70%;
	}
	.Proyectos{
		position: absolute;
		top: calc(100% + 9100px);
		height: 1550px;
	}
	.Contenido_Proyectos{
		position: absolute;
		width: calc(100% - 20px);
		left: 10px;
	}
	.Cuadro_Proyectos{
		position: absolute;
		top: 500px;
		left: 0px;
		width: 100%;
		height: 410px;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 400px 400px;
	}
	.Parrafo_Proyectos{
		grid-column: 1/2;
		grid-row: 2/3;
		padding: 20px;
	}
	.Repuestos{
		position: absolute;
		top: calc(100% + 6300px);
		width: 100%;
		height: 1300px;
		left: 0px;
		background-image: url("../Imagenes/Fondo_Repuestos.png");
		background-size: 100% 100%;
	}
	.TRepuestos{
		position:absolute; 
		left:10px;
		width: calc(100% - 30px);
	}
	.Cuadro_Repuestos{
		position: absolute;
		top: 195px;
		left: 0px;
		width: 100%;
		height: 1120px;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 280px 400px 450px;
	}
	.Img_Repuestos_1{
		grid-column: 1/2;
		grid-row: 1/2;
		display: flex;
		align-items: center;
	}
	.Img_Repuestos_1 img{
		width: 100%;
	}
	.Contenido_Repuestos{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.Img_Repuestos_2{
		grid-column: 1/2;
		grid-row: 3/4;
		display: flex;
		align-items: center;
	}
	.Img_Repuestos_2 img{
		width: 100%;
	}
	.Contactanos{
		position: absolute;
		top:calc(100% + 7600px);
		width: 100%;
		height: 580px;
		background-image: url("../Imagenes/Fondo_Contactanos.png");
		background-size: 100% 100%;
	}
	.TContactanos{
		position:absolute; 
		left: 10px;
		width: calc(100% - 20px);
	}
	.Cuadro_Contactanos{
		position: absolute;
		width: 90%;
		top: 90px;
		left: 5%;
		display: grid;
		height: 200px;
		grid-template-columns: 90%;
		grid-template-rows: 500px;
		background-image: url("../Imagenes/Contactanos.png");
		background-size: 100%;
	}
	.Frm_Contactanos{
		/*grid-column: 1/2;
		grid-row: 1/2;
		padding-top: 10px;
		padding-bottom: 10px;*/
	}
	.Img_Contactanos{
		grid-column: 1/2;
		grid-row: 1/2;
		background-image: url("../Imagenes/Contactanos.png");

	}
	.Frm_Contactanos input[type=text]{
		width: calc(100% - 20px);
	}
	.Frm_Contactanos textarea{
		position: relative;
		left: 10px;
		width: calc(100% - 20px);
	}
	.fondo_footer{
		position: absolute;
		top: 400px;
		height: 180px;
		width: 100%;
		background-image: url("../Imagenes/Fondo_abajo.png");
		background-size: 100% 100%;
		opacity: 0.7;
	}
	.Cfooter{
		position:absolute; 
		left:5px; 
		width:calc(100% - 10px);
	}
	.ALogo{
		position:absolute; 
		top: 70px; 
		width: 120px;
		left: 0px;
	}
	.CDatos{
		color: black; 
		width: 210px; 
		height: 150px; 
		position: absolute; 
		top: 30px; 
		left: 140px; 
		padding-left: 0px; 
		padding-right: 10px;
		font-family: sans-serif;
		padding-top: 40px; 
		font-size: 11px;
	}
	.Redes_Sociales{
		position: absolute;
		top: 50px;
		left: 140px;
		color: white;
		width: 200px;
		height: 25px;
	}
	.CFacebook{
		position: absolute;
		top: 0px;
		height: 25px;
		width: 25px;
	}
	.CLinkedin{
		position: absolute;
		left: 40px;
		top: 0px;
		height: 25px;
		width: 25px;
	}
	.btnWhatsapp{
		position:fixed; 
		width: 60px;
		height: 60px;
		background-color: transparent;
		z-index: 2400; 
		right: 10px; 
		bottom: 10px
	}
}
@media only screen and (min-width: 500px) and (max-width: 900px)
{
	.Video_Fondo{
		position:absolute; 
		top: 0px; 
		left: 0px; 
		width: 100%;
		display: block; 
	}
	.CTexto{
		position:absolute;
		z-index: 1000; 
		top:calc((100% - 141.97px)/2); 
		width: 610px; 
		left: calc((100% - 610px)/2);
	}
	.CSlogan{
		position:absolute; 
		right: 90px; 
		bottom:20px; 
		width:150px;
	}
	.btnWhatsapp{
		right: 20px; 
	}
	.MisionVision{
		height: 540px;
	}
	.ContenidoMisionVision{
		position: absolute;
		top: 10px;
		left: 0px;
		width: 100%;
		height: 480px;
		display: grid;
		grid-template-columns: 38% 24% 38%;
		grid-template-rows: 100px 300px 80px;
	}
	.Titulo_Mision{
		font-size: 30px;
		text-align: center;
		padding-top: 25px;
	}
	.Contenido_Mision{
		font-size: 13px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.Imagen_Mision{
		text-align: center;
	}
	.Img_Centro_Celular{
		position: relative;
		left: 0px;		
		width: 100%;
	}
	.Contenido_centro{
		font-size: 20px;
		color: black;
		text-align: center;
	}
	.Titulo_Vision{
		font-size: 30px;
		text-align: center;
		padding-top: 25px;
	}
	.Contenido_Vision{
		font-size: 13px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.Imagen_Vision{
		text-align: center;
	}
	.Nosotros{
		position: absolute;
		top: calc(100% + 540px);
		width: 100%;
		left: 0px;
		height: 570px;
	}
	.Imagen_Nosotros img{
		width: 90%;
		position: relative;
		left: 5%;
		height: 100%;
	}
	.Titulo_Nosotros{
		font-size: 30px;
		height: 100px;
		padding-top: 20px;
	}
	.Cuadro_Nosotros{
		position: absolute;
		top: 150px;
		left: 2.5%;
		height: 395px;
		width: 95%;
		display: grid;
		grid-template-columns: 35% 35% 30%;
		grid-template-rows: 225px 5px 165px;
	}
	.Experiencia{
		grid-column: 1/2;
		grid-row: 1/3;
		border: 4px solid #099602;
		border-radius: 30px 0px 0px 0px;
		padding: 10px 15px 10px 15px;
		text-align: center;
	}
	.Experiencia:hover{
		border: 6px solid #099602;
	}
	.Protocolos{
		grid-column: 2/3;
		grid-row: 1/2;
		border: 4px solid #006324;
		border-radius: 0px 30px 0px 0px;
		padding: 10px 15px 10px 15px;
		text-align: center;
	}
	.Protocolos:hover{
		border: 6px solid #006324;
	}
	.Respuesta{
		grid-column: 1/2;
		grid-row: 3/4;
		border: 4px solid #022B15;
		border-radius: 0px 0px 0px 30px;
		padding: 10px 15px 10px 15px;
		text-align: center;
	}
	.Respuesta:hover{
		border: 6px solid #022B15;
	}
	.Mejora{
		grid-column: 2/3;
		grid-row: 2/4;
		border: 4px solid #999206;
		border-radius: 0px 0px 30px 0px;
		padding: 10px 15px 10px 15px;
		text-align: center;
	}
	.Mejora:hover{
		border: 6px solid #999206;
	}
	.Imagen_Nosotros{
		grid-column: 3/4;
		grid-row: 1/4;
		text-align: center;
	}
	.Subtitulo_Nosotros{
		color: #014A1C;
		font-size: 20px;
		font-family: sans-serif;
		font-weight: bold;
	}
	.Parrafo_Nosotros{
		color: black;
		font-size: 11px;
		font-family: sans-serif;
	}
	.Servicios{
		position: absolute;
		top: calc(100% + 539px);
		height: 430px;
		background-image: url("../Imagenes/Fondo_Servicios.png");
		width: 100%;
		background-size: 100% 100%;
	}
	.Contenido_Servicios{
		position: absolute;
		top: 5px;
		left: 2.5%;
		width: 95%;
		height: 600px;
	}
	.Titulo_Servicios{
		font-size: 30px;
		color: #014A1C;
		text-align: center;
	}
	.Subtitulo_Servicios{
		font-size: 20px;
		color: #014A1C;
		text-align: center;
	}
	.Parrafo_Servicios{
		font-family: sans-serif;
		color: #014A1C;
		font-size: 13px;
		font-weight: bold;
	}
	.Hercules{
		position: absolute;
		top:183px;
		left: 350px;
		width: 65px;
		border: 2px solid #014A1C;
	}
	.MMP{
		position: absolute;
		top:158px;
		left: 455px;
		width: 120px;
		border: 2px solid #014A1C;
	}
	.Equipos{
		position: absolute;
		top: calc(100% + 990px);
		width: 100%;
		height: 1030px;
	}
	.Tabla_equipos{
		position: absolute;
		top: 100px;
		left: calc((100% - 720px)/2);
		width: 720px;
		height: 750px;
		display: grid;
		grid-template-columns: 240px 240px 240px;
		grid-template-rows: 250px 250px 250px;
	}
	.Equipo_Cuadro{
		position: relative;
		top: 5px;
		left: 5px;
		width: 220px;
		height: 230px;
		border: 1px solid gray;
		box-shadow: 5px 5px 7px 1px gray;
		padding: 10px;
	}
	.Subtitulo_Equipo{
		font-size: 15px;
		width: 200px;
	}
	.Marcas_Equipo{
		font-size: 12px;
		width: 200px;
	}
	.Img_Reductor{
		position: absolute;
		left: 50px;
		top: 123px;
		width: 125px;
	}
	.Img_Chancadora{
		position: absolute;
		left: 75px;
		top: 133px;
		width: 70px;
	}
	.Img_Filtro{
		position: absolute;
		left: 60px;
		top: 110px;
		width: 100px;
	}
	.Img_Valvula{
		position: absolute;
		left: 80px;
		top: 90px;
		width: 60px;
	}
	.Img_Polea{
		position: absolute;
		right: 70px;
		top: 120px;
		width: 80px;
	}
	.Equipo_8 img{
		position: absolute;
		left: 30px;
		top: 100px;
		width: 160px;
	}
	.Equipo_9 img{
		width: 110px;
		top: 130px;
	}
	.Equipo_10{
		position: absolute;
		top: 840px;
		width: 400px;
		left: calc((100% - 400px)/2);
		height: 150px;
	}
	.Equipo_10 .Equipo_Cuadro{
		position: absolute;
		top: 10px;
		width: 400px;
		height: 150px;
	}
	.Equipo_10 .Equipo_Cuadro .Subtitulo_Equipo{
		width: 200px;
	}
	.Equipo_10 .Equipo_Cuadro .Marcas_Equipo{
		width: 200px;
	}
	.Img_Otros{
		position: absolute;
		left: 205px;
		top: 40px;
		width: 190px;
	}
	.Proyectos{
		position: absolute;
		top: calc(100% + 2570px);
		width: 100%;
		height: 470px;
		background-image: url("../Imagenes/MisionVision.png");
		background-size: 100% 100%;
	}
	.Contenido_Proyectos{
		position: absolute;
		width: 100%;
		left: 0px;
		height: 470px;
	}
	.Cuadro_Proyectos{
		position: absolute;
		top: 180px;
		left: calc((100% - 690px)/2);
		width: 690px;
		height: 410px;
		display: grid;
		grid-template-columns: 230px 460px;
		grid-template-rows: 250px;
	}
	.Parrafo_Proyectos{
		padding: 10px;
	}
	.Subtitulo_Proyectos{
		font-size: 18px;
		color: #014A1C;
		margin-bottom: 0px;
	}
	.texto_Proyectos{
		font-family: sans-serif;
		font-size: 13px;
		color: black;
	}
	.Linea_Blanco{
		display: none;
	}
	.Repuestos{
		position: absolute;
		top: calc(100% + 2015px);
		width: 100%;
		height: 350px;
		left: 0px;
		background-image: url("../Imagenes/Fondo_Repuestos.png");
		background-size: 100% 100%;
	}
	.TRepuestos{
		position:absolute; 
		left:calc((100% - 720px)/2);
		width: 720px;
	}
	.Cuadro_Repuestos{
		position: absolute;
		top: 80px;
		left:calc((100% - 720px)/2);
		width: 720px;
		height: 250px;
		display: grid;
		grid-template-columns: 200px 320px 200px;
		grid-template-rows: 250px;
	}
	.Contenido_Repuestos ul li{
		list-style-image: url("../Imagenes/Flecha.png");
		font-family: sans-serif;
		font-size: 12px;
		color: black;
		height: 25px;
	}
	.Img_Repuestos_1 img{
		width: 200px;
	}
	.Img_Repuestos_2 img{
		width: 200px;
	}
	.Contactanos{
		position: absolute;
		top:calc(100% + 2365px);
		left: 0%;
		width: 100%;
		height: 680px;
		grid-template-columns: 200px 320px 200px;
	}
	.Img_Contactanos{
		width: 100%;
		position: relative;
		top: -50px;
		left: -100px;
		background-size: 90% 80%;
		grid-column: 1/2;
	}
	.Cuadro_Contactanos{
		width: 100%;
		position: absolute;
		left: 0%;
		grid-template-columns: 90%;
	}
	.Frm_Contactanos{
		display: none;
	}
	/*.TContactanos{
		position:absolute; 
		left:calc((100% - 720px)/2);
		width: 720px;
	}
	.Cuadro_Contactanos{
		position: absolute;
		width: 90%;
		top: 80px;
		left: 5%;
		display: grid;
		height: 400px;
		grid-template-columns: 100%;
		grid-template-rows: 400px;
	}*/
	/*.Frm_Contactanos input[type=text]{
		width: 335px;
		position: relative;
		left: 10px;
		height: 40px;
		border-radius: 0px;
		border: none;
		border-bottom: 2px solid #014A1C;
		background-color: #F2F5F6;
		font-size: 15px;
	}
	.Frm_Contactanos textarea{
		position: relative;
		left: 10px;
		width: 335px;
		height: 150px;
		order-radius: 0px;
		border: none;
		border-bottom: 2px solid #014A1C;
		background-color: #F2F5F6;
		resize: none;
		padding: 15px;
	}*/
	.fondo_footer{
		position: absolute;
		top: 430px;
	}
	.Cfooter{
		position:absolute;
		left:Calc((100% - 720px)/2); 
		width:720px;
	}
	.ALogo{
		position:absolute; 
		top: 100px;
		left: 30px; 
		width: 200px;
	}
	.CDatos{
		color: black; 
		width: 400px; 
		height: 190px; 
		position: absolute; 
		top: 50px; 
		left: 240px; 
		padding-left: 50px; 
		padding-right: 5px;
		font-family: sans-serif;
		padding-top: 40px; 
		font-size: 15px;
	}
	.Redes_Sociales{
		position: absolute;
		top: 100px;
		left: 600px;
		color: white;
	}
	.CFacebook{
		position: absolute;
		top: 0px;
		height: 30px;
		width: 30px;
	}
	.CLinkedin{
		position: absolute;
		left: 40px;
		top: 0px;
		height: 30px;
		width: 30px;
	}
}