/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* ESTILOS GENERALES DE DISEÑO */
.relacionados-ficha  {font:normal 14px Arial, Helvetica, sans-serif;}
.relacionados-titulo {margin-top:20px; padding:5px 0px 5px 5px; font-size:18px; border-top:1px dashed #999; background-color:rgba(0,0,0,0.1);}
.relacionados-contenedor {margin-bottom:20px; border-top:1px dashed #999; border-bottom:1px dashed #999;}
.relacionados-ficha {
	width:150px; margin:10px auto 10px auto; text-align:center; padding:10px; min-height:230px; border:solid 1px rgba(255,255,255,0.25);
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background-color:rgba(255,255,255,0.10);}
.relacionados-ficha:hover {display:block; background:none repeat scroll 0 0 rgba(255,255,255,0.25);}
.relacionados-imagen-contenedor {height:150px; margin-top:5px;}
.relacionados-imagen {max-width:140px; max-height:140px;}
.nombre-rel {margin-top:5px;}
.precio-rel {margin-top:10px;}
.owl-theme .owl-controls .owl-buttons div {position:absolute;}
.owl-theme .owl-controls .owl-buttons .owl-prev {font:bold 16px Courier, Arial, Helvetica, sans-serif; right:50px; top:-34px;}
.owl-theme .owl-controls .owl-buttons .owl-next {font:bold 16px Courier, Arial, Helvetica, sans-serif; right:5px; top:-34px;}


/* display none until init */
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.owl-carousel {display:none; position:relative; width:100%; touch-action:pan-y;}
.owl-carousel .owl-wrapper {display:none; position:relative; transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {backface-visibility:hidden; transform:translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective:1200px; -webkit-perspective-origin-x :50%; -webkit-perspective-origin-y :50%; perspective :1200px;}
/* fade */
.owl-fade-out {z-index:10; animation:fadeOut .7s both ease;}
.owl-fade-in {animation:fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out {animation:backSlideOut 1s both ease;}
.owl-backSlide-in {animation:backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out {animation:scaleToFade .7s ease both;}
.owl-goDown-in {animation:goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in {animation:scaleUpFrom .5s ease both;}
.owl-fadeUp-out {animation:scaleUpTo .5s ease both;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls {margin-top:10px; text-align:center;}
.owl-theme .owl-controls .owl-buttons div {color:#FFF; display:inline-block; zoom:1; margin:5px; padding:3px 10px; font-size:12px; border-radius:30px; background:var(--colPrim); opacity:1;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {opacity:0.7; text-decoration:none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {display:inline-block; zoom:1;}
.owl-theme .owl-controls .owl-page span {display:block; width:12px; height:12px; margin:5px 7px; opacity:0.5; border-radius:20px; background:#869791;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {filter:Alpha(Opacity=100);/*IE7 fix*/ opacity:1;}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; border-radius:30px;}

/* preloading images */
.owl-item.loading {min-height:150px; background:url(AjaxLoader.gif) no-repeat center center}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity:1}
}
@-moz-keyframes empty {
  0% {opacity:1}
}
@keyframes empty {
  0% {opacity:1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity:.5; -webkit-transform:translateZ(-500px); }
  75% { opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%); }
  100% { opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity:.5; -moz-transform:translateZ(-500px); }
  75% { opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%); }
  100% { opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity:.5; transform:translateZ(-500px); }
  75% { opacity:.5; transform:translateZ(-500px) translateX(-200%); }
  100% { opacity:.5; transform:translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%); }
  75% { opacity:.5; -webkit-transform:translateZ(-500px); }
  100% { opacity:1; -webkit-transform:translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity:.5; -moz-transform:translateZ(-500px) translateX(200%); }
  75% { opacity:.5; -moz-transform:translateZ(-500px); }
  100% { opacity:1; -moz-transform:translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity:.5; transform:translateZ(-500px) translateX(200%); }
  75% { opacity:.5; transform:translateZ(-500px); }
  100% { opacity:1; transform:translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity:0; -webkit-transform:scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity:0; -moz-transform:scale(.8); }
}
@keyframes scaleToFade {
  to { opacity:0; transform:scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform:translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform:translateY(-100%); }
}
@keyframes goDown {
  from { transform:translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity:0; -webkit-transform:scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity:0; -moz-transform:scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity:0; transform:scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity:0; -webkit-transform:scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity:0; -moz-transform:scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity:0; transform:scale(1.5); }
}