#cookie-bar a, .fancybox-slide--html .fancybox-close-small svg {
	transition: all linear 300ms
}

@media (hover:hover) {

	.cabecera .menu li a:hover:after {
		width: 40px
	}

	.cabecera .menu li a:after {
		content: '';
		width: 0;
		position: absolute;
		bottom: 10px;
		right: 0;
		z-index: 1;
		height: 2px;
		transition: all linear 300ms;
		background: #c17974;
		border-radius: 10px
	}

	.banners .owl-nav .owl-next:hover, .banners .owl-nav .owl-prev:hover {
		background-color: #ffffff
	}

	.banners .owl-nav .owl-next:hover:before {
		background-image: url('../img/web/flecha_banner_der_color.svg');
		top: 51%
	}

	.banners .owl-nav .owl-prev:hover:before {
		background-image: url('../img/web/flecha_banner_izq_color.svg');
		top: 51%
	}

	.presentacion .contenedor .imagenes .imagen_transicion:hover,
	.servicios .contenedor .imagenes-servicios .imagen:hover,
	.imagenes .contenedor .bloque-imagenes .imagen:hover {
		background: #000
	}

	.presentacion .contenedor .imagenes .imagen_transicion:hover img,
	.imagenes .contenedor .bloque-imagenes .imagen:hover img {
		opacity: .5
	}

	.presentacion .contenedor .texto .enlaces .enlace:hover:after,
	.bloque .contenedor .enlaces .enlace:hover:after {
		left: 25px
	}

	.presentacion .contenedor .imagenes .imagen_transicion:hover span,
	.servicios .contenedor .imagenes-servicios .imagen:hover span,
	.imagenes .contenedor .bloque-imagenes .imagen:hover span {
		opacity: 1
	}

	.imagenes .contenedor .bloque-imagenes.sin-fondo .imagen:hover {
		background: #888
	}

	.imagenes .contenedor .bloque-imagenes.sin-fondo .imagen:hover img {
		opacity: .75
	}

    .servicios .contenedor .imagenes-servicios .item_servicio .foto:hover img {
        transform: scale(1.1);
    }

	.contacto .texto-form .descripcion a:hover {
		opacity: .7
	}

	.contacto .link:hover {
		background-color: #c17974;
	}

	.pie .copy a:hover, .pie .menu li a:hover, .pie .ubicaciones .ubicacion p a:hover {
		opacity: .5
	}

	.telefono a:hover, .email a:hover {
		opacity: .7
	}

	.fancybox-slide--html .fancybox-close-small:hover svg {
		transform: rotate(180deg)
	}

	#cookie-bar a:hover {
		box-shadow: 0 0 0 2px #6a403e;
		background-color: white;
		color: #6a403e
	}

	#cookie-bar .cb-policy:hover {
		box-shadow: 0 0 0 2px #c17974;
		background: white;
		color: #c17974
	}


}