/* Redes */
.red{
	position: fixed;
	z-index: 9999;
	top: 125px; }
.caja{
	position: fixed;
	background-color: gray;
	left:-95px;
	height: 25px;
	margin-left: -50px;/*Margen*/
	border: 1px solid #fff;
    border-radius: 3px; /*Curva del borde*/
    padding-left: 150px; /*Parte de la caja que aparece flotando*/
    padding-top: 3px;/*distancia icono a izquierda*/
	transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
	-webkit-transition: 0.7s ease-in-out;
}
.cajaFb{margin-top: -50px;/*distancia caja a izquierda*/}
.cajaFb:hover{
	left: -80px;
	background: #3b5998;
}
.cajaYt{margin-top: -25px;/*distancia caja a izquierda*/}
.cajaYt:hover{
	left: -80px;
	background: #bb0000;
}
.cajaTwt{margin-top: 0px;/*distancia caja a izquierda*/}
.cajaTwt:hover{
	left: -80px;
	background: #098df3;
}
.cajaLkn{margin-top: 25px;/*distancia caja a izquierda*/}
.cajaLkn:hover{
	left: -80px;
	background: #0077b5;
}
.cajaMap{margin-top: 50px;/*distancia caja a izquierda*/}
.cajaMap:hover{
	left: -80px;
	background: green;
}
.cajaMail{margin-top: 75px;/*distancia caja a izquierda*/}
.cajaMail:hover{
	left: -80px;
	background: #F0483E;
}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (max-width:1080px) {
/*Pantallas grandes (LG) a partir de 1200 pixels
  Pantlallas medias (MD) a partir de 992 pixels
  Pantallas tipo tablet (SM) a partir de 768 pixels
  Pantallas móviles (XS), por debajo de esa cifra.*/
/*CAJAS e ICONOS*/

.caja{
	top: 190px;
	left: -100px;
	height: 25px;
	margin-left: -45px;/*Margen*/
    border-radius: 5px; /*Curva del borde*/
    padding-left: 155px; /*Parte de la caja que aparece flotando*/
    padding-top: 2px;/*distancia icono a izquierda*/
}
.cajaFb{margin-top: -125px;/*distancia caja a izquierda*/}
.cajaFb:hover{
	left: -80px;
	background: #3b5998;}
.cajaYt{margin-top: -100px;/*distancia caja a izquierda*/}
.cajaYt:hover{
	left: -80px;
	background: #bb0000;}
.cajaTwt{margin-top: -75px;/*distancia caja a izquierda*/}
.cajaTwt:hover{
	left: -80px;
	background: #098df3;}
.cajaLkn{margin-top: -50px;/*distancia caja a izquierda*/}
.cajaLkn:hover{
	left: -80px;
	background: #0077b5;}
.cajaMap{margin-top: -25px;/*distancia caja a izquierda*/}
.cajaMap:hover{
	left: -80px;
	background: green;}
.cajaMail{margin-top: 0px;/*distancia caja a izquierda*/}
.cajaMail:hover{
	left: -80px;
	background: #F0483E;}
}