#recursosOrientacionGaleria{
	margin-bottom: 50px;
}

.filtrosRecursosOrientacion{
	position: fixed;
	top: 0;
	left: -250px;
	background-color: #00AEAD;
	display: block;
	padding: 12vw 30px;
	height: 100%;
	width: 250px;
	z-index: 50;
	color: #fff;
	transition: all ease-out 0.3s;
}@media (max-width:992px){
	.filtrosRecursosOrientacion{display: none;}
}
.filtrosRecursosOrientacion.active{
	left:0;
}
.btnDisplayRecursosOrientacion{
	display: block;
	width: 60px;
	height: 60px;
	background-color: #00AEAD;
	position: absolute;
	right: -30px;
	top: 50%;
	cursor: pointer;
	transform: rotate(45deg);
	z-index: 2;
}
.btnDisplayRecursosOrientacion .fa{
	font-size: 24px;
	top: 5.5px;
	left: 31px;
	color: #fff;
	transform: rotate(-45deg);
	position: absolute;
}
.bg-rosa{background-color:#f41c64;color:#fff;background-image: url(img/search.png);background-position: bottom;background-repeat: no-repeat;}
.recurso-caption{
	overflow: hidden;
	position: relative;
	z-index: 1;
	display:block;
}
.detalles-overall-wrap .contenido-relacionado a{
	color: #333;
	text-decoration: none;
}
.detalles-overall-wrap .contenido-relacionado a:hover, .detalles-overall-wrap .contenido-relacionado a:focus{
	text-decoration: none;
}
.detalles-overall-wrap .contenido-relacionado a .recurso-item-wrap .recurso-caption-defaultWrap img{
	transform: scale(1);
	transition: all .25s ease-out;
}
.detalles-overall-wrap .contenido-relacionado a:hover .recurso-item-wrap .recurso-caption-defaultWrap img, .detalles-overall-wrap .contenido-relacionado a:focus .recurso-item-wrap .recurso-caption-defaultWrap img{
	transform: scale(1.1);
}
.recurso-item-wrap{
	background: #fff;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transform: translateY(0);
	transition: box-shadow .35s ease-out, transform .3s ease-out, opacity .2s ease-out;
	margin-bottom: 20px;
}
.recurso-item-wrap .corte-recurso-icono{
	position: absolute;
	z-index: 2;
	border-right: 60px solid transparent;
	width: 0;
	height: 0;
	display: block;
}
.azul .corte-recurso-icono{border-top: 60px solid #2459A6;}
.rosa .corte-recurso-icono{border-top: 60px solid #F41C64;}
.cyan .corte-recurso-icono{border-top: 60px solid #00AEAD;}
.amarillo .corte-recurso-icono{border-top: 60px solid #F69F11;}
.verde .corte-recurso-icono{border-top: 60px solid #97C332;}
.azul-oscuro .corte-recurso-icono{border-top: 60px solid #053559;}
.recurso-item-wrap .corte-recurso-icono i{
	position: fixed;
	top: 10px;
	left: 10px;
	color: #fff;
}
#recursosOrientacionGaleria .recurso-item-wrap:hover, .detalles-overall-wrap .contenido-relacionado a:hover .recurso-item-wrap, .detalles-overall-wrap .contenido-relacionado a:focus .recurso-item-wrap{
	box-shadow: 0 10px 20px 0px rgba(0,0,0,0.3);
	transform: translateY(-10px);
}
.recurso-caption-defaultWrap{
	top:0;
	z-index: 2;
	transition: transform .25s;
	width: 100%;
	overflow: hidden;
	padding-bottom: 100%;
	display: block;
	position: relative;
}
#recursosOrientacionGaleria .recurso-item-wrap:hover .recurso-caption-defaultWrap{
	transform: translateY(-46px);
}
.recurso-caption-defaultWrap > img{
	position: absolute;
}
.recurso-caption-body .btn-group .btn{
	color: #fff;
	font-size: 0.7rem;
	padding: 15px 3px;
	width: 50%;
}
.recurso-caption-body .btn-group .btn-left{
	margin-left: -1px;
}
.recurso-caption-body .btn-group .btn-right{
	margin-left: 1px;
}
.filter-button-group button{font-size: 12px;padding: 8px 23px;}
.btn{border-radius: 0;}
.btn.btn-gris-fill {background: #ababab;color: #fff;border-color: #ababab;}
.btn.btn-gris-fill:hover, .btn.btn-gris-fill:active {color: #FFF;background: #8F8F8F;border-color: #8F8F8F;}
.btn.btn-azul-oscuro-inverse {background: #053559;color: #fff;border-color: #053559;}
.btn.btn-azul-oscuro-inverse:hover, .btn.btn-azul-oscuro-inverse:active {color: #FFF;background: #03253E;border-color: #03253E;}
.btn.btn-rosa-inverse {background: #F41C64;color: #fff;border-color: #F41C64;}
.btn.btn-rosa-inverse:hover, .btn.btn-rosa-inverse:active {color: #FFF;background: #DB0A50;border-color: #DB0A50;}
.btn.btn-verde-normal-inverse {background: #00AEAD;color: #fff;border-color: #00AEAD;}
.btn.btn-verde-normal-inverse:hover, .btn.btn-verde-normal-inverse:active {color: #FFF;background: #008E8D;border-color: #008E8D;}
.btn.btn-amarillo-inverse {background: #F69F11;color: #fff;border-color: #F69F11;}
.btn.btn-amarillo-inverse:hover, .btn.btn-amarillo-inverse:active {color: #FFF;background: #E08E08;border-color: #E08E08;}
.btn.btn-verde-limon {background: #97C332;color: #fff;border-color: #97C332;}
.btn.btn-verde-limon:hover, .btn.btn-verde-limon:active {color: #FFF;background: #638A09;border-color: #638A09;}
.btn-pink-inverted {color: #fff;background: #F41C64;border-color: #F41C64;}
.btn-pink-inverted:focus, .btn-pink-inverted:hover, .btn-pink-inverted:active {color: #fff;background: #00AEAD;border-color: #00AEAD;}
.recurso-item-wrap.azul-oscuro .recurso-caption-body .btn-group{background-color: #03253E;}
.recurso-item-wrap.azul-oscuro .recurso-caption-body .btn-group .btn{background-color: #053559;border-color: #053559;}
.recurso-item-wrap.azul-oscuro .recurso-caption-body .btn-group .btn:hover{background-color: #03253E;border-color: #03253E;}
.recurso-item-wrap.rosa .recurso-caption-body .btn-group{background-color: #DB0A50;}
.recurso-item-wrap.rosa .recurso-caption-body .btn-group .btn{background-color: #F41C64;border-color: #F41C64;}
.recurso-item-wrap.rosa .recurso-caption-body .btn-group .btn:hover{background-color: #DB0A50;border-color: #DB0A50;}
.recurso-item-wrap.cyan .recurso-caption-body .btn-group{background-color: #008E8D;}
.recurso-item-wrap.cyan .recurso-caption-body .btn-group .btn{background-color: #00AEAD;border-color: #00AEAD;}
.recurso-item-wrap.cyan .recurso-caption-body .btn-group .btn:hover{background-color: #008E8D;border-color: #008E8D;}
.recurso-item-wrap.amarillo .recurso-caption-body .btn-group{background-color: #E08E08;}
.recurso-item-wrap.amarillo .recurso-caption-body .btn-group .btn{background-color: #F69F11;border-color: #F69F11;}
.recurso-item-wrap.amarillo .recurso-caption-body .btn-group .btn:hover{background-color: #E08E08;border-color: #E08E08;}
.recurso-item-wrap.verde .recurso-caption-body .btn-group{background-color: #638A09;}
.recurso-item-wrap.verde .recurso-caption-body .btn-group .btn{background-color: #97C332;border-color: #97C332;}
.recurso-item-wrap.verde .recurso-caption-body .btn-group .btn:hover{background-color: #638A09;border-color: #638A09;}
.recurso-caption-activeWrap{
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
}
.recurso-caption-activeWrap .btn-group{
	width: 100%;
	background-color: #008b8a;
}
.recurso-title-body{
	padding: 10px;
	text-align: center;
	height: 72px;
	border: 1px solid #eee;
	border-top: none;
}
.rosa .recurso-title-body{border-top: 3px solid #F41C64;}
.azul .recurso-title-body{border-top: 3px solid #2459A6;}
.cyan .recurso-title-body{border-top: 3px solid #00AEAD;}
.amarillo .recurso-title-body{border-top: 3px solid #F69F11;}
.verde .recurso-title-body{border-top: 3px solid #97C332;}
.azul-oscuro .recurso-title-body{border-top: 3px solid #053559;}
.detalles-overall-wrap{
	position: fixed;
	overflow: hidden;
	z-index: 5;
	top: 2.8rem;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.detalles-overall-wrap.display{
	pointer-events: auto;
	overflow-y: scroll;
}
.detalles-content-wrap{
	position: absolute;
	left: 100%;
	background-color:#fff;
	transition: all ease-out 0.3s;
	padding-bottom: 100px;
}
.detalles-overall-wrap.display .detalles-content-wrap{
	left: 0;
	right: 0;
}
body.overflow{
	overflow-y: hidden;
}
.detalles-nav{
	width: 100%;
	height: 50px;
	background-color:#f41c64;
	position: fixed;
	z-index: 6;
}
.detalles-nav .detalles-left, .detalles-nav .detalles-right, .detalles-nav .detalles-close{
	float: right;
	color: #fff;
	cursor: pointer;
	font-size: 34px;
	margin: 0 10px;
	line-height: 14px;
	padding: 15px;
	transform: scale(1);
	transition: all ease-out 0.5s;
}
.detalles-nav .detalles-left:hover, .detalles-nav .detalles-right:hover, .detalles-nav .detalles-close:hover{
	transform: scale(1.2);
}
.detalles-nav .detalles-close{
	line-height: 20px;
	padding: 15px;
}
.detalles-overall-wrap .dwnload{
	font-size: 20px;
}