*{
	margin:0;
	padding: 0;
}
.fondo{
width: 100%;
top: 0rem;
position: fixed;


}
header{
	width: 100%;
	top: 0rem;
	position: fixed;
	z-index: 5000;

}
.otroheader{
	height: 10rem;
	position: sticky;
	top: 0rem;
	z-index: 1000;
}
.constru{
	font-size: 2rem;
	text-align: center;
	margin-top: 8rem;
	width: 100%;
	text-transform: uppercase;
	color: white;
	 font-family:'Comfortaa', cursive; 
}
.barra{
	width: 100%;
	display: flex;
	justify-content: space-around;
	background:#00408C;
	z-index: 5000;
	top:0rem;
	margin-bottom: 2rem;


	

}
.redesdos{
	width: 20%;
display: flex;
flex-flow: wrap;
padding: 1rem;
box-sizing: border-box;
margin-top: 0.25rem;
}
.redesdos .icono img{
	max-width: 50%;
}
.fondodos{
	
	top:15rem;
	margin-top:2rem;
	position: sticky;
	width: 100%;

}
.fondotres{
	top:30rem;
	margin-top:2rem;
	width: 100%;
	background:#192a56; 

}

#quienes{
	

	height:55rem;
	background:url(imagenes/montelec/fonditodos.png);
  background-size: cover;
	top:2rem;
  color: #33487C; 


}
.doscolumnas{
  display: inline-flex;
  width: 100%;
}
.imagenprevia{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.imagenprevia img{
  max-width: 100%;
}
.textoquienes{
  width: 50%;
  margin: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  color:#33487C ;

}
#logoenbody{
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 8rem;
	margin-bottom:5rem;
	
	top: 35rem;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
	border-radius: 0.5rem;
	position: sticky;



}
#logoenbody img{
	max-width: 100%;
}
.head{
	width:23%;
	padding: 1rem;
	 
}
.head img{
	max-width: 100%;
}
.botonera{
	width: 100%;
	margin-right: 2rem;
	margin-left: 2rem;

	
}
.botonera nav ul{
	margin-top: 1.5rem;
	width: 100%;
	display: inline-flex;
	justify-content: space-between;

}
.botonera nav ul li {
	list-style-type: none;

}
.botonera nav ul li a{
	text-transform: uppercase;
	font-size: 0.8rem;
	 text-decoration: none;
	 color: white;
	 font-family: 'Comfortaa', cursive;
	 padding: 0.5rem;
	 box-sizing: border-box;
	 transform: all;
	 
}
.botonera nav li ul{
	display:none;
}
.botonera nav li:hover > ul{
display:flex;
flex-flow: column;


 }
.botonera nav ul li a:hover{
	color: #48dbfb;


}
.botonera nav ul li ul li {
	padding: 1rem;
	box-sizing: border-box;
	background: black;


}
.botonera nav ul li ul li a {
	padding:0.5rem;
	box-sizing: border-box;
	font-size: 0.7rem;

	


}
.seccion{
	width: 100%;
	padding: 2rem;
	padding-top: 5rem;
	box-sizing: border-box;
	
}
.parrafoprod{
	width: 100%;
	padding: 2rem;
	padding-top: 5rem;
	box-sizing: border-box;
	background:#192a56;	
}
#seccionfotos{
	background: #192a56;
	padding: 2rem;
	box-sizing:border-box;
	text-align: center;

}
#textoserv{
width: 60%;
margin-left: 20%;
margin-right: 20%;
margin-top:2rem;
padding-bottom: 2rem;


}
.fotosnosotros ul{
list-style-type: none;
display:flex;
overflow-x: auto;
padding-bottom: 1rem;
box-sizing: border-box;

}
.fotosnosotros ul::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color:#718093;
}

.fotosnosotros ul::-webkit-scrollbar
{
	width: 12px;
	background-color: #2c3e50;
}

.fotosnosotros ul::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0652DD;
}

.fotosnosotros ul li{
height: 15rem;
min-width:max-content;
overflow: hidden;


}
.fotosnosotros ul li:hover{
	opacity: 0.5;
}


.fotosnosotros ul li a{

}

.fotosnosotros ul li a img{
min-height:15rem;
max-height:15rem;


}
.tituloseccion{
font-size: 4rem;
text-transform: uppercase;
color:#dcdde1;
text-align: center;
width: 70%;
margin-right: 15%;
margin-left: 15%;
padding: 2rem;
padding-bottom: 4rem;
padding-top: 4rem;
box-sizing: border-box;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;

}
#quienes .tituloseccion{
  color: #33487C;
  padding-top: 0rem;
}
.titulosecciondos{
font-size: 3rem;
color:#dcdde1;
text-align: center;
width: 100%;
padding: 1rem;
box-sizing: border-box;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.seccion h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5rem;

	padding-top: 1rem;
	padding-bottom: 2rem;
	 box-sizing: border-box;
	 width:90%;
	 margin-left: 5%;
	 margin-right: 5%;
	 text-align: center;
	 text-transform: uppercase;
}

.seccion h2{
	width:90%;
	margin-left: 5%;
	margin-right: 5%;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2rem;
	
	text-align: center;
	margin-bottom: 1rem;
}

.seccion p{
	width:90%;
	 margin-left: 5%;
	 margin-right: 5%;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2rem;
	text-align: justify;
}
.seccion .textoquienes p{
  width:90%;
   margin-left: 5%;
   margin-right: 5%;
  font-family: 'Raleway', sans-serif;
  font-size: 1rem;
  color:#33487C;
  text-align: left;
}
.parrafoprod p{
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
	font-family: 'Raleway', sans-serif;
	font-size: 1.2rem;
	color:#f5f6fa;
}

.link{
	font-family: 'Comfortaa', cursive;
	color: white;
	font-size: 1rem;
	padding: 1rem;
	background: linear-gradient(to bottom, #3498db,#34495e);
	box-sizing: border-box;
	width: 10%;
	text-align: center;
	margin-left: 45%;
	margin-right: 45%;
	margin-top: 2rem;
	border-radius: 0.5rem;
	text-transform: uppercase;
	box-shadow: 0.5rem 0.5rem 2rem black;

}
#seccionproductos{
	width: 100%;
	background: url(imagenes/montelec/fondotablero-2.jpg) no-repeat;
	background-size:cover;
	box-sizing: border-box;
	position: sticky;
	box-sizing: border-box;
	top: 0;
}
.secciondos{
	width: 100%;
	background: url(imagenes/montelec/ondaabajo.png)no-repeat;
  background-size: cover;
	padding-top: 8rem;
	box-sizing: border-box;
	text-align: center;


}
.secciontres{
	width: 100%;
	
	padding: 1rem;
	box-sizing: border-box;
}




#columnas{
	width: 100%;
	justify-content:space-around;
	padding-bottom: 5rem;
	padding-top:5rem;
	box-sizing: border-box;
	animation-name: slideUp;
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
	
}
@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}
.columna{
	width:55%;
	margin-bottom: 3rem;
	margin-left: 5rem;
	background-color:white;
	text-align: center;
	padding: 3rem;
	box-sizing: border-box;
	height: 15rem;

}
.columna:hover{
	background-color: #48dbfb;
}

.imagencolumna {
	width: 100%;
	text-align: center;	
	transition: all 0.1s ease-in-out;
}

.imagencolumna img{
	max-width: 100%;
}
.subtitulo{
	font-size: 1rem;
font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	color:#192a56;
	text-align: center;


}
footer{
	width: 100%;
	background-color: #192a56;
	display: inline-flex;
	color: white;
	justify-content: space-around;
	padding: 2rem;
	box-sizing: border-box;
	font-family: 'Comfortaa', cursive;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 1.2rem;
	position: sticky;
	border-top: 0.1 solid white;

}
.logo{
	width: 15%;
}
.logo img{
	 max-width: 100%;
}

.sponsors{
	width:100%;
	padding: 2rem;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: space-around;
	background: #222f3e;

}
#marcasanunciadoras{
	position: sticky;
	top: 0rem;
	background: url(imagenes/montelec/fonditotres.png)no-repeat;
  background-size: cover;
	width: 100%;
	padding: 1rem;
	text-align: center;
	box-sizing: border-box;
	margin-top: -1rem;

}
.marcas{
  display: inline-flex;
  width:90%;
  margin-left: auto;
  margin-right: auto;
  flex-flow: wrap;
}
.marcas img{
  max-width: 30%;
  margin: 1rem;
}
.maquinas{
  display: inline-flex;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  flex-flow:wrap;
  

}
.btnficha{
width: 50%;
text-align: center;
margin-right: auto;
margin-left: auto;
background:#222f3e;
border-radius: 0.5rem;
color: white;
padding: 1rem;
box-sizing: border-box;

}
.btnficha a{
	text-decoration: none;
	color: white;

}
.maquina{
margin: 1rem;
width: 25%;
padding: 1rem;
margin-left: auto;
margin-right: auto;

}
.maquina img{
	padding: 1rem;
	height:15rem;
box-sizing: border-box;
border-radius: 1rem;
border: solid black 0.1rem;
	max-width: 100%;
}
#contacto{
  position: sticky;
  top: 0rem;
  background: #192a56;
  width: 100%;
  padding: 1rem;
  text-align: center;
  box-sizing: border-box;
  margin-top: -1rem;

}
#mapa{
	position: sticky;
	width: 100%;
	top: 0rem;
	margin: 0;
	padding: 0;

}
#mapa iframe{
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.marcaamiga{
	width: 19%;
	height:10rem;
	background: white;
	text-align: center;
	padding: 2rem;
	box-sizing: border-box;


}
.marcaamiga img{
	 max-width: 100%;
	 min-width: 100%;
}
.columna a{
	text-decoration: none;
}
.imagencolumna:hover{
	opacity:0.6;

}
#hamburguesa{
	display:none;
}
.dividido{
	width: 100%;
	display: inline-flex;
	justify-content: space-around;
	font-family: 'Patua One', cursive;
	padding: 1rem;
	box-sizing: border-box;

}
.mapa{
width: 50%;

}
.izquierda{
	 width: 50%;
	 margin-right: 25%;
	 margin-left: 25%;

	 text-align: center;
	 padding: 1rem;
	 box-sizing: border-box;
	  
}

.campoarea{
  width: 70%;
  border-radius: 0.3rem;
  height: 5reM;
  border: 0.1rem solid grey;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding-left: 1rem;
  box-sizing: border-box;
  background: #2c3e50;
  border:none;

 }

 #dosser{

text-align: center;
font-family: 'Patua One', cursive;
color: white;
padding: 2rem;
box-sizing: border-box;

}
.campoc{
 	width:70%;
 	border: none;
 	border-radius: 0.1rem;
 	height: 2rem;
 	margin-bottom: 1rem;
 	padding-left: 1rem;
 	box-sizing: border-box;
 	margin-left:auto;
 	margin-right: auto;
 	background: #2c3e50;


 }
 .btnenviar{
	width: 25%;
	background-color: #2c3e50;
	color: white;
	text-align: center;
	padding: 1rem;
	margin-left: 60%;
	margin-right: 15%;
	border:none;
	box-sizing: border-box;
	margin-bottom: 1rem;
}
.unidad{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	background: #7f8c8d;
	padding-left: 4rem;
	padding-top: 2rem;
	box-sizing: border-box;
	display: inline-flex;
	margin-bottom: 2rem;
}
.columnauno{
	width: 35%;
	font-family: 'Raleway', sans-serif;
	color:#2c3e50;
	padding: 1rem;
	box-sizing: border-box;
	text-align: left;
	color: white;

}
.titulotexto{
	font-weight: bold;
}
.columnados{
	width: 70%;
	text-align: left;
}
.imagenapicola{
	width: 100%;
}
.imagenapicola img{
	max-width:100%;
}
.tituloimagenapicola{
	font-size: 3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: -0.2rem;
	color:#00408C;

}
.unidadsalon{
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
	position: sticky;
	top: 1rem;
	text-align: center;

}
.unidadsalon ul{
	display:flex;
	justify-content: space-between;
	width: 100%;
	text-align: center;


}
.unidadsalon ul li a img{
 	max-width:12rem; 
 }
 .unidadsalon ul li a{
    width: 100%;
 	margin:0;
  	padding: 0;

 }
  .unidadsalon ul li{

  	list-style-type: none;
  	margin:0;
  	padding:0;
  	margin-bottom: 2rem;
  	text-align: center;
  	box-sizing: border-box;


 
  }
  .titulofoto{
  	width: 100%;
  	background: white;
  	font-family: 'Oswald', sans-serif;
  	text-align: center;
  	margin:0;
  	padding: 0;

  }
  .redes{width: 30%;
   display:flex;
flex-flow: wrap;}
  .icono{
  	width: 30%;
  }
  .icono img{
max-width: 25%;
  }


@media (max-device-width: 700px) and (min-device-width:320px){
body{
	margin: 0;
	padding: 0;
}
header{
	position: sticky;
	width: 100%;
}
.fondo{
	width: 100%;
	padding: 0;
	top: 5rem;
	height: 25rem;
	overflow: hidden;
}
.fondo img{
	max-width: 100%;
	
}
#logoenbody img{
	max-width: 50%;


}
.tituloseccion{
	width: 80%;

	font-size: 2.5rem;
	margin-left: 10%;
	margin-right: 10%;

}
#logoenbody{
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	z-index: 100;
	margin-top:1rem;
	margin-bottom:0;
  padding: 0;

}
#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: 0;
	list-style-type: none;
	list-style-image: none;
	text-align: right;
}
.menu li {
color: white;
	padding:15px 0 15px 0;

    }
.menu li:hover{
	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: black;
}
.botonera{
	display:none;
}
.head{
	width: 50%;
}
.seccion, .seccion p, .seccion h1, .seccion h2{
	 width: 100%;
	 padding: 1rem;
	 box-sizing: border-box;
	 margin: 0;


}
.seccion p, .seccion h2{
	text-align: left;
}
#seccionproductos{
	background-size: cover;
}
.columna{
	 width: 80%;
   margin-left: auto;
   margin-right:auto;
   font-size: 0.5rem;
   height: auto;

}
.columna .subtitulo p{
  text-transform: lowercase;
}

#marcasanunciadoras{
	width: 100%;
	 padding: 1rem;
	  box-sizing: border-box;
}
.izquierda{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.logo{
	width: 45%;
	 padding: 1rem;
	 box-sizing: border-box;
}
.fondotres{
	margin-top:-2rem;
	width: 100%;

	margin-right: 0;
	margin-left: 0;
}

.titulosecciondos{
	font-size: 1.8rem;
	padding: 0;
	padding-bottom: 1rem;
	box-sizing: border-box;
}
.parrafoprod p{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
#seccionfotos{
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
}
#textoserv{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.unidad{
	display: flex;
	flex-flow: column;
	padding: 1rem;
	box-sizing: border-box;
	width: 94%;
	margin-right:3%;
	margin-left: 3%;
}
.columnauno{
	width: 100%;
	 padding: 1rem;
	 box-sizing: border-box;
}
.columnados{
	width: 100%;
}
.redesdos .icono img{
  max-width: 100%;
}
.redesdos{
display: none;
}
.doscolumnas{
  flex-flow: column;
}
.textoquienes{
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.textoquienes p{
  text-align: center;
}
.seccion h2{
text-align: center;
}
.marcas{
  width: 90%;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;

}
.marcas img{
  max-width: 100%;
}
footer{
  flex-flow: column;

}
.logo{width: 60%;}
.redes{
  width: 70%;

}
.direcciones{
  width: 90%;
}
}