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


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


}
.textobienvenida{
	font-family: 'Roboto', sans-serif;
	position: absolute;
	top:5rem;
	left: 40%;
	width: 60%;
	color: #3498db;
	padding: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
	box-sizing: border-box;
	
	text-align: justify-all;


}
.textobienvenidados{
	font-family: 'Roboto', sans-serif;
	position: absolute;
	top:5rem;
	left: 20%;
	width: 60%;
	color:#34495e;
	padding: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
	box-sizing: border-box;
	background: rgba(255,255,255,0.5);
	text-align: justify-all;


}
.redesbarra{
	display: inline-flex;
	width: 10%;
	justify-content: space-around;
	margin-top: 1rem;
}
.textobienvenida h1{
font-weight: 100;
font-size: 2rem;
text-align: left;
margin-bottom: 1rem;


}
.textobienvenidados h1{
font-weight: 100;
font-size: 2rem;
text-align: left;
margin-bottom: 1rem;


}
.textobienvenida h2{
	font-size: 2.5rem;
	text-align: left;

}
.textobienvenidados h2{
	font-size: 2.5rem;
	text-align: left;
font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.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:black;
	z-index: 5000;
	top:0rem;
	margin-bottom: 2rem;


	

}
.fondodos{
	
	position: sticky;
	width:100%;


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

}

#quienes{
	height: 65rem;
	background:url(imagenes/flyer3.jpg); 
	background-size: cover;
padding-bottom: 5rem;
box-sizing: border-box;

}
#logoenbody{
	width: 100%;
	position:sticky;
	margin-top: 1rem;
	background: linear-gradient(to right,#636e72,black)

}
#logoenbody iframe{
width: 100%
}
.fondocol{
	width: 100%;

}
.fondocol img{
	max-width: 100%;
}
#logoenbody img{
	max-width: 40%;
}
.head{
	width:20%;
	padding: 1rem;
	 
}
.head img{
	max-width: 80%;
}
.botonera{
	width: 50%;
	margin-right: 3rem;

	
}
.botonera nav ul{
	margin-top: 1rem;
	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: 1rem;
	 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: 1rem;
	box-sizing: border-box;
	font-size: 0.8rem;

	


}
.seccion{
	width: 100%;
	padding: 2rem;
	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:2rem;
letter-spacing: 2rem;
color:#1e272e;
text-align: center;
width: 60%;
margin-left:40%;
padding: 1rem;
padding-bottom: 7rem;
padding-top: 4rem;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;


}
.titulosecciondos{
font-size: 3rem;
color:#1e272e;
text-align: center;
width: 100%;
padding: 1rem;
box-sizing: border-box;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}
.tituloseccionvideo{
font-size:2rem;
letter-spacing: 2rem;
color:#1e272e;
text-align: center;
width: 80%;
padding: 1rem;
padding-bottom: 7rem;
padding-top: 4rem;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;


}
.seccion h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5rem;
	color:#1e272e;
	padding-top: 1rem;
	padding-bottom: 2rem;
	 box-sizing: border-box;
	 width:60%;
	 margin-left: 5%;
	 text-transform: uppercase;

}
.seccion h2, .secciondos h2{
	width:60%;
	margin-left: 5%;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.2rem;
	color:#1e272e;
	text-align: justify;
	margin-bottom: 1rem;
}
.seccion p, .secciondos p{
	width:60%;
	 margin-left: 5%;
font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.2rem;
	color:#f5f6fa;
	text-align: justify;
}
.parrafoprod p{
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
	font-family: 'Fira Sans', 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/flyer5.jpg);
	background-size:contain;
	box-sizing: border-box;
	position: sticky;
	box-sizing: border-box;
	top: 0;
	padding-bottom: 1rem;

}
#seccionservicios{
	width: 100%;
	background:linear-gradient(to right,#82589F,#182C61) ;
	background-size:cover;
	box-sizing: border-box;
	position: sticky;
	box-sizing: border-box;
	top: 0;
	padding-bottom: 3rem;

}
.secciondos{
	width: 100%;
	
	padding-top: 3rem;
	box-sizing: border-box;
	text-align: center;


}
.secciontres{
	width: 100%;
	
	padding: 1rem;
	box-sizing: border-box;
}
.franjatexto{
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
	padding:2rem;
	box-sizing: border-box;
	border:0.1rem solid white;
	color: white;

}
.tituloprod{
	font-size: 2.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	margin-right: 3rem;
	width: 30%;
	padding: 1rem;
	padding-top: 10%;
	box-sizing: border-box;
	vertical-align: text-bottom;
    background: #487eb0;
	


}
.descripcion{
	width: 65%;
	font-family: 'Raleway', sans-serif;
	font-size: 1.1rem;
	padding: 1rem;
	box-sizing:border-box;

}
.volanta{
	font-size: 1rem;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding: 1rem;
	box-sizing: border-box;

}

.lodemas{
font-family: 'Raleway', sans-serif;
padding: 1rem;
box-sizing: border-box;
}
.unoporuno{
	width: 100%;
	color: white;
	display: inline-flex;
	justify-content: space-around;
	padding: 1rem;
	box-sizing: border-box;

}

.imagendescrip{
width: 50%;
}
.descripciondos{
	width: 50%;
	font-family: 'Raleway', sans-serif;
	font-size: 1.1rem;
	padding: 1rem;
	box-sizing:border-box;

}

.imagendescrip img{
	max-width: 100%;
}
.fotosnosotros{
	width: 100%;
	display: flex;
	flex-flow: wrap;
    margin-top: 2rem;
	text-align: center;
	padding-left: 1%;
	box-sizing: border-box;
}
.fotosnosotros a{
	width: 24%;
	height: 7rem;
	margin-bottom: 1rem;
	overflow: hidden;
}
.fotosnosotros a img{
	max-width:90%;
}

#columnas{
	width: 100%;
	display: inline-flex;
	justify-content:space-around;
	padding-bottom: 2rem;
	padding-top:1rem;
	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;
	
}
.reels{
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
	 padding: 1rem;
	 box-sizing: border-box;
	 flex-flow: wrap;

}
.ril{ width: 100%;
	  background: url(imagenes/flyer1.jpg);
	  background-size: cover;
	   padding-bottom: 5rem;
	   box-sizing: border-box;
}
.video{
	width: 30%;
}
.video iframe{
	max-width: 100%;
}
#columnasdos{
	width: 100%;
	display: inline-flex;
	justify-content:space-around;
	padding-bottom:5rem;
	padding-top:2rem;
	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{
	position: relative;
	text-align: center;
	border-radius: 0.5rem;
	border: 0.1rem white solid;
	margin-top: -7rem;
	margin-bottom: 1rem;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	color: grey;
	background-color: white;
	padding: 1rem;
	padding-bottom: 1rem;
	padding-top: 2rem;
	box-sizing: border-box;
	font-size: 1rem;
	box-shadow: 1rem 1rem 2rem black;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	z-index: 1000;
	height: 35rem;
	
}
.columna img{
width: 20%;
filter:invert(1);

}
.fotocolumna{
	width: 30%;
	z-index: 500;
	
}
.columna .tituloserv{
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	font-family: 'Open Sans', sans-serif;
}
.columna .descripcionbreve{
	font-size: 0.9rem;
	margin-bottom: 4rem;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	overflow: scroll;
	overflow-x: hidden;
	height: 20rem;


}
.descripcionvideo{
	width: 80%;
	margin-right: auto;
	 margin-left: auto;
	font-size: 1.1rem;
	line-height: 2rem;
	margin-bottom: 4rem;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	padding: 3rem;
	box-sizing: border-box;
	background: rgba(236, 240, 241,0.8);
}
.obra{
	width: 90%;
	text-align:center; 
	margin-left:auto;
	margin-right: auto;
}
.obra iframe{
	max-width: 100%;
}
.descripcionbreve strong{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.verdescripcionbrevedos{
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}
.itemsdescripciones{
width: 30%;
padding: 1rem;
box-sizing: border-box;
}
.miscelanea{
width: 10%;
height: 0.3rem;
border-radius: 0.2rem;
background: #2980b9;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
margin-top: 1rem;
}
.botonmas, .botonmenos,.botonmasdos, .botonmenosdos{
cursor:pointer;
  outline:none;
  border: 0;
  background: #2980b9;
	width: 30%;
	font-size: 1rem;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
	margin-left: 35%;
	margin-right: 35%;
	border-radius: 0.2rem;
	color: white;
	font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.botonmas:hover, .botonmenos:hover, .botonmasdos:hover, .botonmenosdos:hover{
color: #34495e;
}
.columnados{
	width:18%;
	margin-bottom: 3rem;
	background-color:#1abc9c;
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
	border-radius: 0.5rem;

}
.fondocol {
height: 15rem;
overflow: hidden;
}
.comunicate{
	 width: 30%;
	 margin-left: 35%;
	 margin-right: 35%;
	 color: white;
	 border: 0.1rem solid white;
	 border-radius: 0.5rem;
	 padding: 2rem;
	 box-sizing: border-box;
	 margin-bottom: 1rem;

}
.galeria{
position: sticky;
width: 100%;
background: url(imagenes/flyer4.jpg);
background-size: cover;
}
.galeria ul{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	display: inline-flex;
	justify-content: space-around;
	flex-flow: wrap;
}
.galeria ul li{
	width: 30%;
	height: 10rem;
	overflow: hidden;
	margin-bottom: 2rem;
}
.galeria ul li img{
	max-width: 100%;
	min-height: 100%;
}
.comunicate .subtitulo{
color: white;
}
.comunicate .redes .icono{
	text-align: center;
	width: 100%;

}
.comunicate .redes .icono p{
	text-align: center;
	margin-top: 1rem;
	font-size: 1rem;
}
.btnabonar{
	position: absolute;
	top: 70rem;
	left: 30%;
	z-index: 999;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 30%;
	margin-right: 25%;
	margin-left: 25%;
	background:linear-gradient(to right,#1abc9c,#9b59b6);
	color: white;
	padding: 1rem;
	padding-bottom: 2rem;
	padding-top: 2rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 1.3rem;
	box-shadow: 1rem 1rem 2rem black;
	font-weight: bold;
	text-transform: uppercase;

}

.btnabonar a {
	text-decoration: none;
	color:white;
	width: 100%;


}
.columnados a, .columna a{
	text-decoration: none;
	color: white;
	padding: 1rem;
	box-sizing: border-box;
background: white;
	color: white;
	text-transform: uppercase;
	box-shadow: 0.5rem 0.5rem 2rem;
	background:linear-gradient(to right, #1abc9c,#2980b9);
	margin-top: 3rem;
}


.columna a:hover{
	border: 0.01rem grey solid;
	color: white;
	border: none;
}

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

.imagencolumna img{
	max-width: 100%;
}
.subtitulo{
	font-size: 1.2rem;
font-family: 'Kaushan Script', cursive;
	font-weight: 900;
	color:black;
	text-align: center;
}
.subtitulodos{
	font-size: 1.2rem;
font-family: 'Fira Sans', sans-serif;
	font-weight: 900;
	color:white;
	text-align: center;
}
.medios{
	width: 100%;
}
.medios img{
	max-width: 100%;
}

footer{
	width: 100%;
	background-color: black;
	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;

}
.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: #ecf0f1;
	width: 100%;
	padding: 1rem;
	text-align: center;
	box-sizing: border-box;
	margin-top: -1rem;

}
#marcasanunciadoras .tituloseccion{
	 color: black;
	 margin-top: 5rem;

}
#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%;
	 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:#3498db;
  border:none;
  color: white;

 }
::-webkit-input-placeholder { /* Edge */
  color: white;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::placeholder {
  color: white;
}
#dos{
	width: 100%;
	 display: inline-flex;
	 justify-content: space-around;}

#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:#3498db;
 	color: white;


 }
 .btnenviar{
	width: 25%;
	background-color: #3498db;
	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;

}
#quienes h2{
	width: 50%;
	color:white;
	background: #ff5e57;
	padding: 2rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
	box-shadow: 2rem 2rem 10rem black;
	text-align: left;
	margin-left: 50%;


}
.titulotexto{
	font-weight: bold;
}
.imagenapicola{
	width: 100%;
}
.imagenapicola img{
	max-width:100%;
}
.tituloimagenapicola{
	font-size: 3rem;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: -0.2rem;

}
.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;

  }
  .fotoseparadora{
  	width: 100%;

  }
    .fotoseparadora img{
    	max-width: 100%;
    }


 .desarrolloservicios{
 	width: 100%;
 margin-top: 6rem;
 text-align: justify all;
 color:white;
font-family: 'Raleway', sans-serif;
    }
 .redes{width: 100%; 
    	margin-top: 1rem;
    }
 .redes .icono a{
 	width: 100%;
	text-decoration: none;
	text-align:center;
	color: black;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 0.6rem;
	margin-left: auto;
	margin-right: auto;
}
footer .redes {
display: inline-flex;
justify-content: space-around;
}

.icono{
text-align: left;
}
.izquierda .icono{
	text-align: center;
}
.whatfijo{
	position: fixed;
	top: 85%;
	left: 90%;
	z-index: 10000;
}
.whatfijo .icono img{
	max-width: 100%;
}
.whatfijo .icono{
	

}
.segundopiso{
	background-color: #ecf0f1;
	width: 100%;
	display: inline-flex;
	justify-content: space-around;
	padding-left: 20%;
	padding: 1rem;
	box-sizing: border-box;
}
.segundopiso .icono{
	text-align: center;
}
.segundopiso .icono p{
	color: black;
	text-align: center;
	font-family: 'Nunito Sans', sans-serif;
}
.izquierda, .derecha{
	width: 50%;
}
#logoenbodydos .fotocolumna{
	z-index: 100;
	top: 2rem;
	left: 5rem;
	width: 100%;
}
#logoenbodydos .fotocolumna .columna{
	margin-top: -42rem;
	height: 45rem;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;

}
#logoenbodydos {
	margin-bottom: 5rem;
}
#logoenbodydos .textobienvenidados{
	margin-top: 10rem;
}
@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: 15rem;
	position: absolute;
	overflow: hidden;
}
.fondo img{
	max-width: 100%;
	min-width: 100%;
}
#logoenbody img{
	max-width: 100%;


}
.tituloseccion{
	width: 100%;
	font-size: 1rem;
	text-align: right;
	margin-right: 0;
	margin-left: 0;

}
#logoenbody{
	width: 100%;
	z-index: 100;
	margin-top:1rem;

}
#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{
	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:#8e44ad;
	text-decoration:none;
}
.menu a{
	text-decoration:none;
	color: #34495e;
	}
.menu a:hover{
	text-decoration:none;
	color: #34495e;
}
.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;

}
.seccion h2{
	font-family: 'Roboto', sans-serif;
	text-align: left;
	
}

#seccionproductos{
	background-size: contain;
}
.columna{
	 width: 60%;

}
#marcasanunciadoras{
	width: 100%;
	 padding: 1rem;
	  box-sizing: border-box;
}


.logo{
	width: 45%;
	 padding: 1rem;
	 box-sizing: border-box;
}
.fondotres{
	margin-top:-2rem;
	width: 100%;

	margin-right: 0;
	margin-left: 0;
}
.quienes{
padding-bottom: 10rem;
}

.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;
}
#columnasdos{
	width: 100%;
	display: flex;
	flex-flow: column;
}
.secciondos h2, .secciondos p{
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;

}
#columnas{
	width:50%;
	display: flex;
	flex-flow: wrap;
	margin-right: 25%;
	margin-left: 25%;
}
.columna{
	width: 100%;
	text-align: center;
	height: auto;

}
.columnados{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	text-align: center;
	height: auto;

}
.botonproducto{

}
.desarrolloservicios{
	color: black;
	margin-top: 1rem;
}
.comunicate{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.whatfijo{
	position: fixed;
	top: 85%;
	left: 80%;
	z-index: 10000;
}
.whatfijo .icono{
	width: 80%;
}
.redesbarra{
	position: absolute;
	right: 20%;
	width: 35%;
	margin-top: 1.2rem;

}
.textobienvenida, .textobienvenidados{
	
	position: relative;
	left: 0%;
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	
}

.textobienvenida h1, .textobienvenidados h1{
	font-size: 1.5rem;
}
.textobienvenida h2, .textobienvenidados h2{
	font-size: 2rem;
}
#logoenbody img{
max-width: 80%;

}
#logoenbody .imgpostu{
width: 100%;
}
#logoenbody .imgpostu img{
	max-width: 100%;

}
{
	margin-top: 20rem;
}

#logoenbody{
	height: 70rem;
}
#logoenbodydos .textobienvenidados{
	margin-top:1rem;
}
#logoenbodydos .imgpostu img{
	max-width: 100%;

}
#logoenbodydos .imgpostu{
	width: 100%;

}
#logoenbodydos .columna{

}



.btnabonar{
position: relative;
top: 5rem;
width: 50%;
left: 0%;
margin-right: auto;
margin-left: auto;
}
#quienes{
	height: auto;
}
#seccionproductos{
	height: auto;
}
#columnas{
	display: flex;
	flex-flow: column;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.fotocolumna{
	width: 90%;
margin-left: 5%;
margin-right:5%;

}
.columna{
	width: 80%;
	margin-left: 10%;
	 margin-left: 10%;
	 left: 0%;
}
.fondocol img{
width: 95%;
}
.secciondos h2{
text-align: left;
}
.dividido{
	display: flex;
	flex-flow: column;
}
.izquierda, .derecha{
	width: 90%;
	margin-left: 10%;
	margin-right: 10%

}
footer{
	display: flex;
	flex-flow: column;

}
footer .logo{
	width: 80%;
	
}
.verdescripcionbrevedos{
	display: flex;
	flex-flow: column;

}
.itemsdescripciones{
	width: 80%;
}
#logoenbodydos .fotocolumna .columna{
	margin-top: -10rem;
	width: 90%;
	margin-left: 3%;
	margin-right: 3%;
	height: auto;

}
#logoenbodydos .fotocolumna{
	width: 100%;
	margin:0;
}

}