/* html elementy */
* { padding: 0; margin: 0; }

body { background: #fff; color: #4a4a4a;  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

/* labels */
h1 { font-size: 1.1em; margin-bottom: 4px; }
h1 { background-color: #d2d3ce; color: #96988e; height: 20px; padding: 13px 5px 7px 10px; text-transform: uppercase; text-decoration: none; font-weight: bolder; letter-spacing: 1px;  }
h1, h2, h3 { margin: 3px 0 5px 0; }
h2  { font-size: 1.4em; font-weight: bolder; }
h3 { font-size: 95%; }
h4 { font-size: 95%; }
h5 { font-size: 95%; }
td { padding: 5px; }
table { border-collapse: collapse; }
form { padding: 0; margin: 0; }
strong { font-weight: bold; }
li { list-style: none; }

/* links */
a { color: #2a2a2a; text-decoration: underline; }
a:hover { color: #b60000; text-decoration: none; }

a.nav { color: #b60000; text-decoration: underline; }
a.nav:hover { color: #2a2a2a; text-decoration: none; }

.nav a { color: #b60000; text-decoration: underline; }
.nav a:hover { color: #2a2a2a; text-decoration: none; }

img { border: 0; }
a img { border: solid 1px #D2D3CE; }

/* positions */
.reset { clear: both; }
.left { float: left; }
.right { float: right; }
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

.v-pad { padding: 3px 0; }
.v-pad10 { padding-top: 10px; padding-bottom: 10px; }
.h-pad { padding: 0 3px; }
.h-pad10 { padding-left: 10px; padding-right: 10px; }

/* visibility */
.hidden { display: none; visibility: hidden; }
.no-display { display: none; }

/* fonts */
.bold { font-weight: bold; }
.italic {  font-style:italic; }
.capitalize { text-transform: uppercase; }

.small { font-size: 0.95em; }
.big { font-size: 1.2em; }

/* size */
.w200 { width: 200px; }

.w50p { width: 291px; }
.w25p { width: 15px; }
.w33p { width: 194px; }
.w100 { width: 582px; }

/* colors */
.bg-red { background-color: #b60000; }
.bg-grey { background-color: #4a4a4a; }

/* main layout */
#head { background: #d2d3ce url('../images/head-background.jpg') no-repeat; width: 1000px; height: 440px; font-size: 12px; }
#head a { width: 1000px; height: 301px; display: block;  font-size: 12px; }

#langs { position: absolute; right: 20px; top: 20px; }
#langs a img { border: 0; }
#langs img { border: 0; }

#leftColumn { float: left; width: 196px; overflow: hidden; position: relative; left: -592px; }
#mainColumn { float: left; width: 582px; overflow: hidden; position: relative; left: 196px; padding: 0 5px; }
#rightColumn {float: left;  width: 196px;  overflow: hidden; }

#outerContainer { background: #d2d3ce; position: relative; margin: 0 auto; width: 1000px; padding: 0 10px; }
#innerContainer { background-color: #fff; padding: 8px; padding-bottom: 0; }
#bottomContainer { background: #d2d3ce url('../images/container-bottom.png') no-repeat; height: 14px; width: 1000px; margin-bottom: 10px; } 

/* navigation */
#navigation { position: absolute; top: 321px; left: 29px; }
#navigation span { font-weight: bolder; font-size: 12px; }
#navigation ul { list-style: none; display: inline; }
#navigation ul li { display: inline; font-size: 12px; }
#navigation ul li a { }
#navigation ul li a:hover { }

/* horizontal menu */
#hmenu { position: absolute; top: 350px; height: 49px; }
#hmenu-left { float: left; background: url('../images/hmenu-left.png') no-repeat; height: 50px; width: 13px; }
#hmenu-content { float: left; background: url('../images/hmenu-background.png') repeat; height: 50px; width: 974px; }
#hmenu li { float: left; height: 50px; background: url('../images/hmenu-split.png') no-repeat top right; font-size: 12px; }
#hmenu li.first { width: 65px; }
#hmenu li.first a { padding-left: 5px; }
#hmenu li a { float: left; display: block; height: 32px; padding: 18px 15px 0 15px; text-transform: uppercase; color: #ababab; text-decoration: none; font-weight: bolder; letter-spacing: 1px; }
#hmenu li a:hover { text-decoration: underline; }
#hmenu li.selected a { background: url('../images/hmenu-selected.png') repeat;   margin-right: 2px;}
#hmenu li[class=selected] a { margin-right: 4px;}
#hmenu-right { float: left; background: url('../images/hmenu-right.png') no-repeat; height: 50px;  width: 13px; }

/* horizontal submenu */
#hmenu-sub { position: absolute; left: 88px; top: 401px; height: 39px; width: 922px; }
#hmenu-sub { position: absolute; left: 10px; top: 401px; height: 39px; width: 1000px; }
#hmenu-sub-left { float: left; background: url('../images/hmenu-sub-left.png') no-repeat; height: 32px; width: 10px; }
#hmenu-sub-left { float: left; background: #044806 none; height: 32px; width: 19px; }
#hmenu-sub-content { float: left; background-color: #044806; height: 32px; width: 915px; }
#hmenu-sub-content { float: left; background-color: #044806; height: 32px; width: 981px; }
#hmenu-sub li { float: left; height: 24px; background: url('../images/hmenu-sub-split.png') no-repeat top right; padding: 8px 5px 0 5px; color: #fefefe; font-size: 12px; }
#hmenu-sub li a { color: #fefefe; text-decoration: underline; padding-left: 5px; }
#hmenu-sub li a:hover { text-decoration: none; }
#hmenu-sub li.first a { padding-left: 0; }
#hmenu-sub li.selected a { font-weight: bolder;  }

/* vertical menu */
ul.menu li { padding: 0 0 4px 0px; list-style: none; font-size: 12px; }
ul.menu li a { padding-left: 17px; font-weight: bolder; background: #d2d3ce url('../images/menu-hide.png') no-repeat 5px -5px;  display: block; }
ul.menu li.open { }
ul.menu li.open a { color: #b60000; text-decoration: none;  background: #d2d3ce url('../images/menu-open.png') no-repeat 5px -5px; }
ul.menu-sub { padding-top: 5px; }
ul.menu-sub li { list-style: none; padding-left: 10px;  display: block;  }
ul.menu li ul.menu-sub li a { color: #000;  text-decoration: underline; font-weight: normal; padding-left: 17px; background: #d2d3ce url('../images/menu-sub-hide.png') no-repeat 5px -5px;  display: block; font-size: 12px; }
ul.menu li ul.menu-sub li.open a { color: #b60000;  text-decoration: none; background: #d2d3ce url('../images/menu-sub-open.png') no-repeat 5px -5px;  }

/* foot */
#foot { clear: both; background-color: #d2d3ce; height: 69px; }
#foot-left { float: left; background: url('../images/foot-left.png') no-repeat; height: 69px; width: 12px; }
#foot-content { float: left; background: url('../images/foot-background.png') repeat; height: 69px; width: 976px; }
#foot-content-left { float: left; width: 350px;  padding: 30px 0 0 5px;}
#foot-content-left li { display: inline; font-size: 12px; }
#foot-content-left li a.rss img { position: relative; top: 4px; left: 2px; border: 0; }
#foot-content-left li a { color: #c4c4c4; text-decoration: underline; }
#foot-content-left li a:hover { color: #fff; text-decoration: none; }
#foot-content-right { float: right; width: 550px; text-align: right; color: #c4c4c4; padding: 20px 5px 0 0; font-size: 12px; }
#foot-content-right a { color: #abe9ad; font-size: 12px; }
#foot-content-right a:hover { color: #abe9ad; }
#foot-right { float: left; background: url('../images/foot-right.png') no-repeat; height: 69px;  width: 12px; }

/* homepage */

#homepage { float: left; clear: both; width: ; border-collapse: collapse;  width: 573px; }

#homepage tr { width: 190px; }
#homepage tr.label th { width: 190px; border: 5px solid #fff; border-top: 0; border: bottom: 0; }
#homepage tr.sep td { background: #fff url('../images/sep-h-dot.png') repeat-x left top; height: 5px; }
#homepage tr.img td { text-align: center; }
#homepage tr.img td img { width: 180px;  }
#homepage tr.more td { text-align: right; }
#homepage tr td { padding: 5px; vertical-align: top; overflow: hidden; }

#homepage tr.label th h2 { background-color: #d2d3ce; color: #96988e; height: 20px; padding: 13px 0 7px 7px; text-transform: uppercase; text-decoration: none; font-weight: bolder; letter-spacing: 1px; font-size: 1em;  }
#homepage tr.label th h2 a { text-decoration: none; color: #96988e; }
#homepage tr.label th h2 a:hover { text-decoration: underline; }
#homepage tr.label th h2 { width: 180px; }
.homepage-box-clanek { margin-bottom: 4px; }
.homepage-box-clanek a { }

/* box 196px */
.box-nolabel, .box { width: 196px; padding-top: 3px; }
.box { background: url('../images/box-top-label.png') no-repeat; }
.box-nolabel { background: url('../images/box-top.png') no-repeat; }
.box-graylabel { background: url('../images/box-top-gray.png') no-repeat; }
.box-break { margin-top: 10px; }
.box .box-label { width: 190px; height: 40px; margin: 0px 3px 0 3px; text-align: center; height: 27px; padding-top: 13px; text-transform: uppercase; color: #fefefe; text-decoration: none; font-weight: bolder; letter-spacing: 1px; font-size: 12px;  }
.box .box-label a { text-decoration: none; color: #fefefe; }
.box .box-label a:hover { text-decoration: underline; }
.box .box-content { background: url('../images/box-background.png') repeat-y 0 10px; margin-top: 15px; overflow: hidden; padding: 0 10px; }
.box-nolabel .box-content { margin-top: 10px; }
.box .box-content-inner { padding: 5px; }
.box .box-bottom { background: url('../images/box-bottom.png') no-repeat; height: 14px; margin: 0; padding: 0;}

/* custom-box ?px */
.custom-box { padding: 0px; float: left; padding-bottom: 6px; }
.custom-box-last { background-color: #fff;  }
.custom-box h2 { margin: 3px 6px 0 3px; padding: 11px 0; }

.custom-box h3 a { color: #b60000; text-decoration: underline; }
.custom-box h3 a:hover { color: #2a2a2a; text-decoration: none; }

.custom-box-break { padding-top: 5px; }

.custom-box .box-label { background-color: #d2d3ce; color: #96988e; height: 20px; padding: 13px 0 7px 7px; text-transform: uppercase; text-decoration: none; font-weight: bolder; letter-spacing: 1px; font-size: 1em;  }
.custom-box .box-label a { text-decoration: none; color: #96988e; }
.custom-box .box-label a:hover { text-decoration: underline; }
.custom-box .box-content { margin-top: 5px; overflow: hidden; padding: 0 3px; }
.custom-box .box-content .obrazek img { width: 265px;}
.custom-box .box-bottom { background: url('../images/box-bottom.png') no-repeat; height: 14px; margin: 0; padding: 0;}

.custom-box .custom-box-last { margin-right: 0; padding-right: 0; }

.sep-h-dot { float: left; width: 583px; height: 2px; margin: 0; border: 0; padding: 0; background: #fff url('../images/sep-h-dot.png') repeat-x left top; }
.sep-v-dot { margin-right: 5px; background: url('../images/sep-v-dot.png') repeat-y top right; }
.sep-v-33p-dot { background: #fff url('../images/sep-v-33p-dot.png') repeat-y left top; }
.sep-v-33p-dot .box-content { padding: 0 10px; }

.overview { padding: 0 10px; }
  .detail { padding: 0 10px; }
.overview li { padding-bottom: 10px; }

.info { font-size: 0.95em; margin-bottom: 5px; color: #96988e; }
.info li { display: inline; }
.info li span { font-weight: bolder; padding-right: 3px;  }
.info .date { font-size: 0.95em; }
.info .author { padding: 10px 0; font-size: 0.95em; }
.info .source { padding: 10px 0; font-size: 0.95em; }

.overview .content { color: #000; padding: 10px 0; }
.overview .content p { margin-bottom: 10px; }

.overview .buttons { background-color: #d2d3ce; color: #96988e; padding: 5px 10px; text-align: right; margin-top: 10px; }
.overview .buttons li { display: inline; color: #96988e;  }


.overview .perex { padding: 0 0 10px 0; }
.overview .perex img { float: left; }
.overview li { clear: both; }
  .detail .perex { padding: 0 0 10px 0; font-weight: bolder; }
  .detail .img { margin-bottom: 10px; }
.overview .img { float: left; margin: 0 10px 10px 0; }

.detail .content { color: #000; padding: 10px 0; margin: 0 0px; }
.detail .content p { margin-bottom: 10px; }

.detail .buttons { background-color: #d2d3ce; color: #96988e; padding: 5px 10px; text-align: right; margin-top: 10px; }
.detail .buttons li { display: inline; color: #96988e;  }

.detail #gallery { text-align: center; margin-bottom: 10px; }

.browser { text-align: center; margin: 20px 0; } 
.browser .items { display: inline;  } 
.browser .items a, .browser .items span  { padding: 0 3px;  } 

.hp-aktuality { clear: both; }
.hp-aktuality li { float: left; width: 277px; clear: both; padding: 3px 3px; }
.hp-aktuality li.even { background-color: #f4f5f0; }
.hp-aktuality li .date { width: 47px;  float: left; color: #2a962e; font-weight: bolder; }
.hp-aktuality li .href { width: 230px; float: left; }
.hp-aktuality li .href a { font-weight: bolder;  }

ul.kalendar {}
ul.kalendar li {}
ul.kalendar li a { color: #2a2a2a; }
ul.kalendar li a:hover { color: #b60000; }
ul.kalendar li { width: 100%; background: url('../images/sep-h-dot.gif') repeat-x left bottom; padding: 6px 0; }

.search { width: 100%; }
.search .text { background: url('../images/search-input.png') no-repeat left top;  width: 145px; border: 1px solid #b7b7b7; padding: 7px 4px 3px 6px; margin: 0; height: 15px; display: inline; color:#b7b7b7; }
.search .button { background: url('../images/search-button.png') no-repeat -5px -0px; padding: 0; margin: 0; border: 0; width: 13px; height: 27px; display: inline; }

#mapawebu ul { margin-bottom: 5px; }
#mapawebu ul li { margin-left: 25px; }

#rss-list { margin-bottom: 5px; }
#rss-list li { margin-left: 20px; }
#rss-list li a.rss img { position: relative; top: 4px; left: 2px; border: 0; margin-right: 4px; }