/* Dhakra ListFader v1.0 by Branislav Fábry - Dhakra.com */
/* All rights reserved. */
.gbox {cursor:pointer; cursor:hand; }
.gbox strong{display:none;}
#gbox-storage{display:none;}
#gbox-title{position:absolute;}


#gbox-overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #274E5F;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
  background: url('../images/body-bg.jpg') center top no-repeat fixed;
	display: none;
	}
#gbox{
	position:absolute;
	top:0; left:0;	
  width:100%; height:auto;
	z-index: 101;
	display: none;
	
	}

#gbox .gbox_size {width:960px; min-height:600px;} /* size of slideshow */
#gbox .gbox_slidesize {width:900px; height:auto;}

.listfader-title {margin-left:60px; margin-bottom:10px;}

#gbox .gbox-content{
  position:relative; 
  font-family: Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	padding: 0px; margin:0px auto;
	width: 800px; height:auto; min-height:600px;
	border: solid #FFF 0px;
  z-index:110;
  overflow:hidden;
  /*background:url('../images/bg80.png') top left repeat;*/
  }
  
#gbox .topbox{
  position:relative; 
	padding: 5px; margin:0px auto;
	height:55px; clear:both;
	border: solid #FF0 0px;
  z-index:110;
  /*background:url('../images/bg80.png') top left repeat;*/
  }
  

#gbox .slidermask{ 
	position:absolute; /*width:960px; height:390px;*/ left:0px; top:0px; padding: 0px; margin: 0px; 
  z-index:1000;
  }
#gbox .slideshow{position:relative; margin:0px auto 0px auto; width:auto; height:auto; min-height:600px; border: solid #8877FF 0px; text-align:center;} /*overflow:hidden!important;*/

/*#gbox .slideshow{
  border: solid #FF77FF 0px; clear:both; display:none;
	position:absolute; top:0px; left:0px; overflow:hidden;
  padding:0px; margin:0px; top:0px; left:0px; z-index:5; 
}*/

/* SHOW SLIDE */
#gbox .slideshow .slide  {
  top:0px; width:auto; height:auto; text-align:left;
  position:relative; margin:0px auto;
  text-align:left; text-decoration:none!important;
  /*background-color:#004466;*/
  /*background:url('../images/listfader-slideshow-bg.png') top left no-repeat;*/
border: solid #FFF 0px;
  z-index:1;
}
#gbox .slides .slide h3 {font-size:150%; color:#9EEFFF!important;}
#gbox .slides .slide p {font-size:120%;}
#gbox .slides .slide img {/*margin:10px;*/ /*padding:5px;	border: solid #DDD 0px;*/ }
#gbox .slides .slide .bgimage {position:absolute; top:0px; left:0px; margin:0px; /*padding:5px;	border: solid #DDD 0px;*/ }




/* SLIDES CONTENT END */
#gbox .slideblank{    
    position:absolute; top:0px; left:0px; padding:0px; margin:0px; overflow:hidden;
    text-align:left; text-decoration:none!important;
    /*background-color:inherit;*/
		/*border: solid #FF77FF 1px;*/ display:none;
    z-index:2;
}


/* buttons */
#gbox .close{
  display:none
  position:absolute;
	width:50px; height:50px; color:#FFF; font-weight: bold;
	background:url('../images/dg-close-out.png') center center no-repeat;
	display:block; cursor:pointer;
	top:10px; right:0px;
	z-index:21;
}
#gbox .close:hover{
	background:url('../images/dg-close-over.png') center center no-repeat;
}


#gbox .prev{
  position:absolute;
	width:48%; height:400px; color:#FFF; font-weight: bold;
	background:url('../images/slider-prev-out.png') left center no-repeat;
	display:block; cursor:pointer;
	top:65px; left:0px;
	border: solid #FF77FF 0px;
	z-index:21;
}
#gbox .prev:hover{
	background:url('../images/slider-prev-over.png') left center no-repeat;
}
#gbox .prevnone, #gbox .prevnone:hover {
	background:url('../images/slider-prev-none.png') center center no-repeat;
}


#gbox .next{
  position:absolute;
	width:48%; height:400px; color:#FFF; font-weight: bold;
	background:url('../images/slider-next-out.png') right center no-repeat;
	display:block; cursor:pointer;
	top:65px; right:0px;
	border: solid #FF77FF 0px;
	z-index:21;
}
#gbox .next:hover{
	background:url('../images/slider-next-over.png') right  center no-repeat;
}
#gbox .nextnone, #gbox .nextnone:hover {
	background:url('../images/slider-next-none.png') center center no-repeat;
}


/* play-pause */
#gbox .playpause { display:none; position:relative; border: solid #E0CB9C 0px; bottom:12px; margin:0px auto!important; display:block; width:100px; height:36px; margin:0px; z-index:20;}
#gbox .play {display:none; background:url('../images/listfader-play-out.png') 2px center no-repeat;}
#gbox .play:hover { background:url('../images/listfader-play-over.png') 2px center no-repeat;}
#gbox .pause {display:none; background:url('../images/listfader-pause-out.png') 2px center no-repeat;}
#gbox .pause:hover { background:url('../images/listfader-pause-over.png') 2px center no-repeat;}

/* navigation */
#gbox .slidernav { position:relative; border: solid #E0CB9C 0px; /*width:280px;*/ height:20px; bottom:40px; padding-top:10px; margin:0px auto!important; z-index:20; background:url('../images/slider-nav-bg.png') center center no-repeat; text-align:center;}
#gbox .slidernav .pos{display:inline; /*border: solid #00CB9C 1px;*/ height:20px; padding:10px 16px; margin:0px 6px; float:none; font-size:13px; color:#BBB; font-weight:bold; text-align:center; background:url('../images/listfader-nav-out.png') center center no-repeat;}
#gbox .slidernav .pos:hover{color:#FFF; background:url('../images/listfader-nav-over.png') center center no-repeat;}
#gbox .slidernav .active{color:#FFF; background:url('../images/listfader-nav-on.png') center center no-repeat;}
#gbox .slidernav .active:hover{color:#FFF; background:url('../images/listfader-nav-on.png') center center no-repeat;}
/*#slidernav .pos span{display:block; width:16px; padding-top:6; text-align:center; float:left; font-size:130%; }*/

#gbox .loader {position:absolute; display:none; top:0px; left:0px; z-index:100; /*border:solid 1px #F00;*/}
#gbox .loaderhider {position:absolute; top:0px; left:0px; background-color:#332620; z-index:1; }

#gbox .special {position:absolute; display:none; top:250px; left:30px; width:260px; height:120px; z-index:10; /*border:solid 1px #F00;*/}

#gbox .logo{
  position:relative; margin: 0px auto;
	width:260px; height:80px; color:#FFF; font-weight: bold;
	background:url('../images/header-dhakra-logoh.png') center center no-repeat;
	top:0px; right:0px;
	z-index:21;
}
#gbox .topbox .imagenum{
  position:absolute;
	width:100px; height:30px; color:#666; font-weight: bold; font-size:24px; padding-left:15px;
	top:20px; left:0px;
	z-index:21; 
  display:none; 
}
#gbox .topbox .imagenum-input{
  position:absolute;
	width:320px; height:30px; color:#666; font-weight: bold; font-size:22px; padding-right:15px;
	top:15px; right:0px;
	z-index:21;
	border: solid #999 0px;
}
#gbox .topbox .imagenum-input .inputsubmit{
  float:right;
 	width:50px; height:28px; text-align:center; color:#FFF; font-size:22px; font-weight: bold; padding: 5px 0px; margin-top:1px;
 	background-color:#666;
}
#gbox .topbox .imagenum-input input{
  /*border:none;*/ width:50px; text-align:center; color:#666; font-size:120%; padding:0px; border: solid #999 2px;
	/*width:60px; height:50px; color:#666; font-weight: bold; font-size:130%; padding: 0px 20px;
	top:22px; right:0px;
	z-index:21;*/
}


#gbox .topbox .info{
	position:relative;	z-index: 102;
	width:290px; height:50px; color:#666; font-weight: bold; font-size:130%;
	top:22px; right:0px;
  display: none;
	}

#gbox .title {width:100%; text-align:left;}
#gbox .title h3{width:100%; font-size:160%; color:#9EEFFF!important; text-align:center;}
#gbox .maintitle {width:100%; font-size:20px; color:#666!important; text-align:left; padding-top:5px; padding-left:15px;}



/* vnitrni formatovani Slider */

/*#gbox .slides .slide .intro-image {position:absolute; left:0px; top:0px;}
#gbox .slides .slide .intro-content {position:relative; left:0px; top:20px; width:270px;}
.faderbutton {position:absolute; right:20px; bottom:20px;}
#gbox .slides .slide .intro-content h2 {color:#FFF!important; font-size:360%!important; font-weight:bold;  width:470px;}
#gbox .slides .slide .intro-content p {font-size:140%!important;}*/
.bg-dark {color:#FFF;}
.bg-dark h2{color:#FFF;}
.bg-light {color:#000;}
.bg-light h2{color:#000;}
.bg-pink {color:#60383C;}
.bg-pink h2{color:#D1606C;}


