/* CSS document */

@media all {


/*-----------------------------------------------------------------------------------------------*/
/* SLIDE OPTIONS                                                                                 */
/*-----------------------------------------------------------------------------------------------*/

#myHelp {
	width: 100px;
	height: 110px;
	display: block;
	position: absolute;
	top: -17px;
	left: 30px;
	z-index: 105;
	background: url('../images/kde_pomaham.png') no-repeat left top;
	}

#myHelp a {
	width: 100px;
	height: 110px;
	display: block;
	outline: none;
	}

#myHelp a span {
	display: none;
	}

#slider {
	width: 910px;
	border: 10px solid #efefef;
	/*margin: 0px auto 30px auto;*/
	margin-bottom: 30px;
	position: relative;
	right: 0px;
	}

#slider:after {
	width: 930px;
	height: 7px;
	content: " ";
	after: " ";
	position: absolute;
	bottom: -17px;
	left: 0px;
	background: transparent url('../images/slider_shadow.png') no-repeat center top;
	}

#slides {
	position: relative;
	z-index: 100;
	font-family: Arial, Helvetica CE, Tahoma, Verdana;
	}

.slides_container {
	width: 910px;
	overflow: hidden;
	position: relative;
	display: none;
	}

.slides_container div.slide {
	width: 910px;
	height: 440px;
	display: block;
	}

#slides .next, #slides .prev {
	position: absolute;
	top: 100px;
	left: 15px;
	width: 25px;
	height: 43px;
	display: block;
	z-index: 103;
	}

#slides .next {
	left: 990px;
	}


.pagination {
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 103;
	}

.pagination li {
	float: left;
	margin: 0px 1px;
	list-style: none;
	}

.pagination li a {
	display: block;
	width: 18px;
	height: 2px;
	padding-top: 16px;
	float: left;
	overflow: hidden;
	background: url('../images/pagination.png') no-repeat right top;
	}

.pagination li.current a {
	background: url('../images/pagination.png') no-repeat left top;
	}

.caption {
	display: inline-block;
	z-index: 500;
	position: absolute;
	top: 0px;
	right: 0px;
	/*
	width: 260px;
	height: 260px;
	padding: 180px 0px 0px 40px;
	*/
	width: 300px;
	height: 400px;
	padding: 0px;
	background: #000;
	background: transparent url('../images/bgrs/bgr_black_70.png') repeat left top;
	background: rgba(57, 62, 66, 0.9); /* 0 158 255 - modra   255, 204, 0 - zluta */
	/*width: 540px;*/
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	}


.caption .txt1 {
	text-transform: uppercase;
	font-size: 30pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}

.caption .txt2 {
	text-transform: uppercase;
	font-size: 18pt;
	padding: 0px;
	margin: 0px;
	color: #fff;
	}

/* end of CSS document */