@charset "utf-8";
/* CSS Document */

.elegant-color-dark{
	background:rgba(0,0,0,0.47)!important;
}
.borde {
    border-radius: 12%;

}
.borde-grueso {
    border-bottom: 0.5em solid #FF0004;
	
}
.icon3{
    font-size: 32px;
	
}
.boton-contacto {
    border-radius: 30px;


}
.margen-titulo{
	margin-top: 120px;
}
    .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;

    }

/*visibility: hidden esconde el elemento pero el espacio que ocupa sigue representándose.
  display: none le dice al navegador que no lo represente, no ocupa espacio 

*/

@media screen and (max-width:576px){

}
@media screen and (min-width:576px){
	.visibilidad-sm{
		visibility: hidden;
	}
	.ocultar-sm{
		display: none;
	}

}
@media screen and (max-width:768px){
}
@media screen and (min-width:768px){
	.visibilidad-md{
		visibility: hidden;
	}
	.ocultar-md{
		display: none;
	}
}
@media screen and (max-width:992px){
}
@media screen and (min-width:992px){
	.visibilidad-lg{
		visibility: hidden;
	}
	.ocultar-lg{
		display: none;
	}
	.texto-blanco {
    color: #FFFFFF;
   }
	.fondo-pie {
    background-image: url(../images/fondocontacto.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
   }
}
/*swiper*/
    .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;

    }
/*swiper*/
@media screen and (max-width:1200px){

}
@media screen and (min-width:1200px){
	.visibilidad-xl{
		visibility: hidden;
	}

	.ocultar-xl{
		display: none;
	}
	.texto-blanco {
    color: #FFFFFF;
}
.fondo-pie {
    background-image: url(../images/fondocontacto.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
	.mapa{
		height: 270px;
		width: 500px;
	}

}