@media screen, handheld, tv, projection
{
body, html {
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

body
{
	background: #f3e3d4;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	scrollbar-base-color: #decdbc;
	scrollbar-arrow-color: #fff;
}

#container 
{
  min-width: 950px;
  min-height: 672px;
  width: 100%;
  height: 100%;
  width: expression(document.body.clientWidth < 950?
    "950px": "100%" ); /* pro IE */
  height: expression(document.body.clientHeight < 672?
    "672px": "100%" ); /* pro IE */
  position: absolute;
  top: 0;
  left: 0;
}

#containerHorizontal 
{
  text-align: left;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}

#siteBody
{
	width: 950px;
    height: 672px;	
    position: absolute;
    top: -336px;
    left: -475px;  
}

div#header
{
	width: 950px;
	height: 165px;
	background: url(obrazy/header.jpg) no-repeat;
	overflow: hidden;
}

div#header h1
{
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
}

div#header a.logo
{
	width: 205px;
	height: 71px;
	position: relative;
	top: 44px;
	left: 34px;
	display: block;
}

div#header address
{
	position: relative;
	top: 3px;
	left: 598px;
	line-height: 1.2em;
	width: 17em;
	font-size: 0.85em;
	font-style: normal;
	text-align: right;
}

#contentBody    
{
	width: 950px;
	height: 432px;
	background: url(obrazy/contentBody.jpg) no-repeat;
	padding: 1em 0 2em 0;
}

#content
{
	float: right;
	width: 535px;
	height: 432px;
	overflow: auto;
	margin: 0 141px 0 47px;
	_margin-right: 70.5px;
	position: relative;
}

#content h2
{
	margin: 0.1em 0 0.7em 1em;
	padding: 7px 0 0 13px;
	font-size: 1.5em;
	font-weight: normal;
}

h2 span.firstLetterO, h2 span.firstLetterR, h2 span.firstLetterN, h2 span.firstLetterP, h2 span.firstLetterS, h2 span.firstLetterA
{
	display: block;
	height: 27px;
	width: 29px;
	position: absolute;
	top: 2px;	
}

h2 span.firstLetterO
{
	background: url(obrazy/h2O.jpg) top left no-repeat;
	left: 1.05em;
}

h2 span.firstLetterR
{
	background: url(obrazy/h2R.jpg) top left no-repeat;
	left: 0.95em;
}

h2 span.firstLetterN
{
	background: url(obrazy/h2N.jpg) top left no-repeat;
	left: 0.9em;
}

h2 span.firstLetterP
{
	background: url(obrazy/h2P.jpg) top left no-repeat;
	left: 0.95em;
}

h2 span.firstLetterS
{
	background: url(obrazy/h2S.jpg) top left no-repeat;
	left: 0.95em;
}

h2 span.firstLetterA
{
	background: url(obrazy/h2A.jpg) top left no-repeat;
	left: 0.9em;
}

#content h3, #content h3#O
{
	margin: 1.4em 0 0.6em 1.4em;
	padding: 0.45em 0 0 0;
	font-size: 1.3em;
	font-weight: normal;
	position: relative;
}

#content h3#O
{
	padding: 0.45em 0 0 0.7em;
}

h3 span.firstLetterF, h3 span.firstLetterO
{
	display: block;
	height: 27px;
	width: 29px;
	position: absolute;
	top: -2px;	
}

h3 span.firstLetterF
{
	background: url(obrazy/h3F.jpg) top left no-repeat;
	left: -0.25em;
}

h3 span.firstLetterO
{
	background: url(obrazy/h2O.jpg) top left no-repeat;
	left: -0.25em;
}

#content h4
{
	margin: 0.8em 1.6em 0.4em 1.6em;
	padding: 0;
	font-size: 1em;
}

#content ul
{
	margin: 0.4em 1.6em 0.8em 2.8em;
	text-align: justify;
	line-height: 1.4em;
	padding: 0;
}

#content p
{
	margin: 0.4em 1.6em 0.8em 1.6em;
	text-align: justify;
}

#content p.fotogalerie
{
	margin: 0.8em 1.6em;
	padding: 0;
	text-align: left;
}

#content p.fotogalerie img
{
	border: 1px solid #6e3f1e;
	margin: 0.2em 0.2em 0.2em 0.1em;
}

div#content div#fullBanner
{
	margin: 1.3em 0 0.8em 1.6em;
}

div#content div#form
{
	margin: 0.8em 0 0 1.6em;
}

div#content div#form input, div#content div#form textarea  
{
	margin: 0.3em 0 0.7em 0;
	background: #decdbc;
}

div#content div#form textarea  
{
	width: 485px;
	height: 90px;
}

div#content div#form p 
{
	margin: 0.8em 0;
}

.iframe
{
	margin: 0 0 0 1.5em;
}

table
{
	font-size: 1em;
	margin: 0 0 0 1.5em;
	padding: 0;
	border: none;
	display: inline-table;
}

table th
{
	padding: 0 0 0.2em 0;
	margin: 0;
	font-size: 1.2em;
	text-align: left;
}

table td
{
	padding: 0.1em 0;
	margin: 0;
	width: 90px;
}

table td.cena
{
	text-align: right;
	width: 170px;
}

p#menu
{ 
	width: 95px;
	float: left;
	padding: 0.4em 0 0 60px;
	margin: 0;
}

p#menu a
{ 
	display: block;
	position: relative;
	height: 15px;
	width: 137px;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0.7em 0;
	padding: 12px 0 0 18px;
	color: #000;
}

p#menu a:hover
{ 
	color: #6e3f1e;
}

p#menu a span.firstLetterA, p#menu a:hover span.firstLetterA, p#menu a span.firstLetterO, p#menu a:hover span.firstLetterO, p#menu a span.firstLetterS, p#menu a:hover span.firstLetterS, p#menu a span.firstLetterR, p#menu a:hover span.firstLetterR, p#menu a span.firstLetterN, p#menu a:hover span.firstLetterN
{ 
	display: block;
	height: 27px;
	width: 29px;
	position: absolute;
	top: 0;
	left: 0;
}

p#menu a span.firstLetterA
{ 
	background: url(obrazy/firstLetterA.jpg) top left no-repeat;
}

p#menu a:hover span.firstLetterA
{ 
	background: url(obrazy/firstLetterAhover.jpg) top left no-repeat;
}

p#menu a span.firstLetterO
{ 
	background: url(obrazy/firstLetterO.jpg) top left no-repeat;
}

p#menu a:hover span.firstLetterO
{ 
	background: url(obrazy/firstLetterOhover.jpg) top left no-repeat;
}

p#menu a span.firstLetterS
{ 
	background: url(obrazy/firstLetterS.jpg) top left no-repeat;
}

p#menu a:hover span.firstLetterS
{ 
	background: url(obrazy/firstLetterShover.jpg) top left no-repeat;
}

p#menu a span.firstLetterR
{ 
	background: url(obrazy/firstLetterR.jpg) top left no-repeat;
}

p#menu a:hover span.firstLetterR
{ 
	background: url(obrazy/firstLetterRhover.jpg) top left no-repeat;
}

p#menu a span.firstLetterN
{ 
	background: url(obrazy/firstLetterN.jpg) top left no-repeat;
}

p#menu a:hover span.firstLetterN
{ 
	background: url(obrazy/firstLetterNhover.jpg) top left no-repeat;
}

p#footer
{
	width: 620px;
	height: 35px;
	background: url(obrazy/footer.jpg) no-repeat;
    padding: 1px 0 0 330px;
    margin: 0;
	color: #929497;
	font-size: 0.87em;
}

a
{
	color: #000;
}

a:hover
{
	color: #6e3f1e;
	text-decoration: none;
}

.hidden
{
	display: none;
}

.cleaner
{
	clear: both;
	height: 0;
	overflow: hidden;
}

/* 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(obrazy/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover 
{ 
	background: url(obrazy/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData
{	
	padding: 0 10px 0 0.85em;
	color: #000;
}

#imageData #imageDetails
{ 
	width: 70%;
	float: left;
	text-align: left; 
}	

#imageData #caption
{ 
	font-weight: normal;
}

#imageData #numberDisplay
{ 
	display: none; 
	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; 
}

/* konec lightboxu */

}