body {
	background: url("../images_b/background.jpg");
	padding: 0px;
	margin: 0px;
	height: 100%;
}

img {
	border: none;
}

.logo {
	margin-top: 16px;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

#canvas {
	font-family: Helvetica, sans-serif;
	width: 714px;
	margin-left: 15px;
}

#menu {
	margin-top: 15px;
}

#menu .item {
	float: left;
}

#menu .item img {
	
}

#menu .item p {
	color: white;
	font-size: 8pt;
	margin-left: 60px;
	margin-top: 0px;
	text-align: right;
	width: 150px;
}

.container {
	display: block;
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width: 4px 2px 1px 1px;
	clear: none;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
}

.omit-top-shadow {
	border-top: none;
}

.shadow-top {
	background: url("../images_b/shadow.gif") repeat-x 0px 0px;
	height: 6px;
	width: 100%;
	clear: both;
}

#banners {
	position: absolute;
	top: 453px;
	left: 740px;
}

#banners a {
	display: block;
	margin-bottom: 10px;	
}

#content {
	clear: both;	
	text-align: right;
}

#content h1 {
	margin: 0px;
	padding: 5px 0px;	
}

#content a {
	color: black;
	text-decoration: none;	
}

#content .preview {
	width: 515px;
	margin-right: 10px;
}

#content .container .info {
	display: block;
	text-align: center;
	font-style: italic;
}

#content .preview .photo {
	float: left;
}


#content .preview .cislo {
	width: 300px;
}

/*
#content .full img {
	clip: rect(20px, 20px, 20px, 20px);
}*/

#content .preview .h2 {
	display: block;
	margin: 5px 0px 10px;
}

#content .h2 {
	display: block;
	font-weight:bold;
	font-size: 24px;
	margin: 5px 0px 10px;
}

#content .thumbnail img {
	border: 5px solid white;

}

#content .thumbnail img:hover {
	border: 5px solid #ffdeee;
}

#content .full {
	width: 712px;
}


#content .bookmarks .bookmark {
	background: url("../images_b/zalozka_middle_off.jpg");
	width: 96px;
	height: 32px;
	float: right;
	padding: 8px 25px 0px;
	margin: 0px;
	position: relative;
	top: 6px;
	text-align: center;
}

#content .bookmarks .first {
	z-index: 10;
}

#content .bookmarks .second {
	z-index: 9;
	left: 25px;
}

#content .bookmarks .third {
	z-index: 8;
	left: 50px;
}

#content .bookmarks .left {
	background: url("../images_b/zalozka_left_off.jpg");
}

#content .bookmarks .selected {
	z-index: 11;
	background: url("../images_b/zalozka_middle_on.jpg");
}

#content .bookmarks .selected-left {
	z-index: 11;
	background: url("../images_b/zalozka_left_on.jpg");
}

#content .bookmarks .selected-right {
	z-index: 11;
	background: url("../images_b/zalozka_right_on.jpg");
}

#gallery img {
	width: 160px;
	background-color: white;
	border-color: black;
	border-style: solid;
	border-width: 4px 2px 1px 1px;
	padding: 6px;
}

#story {
	padding: 10px;
	text-align: left;
}

#story .submenu {
	background-color: #436491 /*#f270b2*/;
	width: 200px;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}

#story .subcontent {
	padding-left: 15px;
}

#story .submenu #linkmenu a {
	padding-left: 10px;
	color: white;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

#story .submenu #linkmenu a:hover {
	color: #436491 /*#f270b2*/;
	background-color: white;
}

#story h1 {
	margin-bottom: 15px;
}

#story #call {
	float: left;
	width: 200px;
}

#story #call img{
	width: 198px;
}

#story #preview {
	/*background: url("../images_b/ukazka-reproduktor.jpg") no-repeat;
	padding-left: 45px;*/
	float: left;
	width: 200px;
	height: 44px;
	margin-left: 50px;
}

#story #preview object{
	margin-top: 5px;
}

#story .photo {
	border: 1px solid black;
	margin: 5px 0px 15px 20px;
}

#story .text {
	clear: both;
	padding-top: 30px;
	text-align: justify;
}

#footer {
	padding-top: 30px;
	clear: both;
	color: white;
	font-size: 8pt;
	text-align: right;
}

#highlight {
	border: 1px solid white;
	background-color: #8bb4eb /*#f7aad0*/;
	color: #436491 /*#c56594*/;
	font-weight: bold;
}

#highlight #links {
	padding: 10px;
}

#highlight #logo {
	float: left;
	margin-left: 10px;	
}

#highlight a {
	text-decoration: none;
}

#highlight .category {
	color: white;
}

#highlight .category:hover {
	color: #436491; /*#c56594;*/
}

#highlight .utility {
	color: #436491; /*#c56594;*/
}

#highlight .utility:hover {
	color: white;
}

#disclaimer a {
	color: white;
	text-decoration: none;
}

#disclaimer a:hover {
	text-decoration: underline;
}

.profile {
	padding: 10px;
	text-align: left;
	font-style: italic;
}

.profile .photo {
	margin: 0px 30px 10px 0px;
	border: 1px solid black;
}