*{margin: 0;
padding: 0;}
body{
	width: 100%;
}
header{
	


}
#inicio{
	width: 100%;
	display: inline-flex;
	background:white;
	padding: 0.2rem;
	box-sizing: border-box;
	justify-content: space-around;
	padding-top: 3rem;
	padding-bottom: 1rem;
	box-sizing: border-box;
}

#marca{
	width:20%;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 0.5rem;
	box-sizing: border-box;
}
#marca img{
	max-width: 100%;
}
#inicio h1{
	font-family: 'Nunito Sans', sans-serif;
color: #7f8c8d;
	font-size: 0.9rem;
	text-transform: uppercase;
}
#piedemarca{
	font-size: 0.5rem;
	width: 100%;
	font-family: 'Nunito Sans', sans-serif;
	color: #34495e;
	background:linear-gradient(to right,#2c3e50,#c0392b);
	text-transform: uppercase;
	text-align:center;
	margin-bottom: 1rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
	box-sizing: border-box;
}
#piedemarca h1{
	margin-top: 1rem;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size:1rem;
	margin-bottom: 0.5rem;
	color: white;
	text-align: center;

} 
#piedemarca a{
	width: 7%;
	padding: 0;
}
#imgcarrito img{
	max-width: 100%;
}
#imgcarrito{
	width: 80%;	
	margin-top: 0.5rem;
}

#botonera{
	width: 70%;
	margin-left: 20%;

}
.redes .icono a{
	text-decoration: none;
	text-align: center;
	color: #34495e;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 0.9rem;
}
.icono{
text-align: center;
}
.botonera nav ul{
	width: 100%;
	display: inline-flex;
	justify-content: space-around;
	font-family: 'Nunito Sans', sans-serif; 
	font-size: 1rem;
	color: white;
}
 .botonera nav ul li a{
 text-decoration: none;
 color: white;
 background: #e74c3c;
 padding: 1rem;
 box-sizing: border-box;
 }
 .botonera nav ul li a:hover{
 background: #34495e;
 color: white;
  }
 .botonera nav ul li{
 	text-transform: uppercase;
 	list-style-type: none;
 	margin-top: 1rem;
 	padding: 0.5rem;
 	box-sizing: border-box;
 	
 	
 }
 #seccionuno,  #nosotros,  #servicios,  #trabajos,  #contacto{
 	width: 100%;
 }

 #cabezal{
 	height:auto;
 	padding-top: 2rem;
 	padding-bottom: 2rem;
 	box-sizing: border-box;
 	width: 100%;
 }
 #example1{
 	width: 100%;
 	background-color:#2c3e50; 
 	height: auto;
 }
.slider-pro{
	width: 100%;
}
.sp-slides{
width: 100%;
}
 .sp-slide figure img{
 	max-width: 100%;
 }
 #volanta{
 	font-family: 'Nunito Sans', sans-serif;
 	font-size: 7rem;
 	color: white;
 	text-align: right;
 	width: 70%;
 	margin-left: 20%;
 	margin-bottom: 1rem;
 	line-height: 6rem;
 	text-shadow: 0.5rem 0.5rem black;
 	
 }
 #subtitulo{
 	font-family: 'Nunito Sans', sans-serif;
 	color: white;
 	font-size: 1.5rem;
 	width: 50%;
 	margin-left: 40%;
 	text-align: right;

 }
 #doscolumnas{
 	display:inline-flex;
 	width: 100%;

 }
 #columnauno{
 	background-color: #2c3e50;
 	padding: 3rem;
 	text-align: center;
 	width: 40%;
 }
 #columnauno img{
 box-shadow: 1rem 1rem white;
  }
 #columnados{
 	background-color: #e74c3c;
 	padding: 3rem;
 	text-align: center;
 	font-family: 'Nunito Sans', sans-serif;
 	color: white;
 	font-size: 1.5rem;
 }
 .tituloseccion{
 	font-family: 'Lato', sans-serif;
 	font-size: 1.5rem;
 	letter-spacing: 0.2rem;
 	width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 	color:white;
 	text-align: left;
 	text-transform: uppercase;
 	background-color:#c0392b;
 	padding: 1rem;
 	box-sizing: border-box;
 	margin-bottom: 2rem;
 }

 #nosotros article section{
 	display: inline-flex;
 	width: 100%;
 	background-color:#ecf0f1;
 	justify-content: space-between;

 }
 #triangulo {
    width: 60%;
    padding-top: 1rem;
    padding-bottom: 2rem;
    box-sizing: border-box;	
}
#triangulo img{
	max-width: 100%;
}
 #texto{
 	font-family: 'Nunito Sans', sans-serif;
 	color: #34495e;
 	font-size: 1rem;
 	line-height:1.5rem;
 	width: 80%;
 	text-transform: uppercase;
 	margin-left: 3rem;
 	margin-top: 1rem;
 	padding: 1rem;
 	box-sizing: border-box;

 }
  #texto p{
  	margin-top: 0.5rem;
  }
  #botonconsultar a{
text-decoration: none;
color: white;
background-color:#e74c3c;
border-radius: 1rem;
padding: 1rem;
box-sizing: border-box;
font-family: 'Nunito Sans', sans-serif;
  }
  #botonconsultar{
  	margin-top: 2rem;
  }
  #trabajos{
  	width: 100%;
  	background-color: #1abc9c;
  	padding: 2rem;
  	box-sizing: border-box;
  }

#textoserv{
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	display: inline-flex;
}
#productos{
width: 100%;
}
#productos article section{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	top: 1rem;
	background-color:white;
	padding: 3rem;
	box-sizing: border-box;

	
}
.tercio .marcarepresentada{
	width: 100%;
	height: 18rem;
	overflow: hidden;

}

.tercio .marcarepresentada img{
	max-width: 100%;
	max-height: 100%;

}
.tercio{
	width: 33%;
	background-color: white;
	margin-bottom: 0.2rem;
	text-align: center;


}
.tercio h3{
	font-family: 'Nunito Sans', sans-serif;
	font-size: 0.8rem;
	color: #c0392b;
	text-align: center;
	text-transform: uppercase;
	margin-top: 1rem;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2rem;


}
 #productos article section h2{
 	font-family: 'Nunito Sans', sans-serif;
 	font-size: 1.5rem;
 	color:#34495e;
 	width: 30%;
 }
.serviciosseparado{
	width: 15%;
	border-radius: 1rem;
	background: linear-gradient(#2980b9, #9b59b6);
	text-align: center;
	font-family: 'Nunito Sans', sans-serif;
	color: white;
	padding: 3rem;
	box-sizing: border-box;
	margin-top: 5rem;
	
	
}
.item{
	width: 15rem;
	height: 15rem;
	background: white;
	text-align: center;
	display: flex;
	align-items: center;
}
.item img{
	max-width: 100%;
	max-height: 100%;
min-width: 100%;


}
.serviciosseparado h3{
	font-size: 0.8rem;
}
.serviciosseparado .link a{
	 text-decoration: none;
	 color: white;

}
.fotosnosotros ul li{
	width: 24%;
	list-style-type: none;
	height: 10rem;
	overflow: hidden;
	margin: 0.1rem;
}
.fotosnosotros ul li a img{
	max-width: 100%;

}
h2{
	background-color: white;
	padding: 1rem;
	box-sizing: border-box;
	text-transform: uppercase;
	color:#1abc9c; 
	font-family: 'Nunito Sans', sans-serif;
	width: 20%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

 footer{
 	width: 100%;
 	background: #c0392b;

 	display:inline-flex;
 	justify-content: space-around;
 	padding: 1rem;
 	box-sizing: border-box;
 	margin-top: 2rem;
 }
  footer #marca{
  	width: 20%;
  	margin-top: 2rem;

  }
  .redes{
  	display: inline-flex;
  	justify-content: space-around;
  	width:30%;

  }
  #datos{
  	width: 40%;
  	text-align: center;
  	line-height:2rem;
  	font-family: 'Nunito Sans', sans-serif;
  	color: white;
  }
  .tel{
  	font-size: 2rem;
  }
#contacto{
	width: 100%;
	background-color: #9b59b6;

}
.btnenviar{
  background:black; 
  border-radius: 0.2rem;
  margin-top: 1rem;
  padding: 0.5rem;
  border:none;
  color: white;
}
.campo{
  border:none;
  width: 90%;
}
.campoarea{
  width: 70%;
  border-radius: 0.3rem;
  height: 5reM;
  border: 0.1rem solid grey;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;

 }
.campoc{
  width:70%;
  border-radius: 0.1rem;
  height: 2reM;
  border: 0.1rem solid grey;
  margin-bottom: 1rem;
  text-align: center;
  margin-left:auto;
  margin-right: auto;

 }

 #formulario{
 	background-color: #1abc9c;

 }
 #dosser{
background:white;
text-align: center;
font-family: 'Nunito Sans', sans-serif;
color: white;
padding: 2rem;
box-sizing: border-box;

}

#azul{
	background: white;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
	width: 50%;
	font-family: 'Nunito Sans', sans-serif;
	color: #2c3e50;
	padding-top: 1rem;
	box-sizing: border-box;
}
#azul h2{
	width: 80%;
	font-size:1.5rem;
	color:#c0392b;

}
#azul .redes{
	width: 80%;
}
#azul #mail{
	color:#c0392b;
	font-size: 1.5rem;
	margin-top: 2rem;
}

.campoc{
 	width:60%;
 	border-radius: 0.1rem;
 	height: 2reM;
 	box-shadow: 0.5rem 0.5rem 1rem #95a5a6;
 	margin-bottom: 1rem;
 	text-align: center;
 	margin-left:auto;
 	margin-right: auto;

 }
 .campoarea{
 	width: 60%;
 	border-radius: 0.3rem;
 	height: 5reM;
 	 box-shadow: 0.5rem 0.5rem 1rem #95a5a6;
 	margin-bottom: 1rem;
 	margin-left: 15%;
 	margin-right: 15%;

 }
 .columna{
 	width: 50%;
 }
 #dosser h1{
 	color:#34495e;
 }
input::-moz-placeholder {
	color:black;
	text-align: center;

}
input::-webkit-input-placeholder{
	color:black;
	text-align: center;
}
.btnenviar{
	width: 50%;
	background-color: #c0392b;
	color: white;
	text-align: center;
	padding: 1rem;
	margin-left: 25%;
	margin-right: 25%;
	border:none;
	box-sizing: border-box;
	margin-bottom: 1rem;
}
#hamburguesa{
	display: none;
}
#marcas{
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
	background-color: #ecf0f1;

}
#owl-demo{
	padding-bottom: 1rem;
	box-sizing: border-box;
}

#mapa{
	width: 100%;
	background: white;

}
#mapa iframe{
	max-width: 100%;
}
#contacto{
	background: white;
}
#noticias{
	width: 100%;
	height: auto;
}
.titulonovedad{
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 3rem;
color: #c0392b;
}
.imagennovedades{
	width: 90%;
	margin-left: 5%;
	margin-left: 5%;
}
.imagen {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;

}
.imagen img{
	max-width: 100%;
	min-width: 100%;
}
.video{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;

}
.video iframe{
	max-width: 100%;
    height: 768px;
}

.parrafonov{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
font-family: 'Roboto', sans-serif;
font-size: 1.1rem;
color: #c0392b;
text-align: justify-all;
margin-top: 3rem;
}
.miscelanea{
	border-top: solid 0.2rem #c0392b;
	width:80%; 
	margin-right: auto;
	margin-left: auto; 
	margin-top: 1rem;
	margin-bottom: 5rem;
}


#maquinaria{
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
    height: auto;


	
}
.imagenmaquinaria{
	width: 50%;
	position: sticky;
	top:1rem;
	height: 35rem;
	

}
.listamaquinaria{
width:50%;
text-align: center;
font-family: 'Roboto', sans-serif;
height:auto;
padding-bottom: 25rem;
box-sizing: border-box;
}
.maquinaunidad{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	border:0.01rem solid #c0392b;
	padding: 2rem;
	box-sizing: border-box;
	margin-top: 1rem;
	margin-bottom: 1rem;
	/*background: linear-gradient(white,#bdc3c7);*/

}
.nombremaq{
	color:#c0392b;
}
.web a{
	text-decoration: none;
	color: grey;
	font-size: 0.8rem;
}
.empresamaq{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
}
#galeria{
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
}
.fotosnosotros{
width: 100%;
display: inline-flex;
flex-flow: wrap;
justify-content: space-around;
}
.fotosnosotros a{
	width:15%;
	margin: 1rem;
}
.fotosnosotros a img{
	max-width: 100%;
	min-height: 100%;

}

@media (max-device-width: 700px) and (min-device-width:320px){

#hamburguesa{
	display: inline-block;
}
.hamburger{
  background:none;
  position:absolute;
  top:10px;
  right:1rem;
  line-height:45px;
  padding:10px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1rem;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:10px;
  right:1rem;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1rem;
  line-height:45px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.menu{
	font-family: 'Nunito Sans', sans-serif;
	color: #34495e;
	z-index:1000000;
	width:100%; 
	text-align:right;
	font-size:1rem;
	text-transform: uppercase;
    margin-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
 
 }
.menu ul {
	width: 100%;
	margin: 0;
	padding: 1rem;
	box-sizing: border-box;
	list-style-type: none;
	list-style-image: none;
	text-align: right;
	background: #e74c3c;

}
.menu li {
color:white;
padding:15px 0 15px 0;
border-bottom: 0.1rem solid white;

    }
.menu li:hover{
	color:#8e44ad;
	text-decoration: none;
	padding:15px 0 15px 0;
	}
.menu ul li a { 
  color:white;
  text-decoration:none;
  margin: 0px;
 }
.menu ul li a:hover {
   color:black;
	text-decoration:none;
}
.menu a{
	text-decoration:none;
	color: #34495e;
	}
.menu a:hover{
	text-decoration:none;
	color: #34495e;
}
.botonera{
	display:none;
}
#marca{
	width: 40%;
	text-align: left;
}
.redes{
width: 100%;
margin-top: 1rem;
}
#piedemarca{
	display: flex;
	flex-flow: column;
	text-align: center;
}
#piedemarca h1{
	width: 100%;
	margin: 0;
	text-align: center;
	padding-top: 1rem;
}
#piedemarca a{
	width: 20%;
	text-align: center;
	margin-left: 40%;
	margin-right: 40%;
}
#productos article section{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1rem;
padding: 0.1rem;

}
.tercio{
	width: 40%;


}
#productos{
	height: auto;
	width: 100%;
	padding: 0.2rem;

}
.tercio .marcarepresentada{
	height: auto;
	padding: 1rem;
	box-sizing: border-box;
}
#productos article section h2{
	width: 100%;
	font-size: 0.8rem;

}
#botonconsultar{
	width:100%;
	margin-bottom: 3rem;
	text-align: center;


}
#botonconsultar a{
	font-size: 0.6rem;
	padding: 1rem;
	box-sizing: border-box;
	width: 100%;
}
#nosotros article section{
	display: flex;
	flex-flow: column-reverse;
	width: 100%;
}
#texto{
font-size: 0.8rem;
width: 100%;
padding: 0.2rem;
box-sizing: border-box;
text-align: center;
margin-left: 0;
}
#triangulo{
	 width: 100%;
}
#doscolumnas{
	display: flex;
	flex-flow: column;
	width: 100%;
}
.columna{
	width: 100%;
}
.icono{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#azul{
	 width: 100%;
}
#azul h2{
	font-size: 0.8rem;
}
.campoc, .campoarea{
	width: 90%;
}
.campoarea{
margin-right: auto;
margin-left: auto;
}
footer{
	display: flex;
	flex-flow: column;
}
footer #marca{
	width: 100%;
}
footer #datos{
	width: 100%;
}
footer #marca{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}
#piedemarca{
	font-size: 0.8rem;
	padding: 1.5rem;
	box-sizing: border-box;
}
.tituloseccion{
	font-size: 1rem;
	text-align: center;
}
#owl-demo .item{
	text-align: center;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}
#maquinaria{
	display: flex;
	flex-flow: column;

}
.imagenmaquinaria{
	width: 100%;
	height: auto;
	position: relative;
}
.listamaquinaria{
	width: 100%;
	display: flex;
	flex-flow: wrap;
	height: auto;
}
.maquinaunidad{
	width: 40%;
	margin-right: 1rem;
	margin-left: 1rem;
}




}