/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow { display: block; position: relative; top: -10px; z-index: 0;overflow: hidden; }
.slideshow-images { display: block; overflow: hidden; position: relative; }		
.slideshow-images img { display: block; position: absolute; z-index: 1; }		
.slideshow-thumbnails { overflow: hidden; }

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images { height: 350px;  /* width: 400px; */ }		
.slideshow-images-visible { 	opacity: 1; }	
.slideshow-images-prev { 	opacity: 0; }
.slideshow-images-next { 	opacity: 0; }
.slideshow-images img {	float: left;	left: 0;	top: 0;}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow { margin: 0 auto; }
.slideshow a img { 	border: 0; }

/**
HTML:
	<div class="slideshow-captions">...</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.


.slideshow-captions { 
	background: #700; bottom: 0;
	color: #FFF;
	font-size: 12px;
	left: 0;
 	top: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%; 
	z-index: 10000;
}
.slideshow-captions-hidden { height: 0; opacity: 0; }
.slideshow-captions-visible { height: auto; opacity: 0.9; }
*/

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * { margin: 0; padding: 0; }
.slideshow-controller-hidden {  opacity: 0; }
.slideshow-controller-visible { opacity: 1; }
.slideshow-controller a { 	cursor: pointer; 	display: block; 	height: 18px; 	overflow: hidden; 	position: absolute; 	top: 12px; }
.slideshow-controller a.active { 	background-position: 0 18px;}
.slideshow-controller li { 	list-style: none; }
.slideshow-controller li.first a { 	background-image: url(controller-first.gif); 	left: 33px; 	width: 19px; }
.slideshow-controller li.last a { 	background-image: url(controller-last.gif); 	left: 186px; 	width: 19px; }
.slideshow-controller li.next a { 	background-image: url(controller-next.gif); 	left: 145px; 	width: 28px; }
.slideshow-controller li.pause a { 	background-image: url(controller-pause.gif); 	left: 109px; 	width: 20px; }
.slideshow-controller li.play a { 	background-position: 20px 0; }
.slideshow-controller li.play a.active { 	background-position: 20px 18px; }
.slideshow-controller li.prev a { 	background-image: url(controller-prev.gif); 	left: 65px; 	width: 28px; }

/**
HTML:
	<div class="slideshow-loader" />
Notes: 	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader { height: 28px; right: 0; position: absolute; top: 0; width: 28px; z-index: 9999; background-image: url(loader.gif);  }
.slideshow-loader-hidden { opacity: 0; }
.slideshow-loader-visible { opacity: 1; }

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes: 
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow { height: 410px; clear: both; }

.slideshow-thumbnails { bottom: 0px; height: 50px; left: 0; position: absolute; width: 100%; z-index:1002;}
.slideshow-thumbnails * { margin: 0; padding: 0; }
.slideshow-thumbnails ul { height: 100px; left: 0; position: absolute; top: 0; width: 10000px; }
.slideshow-thumbnails li { float: left; 	list-style: none; 	margin: 2px 2px 2px 0; 	position: relative; }
.slideshow-thumbnails a { display: block; float: left; padding: 0px; position: relative; border: solid 1px #FFF;}
.slideshow-thumbnails a:hover { background-color: #FF9 !important; opacity: 1 !important; }
.slideshow-thumbnails img {	display: block; width: 50px; height: 45px; }
.slideshow-thumbnails-active { 	background-color: #F00; opacity: 0.9;  }
.slideshow-thumbnails-inactive { background-color: #CCC; opacity: 0.5; }


.slideshow-captions {
	color: #FFF;
	font-size: 12px;
	line-height: normal;
	height: auto !important;
	left: 0;
	top: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 1px;
	width: 100%;
	padding: 0px;
	z-index: 10001;
	opacity: 0.90;
}


.slideshow-captions-hidden { opacity: 0; }
.slideshow-captions-visible { opacity: 1; z-index: 10009;  }

/*
.slideshow-captions-hidden { height: 0px; opacity: 0; }
.slideshow-captions-visible { height: auto; opacity: 0.9; z-index: 10009;  }
*/

.slideshow-captions div { padding: 4px; }

/* doplnky by pemi */
.galdest {
	font-weight: normal;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-left: 9px;
}
.galhotel {
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0em;
	margin-left: 9px;
}
.galpopis {
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.1px;
	margin-left: 9px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
	padding-top: 2px;
	margin-top: 3px;
	display: block;
	margin-bottom: 3px;
	margin-right: 9px;
}

/* .destbgmaltaakcia, .destbgsiciliaakcia, .destbgmalorkaakcia, .destbgibizaakcia, .destbgspanielskoakcia, .destbgkefaloniaakcia, .destbgkorfuakcia, .destbgzakynthosakcia, .destbgkretaakcia, .destbgkosakcia, .destbggreckoakcia, .destbgrhodosakcia, .destbgcyprusakcia, .destbgtureckoakcia, .destbgbulharskoakcia, .destbgcierna-horaakcia, .destbgchorvatskoakcia, .destbgegyptakcia 
{  	background-image: url(slideshow-zlava25.png); background-repeat: no-repeat; background-position: right top; }
*/

.dbg55 { background-image: url(slideshow-zlava55.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg50 { background-image: url(slideshow-zlava50.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg45 { background-image: url(slideshow-zlava45.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg40 { background-image: url(slideshow-zlava40.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg35 { background-image: url(slideshow-zlava35.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg30 { background-image: url(slideshow-zlava30.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg25 { background-image: url(slideshow-zlava25.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg20 { background-image: url(slideshow-zlava20.png); 	background-repeat: no-repeat; background-position: right top; }
.dbg15 { background-image: url(slideshow-zlava15.png); 	background-repeat: no-repeat; background-position: right top; }


.destbgmaltaakcia { background-color:#C39107 !important;}
.destbgsiciliaakcia { background-color:#0B583C !important;}
.destbgmalorkaakcia { background-color:#EF8108 !important;}
.destbgibizaakcia { background-color:#EF8108 !important;}
.destbgspanielskoakcia { background-color:#E03A11 !important;}
.destbgkefaloniaakcia { background-color:#1FADE5 !important;}
.destbgkorfuakcia { background-color:#1FADE5 !important;}
.destbgzakynthosakcia { background-color:#1FADE5 !important;}
.destbgkretaakcia { background-color:#1FADE5 !important;}
.destbgkosakcia { background-color:#1FADE5 !important;}
.destbggreckoakcia { background-color:#1FADE5 !important;}
.destbgrhodosakcia { background-color:#1FADE5 !important;}
.destbgcyprusakcia { background-color:#580B6D !important;}
.destbgtureckoakcia { background-color:#D80015 !important;}
.destbgbulharskoakcia { background-color: #A3C006 !important;}
.destbgcierna-horaakcia { background-color:#499F1E !important;}
.destbgchorvatskoakcia { background-color:#118790 !important;}
.destbgegyptakcia { background-color:#F8AF08 !important;}