.contenedor {
	font-size: 10px;
	text-align: center;
	display: inline;
	color: #fff;
	text-decoration: none;
	position: fixed;
	border-radius: 50%;
	background: rgba(39,49,196,0.4);
	border: 1px rgba(39,49,196,0.2);
	width: 25px;
	height: 25px;
	line-height: 20px;
	z-index: 1000;
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.contenedor i {
	color: #fff;
}
.contenedor:hover {
	color: #1d184a;
	background: #fff;
}
.contenedor:hover i {
	color: #1d184a;
}
.contenedor._arriba{		
	top: 2%;
	left: 48%;
}	
.contenedor._abajo{		
	bottom: 2%;
	left: 48%;
}	
.contenedor._derecha{		
	bottom: 5%;
	left: 5%;
}
.contenedor._izquierda{		
	bottom: 5%;
	right: 5%;
}

.texto{
	text-align: center;
	font-size: 12px;
	color: #fff;
	position: fixed;
	z-index: 1000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.texto._arriba{		
	top: 6%;
	left: 46%;
}	
.texto._abajo{		
	bottom: 3%;
	left: 43%;
}	
.texto._derecha{		
	bottom: 5%;
	left: 2%;
}
.texto._izquierda{		
	bottom: 6%;
	right: 2%;
}
.swipe{
  position: fixed;
  display: inline;
  background-color: transparent;
  z-index: 1100;
}
.swipe.swipe_up{
  height: 5%;
  width:100%;
  top:0;
}
.swipe.swipe_down{
  height: 5%;
  width:100%;
  bottom: 0;
}
.swipe.swipe_left{
  height: 100%;
  width:15%;
  left: 0;
}
.swipe.swipe_right{
  height: 100%;
  width:15%;
  right: 0;
}