/* Controls Bar
----------------------------*/
#controls-wrapper { margin:0 auto; height: 98px; width:100%; bottom:0px; left:0; z-index:2000000000; background: rgba(0,0,0,0.8); position:fixed;  overflow: visible;}
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:200000000000000; }
#slidecounter { float:left; color: #8F8F8F; font: 12px "Raleway"; margin:0px 10px 0 15px; line-height:42px; }
.container-text-captions{width: 55%;position: relative;float: left;height: 100px;line-height: 22px;}
#slidecaption { float: left; color: #FFF; font: 13px "Raleway"; margin: 0px 0px 0 14px; line-height: 17px; height: 55px; width: 100%;   overflow: hidden;}

#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('../imgs-2015/supersized/bg-hover.png') repeat-x 0 44px; display: none!important;}
#play-button:hover{ background-position:0 1px; cursor:pointer; }

#prevslide, #nextslide{position: fixed;height: 43px;width: 43px;top: 48%;margin-top: -21px;opacity: 0.6;z-index: 200000000000000000;}
#prevslide{ left:10px; background:url('../imgs-2015/supersized/back.png'); }
#nextslide{ right:10px; background:url('../imgs-2015/supersized/forward.png'); }
#prevslide:hover{ opacity:1;-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s;}
#nextslide:hover{ opacity:1;-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s; }

#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ padding:15px 0 15px 15px; position: absolute; z-index: 1000000000000000000000000000; background: rgba(0,0,0,0.95); top: 35px; right: 26px; border: 1px solid #000; max-width: 397px;}
ul#slide-list li{ list-style:none; width:12px; height: 16px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height: 12px; background:url('../imgs-2015/supersized/nav-dot.png') no-repeat 0 -24px; opacity: 0.5;}
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

#titulo-galeria{color: #fff;z-index: 1000000000000000000000000000000000000;font-size: 15px;margin-top: 9px;margin-left: 14px;float: left;width: 100%;overflow: visible;height: auto;margin-bottom: 11px;}
#tray-button{ display:none!important;float:right; margin-top:1px; border-left:1px solid #333; background:url('../imgs-2015/supersized/bg-hover.png') repeat-x 0 44px;}
#tray-button:hover{ background-position:0 1px; cursor:pointer; }


/* Progress Bar
----------------------------*/					
#progress-back{ z-index:200000000000; position:fixed; bottom: 95px; left:0; height:8px; width:100%; background:url('../imgs-2015/supersized/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('../imgs-2015/supersized/progress-bar.png') repeat-x; }


/* Thumbnail Navigation
----------------------------*/	
#nextthumb,#prevthumb { z-index:200000000; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }


/* Thumbnail Tray
----------------------------*/			
#thumb-tray{display:none!important;position: fixed;z-index: 2000000000;bottom: 0!important;left: 0;background: url(../imgs-2015/supersized//bg-black.png);height: 150px;width: 100%;overflow: hidden;text-align: center;-moz-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000; }

#thumb-back, #thumb-forward{ position:absolute; z-index:200000000000; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url('../imgs-2015/supersized/thumb-back.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('../imgs-2015/supersized/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }


/***FULL SCREEN PLAYER****/
#supersized{display:none}
#full_screen_player a#close-gallery {cursor:pointer;position: fixed;right: 8px;top: 8px;z-index: 1000000000000000000;background: rgba(0,0,0,0.45);width: 20px;height: 20px;color: #fff;padding: 9px;text-align: center;font-size: 20px;line-height: 20px;border-radius: 20px;*background:#000}
#full_screen_player a#close-gallery:hover {background: rgba(104, 104, 104, 0.45);-moz-transition-property: all;-moz-transition-duration: 0.4s;-o-transition-property: all;-o-transition-duration: 0.4s;-webkit-transition-property: all;-webkit-transition-duration: 0.4s;transition-property: all;transition-duration: 0.4s;}
#full_screen_player {display: none}
#supersized-loader{display:none}

@media screen and (max-width: 950px){
    ul#slide-list{display:none}   
    .container-text-captions{width: 86%;}    
    #slidecaption {width:96%} 
    #progress-back{display: none!important;}
}


@media screen and (max-width: 767px){
    #titulo-galeria {        color: #fff;        z-index: 1000000000000000000000000000000000000;        font-size: 17px;        margin-left: 14px;        float: left;        width: 100%;        overflow: hidden;        height: auto!important;       margin-bottom: 12px;}
    #slidecaption{display:block;width: 96%;}
    .container-text-captions{overflow:visible;}
    ul#slide-list{display:none}
    .container-text-captions{width: 86%;}
    #controls-wrapper{   background: none;}
}


@media screen and (max-width: 767px){
	.container-text-captions{width: 86%;}
	#slidecaption {height: 75px;}
}

@media screen and (max-width: 520px){
   .container-text-captions{width: 71%;}
   #controls-wrapper {bottom: 12px;height: 148px;}
   #slidecaption {  height: 88px;}
}

span.spgal-1 {  margin-left: 8px;    font-size: 13px;    color: #989898;}
span.spgal-2 {  margin-right: 6px;}