body {
	font-size: 14px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #505050;
	/* background-color: #c5e3a0; */
	background-color: #aaaaaa;
}

h1 {
	display: none;
	}
h2, h3, h4 {
	font-size: 160%;
	color: #888;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom: 2px dotted #c0c0c0;
	}
h3 {
	font-size: 140%;
	/*font-variant:small-caps;*/
	border-bottom: 0px dotted #c0c0c0;
	margin-top: 20px;
	}
h4 {
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom: 0px;
	}

z4 {
	font-size: 160%;
	color : #ff8c00;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom: 2px dotted #c0c0c0;
	}

z4 {
	font-size: 120%;
	color : #ff8c00;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom: 0px;
	}

zaw-green {
	color : #008800;
	font-weight: bold;
	}
zaw-orange {
	color : #f60;
	font-weight: bold;
	}

.green {
	color : #008800;
	font-weight: bold;
	}

.orange {
	color : #f60;
	font-weight: bold;
	}

a:link  {
	color : #505050;
	font-weight : bold;
	text-decoration : underline;
	}
a:visited  {
	color : #505050;
	font-weight : bold;
	text-decoration : underline
	}
a:hover  {
	color : #505050;
	font-weight : bold;
	text-decoration : underline
	}
a.external:after{
	content: "\2197"; /* Unicode hex for ↗ */
	}
.menu, a.menu {
	color: #ffffff;
	}
a.more {
	color: #008800;
	text-decoration: none;
	text-align: right;
	}
a.more:after {
	color: #008800;
	text-decoration: none;
	position: absolute; /* Prevent underline of arrow */
	padding-left:2px; /* Add a little space between text and arrow */
	content: "\2192"; /* Unicode hex for → */
	}
.text {
	font-weight : normal;
	}

pre	{
	border: 1px dotted #555;
	padding: 4px;
	width: ;
	overflow: auto;
	color: #555;
	background-color: #efefef;
	margin-left: 0px;
	}
td,th,li, p	{
	margin-top: 0px;
	}
.warn	{
	max-width: 350px;
	color: #ff0000;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.warng	{
	max-width: 350px;
	font-weight : bold;
	color: #008800;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.error	{
	color: #f00;
	}

/* loga */
table.loga {
	width:95%;
	padding-top: 20px; 
	padding-bottom: 20px; 
	margin-left:auto; 
	margin-right:auto;
	}
td.loga {
	vertical-align: middle;
	padding: 0px;
	width: 60px;
	}

/* download */
div.download {
	margin-top: 50px;
	margin: auto;
	width: 500px;
	text-align: center;
}
div.download p {
	text-align: center;
}
div.download h2 {
	color: #fff;
	text-align: center;
}
div.download form {
	text-align: center;
}




/* tabulka bottomBorder */
table.bottomBorder {
	margin: 30px auto 50px auto;
	border: 0px solid #cfcfcf;
	border-collapse:collapse;
	width:;
	border-radius:         12px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	-khtml-border-radius:  12px;
	box-shadow:         #888 3px 3px 20px;
	-webkit-box-shadow: #888 3px 3px 20px;
	-moz-box-shadow:    #888 3px 3px 20px;
}
table.bottomBorder td {
	border-bottom:1px dotted black;
	padding:10px;
	}
table.bottomBorder tr.end td {
	border-bottom:0px;
	padding:10px;
	}
table.bottomBorder tr.endwhite td {
	background-color: #fff;
	border-bottom:0px;
	padding:10px;
	}
table.bottomBorder th{
	color: #008800;
	border-bottom:2px solid #aaa;
	padding:10px;
	background-color: #efefef;
	}
table.bottomBorder tr.prvni th {
	border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-khtml-border-radius: 12px 12px 0 0;
	}

table.bottomBorder tr.prvni td.left {
	color: #008800;
	border-bottom:2px solid #aaa;
	padding:10px;
	background-color: #efefef;
	border-radius: 12px 0 0 0;
	-webkit-border-radius: 12px 0 0 0;
	-moz-border-radius: 12px 0 0 0;
	-khtml-border-radius: 12px 0 0 0;
	}
table.bottomBorder tr.prvni td.mid {
	color: #008800;
	border-bottom:2px solid #aaa;
	padding:10px;
	background-color: #efefef;
	}
table.bottomBorder tr.prvni td.right {
	color: #008800;
	border-bottom:2px solid #aaa;
	padding:10px;
	background-color: #efefef;
	border-radius: 0 12px 0 0;
	-webkit-border-radius: 0 12px 0 0;
	-moz-border-radius: 0 12px 0 0;
	-khtml-border-radius: 0 12px 0 0;
	}

/* tabulka topBorder */
table.topBorder {
	margin: 30px auto 50px auto;
	border: 0px solid #cfcfcf;
	border-collapse:collapse;
	width:;
	border-radius:         12px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	-khtml-border-radius:  12px;
	box-shadow:         #888 3px 3px 20px;
	-webkit-box-shadow: #888 3px 3px 20px;
	-moz-box-shadow:    #888 3px 3px 20px;
}
table.topBorder td {
	/*border-bottom:1px dotted black;*/
	padding: 10px 10px 40px 15px;
	}
table.topBorder tr.dalsi{
	border-top:2px solid #060;
	}
table.topBorder th {
	font-size: 140%;
	color: #fff;
	/*border-bottom:2px solid #aaa;*/
	padding: 3px 0 3px 15px;
	background-color: #080;
	}
.nobold	{
	font-weight: normal;
	}
th .nobold {
	font-size: 50%;
	color: #fff;
	text-align: right;
	}
table.topBorder tr.prvni th {
	border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-khtml-border-radius: 12px 12px 0 0;
	}
td.order1 {
   border-top:1px dotted black;
	}
td.order2 {
	background-color: #ddd;
   border-top:1px dotted black;
	}
.order3 {
	vertical-align: top;
	text-align: right;
	border-right:1px dotted black;
	}
.order4 {
	vertical-align: top;
	text-align: right;
	}
.copy, a.copy {
	font-size: 90%;
	font-weight:100;
	text-align: center;
	color: #ddd;
	padding: 0;
	margin: 5px 0 50px 0;
	}
.status	{
	margin-bottom: 30px;
	}
.ship	{
	color: #080;
	font-weight: bold;
	}
.shipr	{
	color: #e00;
	font-weight: bold;
	}
.shipo	{
	color: #f60;
	font-weight: bold;
	}
.pay	{
	margin-bottom: 20px;
	}
blockquote {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	margin: 2em 0 0 2.5em;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #aaa;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #ccc;
}
blockquote cite, a.cite {
	color: #ddd;
	font-size: 10px;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	text-align: right;
}
blockquote cite:before , a.cite:before{
	content: "\2014 \2009";
}





.license {
	background-color: #eee;
	}

.hw1 {
	}
.hw2 {
	text-align: center;
	}
.hw3 {
	text-align: center;
	}
.hw4 {
	text-align: center;
	}
.count {
	color: white;
	}

.hw5 {
	text-align: center;
	}
.hw6 {
	text-align: center;
	}

.footertext {
	padding-top: 20px;
	margin-left: 25px;
}
table.bottomBorder td.order2 img { 
	padding-right: 10px;
	height: 15px;
	}
table.contact td {
	padding: 20px;
	vertical-align: bottom;
	}
table.contact img {
	box-shadow:         #888 3px 3px 20px;
	-webkit-box-shadow: #888 3px 3px 20px;
	-moz-box-shadow:    #888 3px 3px 20px;
	}
table.contact img.logo {
	border-radius:         10px;
	-webkit-border-radius: 10px;
	-moz-border-radius:    10px;
	-khtml-border-radius:  10px;
	}
img	{
	border: 0px;
	}
img.graf {
	border: 1px solid black;
	margin:0 30px 0 0;
	border-radius:         10px;
	-webkit-border-radius: 10px;
	-moz-border-radius:    10px;
	-khtml-border-radius:  10px;
	}
img.graftable {
	border: 1px solid black;
	margin:0 0px 0 0;
	border-radius:         10px;
	-webkit-border-radius: 10px;
	-moz-border-radius:    10px;
	-khtml-border-radius:  10px;
	}
img.shadow {
	position: relative;
	top: -55px;
	z-index: 0;
	}
img.gray {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}


/** identifikatory **/
#container {
	width: fixed;
	width: 1000px;
	margin:0 auto 0 auto;
	border: 1px #000000;
	margin-top: 30px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	box-shadow:         #444 0px 10px 20px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
	}
#header {
	height: 80px;
	margin-top: 0px;
	text-align: right;
	background: #009300; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #009300 0%, #006610 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#009300), color-stop(100%,#006610)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #009300 0%,#006610 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #009300 0%,#006610 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #009300 0%,#006610 100%); /* IE10+ */
	background: linear-gradient(135deg,  #009300 0%,#006610 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009300', endColorstr='#006610',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	}
#logo {
	position: relative;
	float: left;
	top: -20px;
	left: 25px;
	}
#logo3 {
	position: relative;
	float: left;
	top: 5px;
	left: 50px;
	}
#logo2 {
	position: relative;
	float: center;
	top: -20px;
	right: -270px;
	}
#menu {
	position: relative;
	float: right;
	top: 50px;
	right: 25px;
	}
#tiles {
/*	width: 258px;*/
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}
.first:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.first:hover {
	background-color: #333;
	color: #aaa;
	}
.second:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.second:hover {
	background-color: #333;
	color: #aaa;
	}
.thirdik:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.thirdik:hover {
	background-color: #333;
	color: #aaa;
	}
#main_content {
	text-align: left;
	margin: 20px 30px 20px 30px;
	background-color: #ffffff;
	min-height: ;
	}
.container-index {
	height: 3460px; 
	min-height: 3460px;
}

.container1 {
	/* 390px 1 rada dlazdic*/
	/* 770px 2 rady dlazdic*/
	/* 1150px 3 rady dlazdic*/
	/* 1530px 4 rady dlazdic*/
	/* +380px dalsi rada */
	height: 390px; 
	min-height: 390px;
}
.container2 {
	height: 770px; 
	min-height: 770px;
}
.container3 {
	height: 1150px; 
	min-height: 1150px;
}
.container4 {
	height: 1530px; 
	min-height: 1530px;
}
.container5 {
	height: 1910px; 
	min-height: 1910px;
}
.container6 {
	height: 2290px; 
	min-height: 2290px;
}
.container7 {
	height: 2670px; 
	min-height: 2670px;
}
.container8 {
	height: 3050px; 
	min-height: 3050px;
}
.container9 {
	height: 3430px; 
	min-height: 3430px;
}
.container10 {
	height: 3810px; 
	min-height: 3810px;
}
.container11 {
	height: 4190px; 
	min-height: 4190px;
}
.container12 {
	height: 4570px; 
	min-height: 4570px;
}
.container13 {
	height: 4950px; 
	min-height: 4950px;
}
.container14 {
	height: 5330px; 
	min-height: 5330px;
}
.container15 {
	height: 5710px; 
	min-height: 5710px;
}
.container16 {
	height: 6090px; 
	min-height: 6090px;
}




.first {
	float: left;
	position: relative;
	width: 258px;
	height: 320px;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-top: 20px;
	background-color: #efefef;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}
.first-box {
	float: left;
	position: relative;
	width: 258px;
	height: 320px;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-top: 20px;
	color: #aaa;
	background-color: #333;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}
.first-box:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.first-box:hover {
	background-color: #efefef;
	color: #505050;
	}

.sale {
	left: 20px;
	bottom: 20px;
	position: absolute;
	}
.new {
	left: 215px;
	bottom: 180px;
	position: absolute;
	z-index: 900;
	}

.vice {
	color: #008800;
	right: 30px;
	bottom: 20px;
	position: absolute;
	}
.vice:after {
	color: #008800;
	text-decoration: none;
	position: absolute; /* Prevent underline of arrow */
	padding-left:2px; /* Add a little space between text and arrow */
	content: "\2192"; /* Unicode hex for → */
	}
.second{
	float: right;
	position: relative;
	width: 258px;
	height: 320px;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-right: 20px;
	margin-top: 20px;
	background-color: #efefef;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}
.second-box{
	float: right;
	position: relative;
	width: 258px;
	height: 320px;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-right: 20px;
	margin-top: 20px;
	color: #aaa;
	background-color: #333;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}
.second-box:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.second-box:hover {
	background-color: #efefef;
	color: #505050;
	}

.thirdik{
    float: right;
	width: 258px;
	height: 320px;
	position: relative;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-top: 20px;
	background-color: #efefef;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}

.thirdik-box{
    float: right;
	width: 258px;
	height: 320px;
	position: relative;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-top: 20px;
	color: #aaa;
	background-color: #333;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px;
}
.thirdik-box:hover #tiles {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	filter: none;
	}
.thirdik-box:hover {
	background-color: #efefef;
	color: #505050;
	}





.over3{
    float: right;
	width: 940px;
	position: relative;
	margin-top: 80px;
/*	background-color: #efefef;
	border: 1px dotted #cfcfcf;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	box-shadow:         #999 3px 3px 15px;
	-webkit-box-shadow: #999 3px 3px 15px;
	-moz-box-shadow:    #999 3px 3px 15px; */
}

.third{
    float: right;
	width: 298px;
	height: 744px;
	margin-top: 20px;
/*	border: 1px solid #cfcfcf; */
	background-color: #ffffff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
}
#footer {
	position: relative;
	text-align: center;
	/*background-color: #e0e0e0;*/
	height: 250px;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #e0e0e0 35%, #ffffff 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(35%,#e0e0e0), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#e0e0e0 35%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#e0e0e0 35%,#ffffff 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#e0e0e0 35%,#ffffff 70%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#e0e0e0 35%,#ffffff 70%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	}
#footer-img {
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	}
#fadeshow2 {
	border: 1px solid #e0e0e0;
	padding: 0px;	
	background-color: #e0e0e0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 20px;
	}
#paletka	{
	float: right;
	width: 258px;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	background-color: #efefef;
	border-radius:         12px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	-khtml-border-radius:  12px;
	box-shadow:         #bbb 3px 3px 20px;
	-webkit-box-shadow: #bbb 3px 3px 20px;
	-moz-box-shadow:    #bbb 3px 3px 20px;
	}
#paletka3d	{
	float: right;
	border: 1px dotted #cfcfcf;
	padding: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #efefef;
	border-radius:         12px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	-khtml-border-radius:  12px;
	}

/* ---------------------------------------------------------- */

/**
*	Really Simple™ Slideshow -- CSS
*/

.rs-slideshow {
	border: 1px solid #ccc;
	border-bottom: 0px solid #999;
/*	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
*/	height: 440px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	width: 940px;
/**	box-shadow:         #aaa 3px 3px 10px;
	-webkit-box-shadow: #aaa 3px 3px 10px;
	-moz-box-shadow:    #aaa 3px 3px 10px;
**/
}

.rs-slideshow .slide-container {
	background-color: #fff;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.rs-slideshow .slide-container img {
	position: relative;
}

.rs-slideshow .slide-container .slide-caption {
	background-color: #000;
	bottom: 0;
	color: #fff;
	display: block;
	left: 0;
	padding: 6px 12px;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
/*	margin: 12px;
	margin-left: 580px;
*/	margin-right: 0px;
	margin-bottom: 30px;
	width: auto;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}

#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 620px;
}
.slide-container.some-custom-class .slide-caption {
	background-color: #890;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	top: 0;
	width: 28%;
}

/*	vlozi pred rs-controls-slideshow.rs-controls.clearfix bitmapu	*/
#rs-controls-slideshow.rs-controls.clearfix:before {
	content: " ";
	display: block;
	background-image: url("img/bottom-shadow.jpg");
	height: 43px;
	clear: both;
	visibility: visible;
}
/*	Clearfix	*/
.clearfix:after {
	content: ".";         /*   prida za div.clearfix . (tecku) */
	display: block;       /*   prvek se zobrazí jako blok, to jest s řádkovým zlomem na konci */
	height: 0;
	clear: both;          /*   prvek se vykreslí až pod všemi plovoucími prvky */
	visibility: hidden;   /*   neviditelný, ale zabere místo */
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }








/* ---------- menu --------

*{margin: 0;padding: 0;}

 */
#vodorovne-menu {
	position: relative;
	float: right;
	top: 40px;
	right: 25px;
	}
#vodorovne-menu li {
	margin: 0;
	padding: 0;
	float:left;
	list-style-type:none;
	}
.lineb  {
	border: dotted #080;
	border-width:0 0 2px 0;	
	}
#vodorovne-menu li a {
	display:block;
	height:16px;
	width: px;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding: 0 8px 0 8px;
	border: solid #fff;
	border-width:0 0 0 2px;
	}
#vodorovne-menu li a:hover {
	color:#fff;
	}
#vodorovne-menu li ul {
	display:none;
	margin: 0;
	padding: 0;
	}
#vodorovne-menu li:hover ul {
	display:block;
	background: #efefef;
	position:absolute;
	border: solid #008800;
	border-width:0 0 0 2px;
	z-index: 999;
	border-radius:         6px;
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	-khtml-border-radius:  6px;
	box-shadow:         #888 3px 3px 20px;
	-webkit-box-shadow: #888 3px 3px 20px;
	-moz-box-shadow:    #888 3px 3px 20px;
	}
#vodorovne-menu li:hover ul li {
	display:block;
	float:none;
	height:px;
	width: px;
	margin:10px;
	border-top: 0px solid #008800;
	}
#vodorovne-menu li:hover ul li a {background:#efefef; color:#888; text-align:left; font-size: 80%; border-width:0;}
#vodorovne-menu li:hover ul li a:hover {background: #888;color:#fff;}
#vodorovne-menu .orange {
	color:#f60;
	}
#vodorovne-menu .orange:hover {
	color:#fff;
	background: #f60;
	}

#lang {
	position: relative;
	float: right;
	top: 15px;
	right: 70px;
	}



/* progress bar */
.progress {
        border: 1px solid #888;
        height: 16px;
        width: 128px;
        margin: 30px 0 0 10px;
        background: #fff;
}
.progress .prgbar {
        background: #ccc;
        position: relative;
        height: 16px;
        z-index: 999;
}
.progress .prgtext {
        color: #000;
        text-align: left;
        font-size: 13px;
        padding: 0 0 0 6px;
        width: 128px;
        position: absolute;
        z-index: 1000;
}
.progress .prginfo {
        margin: 3px 0;
}