body, html{
	background: #1f212d url(../images/layout/top-line.gif) repeat-x top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;

}
.akce-tlacko{
	margin-left: -10px;
	display:block;
}
#page{
	width: 1075px;
	margin: 0px auto;
}
#leftColumn{
	float: left;
	width: 583px;
}
#leftTop{
	width: 683px;
	height: 191px;
	background: url(../images/layout/leftTop.jpg);
}
#leftBottom{
margin-left: 50px;
height: 495px;

width: 525px;
background: url(../images/layout/leftBottom.png);
}
#rightComumn{
		float: left;
	width: 489px;;
}
.stopFloat{
	width: 100%;
	height: 1px;
	clear: both;
}
#rightTop{
	height: 191px;
	width: 329px;
	background: url(../images/layout/rightTop.jpg);
}
#rightBottom{
margin-left: 3px;
	background: url(../images/layout/rightBottom.png);
	width: 489px;
	height: 576px;
}
#leftTop ul,#index-top ul{
	margin-top:65px;
	margin-left: -27px; 
}
#leftTop li,#index-top li{
	color: white;
	font-weight: bold;
display: inline;
list-style: none;
}
#leftTop a,#index-top a{
display: block;
float: left;
height: 28px;
line-height: 28px;
margin-right: 5px;
text-align: center;
padding-left: 4px;
padding-right: 4px;
width: 77px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#leftTop a:hover,#index-top a:hover{
background: url(../images/layout/buttonBack.png) left;


color: black;}
.akceButtonBack a{
	width: 58px !important; 
}
.akceButtonBack a:hover{
 width: 58px !important; 

	background-image: url(../images/layout/buttonBack2.png) !important;
	color: black;
}
#footer li:after
{
	content: " | ";
}
#footer li:last-child:after
{
	content: "";
}
#content a:hover{
	color: white;
}
#content{
height:390px;
overflow: auto;;
width: 380px;
float: left;
margin-top: 0px;
	padding: 20px;
	padding-top: 0px;
	padding-right: 3px;
	color: white;
}
.subLink{
	list-style: none;
	float: left;
	text-align: center;
	margin: 1px;
}
.subLink a{
text-decoration: none;
color: #1f212d;
font-weight: bold;
}
#content a{
	color: black;
	text-decoration: none;
}
#content a:hover{
	color: black;
}
.nostl{
	list-style: none;
}
.hr{
	height: 2px;
	background: url(../images/layout/hr.png);
	
}
.hr hr{
	display: none;
}
#footer{
line-height: 20px;

text-align: center;
	color:#404875;
}
#footer a{
	color:#686f97;
	text-decoration: none;
}
#footer li{
	list-style: none;
	display: inline;
	
}
h1{
margin-left: 20px;
color:#938cc1;
font-size: 1.1em;
height: 20px;
}
#beforeMenu{
	margin-left: 120px;
}
.programTable{
	width: 100%
}
.programTable tr{

}
table{
	border-collapse: collapse;
}
.programTable thead td{
background: #404875;
color: black;
font-weight: bold;
	
}
.zpet{
	float: left;
}
.cursorGalerie {
	margin-left:190px;

}
.cursorGalerie a{

	
}
.gl2{
	float: right;
	width: 30px;
	display: block;
}
.gl1{
		float: right;
	width: 30px;
	display: block;
}
.whiteLink{
font-weight: bold;
	color: white;
}
.programTable td{

	border: 1px solid  #1d2f45;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#formKontakt{
	text-align: center;
}
#formKontakt fieldset,#formKontakt legend{
border: 0px;
	
}
#formKontakt input{
	width: 300px;
	
}
#formKontakt textarea{
	width: 300px;
	height: 60px;
}
h2{
color:#938cc1;
font-size: 1.0em;
}
#footer ul,#footer li{
	margin: 0px;
	padding: 0px;
}
#footerIn{
margin-top: -70px;
float: left;;
margin-left: 150px;

}
.visible-0{
	display: none;
}
.imageGallery{
	float: left;
	width: 180px;
	height: 180px;
	text-align: center;
	margin: 0px;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{position: absolute; top: 0;   width: 100%; z-index: 998;   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }
#hoverNavIn{
	position: absolute;
	left: 50%;
	width: 64px;
	margin-left: -32px;
}
#hoverNav{background: white; height: 40px;margin-top:-24px;margin: -24px auto;}
#prevLink, #nextLink{ width: 32px; height: 40px; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {  float: left;}
#nextLink {  float:right;}
#prevLink,#prevLink:hover, #prevLink:visited:hover { background:  url(../images/_interface/lightbox/prevlabel.gif)  no-repeat; }
#nextLink ,#nextLink:hover, #nextLink:visited:hover { background: url(../images/_interface/lightbox/nextlabel.gif)  no-repeat; }

#imageDataContainer{ background-color: #fff; margin: 0px auto; overflow: auto; width: 100%	; }

#imageData{ color: #666;}
#imageData #imageDetails{float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#hoverNav #numberDisplay{ padding-top:18px;display:block;margin-left: 2px;float:left;  height: 32px;width: 50px;}			
#hoverNav #bottomNavClose{width: 32px; float: right;  outline: none; height: 40px;}	 	
#overlay{ position: absolute; top: 0}
 #numberDisplay{
 	font-size: 10pt;
 }




#index-top{
height: 129px;
background: url(../images/layout/index-top.jpg);
	
}
#index-left{
background: url(../images/layout/index-left.jpg);
width: 328px;
height: 538px;
	float: left;
}
#index-middle{
background: url(../images/layout/index-middle.jpg);
width: 319px;
height: 537px;
	float: left;
}
#index-right{
width: 420px;
float: left;
height: 621px;
	
background: url(../images/layout/index-right.jpg);
}

#indexContent1{
margin: 70px 10px 10px 70px;
height: 430px;
color: white;
overflow: hidden;
	
}

#indexContent2{
margin: 70px 160px 10px 10px;
height: 430px;
overflow: hidden;
}
.ribbon a{
	text-decoration: none;
	display: block;
	height: 62px;
	width: 150px;
	padding-left:100px;

	color: white;
	margin-left: -100px;
}
.ribbon{

	width: 150px;
	background: blue;
	padding-left: 100px;
	height: 61px;
	font-size: 0.8em;
	color: #aeb4d8;
	
}
.ribbon h2{
text-transform: uppercase;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	color: white;
	padding-top: 3px;
	font-weight: bold;
}
.rib1{
	background: left no-repeat url(../images/various/7.png);
}
.rib2{
	background: left no-repeat url(../images/various/6.png);
}
.rib3{
	background: left no-repeat url(../images/various/5.png);
}
.rib4{
	background: left no-repeat url(../images/various/4.png);
}.rib5{
	background: left no-repeat url(../images/various/3.png);
}
.rib6{
	background: left no-repeat url(../images/various/2.png);
}.rib7{
	background: left no-repeat url(../images/various/1.png);
}
.hover-rib-a-1{
	background: left no-repeat url(../images/various/7a.png);
}
.hover-rib-b-1{
	background: left no-repeat url(../images/various/6a.png);
}
.hover-rib-c-1{
	background: left no-repeat url(../images/various/5a.png);
}
.hover-rib-d-1{
	background: left no-repeat url(../images/various/4a.png);
}.hover-rib-e-1{
	background: left no-repeat url(../images/various/3a.png);
}
.hover-rib-f-1{
	background: left no-repeat url(../images/various/2a.png);
}.hover-rib-g-1{
	background: left no-repeat url(../images/various/1a.png);
}
#action-list{
background: url(../images/layout/action-list.jpg);
	float: right;
	width: 101px;
	height: 431px;
	margin-top: 10px;
	
}
#action-list ul,#action-list li{
list-style: none;
margin: 0px;
padding: 0px;}
#action-list ul{
	margin-top: 6px;
}
#action-list span{
	display: none;
}
#action-list a{
	display: block;
	width: 100%;
	height: 61.5px;
}
.ut1{
	color: white;
	font-size: 1.2em
}
.ut2{
	color: black;
	font-style: italic;
}
.ut3{
	color: black;
}
.uvodKontakt{
padding:10px;
color :black;
	

width: 218px;
height: 95px;
	background: url(../images/layout/uvodk.jpg) no-repeat;
}
.invisible{
	display: none;;
}
#relax a {
	width: 200px;
	height: 60px;
	display: block;
	margin-left: 180px;
	margin-top: 470px;

}
#relax2 a {
	width: 150px;
	height: 60px;
	display: block;
	margin-left: 180px;
	margin-top: 400px;


}
.invisible-0, .visible-1{

}
.visible-0, invisible-1{
	display: none;
}
.uvodKontakt a{
color: black;}
.stopfloat{
	clear: both;
	height: 1px;
	width: 100%;
}
.thx-0{
font-size:0.9em;text-align:left;
	height: 40px;
	overflow: hidden;
}
.thx-1{
font-size:0.9em;text-align:left;
min-height: 40px;

}
.thxc a{
	color: white !important;
}
.thx-0 p,.thx-1 p {
	margin: 0px;
	padding: 0px;
}