/* --------------------
	POST skin
   -------------------- */

/* Slider itself */
.moduloSlider.postskin {	
	padding-bottom: 50px;
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.moduloSlider.postskin.with-thumbs {
	padding-bottom: 110px;
}


/* --------------------
	FULL SIZE LINK
   -------------------- */
.fullsize { 
	display:block;
	position:absolute;
	bottom:50px;
	left:0;
	z-index:50;

	width:36px;
	height:36px;

	text-indent:-9999px;
	
	background-image:url('zoom.png');
	background-repeat:no-repeat;
	background-position:0 0;
	
	outline:0;
	border:0;
}
.fullsize:hover { background-position:0 -36px; }
a.fullsize:active { top:auto; }


/* --------------------
	CAPTION
   -------------------- */

.moduloSlider.postskin .moduloWrapper { padding-bottom:50px; }
.moduloSlider.postskin .moduloSlide { padding-bottom:50px !important; }

.caption {
	z-index:60;
	display:block;
	position:absolute;	
	left:0;
	bottom:-2px;
	width:100%;
	height:47px;
	padding-top:3px;
	line-height:11px;
	font-weight:600;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */



/* --------------------
	ARROWS
   -------------------- */
.moduloSlider.postskin .arrow
{	
	background: rgb(50, 50, 50);
	background: rgba(0, 0, 0, 0.5);
	
	background-image:url(controls-sprite.png);

	/* change arrows size here */
	width: 30px;
	height: 30px;
	margin-top:-15px;	
	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
/* arrow position in slider with thumbs */
.moduloSlider.postskin.with-thumbs .arrow {
	margin-top:-49px;
}
/* Arrow down state */
.moduloSlider.postskin .arrow:active {	
	background-color: rgba(0,0,0,0.6);
}
/* Arrow hover state */
.moduloSlider.postskin .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Arrow disabled state */
.moduloSlider.postskin .arrow.disabled {	
	background-color: rgba(0,0,0,0.5) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
	filter: alpha(opacity=20) !important;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}
/* left arrow */
.moduloSlider.postskin .arrow.left {
	background-position: top left;
	left: 5px;	
}
/* right arrow */
.moduloSlider.postskin .arrow.right {
	background-position: top right;
	right: 5px;
}





/* --------------------
	BULLETS
   -------------------- */
.moduloSlider.postskin .moduloControlNavOverflow a {	
	background-color: transparent;
	background-image: url(controls-sprite.png);
	background-position: 0 -164px;
	
	width:18px;
	height:18px;			
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.moduloSlider.postskin .moduloControlNavOverflow a.current {	
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.moduloSlider.postskin .moduloControlNavOverflow a:hover {		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav sub-container */
.moduloSlider.postskin .moduloControlNavCenterer {	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
 	left:0;
}
.moduloSlider.postskin .moduloControlNavContainer {
	position: relative;
	text-align:left;
	left:0;
}

/* Bullets nav or thumbnails main container */
.moduloSlider.postskin .moduloControlNavOverflow {
	margin-top:-30px;
}



/* --------------------
	THUMBS
   -------------------- */
/* Thumbnails main container */
.moduloSlider.postskin .moduloControlNavOverflow.moduloThumbs {	
	margin-top:0;	
}

/* Thumbnails */
.moduloSlider.postskin .moduloControlNavOverflow a.moduloThumb{	
	background-color: transparent;	
	background-position: 0 0;
	
	width:60px;
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
/* Current thumbnail */
.moduloSlider.postskin .moduloControlNavOverflow a.moduloThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #666 !important;
	width:54px;
	height:54px;
}
/* Thumbnail hover state*/
.moduloSlider.postskin .moduloControlNavOverflow a.moduloThumb:hover {	
	background-position: -3px -3px;	
	border: 3px solid #AAA;
	width: 54px;
	height: 54px;
}



/* --------------------
	THUMB ARROWS
   -------------------- */
.moduloSlider.postskin .thumbsArrow {
	background:url(controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 68px;	
	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.moduloSlider.postskin .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.moduloSlider.postskin .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.moduloSlider.postskin .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.moduloSlider.postskin .thumbsArrow.disabled {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.moduloSlider.postskin .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.moduloSlider.postskin .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}