html { background: #cf7226 url(/images/html_bg.png) repeat-x; color: white; font-family: "Helvetica, Arial, sans-serif" }

/******* Absolute positioned ******/
.homepage .fp_cross a,
.homepage .map a { display: block; position: absolute; z-index: 5; }

/******* Relative position wrappers ******/
.homepage .fp_cross,
.homepage .map div { position: relative; z-index: 2; }

/******* Header ******/
#hd { background: transparent url(/images/sprites.png) no-repeat right bottom; margin-bottom: 2em; }
#hd ul { display: block; margin-top: 3px; }
#hd ul li { display: inline; }
#hd ul li span,
#hd ul li a { display: inline-block; font-weight: bold; text-decoration: none; height: 44px; width: 76px; line-height: 44px; color: white; text-align: center; }
#hd ul li span { background: transparent url(/images/sprites.png) no-repeat 0 -59px; }
#hd ul li a:hover { text-decoration: underline; }
#hd h2 { margin: 2em 0 0 30px; font-size: 167%; font-weight: bold; }
#hd h2 a { color: white; text-decoration: none; }
#hd h2 a strong { display: block; font-size: 416%; margin-left: -4px; }

/* BODY */
#bd { }
#bd h1 { font-size: 197%; text-transform: uppercase; margin-bottom: 1em; font-weight: bold; }
#bd h1.homepage { display: none; }
.text_content h2,
.text_content h3 { clear: both; }
.text_content h2 { font-size: 131%; font-weight: bold; margin: 1em 0 .5em 0; }
.text_content h2 a:hover { text-decoration: underline; }
.text_content h3 { font-size: 116%; font-weight: bold; margin: 1em 0 .5em 0; }
.text_content h4 { margin: 1em 0 .5em 0; font-weight: bold; }
.text_content strong { font-weight: bold; }
.text_content em { font-style: italic; }
.text_content strong em { font-weight: bold; }
.text_content a { color: #fff; }
.text_content a:hover { color: #f1cfb4; }
.text_content dl dd,
.text_content p { text-align: justify; line-height: 130%; margin-bottom: 1em; font-size: 108%; }
.text_content p img { float: left; vertical-align: top; margin: .3em .5em 1em 0; }
.text_content ol,
.text_content ul { padding-left: 1.5em; margin-bottom: 1em; }
.text_content ol ol,
.text_content ol ul,
.text_content ul ol,
.text_content ul ul { padding-left: 1.2em; margin-bottom: 0; margin-top: .4em; }
.text_content ol li, 
.text_content ul li { margin-bottom: .4em; }
.text_content ol li { list-style: decimal; }
.text_content ul li { list-style: square; }
.text_content ol ol li { list-style: lower-alpha; }
.text_content ul ul li { list-style: circle; }
.text_content ol ul li { list-style: square; }
.text_content ul ol li { list-style: decimal; }
.text_content pre { background: #f1cfb4; border: 1px solid #fff; color: #cf7226; padding: .5em; width: 35em; margin-bottom: 1em; font-family: monospace; white-space: normal; }
.text_content pre code { overflow: auto; color: black; }
.text_content blockquote { margin: 0 0 1em .5em; border-left: .4em solid #fff; padding-left: .4em; }
.text_content hr { margin: 1em 0; border-style: none; background: #fff; height: 1px; overflow: hidden; clear: both; }
.text_content .align_left { float: left; margin: 0 1em 1em 0; }
.text_content .align_right { float: right; margin: 0 0 1em 1em; }
.text_content .align_center { clear: both; margin: 1em auto; }
.text_content .article_images { margin-top: 1em; }
.text_content .article_images .image { display: inline-block; margin: 1em 1em 0 0; }
.text_content .article_images .image img { border: 5px solid #d0762c; padding: 1px; vertical-align: top; }
.text_content .article_images .image img:hover { border-color: #e0863c }

#bd #yui-main .yui-b { margin-left: 210px; }
#bd .secondary_column h3 { font-weight: bold; margin-bottom: .5em; margin-left: 10px; font-size: 108%; }
#bd .secondary_column p { margin-left: 10px; font-size: 93%; }
#bd .secondary_column a { color: white; }
#bd .secondary_column a:hover { color: #f1cfb4; }
#bd .secondary_column ul.menu { padding-top: .5em; margin-bottom: 3em; }
#bd .secondary_column ul.menu li { display: block; }
#bd .secondary_column ul.menu li a { display: block; width: 157px; padding: 0 10px; height: 29px; line-height: 29px; background: transparent url(/images/sprites.png) no-repeat left top; color: white; font-weight: bold; font-size: 100%; text-decoration: none; overflow: hidden; margin-bottom: 3px; }
#bd .secondary_column ul.menu li.active a,
#bd .secondary_column ul.menu li a:hover { background-position: 0 -29px; }

#bd h2 { font-size: 156%;  font-weight: bold; margin: 1em 0 0.5em; }
#bd form li { margin-top: 0.8em; display: block; }
#bd form li.column2 { display: inline-block; width: 48%; margin-right: 2%; }
#bd form li.second { margin-left: 1%; margin-right: 0; }
#bd form li label { display: block; font-weight: bold; margin-bottom: .3em; font-size: 93%; }
#bd form li textarea,
#bd form li input.text,
#bd form li input.short_field { padding: .1em .5em; border: 1px solid #f1cfb4; background: #C75A01; color: white; }
#bd form li .text { width: 20em; }
#bd form li .short_field { width: 10em; }
#bd form li .textarea { width: 50em; }


.homepage .yui-g h2 { margin-left: 30px; }
.homepage .yui-g h2 a { text-decoration: none; }
.homepage .yui-g ul { padding: 0; margin-left: 30px; }
.homepage .yui-g ul li { list-style: none; margin: 0; font-size: 100%; }
.homepage .fp_cross { height: 330px; overflow: hidden; background: transparent url(/images/sprites.png) no-repeat -250px 0; margin-bottom: 3em; }
.homepage .fp_cross a { text-indent: -3000px; text-decoration: none; background: transparent url(/images/images.jpg) no-repeat; overflow: hidden; }
.homepage .fp_cross a span { display: block; background: transparent url(/images/sprites.png) no-repeat -250px -350px; position: absolute; z-index: 50; width: 50px; height: 25px; }
.homepage .fp_cross a.hostel { top: 31px; left: 397px; background-position: -500px 0; width: 319px; height: 248px; }
.homepage .fp_cross a.hostel span { background-position: -686px -254px; bottom: 0; right: 230px; }
.homepage .fp_cross a.penzion { top: 33px; left: 34px; background-position: -820px 0; width: 323px; height: 242px; }
.homepage .fp_cross a.penzion span { background-position: -369px -250px; bottom: 0; left: 85px; }
.homepage .map { height: 354px; background: transparent url(/images/sprites.png) no-repeat -250px -350px; padding-top: 19px; padding-left: 125px; }
.homepage .map div { background: transparent url(/images/images.jpg) no-repeat; height: 302px; width: 500px; overflow: hidden; }
.homepage .map a { text-indent: -3000px; text-decoration: none; overflow: hidden; width: 160px; height: 60px; }
.homepage .map a.hostel { top: 80px; left: 40px; }
.homepage .map a.penzion { top: 220px; left: 220px; }

.homepage p,
.homepage address { font-weight: bold; text-align: center; margin-bottom: 2em; }

/* FOOTER */
#ft { margin-top: 2em; padding-bottom: 2em; font-size: 85%; text-align: center; }

/******* Backgrounds ******/
html { background-color: #cf7226; background-image: url(/images/html_bg.png); }
#hd,
#hd ul li span,
#bd .secondary_column ul.menu li a,
.homepage .fp_cross,
.homepage .map { background-image: url(/images/sprites.png); }