body { text-align: center; background: #f8f8f8 url("../images/site-back.jpg") repeat-x;  }
#page { position: relative; z-index: 0; width: 785px; margin: 0 auto; color: #5e5e5e; text-align: left; }
a { color: #8f8f8f; background-color: inherit; background-image: none; }
a:visited { color: #8f8f8f; background-color: inherit; background-image: none; }
a:visited:hover { color: #8f8f8f; background-color: inherit; background-image: none; }
a:hover, a:focus, a:active { color: #8f8f8f; background-color: inherit; background-image: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #8f8f8f; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
#page div.cleaner { display: none; }
p { line-height: 1.4em; margin: 20px 0; }

/* accessibility */
#accessibility { display: none; }
table {border: 0px solid black;}

/* header */
#header { position: relative; width: 785px; height: 233px; margin: 0; padding: 0; }
#header img { position: absolute; top: 59px; left: 29px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 { position: absolute; top: 0px; left: 0px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 a { display: block; position: relative; left: 0; width: 258px; height: 233px; padding: 0; color: white; overflow: hidden; }
#header h1 a span { position: absolute; float:left; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.jpg") no-repeat; cursor: pointer; }
#icons { position: absolute; top: 24px; left: 255px; z-index: 2; margin: 0; padding: 0; }
#icons a { display: block; position: absolute; top: 0; z-index: 2; width: 17px; height: 17px; color: white; overflow: hidden; }
#icons a span { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; cursor: pointer; }
#home { left: 0; }
#home span { background-image: url("../images/quick-menu-home.gif"); }
#sitemap { left: 30px; }
#sitemap span { background-image: url("../images/quick-menu-sitemap.gif"); }
#contact { left: 60px; }
#contact span { background-image: url("../images/quick-menu-contact.gif"); }
#header-image { position: absolute; top: 0; right: 0; width: 528px; height: 233px; background: url("../images/header-image.gif");}
#language { position: absolute; top: 12px; right: 62px; z-index: 2; margin: 0; padding: 0; color: #6F6F6F; font-size: 0.9em; }
#language span.hide { display: none; }
#language h4 { display: none; }
#language a { color: #6F6F6F;  display: block; position: relative; width: 24px; height: 15px; padding: 0; overflow: hidden; float: left; margin-right:10px;  }
#language a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0;  no-repeat; cursor: pointer; }
#language .de span {background: #fff url("../images/flag-de.gif") no-repeat }
#language .cz span {background: #fff url("../images/flag-cz.gif") no-repeat } 
#language .en span {background: #fff url("../images/flag-en.gif") no-repeat }
#language .sk span {background: #fff url("../images/flag-sk.gif") no-repeat }
#language .pl span {background: #fff url("../images/flag-pl.gif") no-repeat }
#language .hide { visibility:hidden; display:none;}

/* content */
#content { position: relative; width: 785px; /*tady - na odsazení od headeru */ margin: 35px 0 0 0; padding: 0; background: url("../images/content.gif"); } #page>#content { width: 761px; }
#content h2 { margin: 0 0 1.5em 0px; color: #282828; font-size: 1.2em; }
#content h3 { margin: 0 0 1em 0; color: #534b45; font-size: 1.2em; }
#content ul { margin: 0; padding: 0 0 0 9px; list-style-type: none; }
#content ul li { position: relative; /* kvůli zobrazení pozadí v IE6 */ line-height: 2em; padding: 0 0 0 0px; background: url("../images/list-item.gif") left center no-repeat;}
#content #top #container ul li {list-style-type: none !important; background: none !important;}
#content p.recommend {text-align:left; margin: 13px 16px -5px 16px;}
#content p.links {text-align:left; margin: 13px 16px 10px 16px;}

/* menu */
#menu { position: absolute; background: url("../images/menu.gif") repeat-x; top: 233px; left: 0px; z-index: 1; width: 785px; height: 35px; margin: 0; padding: 0; font-size: 14px; }
#menu span { display: none; }
#menu ul { margin: 0 0 0 72px; display:block; padding: 0; list-style-type: none; }
#menu li { display: inline; padding: 0; height: 21px; line-height: 35px; float: left;}
#menu a { display: block; width: auto; font-size: 12px; height: 30px; line-height: 35px; margin: 0 0 0 42px; padding: 0; color: #754a00; text-align: center; text-decoration: none; float: left; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { color: #754a00; background-position: 0 -28px; text-decoration: underline;}


/* footer */
#footer { position: relative; width: 785px; height: 41px; margin: 0 0 0em 0; padding: 0px 0 0 0; color: #B1B1B1; background: url("../images/footer.gif") no-repeat; clear: both; font-size: 12px;  }
#footer hr { display: none; }
#cleanervisible { border-top: 1px dotted black; line-height: 8px; margin: 0 63px 0 65px; }
#footer p { margin: 0; }
#footer a { color: #a19072;} 
#copyright { float: right; top: 0px; line-height: 8px; padding: 0 69px 0 0 ; font-size: 11px; } 
#webdesign { position: absolute; top: 0px; right: 16px; color: white; }

/* other */
/* index */
.index #content { padding: 0; } #page.index>#content { width: 785px;}
.index #content h3 span { display: visible; }
.index #content #top { margin: 0 0 -60px 60px;  background: url("../images/content-1-back.gif") repeat-x;/* ne mezera v IE */ width: 664px; } .index #content>/**/#top { margin-bottom: 0; background: url("../images/content-1-back.gif") repeat-x; }
.index #content #top p { padding: 0 0px 0 15px; }
.index #content #top-left { width: 324px; border-left: 1px solid #f8f3f0; padding: 20px 16px 0 16px; float: left; } .index #content #top>#top-left { width: 292px; }
.index #content #top-left h2 { margin-left: 3px; }
.index #content #top-left h3 { width: 253px; height: 23px; /*background: url("../images/heading-1.gif") no-repeat;*/ }
.index #content #top-left img { margin: 0 0 1em 0; }
.index #content #top-left p { padding: 0 10px 0 2px; } 
.index #content #top-left li { width: 178px; line-height: 1.8em; padding: 0 0 0 66px; border-bottom: 1px dotted #E2E2E2; background-position: 24px center; } .index #content #top-left li { width: 135px; }
.index #content #top-left ul { width: 178px; line-height: 1.8em; padding: 0 0 40px 66px; background-position: 24px center; } .index #content #top-left ul { width: 135px; } 
.index #content #top-right { width: 298px; padding: 20px 16px 0 16px; border-right: 1px solid #f8f3f0; background: url("../images/vertical-separator.gif") repeat-y; float: left; } .index #content #top>#top-right { width: 306px; padding: 20px 16px 0 16px; }
.index #content #top-right h3 { width: 214px; height: 23px; margin-left: 22px; }
.index #content #top-right h2 { padding-left: 16px; }
.index #content #top-right img.foto-konig { border: 1px solid black; }
.index #content #top-right ul { padding: 0 0 0 15px; } 
.index #content #top-right ul li { width: 228px; line-height: 1.8em; padding: 0 0 0 56px; border-bottom: 1px dotted #E2E2E2; background-position: 24px center; } .index #content #top-right ul>li { width: 185px; }
.index #content #top-right ul li.last { border-bottom: none; }
.index #content #top div.cleaner { display: block; }
.index #content #top div.cleaner_2 { display: block; }
.index #content #top div.cleaner_3 { display: block; height: 200px;}
.index #content #bottom { margin-bottom: -60px; /* ne mezera v IE */ padding: 46px 0 40px 0; background: #E3E3E3 url("../images/content-2-back.gif") repeat-x; } .index #content>/**/#bottom { margin-bottom: 0; }
.index #content #bottom-left { width: 298px; padding: 0 16px; float: left; } .index #content #bottom>#bottom-left { width: 266px; }
.index #content #bottom-left h3 { width: 227px; height: 23px; background: url("../images/heading-3.gif") no-repeat; }
.index #content #bottom-left div.reference { width: 233px; float: left; }
.index #content #bottom-left div.reference div.img { width: 84px; height: 84px; margin: 0 9px 9px 0; background: url("../images/references-image-back.gif") no-repeat; float: left; }
.index #content #bottom-left div.reference div.img img { margin: 2px 0 0 2px; }
.index #content #bottom-left div.reference h5 { margin: 0; }
.index #content #bottom-left div.reference p { margin: 0 0 0.1em 0; }
.index #content #bottom-right { width: 298px; padding: 0 16px 0 38px; background: url("../images/vertical-separator.gif") no-repeat; float: left; } .index #content #bottom>#bottom-right { width: 208px; }
.index #content #bottom-right h3 { width: 86px; height: 23px; background: url("../images/heading-4.gif") no-repeat; }
.index #content #bottom div.cleaner { display: block; }

/* nase-sluzby */
.nase-sluzby #content { padding: 0; } #page.nase-sluzby>#content { width: 785px;}
.nase-sluzby #content h3 span { display: visible; }
.nase-sluzby #content #top { margin: 0 0 -60px 60px;  background: url("../images/content-1-back.gif") repeat-x;/* ne mezera v IE */ width: 664px; } .nase-sluzby #content>/**/#top { margin-bottom: 0; background: url("../images/content-1-back.gif") repeat-x; }
.nase-sluzby #content #top p { padding: 0 0px 0 15px; }
.nase-sluzby #content #top-right h2 { padding-left: 16px; }
.nase-sluzby #content #top-left { width: 180px; border-left: 1px solid #f8f3f0; padding: 10px 16px 0 16px; float: left; } .nase-sluzby #content #top>#top-left { width: 148px; }
.nase-sluzby #content #top-left h3 { width: 203px; height: 23px; /*background: url("../images/heading-1.gif") no-repeat;*/ }
.nase-sluzby #content #top-left img { margin: 0 0 1em 0; }
.nase-sluzby #content #top-left span.menu-left { color: #b9b9b9;line-height: 1.8em; padding: 0 0 20px 0px; }
.nase-sluzby #content #top-left li { width: 136px; line-height: 2.2em; padding: 0 0 0 33px;  border-bottom: 1px dotted #dedede; background-position: 7px center; } .nase-sluzby #content #top-left li { width: 115px; }
.nase-sluzby #content #top-left ul { width: 178px; line-height: 2.2em; padding: 0 0 40px 0px; background-position: 7px center; } .nase-sluzby #content #top-left ul { width: 135px; }
.nase-sluzby #content #top-right { width: 442px; padding: 20px 16px 0 16px; border-right: 1px solid #f8f3f0; background: url("../images/vertical-separator.gif") repeat-y; float: left; } .nase-sluzby #content #top>#top-right { width: 450px; padding: 20px 16px 0 16px; }
.nase-sluzby #content #top-right h3 { width: 214px; height: 23px; margin-left: 22px; }
.nase-sluzby #content #top h4 {height: 23px; margin-left: 22px; }
.nase-sluzby #content #top-right img.foto-konig { border: 1px solid black; }
.nase-sluzby #content #top-right ul li { width: 428px; line-height: 1.8em; padding: 0 0 0 20px; background-image: none;background-position: 24px center; } .nase-sluzby #content #top-right ul>li { width: 425px; }
.nase-sluzby #content #top-right ul li.last { border-bottom: none; }
.nase-sluzby #content #top div.cleaner { display: block; }
.nase-sluzby #content #top div.cleaner_2 { display: block; height: 200px;}
.nase-sluzby #content #top table.rozmery { margin: 10px 0 0px 33px ; text-align: justify; padding: 5px 0px 5px 5px; border: 1px solid #DEDEDC; }
.nase-sluzby #content #top table.pistaly { margin: 30px 0 0px 40px ; background: #E8E8E8; padding: 0;}
.nase-sluzby #content #top table.misky { margin: 20px 0 30px 12px; }
.nase-sluzby #content #top td.first_column { margin: 30px 0 0px 40px ; background-color: #E8E8E8; padding: 0;}
.nase-sluzby #content #top table { margin: 0px 0 0px 5px ; padding: 0;}

/* El. sakrální varhany */
.sakralni-varhany #content { padding: 0; } #page.sakralni-varhany>#content { width: 785px;}
.sakralni-varhany #content h3 span { display: visible; }
.sakralni-varhany #content #top span.one {margin: 15px 16px 0px 16px ; float: left; min-width: 600px;}
.sakralni-varhany #content #top { margin: 0 0 -60px 60px;  background: url("../images/content-1-back.gif") repeat-x;/* ne mezera v IE */ width: 664px; } .sakralni-varhany #content>/**/#top { margin-bottom: 0; background: url("../images/content-1-back.gif") repeat-x; }
.sakralni-varhany #content #top p {  margin: 20px 16px 0px 16px ; float: left; min-width: 600px;} 
.sakralni-varhany #content #top h2 { margin: 0 16px 0px 16px ; padding-top: 20px;/*background: url("../images/heading-1.gif") no-repeat;*/ }
.sakralni-varhany #content #top h3 { margin: 0 16px 0px 16px ; padding: 20px 0 0 0 ;/*background: url("../images/heading-1.gif") no-repeat;*/ }
.sakralni-varhany #content #top img { margin: 0 0 1em 0; }
.sakralni-varhany #content #top p { background-image: 0;}
.sakralni-varhany #content #top div.cleaner { display: block; }
.sakralni-varhany #content #top div.cleaner_2 { display: block; height: 400px;}
.sakralni-varhany #content #top div.cleaner_3 { display: block; height: 100px;}
.sakralni-varhany #content #top table.rozmery { margin: 15px 16px 15px 16px ; font-size: 10px; float: left; width: 633px; padding: 0; border: 1px solid #DEDEDC; }
.sakralni-varhany #content #top td { padding: 5px 4px 4px 4px; background-color: #FAFAFA;}
.sakralni-varhany #content #top td.preis { text-align: right;}
.sakralni-varhany #content #top table.rozmery-right { margin: 15px 16px 0px 376px ; font-size: 10px; border: 1px solid #DEDEDC; }
.sakralni-varhany #content #top table.rozmery-ostatni {  margin: 15px 0 0px 16px ; width: 430px; font-size: 10px; border: 1px solid #DEDEDC; }
.sakralni-varhany #content #top table.pistaly { margin: 15px 0px 15px 16px ; padding-right: 10px; text-align: left; font-size: 10px; width: 630px; border: 1px solid #DEDEDC; }
.sakralni-varhany #content #top td.first_column { padding: 4px 4px 4px 4px;  font-size: 11px; color: white; background-color: #C2BE93; /*#F0EED5;*/ }
.sakralni-varhany #content #top tr.title { font-size: 13px; /*#F0EED5;*/ text-align: left; border:1px solid #666666;}
.sakralni-varhany #content #top tr.title td { padding: 12px 4px 12px 4px;  font-size: 13px; /*#F0EED5;*/ text-align: left; border-bottom: 1px solid #DEDEDC;}
.sa.sakralni-varhany #content #top ul { padding: 0 0 0 15px; } 
.sakralni-varhany #content #top ul li { width: 228px; line-height: 2.4em; padding: 0 0 0 56px;  background-position: 24px center; } .sakralni-varhany #content #top ul>li { width: 185px; }
.sakralni-varhany #content #top ul li.last { border-bottom: none; }



/* profil */  
.par
{
	color:#1060B8;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;
}
.col
{
	color:#1060B8;
	font-weight:bold;
	margin-top:3px;
	display:inline-block;
}

.odsazeno{margin-left:30px;}
 
/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }

/* ostatní */
.gallery { margin: 20px 0; padding: 0 20px 0 40px;}
.gallery img { margin: 0 10px 10px 10px; border: 2px #4999cb solid; }
.img-left	{ float: left; margin: 0 10px 10px 10px; border: 2px #4999cb solid; }
.img-right  { float: right; margin: 0 10px; border: 2px #4999cb solid; }