/* .....................................hlavní elementy..................................... */
body {
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-color: #fffffb;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 770px;
	font-size: 10pt;
}
#page {
	width: 770px;
	margin: 0px auto 0px;
	text-align: left;
	padding: 0;
	position: relative;
	padding: 0;
}
h2 {
	margin: 0px 0px 15px 0px;
	font-size: 160%;
	font-weight: normal;
}
h2.nov {
	margin: 0px 0px 0px 0px;
	font-size: 160%;
	font-weight: normal;
}
h3 {
	margin: 30px 0px 15px 0px;;
	font-size: 130%;
	color: #fe7728;
	CLEAR: right;
	
}
.novinka h3 {
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	BACKGROUND-POSITION: left center;
	border-top: 1px dashed;
	FONT-WEIGHT: bold;
	FONT-SIZE: 110%;
	color: #fe7728;
	display: block;
}
.novinka p {
    padding: 0px;
    margin: 0px 0px 6px 0px;
}
.novinka .datum {
    font-size: 60%;
}
.datum {
    font-size: 85%;
    padding: 0px;
    margin-top: 5px;
}
H4 {
	CLEAR: right;
	padding-top: 10px;
	margin: 30px 0px 20px 0px;
	BACKGROUND-POSITION: left center;
	BORDER-TOP: 1px dashed;
	FONT-WEIGHT: bold;
	FONT-SIZE: 110%;
	COLOR: #165576;
	display: block;
}

H4.level_2 {
	CLEAR: right;
	padding: 5px 5px 5px 5px;
	margin: 30px 0px 20px 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 130%;
	COLOR: #000000;
	BORDER-TOP: 1px dashed #e37623; 
	display: block;
	background-color: #fcf1e5;
}


h5 {
	CLEAR: right;
	font-size: 100%;
	color: #fab327;
	margin: 10px 0px;
}

h5.level_2 {
	CLEAR: right;
	font-size: 100%;
	color: #fab327;
	margin: 10px 0px;
	background-color: #e8f4fc; 
	display: block;
	color: #7f7f7f;
}

a {
	text-decoration: none;
	color: #000000;
}
p a {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
ul {
	list-style: disc;
}
table {
        font-size: 100%;
} 
/* .....................................hlavička..................................... */
#header {
	height: 190px;
}
#language {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #e0e0e0;
}
.language a {
}
h1 {
	float: left;
	margin: 0;
	padding: 20px 0px 0px 0px;
}
#logo h1 {
	padding: 0;
	margin: 0;
}
#logo a {
	display: block;
	width: 295px;
	height: 159px;
	position: relative;
	overflow: hidden;
}
#logo span {
	display: block;
	position: absolute;
	z-index: 1;
	width: 295px;
	height: 159px;
	margin: 0;
	padding: 0;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}
#photo-label {
	margin: 0;
	padding: 0;
}
#photo-main {
	margin: 0;
	padding: 0;
	position: relative;
	left: -3px;
}
*>#photo-main {
	position: relative;
	left: 0px;
}
#maskot {
	width: 270px;
	height: 175px;
	background-image: url(maskot.jpg);
        background-repeat: no-repeat;
	position: absolute;
	top: 55px;
	right: -39px;
}
/* .....................................levy blok..................................... */
#left {
	float: left;
	clear: both;
	width: 172px;
}
#menu {
	border: 3px solid #f6e9dc;
	background-image: url(menubg.gif);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 160%;
	background-color: #f9b127;
}
#menu ul {
	margin: 0;
	padding: 0;
	background-image: url(dekor_menu.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#menu ul li {
	list-style:  none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menu li.normal a {
	color: #ffffff;
	font-weight: normal;
	padding: 3px 0px 3px 25px;
	margin: 0px 0px 0px 0px;
	display: block;
	background-image: url(menuli.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
}
#menu li.normal a:hover {
	background-image: url(menuli_h.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menu li.current a {
	color: #ffffff;
	font-weight: bold;
	padding: 3px 0px 3px 25px;
	margin: 0px 0px 0px 0px;
	display: block;
	background-image: url(menuli_h.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
}
#menu li.current a:hover {
	text-decoration: none;
}
.button {
}
.little_border {
	border-bottom: 1px solid #96b2c0;
	border-left: 1px solid #96b2c0;
	border-right: 1px solid #96b2c0;
	background-color: #e5f6fb;
	padding: 5px 5px 10px 5px;
	margin: 0px 3px 10px 3px;
}
.little_border a {
	color: #165576;
	font-weight: bold;
}
.gallery a.more {
	clear: left;
	margin-bottom: 20px;
	padding-top: 5px;
	display: block;
	padding-left: 18px;
	background-image: url(arrows.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.f_gallery {
	float: left;
	width: 78px;
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e0e0e0;
}
*>.f_gallery {
	width: 74px;
}
#left form {
	margin: 1px 1px 5px 1px;
	padding: 0;
}
*>#left form {
	margin: 1px 3px 5px 3px;
}
#left form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#left form fieldset .formfield_l {
	width: 140px;
	padding-left: 4px;
	padding-right: 4px;
}
*>#left form fieldset .formfield_l {
	width: 126px;
}
#mail {
	position: relative;
	left: 5px;
	top: 10px;
}
#label_mail {
	height: 21px;
	background-image: url(mail.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 8px;
}
#search_button {
	background-image: url(search.png);
	width: 25px;
	height: 22px;
	display: block;
	text-decoration: none;
	border: 0px;
	cursor: hand;
	cursor: pointer;
	float: right;
	margin: 0;
	padding: 0;
}
.creatimg {
	MARGIN-TOP: 10px;
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 80%;
	COLOR: appworkspace
}
/* .....................................obsah..................................... */
#label {
	margin: 0px 0px 20px 20px;
	padding: 0px 0px 0px 175px;
}

.date {
	font-weight: bold;
	margin-bottom: 5px;
}
#content {
	padding: 30px 30px 30px 30px;
	width: 100%;
	background-color: #ffffff;
	line-height: 130%;
	border: 9px solid #f8ecd9;
	margin: 0;
	background-image: url(content.png);
	background-repeat: repeat-y;
}
*>#content {
	width: 497px;
}
#content a {
	color: #000000;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content ul {
 line-height: 150%;
}
.note {
	background-color: #ffffcc;
}
.f_diffstyle {
	color: #fe7628;
	font-style: italic;
}
p.main {
	border-bottom: 1px dashed #c6c6c6;
	padding-bottom: 20px;
}
.f_image {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #c6c6c6;
}
UL LI.chkol {
	margin: 20px 0px 0px 0px;
}
.tc {
	margin: 20px auto 0px;
	font-size: 100%;
	line-height: 120%;
}
.tbc {
	font-size: 90%;
	padding: 2px 10px 10px 10px;
}
.tfc {
	width: 200px;
	font-size: 90%;
	padding: 10px 10px 0px 10px;
}
.obr {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 18px;
	BACKGROUND-POSITION: center center;
	BORDER-TOP: 0px;
	PADDING-LEFT: 18px;
	FLOAT: right;
	BACKGROUND-IMAGE: url(br.gif);
	PADDING-BOTTOM: 18px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	PADDING-TOP: 18px;
	BORDER-BOTTOM: 0px;
	BACKGROUND-REPEAT: no-repeat;
	POSITION: relative;
	TEXT-DECORATION: none
}
.obr A {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 18px;
	BACKGROUND-POSITION: center;
	BORDER-TOP: 0px;
	PADDING-LEFT: 18px;
	BACKGROUND-IMAGE: url(br.gif);
	PADDING-BOTTOM: 18px;
	BORDER-LEFT: 0px;
	PADDING-TOP: 18px;
	BORDER-BOTTOM: 0px;
	BACKGROUND-REPEAT: no-repeat;
	TEXT-DECORATION: none
}
.obr A {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
img.gen_img {
	display: block;
	margin: 20px 0px 20px 0px;
	padding: 0;
}
table.nabidka { width: 100%;}
.nabidka td {
	padding: 10px 3px 0px 3px;
	background-color: #fcfaf3;
	border-top: 1px dashed #bbbbbb;
	margin: 0;
	border-collapse: collapse;
}
.nabidka tr.note td {
    padding: 0px 3px 10px 3px;
	border: none;
	text-align: justify;
	border-bottom: 1px dashed #bbbbbb;
}
.nabidka {
border-collapse: collapse;
}
.nabidka tr.main {
}
.nabidka tr.main td {
	background-color: #e3f7fe;
	font-weight: bold;	
}
.nabidka tr.diff_color td {
background-color: #f7f6e9;
}

td.price {
	color: #fe7628; 
	
}
/* .....................................formular..................................... */
.formfield {
	border: dashed 1px #8aa94d;
	margin: 0;
	padding: 0;
}
label {
	display: block;
	margin-top: 5px;
}
.formbutton {
	padding: 5px 5px 5px 5px;
}
FORM#contactform {
	TEXT-ALIGN: left
}
FORM#contactform INPUT {
	MARGIN: 5px
}
FORM#contactform FIELDSET {
	border: none;
	padding: 10px 10px 10px 10px;
	color:  #000000;
}
#commentform {
	TEXT-ALIGN: right
}
#form_note {
	margin: 0px 0px 10px 0px;
	font-size: 90%;
	font-weight: bold;
}
/* .....................................paticka..................................... */
#down {
	margin: 0;
	line-height: 170%;
	background-color: #f8ecd9;
	text-align: right;
	padding: 0px 38px 10px 0px;
	width: 193px;
	position: relative;
	left: 382px;
	display: block;
}
*>#down {
	width: 155px;
}
#down a {
	color: #fe7728;
	font-weight: bold;
}
#footer {
	color: #b0b0b0;
	position: relative;
	top: -20px;
}
#footer a {
	color: #b0b0b0;
}
/* .....................................osatatni..................................... */
.hidden {
	display: none;
}
.left {
	float: left;
	margin: 0px 0px 0px 0px;
}
.right {
	float: right;
}
.margin {
	margin: 0px 3px 0px 3px;
}
.clear_left {
	clear: left;
}
/* .....................................formulářové prvky..................................... */
form {
}
FORM#contactform INPUT {
}
FORM#contactform FIELDSET {
}
#commentform {
}
label {
	display: block;
}
.formfield {
}
.vote {
}
.spacing {
}
.topcolor {
}
#form_note {
}
/* .....................................efekt fotogalerie..................................... */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#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: transparent url(blank.gif) no-repeat;
/* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(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;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}



/* ADMINISTRACE by houmr */
.adm-btn {
    border: 2px solid #f6e9dc;
    background-image: url('menubg.gif');
	background-repeat: repeat-y;
	padding: 1px 0px 1px 0px;
}

.adm-btnb {
    border: 2px solid #f6e9dc;
    background-image: url('menubg.gif');
	background-repeat: repeat-y;
	padding: 5px 0px 5px 0px;
}

#content .adm-btn a {
    padding: 1px 8px 1px 8px;
    text-decoration: none;
    color: #fff;
}

#content .adm-btnb a, #content .adm-btnb input {
    padding: 5px 12px 5px 12px;
    text-decoration: none;
    color: #fff;
}

#content .adm-btnb input {
    background: transparent;
    border: none;
}

#content .adm-btn a:hover, #content .adm-btnb a:hover, #content .adm-btnb input:hover {
	background-image: url('menuli_h.png');
	background-position: center -30px;
}

#content .adm-btn a.mini {
	background-image: none;
    padding: 1px 5px 1px 5px;
    text-decoration: none;
    color: #fff;
}

#content .adm-btn a.mini:hover {
	background-image: url('menuli_h.png');
	background-position: center center;
}
