/*
 * ******************************************************************************
 *  jquery.mb.components
 *  file: bgndGallery.css
 *
 *  Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 
 *  Open lab srl, Firenze - Italy
 *  email: matteo@open-lab.com
 *  site: 	http://pupunzi.com
 *  blog:	http://pupunzi.open-lab.com
 * 	http://open-lab.com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *  last modified: 10/04/14 21.51
 *  *****************************************************************************
 */

/*******************************************************************************
 * 
 * jQuery.mb.components: bgndGallery
 * version: 1.0
 * Author: pupunzi
 * Creation date: 10/04/14
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 ******************************************************************************/

@charset "UTF-8";

img {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

#controls{ position:absolute; z-index:9999; width:100%; height:50px; top:50%;}
#controls .next{background: rgba(0,0,0,0.8) url(../images/arrows.png) no-repeat -40px center;
display: block;
height: 50px;
width: 50px; float:right;}
#controls .prev{background: rgba(0,0,0,0.8) url(../images/arrows.png) no-repeat 10px center;
display: block;
height: 50px;
width: 50px; float:left;}
.controls div{}

.controls div:hover:not(.counter){
  background:rgba(255,255,255,.9);
  color:#000;
}

.controls div:not(.counter){
  background: rgb(190, 41, 16);
  cursor:pointer;
}

.controls.fullScreen_controls div:hover:not(.counter){
  background:rgba(255,255,255,.9);
  color:#000;
}

.controls.fullScreen_controls div:not(.counter){
  background: rgba(0, 0, 0, 0.82);
  cursor:pointer;
}

.controls div.sel{
  background:rgba(255,255,255,.9);
}

.thumbnailsContainer{position: absolute; left: 0; width:100%; bottom: 61px; background: rgba(29,36,43,.75); height:70px; text-align:center; overflow:hidden; z-index:99999;}

.thumbnailsContainer img{
  margin: 2px;
  width: 99px;
  height:48px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #fff;
}

.thumbnailsContainer img.sel{
  border: 1px solid transparent;
}

.thumbToggle{ display:block; width:91px; height:20px; background:#000 url(../images/galleryBtn.png) no-repeat top center; position:absolute;left:50%; bottom:139px; margin:0 0 0 -40px;z-index:99999;}
.thumbToggleClosed{ display:block; width:91px; height:20px; background:#000 url(../images/galleryBtn.png) no-repeat bottom center; position:absolute;left:50%; bottom:61px; margin:0 0 0 -40px;}