

#main
{
	margin: auto;
	width: 101%;
	margin-top: -0.6%;
	margin-left: -0.6%;
	height: 635px;
	background-image: url(images/fondoindex.jpg);
	background-size: cover;
    box-shadow: 0px -10px 0px 0px rgba(31,101,157,0.2) inset;
}


#contentproductos
{
	float: left;
	width: 100%;
	height: 550px;
	margin-top: 0%;
	margin-left: -0.8%;
	background-color:white;
}


#content2
{
	float: left;
	width: 101.2%;
	margin-left: -0.8%;
	margin-top: 0%;
	background-color: white;
}

#cinta
{
	width: 100%;
	height: 400px;
	background-image: url(images/2.jpg);
	float: ;
}
#header
{
	width: 101%;
	margin-left: -0.6%;
	margin-top: -0.6%;
	height: 100px;
	background-color: rgba(150,150,150,0.2);
}

#footer
{
	float: left;
	width: 101.4%;
	height: 350px;
	margin-left: -0.8%;
	background: linear-gradient(90deg,#1E6299, #00A8BD);
}
.logo
{
	float: left;
	margin-left: 5%; 
	margin-top: 1.5%;
	width: 70px; 
	height: 70px; 
}

.letras
{
	width:150px; 
	height: 70px;
	margin-top: 1%; 
	float: left;
}

#menu
{
	border-style: solid;
}



.fotoprincipal
{
	width: 101.2%;
	margin-left: -0.6%;
	margin-top: -0.6%;
	opacity: 30%;
}

.botones
{
	float: right;
	width: 14%;
	height: 60px;
	margin-top: 25px;
	margin-right: 25px;
}


.section
{
	float: left;
	min-width: 150px;
	height: 150px;
	margin-left: 4%;
	margin-top: 2%;	

}

.section2
{
	float: left;
	width: 400px;
	min-width: 400px;
	height: 200px;
	margin-left: 2%;
	margin-top: 2%;	
}



h1 
{
	font-family: Arial;
	font-size: 130%;
	color: white;
	text-align: center;
}



h2 
{
	font-family: Arial;
	font-size: 130%;
	color: rgba(31,101,157);
	text-align: center;
}


h3 
{
	font-family: Arial;
	font-size: 100%;
	color: rgba(31,101,157);
	text-align: left;
	color: white;
}
h4 
{
	font-family: Arial;
	font-size: 100%;
	color: rgba(31,101,157);
	text-align: left;
	color: black;
}
h5
{
	font-family: Arial;
	font-size: 400%;
	color: rgba(31,101,157);
	text-align: center;

}

h6
{
	font-family: Arial;
	font-size: 250%;
	color: rgba(31,101,157);
	text-align: center;
	margin-top: 0%;
}



.menusuperior
{
	font-family: Arial;
	font-size: 130%;
	color: rgba(31,101,157);
	text-align: center;
}


.redes
{
	float: left;
	margin-top: 3%;
	margin-left: 2%;
	width: 5%;
	height: 10%;
}

.redes2
{
	float: left;
	margin-top: 3%;
	width: 87%;
	height: 18%;
}

a
{
	border-color: none;
	color: black;
}

a:hover
{
	color: #00A0C6;
}

p
{
	font-size: 140%;
	font-family: Arial;
	text-align: center;
	color: white;
}

input
{
	width: 100%;
	float: left;
	margin-top: 6%;
	border-radius: 2px;	
	font-size: 70%;
	background-color: rgba(0, 0, 0, 0);
	border-style: none;
	border-bottom-style: solid;
	border-color: rgba(200, 200, 200, 1.0);
	color: white;
	text-align: left;
}


textarea
{
	float: left;
	margin-top: 8%;
	width: 100%;
	height: 30%;
	font-family: Arial;
	font-size: 70%;	
	border-style: none;
	background-color: rgba(250, 250, 250, 0.04);
	color: white;
}

button
{
	width: 100%;
	height: 100%;
	color: white;
	background-color: rgba(31,101,157);
	border-style: none;

}

button:hover
{
	cursor: pointer;
	border-style: solid;
	border-color: skyblue;
}
::placeholder
{
	color: rgba(200, 200, 200, 0.4);
	text-align: left;
}

.foto
{
	position: relative;
	width: 100%;
	height: 100%;
}

.cintasalida
{
	float: left; 
	border-color: white;
	width: 101.4%;
	height:40px; 
	background: linear-gradient(90deg,#DC644E, #8C2F1C);


	margin-left: -0.8%;
}

/*index7777777777777777777777777777777777777777777777777777*/

#content
{
	float: left;
	width: 100%;
	height: 1000px;
	margin-top: 0%;
	margin-left: -0.8%;
	background-color:white;

}


.contenedorindex
{
	margin: auto;
	width: 70%;
	max-width: 1000px;
	min-width: 300px;

}

.contenedorindex h5
{
	font-size: 250%;
	margin-top: 20px;
}

.contenedorindex h3
{
	color: rgba(80, 80, 80, 1.0);
	font-size: 120%;
	margin-left: 5%;
}


.seccion1index
{
	margin: auto;
	width: 90%;

}
.seccion11index
{
	float: left;
	width: 47%;
	max-width: 1200px;
	min-width:400px;
	margin-bottom: 60px;
}
.seccion13index
{
	float: left;
	width: 40%;
	max-width: 1200px;
	min-width:200px;
	margin-bottom: 60px;
	margin-left: 15%;
}
.seccion14index
{
	float: left;
	width: 35%;
	max-width: 1200px;
	min-width:300px;
	margin-left: 5%;
	margin-bottom: 65px;
}
.seccion12index
{
	float: left;
	width: 40%;
	max-width: 1200px;
	min-width:300px;
	margin-bottom: 70px;
}
.imagen1index
{
	float:left;
	width: 90%; 
	height: 250px; 
	margin-top: 5%; 
	margin-left:5%
}
.texto1index
{
	float: left;
	width:90%; 
	box-shadow: 5px -5px 0px;
	padding: 4%;
	height: 250px;
	padding-top: 2%;
}
.texto1index h3
{
	margin-top: 20%;
}

.seccion2index
{
	width: 100%;
}
.texto2index
{
	float:left;
	width:90%; 
	margin-left: 6%;
	height: 40%;
	margin-top: 3%;
	box-shadow: -5px 5px 0px;
}
.imagen2index
{
	float: left;
	width:100%; 
	height: 200px; 
	margin-top: 3%;
}



/*Productos77777777777777777777777777777777777777777777*/
.imagen
{
	float: left;
	width: 205px;
	min-width: 205px; 
	height: 300px;
	margin-left: 2%; 
	margin-top: 3%;
	position: relative;
}


.cajaimagenes
{
	float: left;
	width: 22%;
	min-width: 205px; 
	margin-left: 2%; 
	margin-top: 3%;
	margin-bottom: 50px;
	position: relative;
}
.imagenproductos
{
	float: left;
	width: 100%;
	min-width: 205px; 
	height: 350px;
}

.cajaimagenes p 
{ 
  font-family: Arial;
  margin: auto;  
  color: white;
  font-size: 150%;
  text-align: center;
  background: #000;
  margin: auto;
  padding-top: 20%;
  transition: opacity 0.2s linear;
  cursor: pointer;  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}


.cajaimagenes:hover p
{
	opacity: 0.40;
}

.contenedorproductos
{
	margin: auto;
	width: 90%;
	max-width: 1200px;
}


/*Nosotros7777777777777777777777777777777777777777777777777777777777777777*/


.contenedornosotros
{
	margin: auto;
	width: 80%;
	max-width: 1200px;
}

.contenedornosotros h5
{
	font-size: 250%;
	margin-top: 20px;
}

#contentnosotros
{
	float: left;
	width: 100%;
	height: 1000px;
	margin-top: 0%;
	margin-left: -0.8%;
	background-color:white;
}

.seccion1
{
	margin: auto;
	width: 80%;
	max-width: 120%;
}
.seccion11
{
	float: left;
	width: 49%;
	max-width: 1200px;
	min-width:400px;
	margin-bottom: 60px;
}
.seccion12
{
	float: left;
	width: 62%;
	max-width: 1200px;
	min-width: 565px;
	margin-bottom: 60px;
}
.seccion13
{	float: left;
	width: 22%;
	max-width: 1200px;
	min-width: 150px;
	margin-bottom: 60px;
}

.texto1nosotros
{
	float: left;
	width: 90%; 
	padding: 4%;
	padding-top: 2%;
}
.texto3nosotros
{
	float:left;
	width:40%; 
	margin-left: 6%;
}
.texto4nosotros
{
	float:left;
	width:40%; 
	margin-left: 6%;
}

.imagen1nosotros
{
	float:left;
	width: 90%; 
	height: 325px; 
	margin-top: 5%; 
	margin-left:5%;
}

.imagen2nosotros
{
	float:left;
	width: 100%; 
	min-width: 290px; 
	height:325px;
	margin-left: 4%;
}


.seccion1 h2
{
	font-size: 250%;
	font-family: Arial;
	color: rgba(31,101,157);
	text-align: center;
	margin-top: 2%;
}
.seccion1 h3
{
	font-family: Arial;
	font-size: 110%;
	color: rgba(80, 80, 80, 1.0);
	text-align:justify; 
}





/*Servicio777777777777777777777777777777777777777777777777777777777777777777777777777777777777*/

#contentservicio
{
	float: left;
	width: 101.2%;
	margin-left: -0.8%;
	margin-top: 0%;
	background-color: white;
}


.contenedorservicio h5
{
	font-family: Arial;
    font-size: 200%;
    color: rgba(31,101,157);
    text-align: center;
    margin-top: 0px;
}
.contenedorservicio
{
	margin: auto;
	width: 80%;
	max-width: 1200px;
}
.imagen1servicio
{
	float:left;
	width:38%; 
	min-width: 550px;
	max-width: 650px;
	height: 325px; 
	margin-top: 5%; 
	margin-left:2%
}

.textoservicio
{
	float:left;
	font-size: 100%;
	width:40%;
	margin-top: 2%; 
	margin-left:4%;
	margin-bottom: 50px;
}

.textoservicio h4
{
	text-align:justify; 
	font-size: 120%; 
	color: rgba(80, 80, 80, 1.0);
}


/*Contacto777777777777777777777777777777777777777777777777777777777777777777777777777777777777777*/

#contentcontacto
{
	float: left;
	width: 101%;
	height: 1200px;
	margin-left: -0.8%;
	margin-top: 0%;
	background: url(images/fondoformulario.jpg) no-repeat fixed center;
	-webkit-background-size: cover;
   	-moz-background-size: cover;
   	-o-background-size: cover;
	background-size: cover;
}
.contenedorcontacto
{
	margin: auto;
	width: 80%;
}
#formulario
{
	margin: auto;
	width: 50%;
	height: 500px;
	min-width: 250px;
	max-width: 600px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 10px;

}

.contenedorcontacto h5
{
	font-size: 150%;
	margin-top: 1%;
}

.contenedorcontacto p
{
	font-size: 150%;
	margin-top: 2%;
	color:rgba(250, 250, 250, 1.0)
}
.contenedorcontacto input
{
	margin-top: 20px;
	width: 60%;
	margin-left: 20%;
}
.mapa
{
	float:left; 
	width: 100%; 
	height: 500px;
	background:transparent; 
	background-color: rgba(100, 100, 100, 1.0); 
	margin-top: 20px; 
	border-radius: 10px;
}

.mapa h5
{
	font-family: Arial;
	font-size: 200%;
	color: rgba(250,250,250);
	text-align: center;
	margin-top: 1%;

}
.mapa h2
{
	font-family: Arial;
	font-size: 100%;
	color: rgba(250,250,250);
	text-align: center;
	margin-top: 2%;

}

.mapa p
{
	font-size: 150%;
	margin-top: 2%;
	color:rgba(250, 250, 250, 1.0)
}

/*climatizacion77777777777777777777777777777777777777777777777777*/
.contenedorclimatizacion
{
	margin: auto;
	width: 80%;
	max-width: 1000px;
}
.producto
{
	float: left;
	width: 30%;
	min-width: 270px;
	height: 670px;
	margin-left: 2%;
	margin-top: 40px;
}
.producto h2
{
	font-family: Arial;
	font-size: 130%;
	color: rgba(31,101,157);
	text-align: left;
}
.productoimg
{
	float: left;
	width: 100%;
	height: 300px;
}
.textoclima
{
	float: left;
	margin-top: 8%; 
	height: 270px; 
}

.cajaenviar
{
	width: 70%;
	margin-left: 15%;
	float: left;
}

.boton
{
	border: solid; 
	background-color: rgba(31,101,157); 
	margin-left: 0px;
	font-size: 100%;
	height: 40px;
	font-family: Arial; 
	text-align: center;
}

.boton:hover
{
	cursor: pointer;
}


/*Paneles Solares777777777777777777777777777777777777777*/
.contenedorpaneles
{
	margin: auto;
	width: 75%;
	max-width: 1050px;
}

.productopaneles
{
	float: left;
	width: 25%;
	min-width: 300px;
	max-width: 350px;
	margin-left: 2%;
	margin-top: 40px;
	margin-bottom: 40px;


}
.textopaneles
{
	float: left;
	margin-top: 8%; 
	height: 500px;
	padding-left: 4%;
	padding-right: 4%;
	box-shadow:
       inset 0 -3em 3em rgba(0,0,0,0.1),
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
}

/*ductos7777777777777777777777777777777777777777777777*/

.contenedorductos
{
	margin: auto;
	width: 80%;
	max-width: 1200px;
}

.columna1
{
	float: left;
	width: 60%;
	min-width: 460px;
}
.ducto
{ 
	width:90%; 
	min-width: 270px; 
	max-width: 1200px;  
	float: left;
	margin-left: 5%;
}
.ducto2
{ 
	width: 60%; 
	min-width: 400px; 
	max-width: 1200px;  
	float: left;
	margin-left: 10%;
}
.ducto3
{ 
	width: 35%; 
	min-width: 270px; 
	max-width: 1200px;  
	float: left;

}
.imagen1ducto
{ 
	width: 10%; 
	height: 250px; 
	min-width:200px;
	margin: auto;
	margin-top: 30px;
}
.imagen2ducto
{ 
	width:100%; 
	height: 270px; 
	margin: auto;
	margin-top: 40px;
	min-width:270px;
}
.imagen3ducto
{
	width: 40%; 
	height: 270px; 
	margin: auto;

	min-width:270px;
}

.imagen4ducto
{
	width: 30%; 
	height: 270px; 
	margin: auto;
	margin-top: 30px;
	min-width:200px;
	margin-bottom: 20px;
}

.imagen5ducto
{
	width: 30%; 
	height: 270px; 
	margin: auto;
	margin-top: 30px;
	min-width:200px;
}

.imagen6ducto
{
	width:100%; 
	height: 270px; 
	margin: auto;
	margin-top: 40px;
	min-width:270px;
	margin-bottom: 20px;
}

/*------------------------------------------------------------------------------------------------------*/


@media screen and (max-device-width: 1205px) and (min-device-width: 1096px)
{
	.seccion11index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 350px;
	}
	.seccion14index
	{
		margin-left: 10%;
	}
	.imagen2index
	{
		height: 90%;
	}
	.seccion13index
	{
		width: 70%;
		margin-left: 15%;
		height: 300px;
	}
}
@media screen and (max-device-width: 1095px) and (min-device-width: 711px)
{
	.seccion11index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 350px;
	}
	.seccion14index
	{
		width: 80%;
		margin-left: 10%;
	}
	.texto1index h3
	{
		margin-top: 20px;
	}
	.texto1index
	{
		height: 150px;
	}
	.seccion12index
	{
		width: 80%;
		margin-left: 10%;
	}
	.imagen2index
	{
		height: 90%;
	}
	.seccion13index
	{
		width: 70%;
		margin-left: 15%;
		height: 250px;
	}
}

@media screen and (max-device-width:710px) and (min-device-width: 391px)
{
	#main h5
	{
		font-size: 250%;
	}
	.seccion11index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 200px;
	}
	.seccion14index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 0px;
	}
	.texto1index h3
	{
		margin-top: 20px;
	}
	.texto1index
	{
		height: 150px;
	}
	.seccion12index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 0px;
	}
	.imagen2index
	{
		height: 90%;
	}
	.seccion13index
	{
		width: 70%;
		height: 140px;
		min-width: 250px;
		margin-left: 15%;
	}
	.imagen1index
	{
		height:180px;
	}
}
@media screen and (max-device-width:390px) and (min-device-width: 0px)
{
	#main h5
	{
		font-size: 250%;
	}
	.seccion11index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 200px;
	}
	.seccion14index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 0px;
	}
	.texto1index h3
	{
		margin-top: 20px;
	}
	.texto1index
	{
		height: 150px;
	}
	.seccion12index
	{
		width: 80%;
		margin-left: 10%;
		min-width: 0px;
	}
	.imagen2index
	{
		height: 90%;
	}
	.seccion13index
	{
		width: 70%;
		height: 140px;
		min-width: 250px;
		margin-left: 0px;
	}
	.imagen1index
	{
		height:180px;
	}
}









@media only screen and (max-device-width: 7060px) and (min-device-width: 1441px)
{
	.logo
	{
		
		width: 70px;
		max-width: 70px;
		height: 70px;
	}
	.letras
	{
		width: 150px;
		max-width: 250px;
		max-height: 170px;
		margin-top: 2%;
	}
	#header
	{
		height: 120px;
	}
	.botones
	{
		margin-top: 2%;
		height: 80%;
		margin-right: 80px;
	}
	.menusuperior
	{
		font-size: 170%;
	}
	#main{
		height: 1600px;
	}
	h5
	{
		font-size: 600%;
		margin-top: 18%;
	}
	.section
	{
		margin-left: 5%;
		font-size: 150%;
	}
	.section2
	{
		margin-left: 8%;
		font-size: 120%;
	}


	.redes
	{
		width: 10%;
		height: 18%;
	}

}














@media screen and (max-device-width: 1440px) and (min-device-width: 1025px)
{
	
	#footer
	{
		height: 300px;
	}


}
@media screen and (max-device-width: 1024px) and (min-device-width: 769px)
{
	.letras
	{
		display: none;
	}
	
	#footer
	{
		height: 250px;
	}
	.section
	{
		font-size: 80%;
	}
	.section2
	{
		font-size: 80%;
	}

}

@media screen and (max-device-width: 1080px)
{
	#footer
	{
		height: 400px;
	}
	.section
	{
		margin-left: 12%;
	}
}

@media screen and (max-device-width: 1917px) and (min-device-width: 1440px)
{
	.letras
	{
		display: none;
	}
}

@media screen and (max-device-width: 768px) and (min-device-width: 426px)
{

	.letras
	{
		display: none;
	}
	.botones
	{
		margin-right: 20px;
		min-width: 55px;
	}
	.menusuperior
	{
		font-size: 100%;
	}
	h5
	{
		align-items: center;
		text-align: center;
		font-size: 350%;
	}
	

	#main
	{
		width: 101.5%;
	}
	#header
	{
		margin-top: 0px;
	}
	.section
	{
		font-size: 85%;
	}
	.section2
	{

		font-size: 85%;
	}

}

@media screen and (max-device-width: 615px)
{
	.section
	{
		margin-left: 2%;
		width: 120px;
		height: 120px;
		min-width: 20px;
	}
	.section2
	{
		margin-top: 8%;
	}
}
@media screen and (max-device-width: 425px) and (min-device-width: 376px)
{
	
	.letras
	{
		border-style: solid;
		width: 70%;
		height: 70%;
		display: none;
	}
	.botones
	{
		margin-right: 38px;
		font-size: 70%;
		height: 20%;
	}
	h5
	{
		font-size: 350%;
	}
	
	#main
	{
		margin-left: -0.6%;
		margin-top: -2%;
		width: 103.3%;
	}
	#header
	{
		margin-top: 0px;
		margin-left: 0px;
		width: 100%;
	}
	#footer
	{
		margin-left: -0.6%;
		height: 400px;
		width: 102%;
	}
	.section
	{
		width: 28%;
		height: 120px;
		font-size: 60%;
	}
	.section2
	{
		width: 100%;
		min-width: 0px;
		float: left;
		margin-top: 4%;
		font-size: 60%;
		margin-left: 0px;
	}
}

@media screen and (max-device-width: 375px) and (min-device-width: 321px)
{

	.letras
	{
		border-style: solid;
		width: 70%;
		height: 70%;
		display: none;
	}
	.botones
	{
		margin-right: 25px;
		font-size: 70%;
		height: 18%;
	}
	h5
	{
		font-size: 300%;
	}
	.menusuperior
	{
		font-size: 110%;
	}
	#footer
	{
		height: 400px;
	}
	.section
	{
		width: 28%;
		height: 120px;
		margin-left: 4%;
		font-size: 70%;
	}
	.section2
	{
		width: 100%;
		min-width: 0px;
		float: left;
		margin-top: 5%;
		height: 220px;
		font-size: 50%;
		margin-left: 0px;
	}

}
@media screen and (max-device-width: 320px)
{

	.letras
	{
		border-style: solid;
		width: 70%;
		height: 70%;
		display: none;
	}
	.botones
	{
		margin-right: 25px;
		font-size: 70%;
		height: 18%;
	}
	h5
	{
		font-size: 350%;
	}
	.menusuperior
	{
		font-size: 110%;
	}


	#header
	{
		margin-top: 0px;
		margin-left: 0px;
	}
	#footer
	{
		height: 400px;
	}
	.section
	{
		width: 28%;
		height: 120px;
		margin-left: 4%;
		font-size: 70%;
	}
	.section2
	{
		width: 100%;
		min-width: 0px;
		float: left;
		margin-top: 5%;
		height: 220px;
		font-size: 50%;
	}

}







@media screen and (max-device-width: 1035px) and (min-device-width:749px)
{
	.contenedorproductos
	{
		width: 60%;
	}
	.cajaimagenes
	{
		width: 45%;
	}
}
@media screen and (max-device-width: 748px) and (min-device-width: 0px)
{
	#contentproductos h6
	{
		font-size: 150%;
	}
	.contenedorproductos
	{
		width: 40%;
		min-width: 250px;
	}
	.cajaimagenes
	{
		width: 80%;
		margin-left: 5%;
		min-width: 0px;
	}
	.imagenproductos
	{
		min-width: 0px;
	}
}







@media screen and (max-device-width:  1480px) and (min-device-width: 1348px)
{
	.imagen1nosotros
	{
	margin-top: 65px;
		height: 250px;
	}
}


@media screen and (max-device-width:  1347px) and (min-device-width: 851px)
{
	.contenedornosotros h5
	{
		font-size: 150%;
	}
	.seccion11
	{
		min-width: 150px ;
		width: 100%;
	}
	.imagen1nosotros
	{

		height: 400px;
	}
	.seccion12
	{
		width: 95%;
		min-width: 120px;
	}
}

@media screen and (max-device-width: 850px) and (min-device-width: 451px)
{
	.contenedornosotros h5
	{
		font-size: 150%;
	}
	.seccion11
	{
		min-width: 150px;
		width: 100%;
	}
	.seccion12
	{
		width: 95%;
		min-width: 120px;
	}
	.imagen1nosotros
	{

		height: 230px;
	}

	.texto3nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.texto4nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.imagen2nosotros
	{
		height: 350px;
	}

}

@media screen and (max-device-width: 450px) and (min-device-width:351px)
{
	.imagen1nosotros
	{
		height: 175px;
	}
	.contenedornosotros h5
	{
		font-size: 150%;
	}
	.seccion11
	{
		min-width: 150px;
		width: 100%;
	}
	.seccion12
	{
		width: 95%;
		min-width: 0px;
	}
	.texto3nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.texto4nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.imagen2nosotros
	{
		height: 270px;
		width: 100%;
		min-width: 150px;
	}
	.seccion13
	{
		width: 95%;
		min-width: 0px;
	}
}

@media screen and (max-device-width: 350px) and (min-device-width:0px)
{
	.imagen1nosotros
	{
		height: 125px;
	}
	.contenedornosotros h5
	{
		font-size: 140%;
	}
	.seccion11
	{
		min-width: 150px;
		width: 100%;
	}
	.seccion12
	{
		width: 95%;
		min-width: 0px;
	}

	.texto3nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.texto4nosotros
	{
		width: 90%;
		margin-left: 5%;
	}
	.imagen2nosotros
	{
		height: 270px;
		width: 100%;
		min-width: 150px;
	}
	.seccion13
	{
		width: 95%;
		min-width: 0px;
	}
}














@media screen and (max-device-width:  1374px) and (min-device-width: 961px)
{
	.imagen1servicio
	{
		width: 50%;
		min-width: 230px;
	}

}

@media screen and (max-device-width:  960px) and (min-device-width: 481px)
{

	.imagen1servicio
	{
		width: 100%;
		min-width: 0px;
		max-width: 540px;
	}
	.textoservicio
	{
		width: 80%;
	}
}
@media screen and (max-device-width: 480px) and (min-device-width: 351px)
{

	.imagen1servicio
	{
		width: 100%;
		height: 200px;
		min-width: 0px;
	}
	.textoservicio
	{
		width: 80%;
	}
	.textoservicio h4
	{
		font-size: 110%;
	}
	.contenedorservicio h6
	{
		font-size: 150%;
	}
}

@media screen and (max-device-width:  350px) and (min-device-width: 0px)
{

	.contenedorservicio h5
	{
		font-size: 150%;
	}
	.imagen1servicio
	{
		width: 100%;
		height: 200px;
		min-width: 0px;
	}
	.textoservicio
	{
		font-size: 90%;
		width: 80%;
	}
	.contenedorservicio h6
	{
		font-size: 150%;
	}

}






@media screen and (max-device-width: 1103px) and (min-device-width: 963px)
{
	.contenedorclimatizacion
	{
		width: 60%;
	}
}
@media screen and (max-device-width: 962px) and (min-device-width: 0px)
{
	.contenedorclimatizacion
	{
		min-width: 300px;
		width: 30%;
	}
}









@media screen and (max-device-width: 1152px) and (min-device-width: 0px)
{
	.contenedorpaneles
	{
		width: 25%;
		min-width: 300px;
	}
}





@media screen and (max-device-width: 932px) and (min-device-width: 501px)
{
	.columna1
	{
		width: 90%;
		min-width: 270px;
		margin-left: 5%;
	}
	.ducto2
	{
		width: 80%;
		min-width: 270px;
	}
	.ducto3
	{
		margin-left: 25%;
	}

}

@media screen and (max-device-width: 500px) and (min-device-width: 0px)
{

	.columna1
	{
		width: 90%;
		min-width: 230px;
	}
	.ducto
	{
		min-width: 230px;
		margin-left: 0px;
	}
	.ducto2
	{
		width: 80%;
		min-width: 230px;
		margin-left: 0px;
	}
	.imagen2ducto
	{
		min-width: 230px;
		height: 150px;
	}
	.imagen6ducto
	{
		min-width: 230px;
		height: 200px;
	}


}