html {
	background:#AAA;
	margin:0;
	padding:5px;
	/* Linux font on the first position - that's the way we like :-) */
	font-family:'dejavu sans',verdana,sans-serif;
	font-size:9pt;
}

body {
	background:#CCC url(body.gif);
	margin: auto;
	padding:0 0 7px 0;
	border:2px #888 solid;
	cursor:default;
}

.oball {
	padding-top:5px;
	background:url(logo-obal.gif);
}

.obalm {
	background:url(body-menu.gif);
	position:relative;
}

#logo {
	background:#1C2B1C url(logo.jpg) 0% 0% no-repeat;
	width:755px;
	height:105px;
	margin:0 auto;
	padding-top:25px;
	padding-right:25px;
	border-bottom:1px #536854 dotted;
	/*-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;*/
}

#logo a img {
	border:0;
}

#logo a {
	display:block;
	text-align:right;
}

.obalm {
}

#building {
	behavior: url(iepngfix.htc);
}

#menu {
	background:#2C3B2C url(menu-prechod.gif);
	color:#DDD;
	padding:5px;
	margin:0 auto;
	width:770px;
}

#menu #core {
	position:absolute;
	top:5px;
	padding-left:4.4em;
}

#menu #core .selected {
	color:yellow;
	text-decoration:underline;
}

#menu h3 {
	font-size:100%;
	margin:0;
	padding:0 5px;
	display:inline;
}

#menu ul {
	margin:0;
	padding:0;
	display:inline;
}

#menu li {
	display:inline;
	padding:0;
}

#menu .first {
	border-left:1px #536854 dotted;
}

#menu a {
	color:gold;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
	border-right:1px #536854 dotted;
}

#menu a:hover {
	color:yellow;
	background:#3B4C3B;
}

#content {
	min-height:450px;
	margin:0 auto;
	color:#EEE;
	padding:15px 25px;
	background:#576C57 url(content.gif);
	width:730px;
	border-top:1px #435844 dotted;
}

.content-alt a {
	color:gold;
	font-weight:bold;
}

#content a {
	color:gold;
	font-weight:bold;
}

#content a span {
	display:none;
}

.content-alt h2 {
	color:#7EF;
}

#content h2 {
	color:#7EF;
}

#image {
	background:url(sm.jpg) 50% 90% no-repeat;
	height:450px;
}

#image a {
	text-decoration:none;
}

/* ** ALL TOGETHER NOW ** */
#atelier:hover span {
	display:block;
	position:relative;
	color:black;
	background:#ABC;
	padding:8px;
	text-align:center;
	text-decoration:none;
	opacity:0.8;
	/* a little bit of proprietary properties: :-) */
	filter:alpha(80);
	-khtml-opacity: 0.5;
	-moz-border-radius:10px;
}

#historie:hover span {
	display:block;
	position:relative;
	color:black;
	background:#ABC;
	padding:8px;
	text-align:center;
	text-decoration:none;
	opacity:0.8;
	/* a little bit of proprietary properties: :-) */
	filter:alpha(80);
	-khtml-opacity: 0.5;
	-moz-border-radius:10px;
}

#galerie:hover span {
	display:block;
	position:relative;
	color:black;
	background:#ABC;
	padding:8px;
	text-align:center;
	text-decoration:none;
	opacity:0.8;
	/* a little bit of proprietary properties: :-) */
	filter:alpha(80);
	-khtml-opacity: 0.5;
	-moz-border-radius:10px;
}

#galerie {
	display:block;
	width:110px;
	height:150px;
	position:relative;
	left:70px;
	top:210px;
}

#galerie:hover {
	border:1px solid black;
}

#galerie:hover span {
	left:120px;
	top:-50px;
	width:190px;
}

#historie {
	display:block;
	width:80px;
	height:60px;
	position:relative;
	left:170px;
	top:105px;
}

#historie:hover {
	border:1px solid black;
}

#historie:hover span {
	left:20px;
	top:-80px;
	width:190px;
}

#atelier {
	display:block;
	width:110px;
	height:150px;
	position:relative;
	left:480px;
	top:60px;
}

#atelier:hover {
	border:1px solid black;
}

#atelier:hover span {
	left:-20px;
	top:-100px;
	width:190px;
}

#footer {
	background:#2C3B2C url(footer.gif) 0% 100% no-repeat;
	color:#DDD;
	padding:5px;
	border-top:1px #536854 dotted;
	margin:0 auto;
	width:770px;
	font-size:80%;
	text-align:center;
	min-height:13px;
}

#footer a {
	color:gold
}

/* GALERIE A KAVÁRNA ELEMENTS */

.oteviraci {
	float:right;
	margin-top:0em;
	background:#475C47;
	border:1px #273C27 solid;
}

.oteviraci th {
	text-align:center;
	border:1px #172C17 solid;
	background:#374C37;
}

.oteviraci td {
	text-align:center;
	padding:0 1em;
	background:#506550;
}

.oteviraci .left {
	text-align:left;
	padding:0 0.5em;
}

#galerie-nadpis span {
	visibility:hidden;
}

#galerie-nadpis {
	background:url(galerie.png) no-repeat top left;
	height:85px;
}

.text {
	//padding:0 24px;
}

#umelci li {
	margin-bottom:10px;
	list-style:none;
}

#umelci a {
	color:#FE7;
	border-bottom: 1px dotted gold;
	margin-bottom:10px;
	
}

#umelci li.selected {
	background:#677C67;
	padding:10px;
	width:544px;
	margin-left:43px;
}

#umelci li.selected > a {
	border:0;
	display:block;
	background:#374C37 url(menu-prechod.gif);
	margin:-10px;
	padding:5px;
	color:gold;
	opacity:0.9;
}

#umelci div {
	max-height:450px;
}

/* PHOTO-GALLERY-STYLE */
.jqGSContainer{margin-top:10px;;position:relative;padding:10px;padding-bottom:20px;width:521px;	}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer li{padding:0;margin:0 !important;height:494px;position:relative;}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0 !important;height:494px;position:relative;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{background:url(ajax-loader.gif) no-repeat center center;width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{position:absolute;top:50%;left:50%;border:1px solid black;padding:3px;background:white}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute;left:34%;top:4px; padding:3px;color:#fff;width:150px;text-align:center;font-size:80%}
.jqGSContainer .jqGSPagination{padding:10px;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;}
.jqGSContainer .jqGSPagination ul li{float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px;background:#374C37;text-decoration:none;display:block;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;}
.jqGSContainer .jqGSPagination ul li a:hover{background:#000;color:#fff;}

/* HISTORIE ELEMENTS */

#content .td1 {
	width:4.2em;
	color:yellow;
}

#content td {
	vertical-align:top;
}

#content tr:hover {
	background:#506550;
}

#content .p1 {
	color:lightblue;
}

#content p:first-letter {
	margin-left:1.5em;
}

/* INDEX at KONTAKT level */
.content-alt {
	padding:15px 65px;
	background:#475C47 url(content2.gif);
	width:650px;
	margin:0 auto;
	color:#EEE;
	border-top:1px #536854 dotted;
}

.content-alt h2 {
	margin-top:0px;
	margin-left:-1em;
	color:lightblue;
}

.content-alt img {
	float:right;
	background:white;
	border:1px black solid;
	padding:3px;
	position:relative;
	top:-3px;
}