.contentToggleBar {background-color:#536478;} 
.barToggleColeccion { text-align:center; background-color:#3a4754; position:relative;}
.btnToggleColeccion, .btnNav { 
  display:inline-block; font-size:13px; padding:0 23px; line-height:27px; text-decoration:none;  
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  color:#333;
  box-shadow:inset #fff 0 0 1px;
  border-radius:2px;
  max-width:62%;
  overflow:hidden;
  height:27px;
}
.btnToggleColeccion.openColeccionBar {   
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  text-shadow:#fff 1px 1px;
 color:#666;
}
/* jcarousel */
.jcarousel-container-horizontal {
	width: 100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    padding: 12px 46px;
}
.estadoAct {
	background-color: #333;
    border-radius: 3px;
    color: #DDD;
    display: block;
    left: 50%;
    margin-left: -16px;
    width: 32px;
	font-size:12px;
	line-height:21px;
    position: absolute;
    top: 0;
}
.jcarousel-clip {
    overflow: hidden;
}
.jcarousel-clip-horizontal {
    width:  100%;
    height: 101px;
}
.jcarousel-item {
	height:150px;
	width:137px;
}

.jcarousel-item * { transition:all .5s;}
.jcarousel-item a {
	display:block;
	padding:6px 4px;
	border-right:1px solid rgba(255,255,255,.12);
	text-decoration:none;
	color:#d0d5da;
	color:rgba(255,255,255, .6);
	font-size:12px;
	text-align:center;
	position:relative; 
}
.jcarousel-item:last-child a { border-right:none;}
.jcarousel-item a:hover {
	background-color:rgba(0,0,0,.08);
	border-color:rgba(255,255,255,.15);
	color:#fff;
}
.jcarousel-item a:active, .jcarousel-item a:focus { outline:none; 	background-color:rgba(0,0,0,.15); transition:none; } 
.jcarousel-item a:hover img, #actualCarousel img { box-shadow:rgba(0,0,0,.25)0 3px 6px;}

#actualCarousel {
	background-color:rgba(255,255,255,.12);
	border-color:rgba(255,255,255,0);
	color:#fff;
	border-radius:2px;
}
.nomActCol { display:block; padding-top:7px;}

/* Horizontal Buttons */
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {
	position: absolute;
	top: 48px;
	right:10px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	border-radius:26px;
	background-color:#3e4a59;
	background-color:#rgba(0,0,0,.25);
	background-image: url(/v2/resources/img/carouselArrows.png);
	background-repeat: no-repeat;
	background-position: right 0;
	transition:all .5s;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus,
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
	background-color:#323c48;
	background-color:#rgba(0,0,0,.4);
}

.jcarousel-next-horizontal:active,
.jcarousel-prev-horizontal:active  {
	background-color:#29323c;
	background-color:#rgba(0,0,0,.5);
	transition:none;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
	background-color:#3e4a59;
	background-color:#rgba(0,0,0,.05);
    cursor: default;
	opacity:.4;
}
.jcarousel-prev-horizontal {
    left: 10px;
    right: auto;
	background-position: 0 0;
}
@media only screen and (max-width: 420px){
    .jcarousel-container-horizontal { padding:12px 30px; }
	.jcarousel-next-horizontal {right:1px;}
	.jcarousel-prev-horizontal {left:1px;}
	.jcarousel-item {width:124px;}
	.jcarousel-item a {	padding:6px 0;}
}
/* integración */
.capsulaActividad { position:absolute; bottom:0; width:100%; overflow:auto; overflow-x:hidden;}
.barColeccion { width:100%; max-width: 796px; margin: 0 auto;}

/* btnNav */

.btnNav {
	position:absolute;
	top:0px;
	padding:0;
	width:30px;
	text-align:center;
	overflow:hidden;
	background-image: url(/v2/resources/img/btnNavColeccion.png);
	background-repeat: no-repeat;
	text-indent:-9999em;
}
.prev-actividad { left:1px; background-position: 0 0;}
.next-actividad { right:1px; background-position: right 0;}
