/* ***** common ************************************************************* */
* { font-size: 12px; color: #5b512a /* -160% */; font-family: arial ce, helvetica ce, arial, helvetica, sans-serif; padding: 0; margin: 0; }

body { background-color: #8a826b; text-align: center; margin: 20px 0 20px 0; background-image: url(Images/BG-BODY-01.png); }
img { border-width: 0; }
h1 { font-size: 36px; font-family: serif; font-weight: normal; margin-bottom: 40px; }
h1.withh2 { margin-bottom: 0; }
h2 { font-size: 24px; font-family: serif; font-weight: normal; margin-bottom: 40px; }
a { font-weight: bold; text-decoration: none; }
a:hover { color: #998a61/* -100% */; }

input { border: 1px solid #c1b289 /* -60%*/; padding: 0 5px 0 5px; background-color: #fdeec5;/* 0%*/ }
input.submit { border: 1px solid #c1b289 /* -60%*/; padding: 0 20px 0 20px; background-color: #d5c69d;/* -40%*/ }
textarea { border: 1px solid #c1b289 /* -60%*/; overflow: auto; padding: 0 5px 0 5px; background-color: #fdeec5;/* 0%*/ }

img.picture { border: 1px solid #998a61/* -100% */; margin-bottom: 5px; }
span.pictureauthor { color: #998a61/* -100% */; font-size: 11px; font-style: italic; }

/* ***** common ************************************************************* */
.nouserselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently */
}

/* ***** body *************************************************************** */
#divclear { clear: both; }
#divgoogle2 { float: right; width: 120px; padding: 80px 0 0 0; }
#divgoogle3 { width: 468px; margin: 20px auto 20px auto; }

#div_main { width: 1000px; margin: 0 auto; }
#div_top { background-image: url(Images/BG-TOP-03.png); height: 40px; clear: both; }
#div_bottom { background-image: url(Images/BG-BOTTOM-03.png); height: 40px; clear: both; }
#div_mid { background-image: url(Images/BG-MID-03.png); }
#div_centerleft { width: 890px; float: left; }
#div_center { float: right; width: 650px; padding-top: 40px; padding-bottom: 40px; }
#div_left { float: left; width: 240px; }
#div_right { float: right; width: 110px; background-color: #c0c0c0; }

div.section { background-image: url(Images/BG-10-01.jpg); padding: 10px; margin-bottom: 20px; text-align: justify; }
div.section h3 { display: block; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 5px 25px; margin-bottom: 5px; border-bottom: 1px solid #5d4e25/* -160%*/; }
div.section h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }


/* ***** menu *************************************************************** */
div.menuitem { position: absolute; width: 110px; height: 20px; left: 0; }
div.menuitem a { display: block; height: 20px; float: right; padding: 0 15px 0 8px; vertical-align: middle; background-image: url(Images/Menu/BgMenu.gif); }
div.menuitem a:hover { background-position: -200px 0; }
div.menuitem a span { display: block; padding-top: 2px; white-space: nowrap; }
#divmenustatistics { position: absolute; width: 100px; height: 270px; left: 10px; background-image: url(Images/Bg-60.gif); }
#tablemenustatistics { margin: 10px 10px 0 5px; }
#tablemenustatistics tr td { font-size: 9px; padding: 0 2px; }
#tablemenustatistics tr td.gap { font-size: 3px; }


.lt { background-repeat: no-repeat; background-position: left top; text-align: left; vertical-align: top; }
.rt { background-repeat: no-repeat; background-position: right top; text-align: right; vertical-align: top; }
.lb { background-repeat: no-repeat; background-position: left bottom; text-align: left; vertical-align: bottom; }
.rb { background-repeat: no-repeat; background-position: right bottom; text-align: right; vertical-align: bottom; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }



#div_beforemenu { height: 100px; }
#div_menutop { height: 25px; background-image: url(Images/BG-MENU-TOP-02.png); }
#div_menu { width: 200px; }
#div_menu2 { padding: 0 30px 0 30px; background-image: url(Images/BG-MENU-MID-02.png); }
#div_menubottom { height: 25px; background-image: url(Images/BG-MENU-BOTTOM-02.png); }
#ul_menu { list-style: none; }
#ul_menu li { margin: 0px; padding: 0px; }
#ul_menu li.newblock { margin-top: 20px; }
#ul_menu li a { display: block; width: 100%; padding: 2px 0px 2px 5px; text-decoration: none; font-size: 15px; text-align: left; }
#ul_menu li a:hover { background-image: url(Images/BG-10-01.jpg); }



/* ***** content ************************************************************ */
div.contentsection { background-image: url(Images/BG-10-01.jpg); padding: 10px; margin-bottom: 20px; }
div.contentsection h3 { display: block; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 5px 25px; margin-bottom: 5px; border-bottom: 1px solid #5d4e25/* -160%*/; }

/* ***** introduction ******************************************************* */
a.introductionwhatsnew { display: block; margin: 0; padding: 2px; text-decoration: none; text-align: center; }
a.introductionwhatsnew:hover { background-image: url(Images/BgNormal.gif); background-color: transparent; }
a.introductionwhatsnewborder { border-top: 1px solid #5d4e25/* -160%*/; }
#divintroductioncomments { padding: 5px 10px; text-align: left; background-image: url(Images/BG-10-01.jpg) }

#divintroductionleft { float: left; width: 450px; }
#divintroductionpictures { float: right; width: 150px; background-image: url(Images/BG-10-01.jpg); }
#divintroductionpictures div { width: 146px; padding: 2px 0; margin: 0 auto; }
#divintroductionpictures div h3 { font-size: 14px; font-weight: normal; margin: 5px 0; }
#divintroductionoznam { font-size: 15px; text-align: left; padding-left: 20px; margin-bottom: 20px; }
#tableintroguestpict { margin: 0 auto; }
#tableintroguestpict tr td { text-align: center; }
#tableintroguestpict tr td a { display:block; padding: 2px 5px; }
#tableintroguestpict tr td a:hover { background-image: url(Images/BgNormal.gif); background-color: transparent; }

#tableintrovideo { margin: 0 auto; }
#tableintrovideo tr td { text-align: center; }
#tableintrovideo tr td a { display:block; padding: 2px 5px; }
#tableintrovideo tr td a:hover { background-image: url(Images/BgNormal.gif); background-color: transparent; }

div.googleuvod { width: 468px; margin: 20px auto 20px auto; }

#div_introductionoznam { font-size: 15px; text-align: left; padding-left: 20px; margin-top: 20px; margin-bottom: 20px; }

/* ***** about ************************************************************** */
#h2about { font-size: 30px; font-family: serif; font-weight: normal; padding: 20px 0 20px 0; text-align: center; }

/* ***** wallpapers ********************************************************* */
div.wallpaper { background-image: url(Images/BG-20-01.jpg); padding-bottom: 10px; margin: 50px auto 0 auto; width: 322px; text-align: center; }

/* ***** maps *************************************************************** */
#spantooltip { visibility: hidden; }

/* ***** links ************************************************************** */
td.linkshead { font-size: 16px; white-space: nowrap; padding: 5px 20px 5px 20px; border-bottom: 1px solid #5d4e25/* -160%*/; }
td.linksicon { text-align: center; padding: 2px 5px 2px 5px; border-bottom: 1px solid #d5c69d/* -40%*/; }
td.linkslink { padding: 2px 5px 2px 5px; border-bottom: 1px solid #d5c69d/* -40%*/; white-space: nowrap; }
td.linkscomment { font-size: 12px; padding: 3px 5px 3px 5px; border-bottom: 1px solid #d5c69d/* -40%*/; width: 100%; }

a.linkslink { font-size: 12px; }

div.odkazyformularuvod { padding-left: 20px; margin-top: 20px; margin-bottom: 20px; }

/* ***** simplelist ********************************************************* */
#tablesimplelist { width: 80%; margin: 0 auto; }
#tablesimplelist tr td { padding: 0 5px; border-bottom: 1px solid #d5c69d/* -40%*/; background-image: url(Images/BG-20-01.jpg); }
#tablesimplelist tr td.gap { font-size: 6px; background-image: none; }
#tablesimplelist tr td.number { text-align: right; }

/* ***** list *************************************************************** */
#divlisthead { height: 25px; position: relative; }
#divlistbody { background-image: url(Images/BG-20-01.jpg); padding: 10px 0; }

#divlistcastlesactive, #alistcastlesinactive, #divlistmanorsactive, #alistmanorsinactive, #divlistlegendsactive, #alistlegendsinactive { display: block; width: 100px; height: 25px; position: absolute; top: 0px; }
#divlistcastlesactive, #alistcastlesinactive { left: 20px; }
#divlistmanorsactive, #alistmanorsinactive { left: 125px; }
#divlistlegendsactive, #alistlegendsinactive { left: 230px; }
#divlistcastlesactive, #divlistmanorsactive, #divlistlegendsactive { background-image: url(Images/List/TabActive.gif); }
#alistcastlesinactive, #alistmanorsinactive, #alistlegendsinactive { background-image: url(Images/List/TabInactive.gif); background-position: 0 0; }
#alistcastlesinactive:hover, #alistmanorsinactive:hover, #alistlegendsinactive:hover { background-position: -100px 0; }
#divlistcastlesactive, #divlistmanorsactive, #divlistlegendsactive { padding-top: 3px; }
#divlistcastlesinactive2, #divlistmanorsinactive2, #divlistlegendsinactive2 { padding-top: 7px; }
#alistcastlesinactive:hover div, #alistmanorsinactive:hover div, #alistlegendsinactive:hover div { color: #998a61;/* -100% */ }

.listtablehead              { font-size: 16px; font-weight: bold; }
td.listtablehead            { white-space: nowrap; padding-left: 2px; padding-right: 5px; border-bottom: 1px solid #5d4e25/* -160%*/; }
table.listtable             { margin: 0 auto 0 auto; }
td.listtable                { white-space: nowrap; padding: 1px 5px 1px 2px; border-bottom: 1px solid #d5c69d/* -40%*/; }

/* ***** guestbook ********************************************************** */
div.guestbookhead { text-align: left; position: relative; }
div.guestbookhead h3 { display: block; font-size: 16px; text-align: left; padding: 5px 0 5px 75px; margin-bottom: 5px; border-bottom: 1px solid #5d4e25/* -160%*/; }

/* ***** discussion ********************************************************* */
#divdiscussionnocomment { text-align: center; padding: 5px 10px; margin: 10px 0 20px 0; background-image: url(Images/BG-30-01.jpg); }
div.discussionhead { background-image: url(Images/BG-30-01.jpg); padding: 1px 5px; text-align: left; }
div.discussioncontent { background-image: url(Images/BG-10-01.jpg); border: 1px solid #d5c69d/* -40%*/; padding: 5px 10px; margin-bottom: 5px; text-align: left; }
input.discussionrestricted { background-color: transparent; border-width: 0; }
span.discussiondate { font-size: 10px; }
div.discussionauthoradd { margin-top: 10px; padding: 5px 10px; background-image: url(Images/BG-30-01.jpg); }

.discussionprev2 { position: absolute; left: 10px; top: 7px; width: 16px; height: 15px; }
.discussionprev1 { position: absolute; left: 36px; top: 7px; width: 8px; height: 15px; }
.discussionnext1 { position: absolute; left: 555px; top: 7px; width: 8px; height: 15px; }
.discussionnext2 { position: absolute; left: 573px; top: 7px; width: 16px; height: 15px; }

a.discussionprev1 { display: block; background: url(Images/Discussion/Prev1.gif) no-repeat 0 0; }
a.discussionprev1:hover { background-position: -8px 0; }
a.discussionprev2 { display: block; background: url(Images/Discussion/Prev2.gif) no-repeat 0 0; }
a.discussionprev2:hover { background-position: -16px 0; }
a.discussionnext1 { display: block; background: url(Images/Discussion/Next1.gif) no-repeat 0 0; }
a.discussionnext1:hover { background-position: -8px 0; }
a.discussionnext2 { display: block; background: url(Images/Discussion/Next2.gif) no-repeat 0 0; }
a.discussionnext2:hover { background-position: -16px 0; }

/* ***** form *************************************************************** */
#divpassword { text-align: right; margin: 10px 0; }
div.formdiv { padding: 10px; }
td.formtext { text-align: right; padding-right: 5px; vertical-align: top; white-space: nowrap; }
td.forminput { text-align: left; width: 100%; }
td.formtextspecification { text-align: left; font-size: 9px; color: #998a61;/* -100% */ }

/* *** object *************************************************************** */

#ul_objecttab { list-style: none; height: 40px; background: url(Images/TAB_01.png) no-repeat right -120px; margin-bottom: 20px; }
#ul_objecttab li.first { width: 15px; background: url(Images/TAB_01.png) no-repeat 0px -120px; }
#ul_objecttab li { display: inline; float: left; height: 40px; }
#ul_objecttab li a { font: bold 14px/42px sans-serif; letter-spacing: -1; position: relative; float: left; padding: 0 0 0 10px; height: 40px; margin-right: 10px; background: url(Images/TAB_01.png) no-repeat 0px -40px; }
#ul_objecttab li a:hover { background-position: 0px -80px; }
#ul_objecttab li a span.spantab { position: absolute; top: 0; left: 100%; width: 10px; height: 40px; background: url(Images/TAB_01.png) no-repeat right -40px; }
#ul_objecttab li a:hover span.spantab { background-position: right -80px; }
#ul_objecttab li a span.spantabsmall { font-size: 11px; }
#ul_objecttab li a:hover span.spantabsmall { color: #998a61 /*-100%*/; }
#ul_objecttab li span#tabspanleft { font: bold 14px/42px sans-serif; letter-spacing: -1; position: relative; float: left; padding: 0 0 0 10px; height: 40px; margin-right: 10px; background: url(Images/TAB_01.png) no-repeat 0px 0px; }
#ul_objecttab li span#tabspanright { position: absolute; top: 0; left: 100%; width: 10px; height: 40px; background: url(Images/TAB_01.png) no-repeat right 0px; }
#ul_objecttab li span.spantabsmall { font-size: 11px; }

/*
#ul_objecttab { list-style: none; height: 40px; }
#ul_objecttab li { display: inline; float: left; height: 40px; }
#ul_objecttab li > a { font: bold 14px/42px sans-serif; position: relative; float: left; padding: 0 0 0 10px; height: 40px; margin-right: 10px; background: url(Images/TAB_01.png) no-repeat 0px -40px; }
#ul_objecttab li > a:hover { background-position: 0px -80px; }
#ul_objecttab li > a > span { position: absolute; top: 0; left: 100%; width: 10px; height: 40px; background: url(Images/TAB_01.png) no-repeat right -40px; }
#ul_objecttab li > a:hover > span { background-position: right -80px; }
#ul_objecttab li > span { font: bold 14px/42px sans-serif; position: relative; float: left; padding: 0 0 0 10px; height: 40px; margin-right: 10px; background: url(Images/TAB_01.png) no-repeat 0px 0px; }
#ul_objecttab li > span > span { position: absolute; top: 0; left: 100%; width: 10px; height: 40px; background: url(Images/TAB_01.png) no-repeat right 0px; }
*/

/* http://learnwebdesignonline.com/css-based-horizontal-tabs */
/* http://www.vision.to/single-image-tabs-with-three-state-rollover.php */




a.extern { padding-right: 13px; background-image: url(Images/Article/ExternLink.gif); background-repeat: no-repeat; background-position: right 0; }
a.extern:hover { background-position: right -100px; }

/* diskusia */

div.googleobjektdiskusia { width: 468px; margin: 20px auto 20px auto; }


/* *** object pictures ****************************************************** */

td.objectsmallpicture { padding: 0 5px; }
img.objectsmallpicture { border: 1px solid #998a61/* -100% */; }
a.objectsmallpicture:hover img { border-color: #fdeec5;/* 0%*/ }
div.objectsmallpicture { position: relative; }
a.objectpicturenewwindow { display: block; position: absolute; right: 0; bottom: 0; width: 15px; height: 11px; background-image: url(Images/Article/PictureNewWindow.gif); }
a.objectpicturenewwindow:hover { background-position: -15px 0; }

/* *** minimap ************************************************************** */
/* title image exists */
#divobjectheadingleft { width: 210px; float: left; background-image: url(Images/BG-40-01.jpg); padding-bottom: 10px; }
div.objectheadinglefttext { text-align: left; padding: 10px 0 10px 10px; }
#divobjectheadingleftgoogle { text-align: center; }
#divtitleimage { width: 427px; float: right; padding-bottom: 10px; background-image: url(Images/BG-20-01.jpg); }
#imgtitleimage { border: 1px solid #998a61/* -100% */; margin-bottom: 5px; }
td.minimapicons { text-align: center; padding: 2px 0; }
td.minimapiconstext { padding: 2px 0 2px 5px; }
#divminimapclear { clear: both; }

/* title image not exists */
#tableobjectheading { margin-bottom: 10px; background-image: url(Images/BG-40-01.jpg); width: 100%; }
#tableobjectheading tr td { text-align: center; }

#divminimap { width: 173px; height: 89px; position: relative; z-index: 100; margin-left: auto; margin-right: auto; }
#imgminimapcross { position: absolute; z-index: 101; }

/* *** article ************************************************************** */

div.articletextdescription { text-align: justify; padding: 10px 20px; margin-bottom: 20px; background-image: url(Images/BG-40-01.jpg); }

div.articletext { text-align: justify; padding: 10px; margin-bottom: 20px; background-image: url(Images/BG-10-01.jpg); }
div.articletext h2 { font-size: 18px; font-weight: normal; margin: 15px 0 10px; background-image: url(Images/BG-30-01.jpg); clear: both; }
div.articletext h3 { font-size: 16px; font-family: serif; font-weight: bold; margin: 5px 0 2px 0; }
div.articletext h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

#divarticletext { margin: 10px 0 20px 0; text-align: justify; }
#divarticletext h2 { font-size: 18px; font-weight: normal; margin: 20px 0 15px 0; padding-left: 10px; background-image: url(Images/BG-30-01.jpg); clear: both; }
#divarticletext h3 { font-size: 16px; font-family: serif; font-weight: bold; margin: 15px 0 5px 0; padding-left: 10px; }
#divarticletext h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

div.articlesection { background-image: url(Images/BG-10-01.jpg); padding: 10px; margin-bottom: 20px; text-align: justify; }
div.articlesection h3 { display: block; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 5px 25px; margin-bottom: 5px; border-bottom: 1px solid #5d4e25/* -160%*/; }
div.articlesection h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

p { margin: 5px 0 0 0; }
p:first-letter { padding-left: 15px; }

div.articlesectionlink { text-align: center; margin-top: 10px; padding-top: 5px; border-top: 1px solid #d5c69d/* -40%*/; }

div.articlelink { text-align: center; padding: 5px; margin-bottom: 30px; background-image: url(Images/BG-10-01.jpg); }


div.articletextcenter		{ text-align: center; }

.articlesuperscript			{ font-size: 10px; vertical-align: top; }

.articlesmall				{ font-size: 11px; color: #998a61/* -100% */; }
div.articlesmall			{ margin: 10px 0 0 0; }
a.articlesmall				{ font-weight: bold; text-decoration: none; }
a.articlesmall:hover		{ color: #808080; }

div.articleimages			{ text-align: center; margin: 40px 0 0 0; }

div.articleimagelink		{ margin: 20px 0 20px 0; text-align: center; }
a.articleimagelink			{ display: block; margin: 0 auto 0 auto; background-color: #606060; }
a.articleimagelink:hover	{ background-color: #d0d0d0; }
img.articleimagelink		{ border-width: 0; }

div.articlepicture			{ text-align: center; }
table.articlepicture		{ margin: 20px auto 20px auto; }

img.articlemore				{ border-width: 0; margin: 0 0 0 5px; vertical-align: top; }
img.articleicon				{ border-width: 0; margin: 0 2px 0 2px; vertical-align: middle; }

div.googlemaps				{ text-align: center; margin: 20px 0 20px 0; padding: 0; }
iframe.googlemaps			{ margin: 0 auto 0 auto; padding: 0; border: 0; }

div.objectlink				{ margin-top: 5px; }

#articleanswer { text-align: center; padding: 5px 20px; margin: 10px 0; background-image: url(Images/BG-30-01.jpg); }

/* *** objectpictures ******************************************************* */
#divobjectpictures { width: 620px; text-align: center; margin: 10px auto; }
table.objectpictures { margin: 0 auto 0 auto; }

/* *** objectpicture ******************************************************** */

div.googleobjectpicture { width: 468px; margin: 20px auto 20px auto; }
div.objectpicturereklama { width: 468px; height: 60px; margin: 20px auto 20px auto; }

#divobjectpicture { background-image: url(Images/BG-20-01.jpg); margin: 0 auto; }
#imgobjectpicture { border: 1px solid #998a61/* -100% */; }
#divobjectpicturecomment { padding: 5px; }
#imgobjectpictureprev { float: left; margin: 0 10px 10px 0; }
#imgobjectpicturenext { float: right; margin: 0 0 10px 10px; }

#aobjectpictureprev { display: block; float: left; margin: 0 10px 10px 0; width: 15px; height: 15px; background-image: url(Images/PreviousPicture.gif); background-position: 0 0; }
#aobjectpictureprev:hover { background-position: -15px 0; }
#aobjectpicturenext { display: block; float: right; margin: 0 0 10px 10px; width: 15px; height: 15px; background-image: url(Images/NextPicture.gif); background-position: 0 0; }
#aobjectpicturenext:hover { background-position: -15px 0; }

/* *** objectvideo ********************************************************** */

div.objectvideocomment { font-size: 15px; text-align: justify; padding-left: 20px; margin-top: 20px; margin-bottom: 30px; }
div.objectvideo { text-align: center; margin-bottom: 30px; }
div.objectvideoadded {font-size: 14px; padding: 20px; }

div.objectvideopreview { margin: 40px; font-size: 15px; }
a.objectvideopreview { margin-right: 40px; float: left; }

/* *** guestpicture ********************************************************* */
div.guestpicturenotsolvedhead { text-align: left; padding: 0 10px; background-image: url(Images/BG-30-01.jpg); }
div.guestpicturenotsolved { text-align: left; margin-bottom: 5px; padding: 5px 20px; border: 1px solid #dfd0a7/* -30%*/; }
div.guestpicturesolved { text-align: left; margin-bottom: 5px; padding: 1px 10px; background-image: url(Images/BG-20-01.jpg); }

/* *** lang ***************************************************************** */
#tablelang { width: 100%; margin: 0 auto; }
#tablelang tr td { vertical-align: top; }
td.tablelanghead { font-size: 16px; font-weight: bold; }
td.tablelangid { font-weight: bold; background-image: url(Images/BG-20-01.jpg); }
td.tablelangnew { font-size: 11px; color: #998a61/* -100% */; }

/* pozadie #fdf2c3 */
/* pismo - pozadie-200% #5d5223 */
/* a hover - pozadie-100% #998e5f */
/* pozadie-40% #d5ca9b */
/* input border #c1b687 */
/* picture not solved border - pozadie-30% #dfd4a5 */

/* Nove farby */
/* pozadie #fdeec5 */
/* pismo - pozadie-160% #5d4e25 */
/* hover - pozadie-100% #998a61 */

/* stare farby */
/* -10% #f3e4bb */
/* -20% #e9dab1 */
/* -30% #dfd0a7 */
/* -40% #d5c69d */
/* -50% #cbbc93 */
/* -60% #c1b289 */
/* -100% #998a61 */
/* -160% #5d4e25 */
/* -200% #352600 */

/* Zakladna farba: #fbf1ca */
/* -10% */
/* -20% */
/* -30% */
/* -40% */
/* -50% */
/* -60% */
/* -100% */
/* -160% #5b512a */
/* -200% #332902 */