body{
  position: relative;

}
footer{
  background: rgb(83, 89, 92);
}

.pie{
  width: 100%;
  height: 75px;
}




.fm-nav a{
  font-family: 'Quattrocento', serif;
  font-size: 20px;
  border-radius: 15px;
}

.fm-nav .active, .fm-nav a:hover  {
background: rgb(75, 159, 213);
}
.seccion {
margin-bottom: 300px;
}

.seccion .columna {
padding-top: 200px;
}
.nosotros{
padding-top: 200px;
padding-bottom: 30px;
}
.black{
background: black;
}
.redondear{
border-radius: 50px;
width: 100%;
max-width: 400px;
}
.fondo{
width: 100%;
}
.contacto{
background:#f2f2f2;
background-size: 100%;

padding-top: 50px;
padding-bottom: 50px;

}
.texto{
font-family: 'Quattrocento', serif;
font-size: 22px;
}
.izquierdo{
padding-left: 5px;
}
.paisaje{
width: 100%;
height:800px;
}

/*Estilos para los iconos*/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 2%; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-phone {background: rgb(139, 227, 70);}
	.social ul li .icon-mail {background: rgb(231, 31, 12);}

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 50px 50px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
  .derechos{
    font-family: 'Quattrocento', serif;
    font-size: 16px;
    color: white;
  }
