/* ---------------------------------------- ESTILOS ANIMACIONES ---------------------------------------- */

/* -------------------------- ANIMACIONES SCROLL -------------------------- */
.elemento-animado {
	opacity: 0;
	position: relative;
}

strong.elemento-animado, span.elemento-animado {
	display: block;
}

/* -------- ANIMACION - OPACIDAD -------- */
.elemento-animado.opacidad {
	opacity: 0;
	-moz-transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
}

.elemento-animado.opacidad.a-la-vista {
	opacity: 1;
}

/* ---------- ANIMACION - ZOOM ---------- */
.elemento-animado.zoom {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

.elemento-animado.zoom.a-la-vista {
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.cms_titu_fondo.elemento-animado.zoom, .cms_titu_home_fondo.elemento-animado.zoom {
	-moz-transform: translateY(-50%) scale(0.7);
	-webkit-transform: translateY(-50%) scale(0.7);
	-o-transform: translateY(-50%) scale(0.7);
	-ms-transform: translateY(-50%) scale(0.7);
	transform: translateY(-50%) scale(0.7);
}

.cms_titu_fondo.elemento-animado.zoom.a-la-vista, .cms_titu_home_fondo.elemento-animado.zoom.a-la-vista {
	-moz-transform: translateY(-50%) scale(1);
	-webkit-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

.txt_enlace_ficha.elemento-animado.zoom {
	position: absolute;
	-moz-transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
}

.txt_enlace_ficha.elemento-animado.zoom.a-la-vista {
	-moz-transform: translateX(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) scale(1.1);
	-o-transform: translateX(-50%) scale(1.1);
	-ms-transform: translateX(-50%) scale(1.1);
	transform: translateX(-50%) scale(1.1);
}

/* -------- ANIMACION - SLIDE UP -------- */
.elemento-animado.slide-up {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translate3d(0px, 25px, 0px);
	-webkit-transform: translate3d(0px, 25px, 0px);
	-o-transform: translate(0px, 25px);
	-ms-transform: translate(0px, 25px);
	transform: translate3d(0px, 25px, 0px);
}

.elemento-animado.slide-up.a-la-vista {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

#indice_lateral.slide-up {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translateX(-50%) translate3d(0px, 25px, 0px);
	-webkit-transform: translateX(-50%) translate3d(0px, 25px, 0px);
	-o-transform: translateX(-50%) translate(0px, 25px);
	-ms-transform: translateX(-50%) translate(0px, 25px);
	transform: translateX(-50%) translate3d(0px, 25px, 0px);	
}

#indice_lateral.slide-up.a-la-vista {
	opacity: 1;
	-moz-transform: translateX(-50%) translate3d(0px, 0px, 0px);
	-webkit-transform: translateX(-50%) translate3d(0px, 0px, 0px);
	-o-transform: translateX(-50%) translate(0px, 0px);
	-ms-transform: translateX(-50%) translate(0px, 0px);
	transform: translateX(-50%) translate3d(0px, 0px, 0px);
}

/* ------ ANIMACION - SLIDE BOTTOM ------ */
.elemento-animado.slide-bottom {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translate3d(0px, -25px, 0px);
	-webkit-transform: translate3d(0px, -25px, 0px);
	-o-transform: translate(0px, -25px);
	-ms-transform: translate(0px, -25px);
	transform: translate3d(0px, -25px, 0px);
}

.elemento-animado.slide-bottom.a-la-vista {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

/* ------- ANIMACION - SLIDE RIGHT ------ */
.elemento-animado.slide-right {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translate3d(-100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}

.elemento-animado.slide-right.a-la-vista {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

/* ------- ANIMACION - SLIDE LEFT ------- */
.elemento-animado.slide-left {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-moz-transform: translate3d(100px, 0px, 0px);
	-webkit-transform: translate3d(100px, 0px, 0px);
	-o-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate3d(100px, 0px, 0px);
}

.elemento-animado.slide-left.a-la-vista {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

/* -------- ANIMACION - PORTFOLIO ------- */
.elemento-animado.anim-portfolio {
	opacity: 0;
	-moz-transition: all 100ms ease-in-out;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	-moz-transform: rotateX(50deg);
	-webkit-transform: rotateX(50deg);
	-o-transform: rotateX(50deg);
	-ms-transform: rotateX(50deg);
	transform: rotateX(50deg);
	transform-origin: bottom;
	transform-style: preserve-3d;
}

.elemento-animado.anim-portfolio.a-la-vista {
	opacity: 1;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}


/* -------------------------------------------- MEDIA QUERYS ------------------------------------------- */

/* ----- col-sm ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */
@media (max-width: 767px) {

	

}

/* ----- col-md ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */
@media (min-width: 768px) {

	

}

/* ----- col-lg ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */
@media (min-width: 992px) {

	

}

/* ----- col-xl ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */
@media (min-width: 1200px) {

	

}