.promo_slider_wrapper { margin:10px 0; position:relative; }
.promo_slider {
    margin-bottom: 25px !important;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}

.productos_relacionados {
    margin: 12px 0 7px;
}
.promo_slider img {   height: auto;
    margin: 0;
    padding: 0;
    width: 100px; }
	
#categoria9 img, #categoria10 img{width: 87px;}
.promo_slider .panel {
	display: block !important;
    float: left !important;
    margin: 0 11px;
    position: static;
    width: 100px;
	height:100px;
}
#categoria9 .panel, #categoria10 .panel{width: 87px; margin: 2px 9px;}

.pointer {cursor:pointer; cursor:hand;}
.ps_hover { display:none; }
.promo_slider:hover .ps_hover { display:block; }
.promo_slider_sep { font-weight:normal; }

/* DEFAULT SLIDER NAV - If enabled */
.promo_slider_nav {
	display:none;
	position:absolute;
	bottom: 0;
    right: 0;
	margin:10px;
	padding:5px 10px;
	background-color:#fff;
	color:#666; text-align:center; 
	font-size:12px;
	font-weight:bold;
    z-index: 101;
}
.fancy_ps_nav {background:url('images/nav.png') no-repeat transparent; width:147px; height:49px; line-height:49px; margin:0; padding:0;}
.slider_selections span.current {color:#000;}

/* OPTIONAL SLIDER NAV LINKS - If enabled */
.left_arrow, .right_arrow {position:absolute; top:45%; width:30px; height:30px; z-index: 101;}
.left_arrow { left:5px; background:url('images/prev.png') no-repeat;}
.right_arrow { right:5px; background:url('images/next.png') no-repeat; }

/* THUMBNAIL SLIDER NAV - If enabled */
.promo_slider_thumb_nav { display:none; position:relative; height:50px; padding:10px 0; background:url('images/slide.png'); overflow:hidden;}
.promo_slider_thumb_nav .thumb_nav { height:50px; margin:0 40px; padding:0; }
.promo_slider_thumb_nav .right_arrow, .promo_slider_thumb_nav .left_arrow { top:20px; }
.promo_slider_thumb_nav .slider_selections span { float:left; display:block; width:50px; height:50px; margin:0 4px 11px 4px; padding:0 1px; overflow:hidden; }
.promo_slider_thumb_nav .slider_selections span.current { border:1px solid #fff; margin-top:-1px; padding:0; }
.promo_slider_thumb_nav img { width:50px; }

/* TITLE DISPLAY - If enabled */
.promo_slider_title {
	display:block;
	position:absolute;
	top:0px; left:0px;
	width:95%;
	padding:2.5%;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
}
.fancy_ps_title {
	background-image:url('images/title.png');
	background-repeat:no-repeat;
	background-position:right;
	width:auto;
	height:77px; 
	padding:0 40px 0 10px;
	font-size:18px;
	text-align:center;
	line-height:77px;
}
.promo_slider_title a {color:#000; text-decoration:none;}
.promo_slider_title a:hover {text-decoration:underline;}

/* EXCERPT DISPLAY - If enabled */
.promo_slider_excerpt {
	display:block;
	position:absolute;
	bottom:0; left:0;
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.6;
	color:#fff;
	padding:3px 2.5%;
	width:95%;
}
.promo_slider_excerpt p {margin:0; padding:0;}

/** TABBED TITLE NAVIGATION **/
.promo_slider_wrapper .promo_slider_nav.tabbed_ps_nav {
	display:none;
}
.promo_slider_wrapper.tabbed_nav .promo_slider_nav.tabbed_ps_nav {
	position: static;
	background: url( 'images/slide.png' );
	display: table-row;
	margin: 0;
	padding: 0;
	font-size: 15px;
}
.promo_slider_nav.tabbed_ps_nav span {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid white;
	border-right-color: transparent;
	margin: 0;
	padding: 5px;
	/*
	 * Setting the width to a small percentage ensures that the width is evenly distributed even though
	 * we don't know how many slides there are or how long the titles are.  If we set the width to 25%
	 * and then had 5 slides, the fifth slide would be smaller than the rest.
	 */
	width: 1%;
	color: white;
}
.promo_slider_nav.tabbed_ps_nav span:first-child {
	border-left-color: transparent;
}
.promo_slider_nav.tabbed_ps_nav span.current {
	border-color: black;
}
.promo_slider_nav.tabbed_ps_nav span.current + span {
	border-left-color: transparent;
}
@media (max-width: 1023px){
	.promo_slider .panel {
    display: block !important;
    float: left !important;
    height: 100px;
    margin: 10px 11px;
    position: static;
    width: 100px !important;
}
.promo_slider img {

    width: 100px !important;
}
#categoria8 .panel{ margin: 10px 4px !important; width:90px !important;
}
#categoria8  img{width:90px !important;
}
}
@media (max-width: 768px) {
	.promo_slider {
    min-height: 200px;
   
}
	.promo_slider .panel {
    float: none;
    height: 100%;
    left: 0;
    margin: 5px 20px !important;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.promo_slider img {

    width: 200px !important;
}
#categoria8 .panel{ margin: 5px 20px !important; width: 100% !important;
}
#categoria8  img{ width: 200px !important;
}
	}
	
@media (max-width: 479px){
	}