/*
 * design
 */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: orange;
	text-align: center;
}

#rotator{
	background-color: Black;
	width:100%;
}

#container{
	width: 800px;
	margin: auto;
	text-align: left;
}

#header h1#logo{
	background-image: url(../images/layout/logo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#header h1#logo a{
	width: 800px;
	height: 200px;
	display: block;
}

#header h1#logo a span{
	display: none;
}
#content{
	border: solid;
	border-width: 1px 2px 1px 2px;
	border-color: green;
	padding: 0px 8px 0px 8px;
	background-color: #ebe4dc;
}
div#clear{
	clear: both;
}
#footer{
	background-color: Black;
}
 
/* 
 * menu
 */
#menu{
	background-color: green;
	padding: 15px 0px 15px 0px;
	text-align: center;
	font-family: Ravie;
}
#menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
} 
#menu ul li{
	display: inline;
}
#menu ul li a{
	color: Black;
	text-decoration: none;
	padding: 10px 18px 10px 18px;
	background-color: green;
}
#menu ul li a:hover{
	text-decoration: underline;
	padding: 10px 18px 10px 18px;;
	background-color: orange;
}
#menu ul li a#actual{
	padding: 10px 18px 10px 18px;
	background-color: orange;
}
#footer{
	padding: 10px 0px 10px 0px;
	width: 800px;
}
#footer ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#footer ul li{
	display: inline;
	padding-right: 20px;
}
#footer ul li a{
	color: white;
	font-size: 0.8em;
}
/*
 * content
 */
 h2{
	text-decoration: underline;
 }
 
 p{
 	text-align: justify;
 }
 
 a{
 	color: Black;
	text-decoration: underline;
 }
 
 img.right{
 	float: right;
	margin: 8px;	
 }
 img.left{
 	float: left;
	margin: 8px;	
 }
 a img{
 	border-color: green;
 }
 
 ul{
 	list-style: circle;
 }
 
 table.cenik, table.cenik_zima, table.cenik_leto, table.cenik_mimo, table.cenik_silvestr,
 table.cenik_ostatni {
	width: 750px;	
 }
 table.cenik td, table.cenik_zima td, table.cenik_leto td, table.cenik_mimo td,
 table.cenik_silvestr td, table.cenik_ostatni td {
	text-align: center;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
 }
 table.cenik_zima th.top{
 	background-color: #7498bf;
	text-align: center;
 }
 table.cenik_zima th{
 	background-color: #c5d2e3;
	border-color: Black;
	border-style: solid;
	border-width: 1px;	
 }
 table.cenik_leto th.top{
 	background-color: #ec9384;
	text-align: center;
 }
 table.cenik_leto th{
 	background-color: #ecbbaf;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
 }
  table.cenik_mimo th.top{
 	background-color: #62bd19;
	text-align: center;	
 }
 table.cenik_mimo th{
 	background-color: #bce18d;
	border-color: Black;
	border-style: solid;
	border-width: 1px;	
 }
  table.cenik_silvestr th.top{
 	background-color: #a674cd;
	text-align: center;	
 }
 table.cenik_silvestr th{
 	background-color: #d7c4e7;
	border-color: Black;
	border-style: solid;
	border-width: 1px;	
 }
 table.cenik_ostatni th.top{
 	background-color: #d7e300;
	text-align: center;	
 }
 table.cenik_ostatni th{
 	background-color: #e5e96e;
	border-color: Black;
	border-style: solid;
	border-width: 1px;	
 }
 table.cenik_ostatni td{
 	text-align: left;
	padding-left: 4px;
 }
 table.cenik th.top{
 	background-color: #a9a9ab;
	text-align: center;	
 }
 table.cenik th{
 	background-color: #cccccc;
	border-color: Black;
	border-style: solid;
	border-width: 1px;
 }
 table.cenik td{
	text-align: center;
 }
 fieldset{
 	width: 400px;
	background-color: #e8ebdc;
 }
 
/*
 * lightbox
 */
#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	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; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block;
}
#prevLink { 
	left: 0; 
	float: left;
}
#nextLink {
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/layout/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/layout/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#imageData #caption{ 
	font-weight: bold;	
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	
#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}
/*
 * admin
 */
div.old{
	background-color: #00438A;
	padding: 4px;
	margin: 2px;
	text-decoration: line-through;
}
div.current{
	background-color: #008B8B;
	padding: 4px;
	margin: 2px;
}
div.next{
	background-color: #48008A;
	padding: 4px;
	margin: 2px;	
}
div.reservation_head{
	background-color: #A9A9A9;
	padding: 3px;
}
div.reservation_body{
	background-color: #e8ebdc;
}