/* ZAKLADNI TAGY */

body { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #5F5F5F; 
  margin: 0px; 
  padding: 0px;
  background-color: #EAF5FF; 
}

div { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #5F5F5F; 
}

p { 
  margin-top: 4px;
  margin-bottom: 8px;
}

td { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #5F5F5F; 
}

h1 { 
  font-size: 14px; 
  color: #CC0000;
  margin-top: 0px; 
  margin-bottom: 0px; 
}

h2.top {
  font-size: 12px; 
  color: #5089C7;
  margin-top: 0px; 
  margin-bottom: 0px; 
}

h3.box {
  font-size: 11px; 
  color: #FFFFFF;
  margin-top: 0px; 
  margin-bottom: 0px; 
}

h2 {
  font-size: 11px; 
  color: #CC0000;
  margin-top: 0px; 
  margin-bottom: 4px;
}

input.obj {
  font-size: 11px; 
  border: 1px solid #4E87C6;
  background: #F6F6F6;
}

input.adm {
  font-size: 11px; 
}

input.button {
  background: #538BC8; 
  color: white; 
  border: black solid 1px;
  font-size: 11px;
}

textarea.obj {
  font-size: 11px; 
  border: 1px solid #4E87C6;
  background: #F6F6F6
}

textarea.adm {
  font-size: 11px; 
}


a {
  text-decoration: underline; 
  color: #CC0000; 
}

a:hover {
  color: #407CBE; 
  text-decoration: underline; 
}

ul.left-menu { 
  margin-bottom: 0px; 
  margin-left: 0px; 
  margin-top: 0px; 
  padding-left: 17px; 
  list-style-image: url(images/odrazka.gif); 
  list-style-position: outside; 
}

ul{ 
  margin-bottom: 0px; 
  margin-left: 6px; 
  margin-top: 0px; 
  padding-left: 17px; 
  list-style-image: url(images/odrazka.gif); 
  list-style-position: outside; 
}


li { 
  margin-top: 9px; 
  margin-bottom: 8px; 
}


a.menu {
 font-size: 11px; 
 color: #FFFFFF;
 text-decoration: none;
 font-weight: bold; 
}

a.menu:hover {
 font-size: 11px; 
 color: #BDD2EA;
 text-decoration: none; 
 font-weight: bold;  
}

a.left-menu {
 font-size: 11px; 
 color: #2766AB;
 text-decoration: underline;
}

a.left-menu:hover {
 font-size: 11px; 
 color: #CC0000;
 text-decoration: underline; 
}

.menu-spacer {
 margin-left: 4px; 
 margin-right: 4px;
}


#main
{
  background: url(images/bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
}

#top-main {
  width: 765px; 
  height: 118px; 
  background: url(images/top4.jpg) no-repeat;
}

#top-main1 {
  width: 765px; 
  height: 118px; 
  background: url(images/top1.jpg) no-repeat;
}

#top-main2 {
  width: 765px; 
  height: 118px; 
  background: url(images/top2.jpg) no-repeat;
}

#top-main3 {
  width: 765px; 
  height: 118px; 
  background: url(images/top3.jpg) no-repeat;
}

#top-main4 {
  width: 765px; 
  height: 118px; 
  background: url(images/top4.jpg) no-repeat;
}

#top1-left {
  float: left; 
  width: 50px; 
  padding-left: 5px;
}

#top1-right {
  float: left; 
  padding-left: 5px; 
  padding-top: 14px;
}

#top2 {
  clear: both; 
  text-align: left; 
  padding-left: 8px; 
  padding-top: 12px;
}

#top3 {
  text-align: left; 
  padding-top: 14px;
}


#content {
  width: 765px; 
}

#left {
  margin-top: 4px; 
  float: left; 
  width: 175px; 
  text-align: left;
}

#left-nadpis {
  padding-left: 8px; 
  line-height: 21px; 
  height: 22px;  
  background: url(images/nadpis-bg.png); 
  background-repeat: repeat-x;
}

#left-text {
  height: 370px; 
  background: url(images/left-bg.gif); 
  background-repeat: repeat-y;  
  padding-left: 8px; 
  padding-top: 1px; 
  padding-right: 6px;
}

#left-bottom {
  margin-bottom: 4px; 
  background: url(images/left-bottom.gif); 
  width: 175px;
}

#middle {
  margin-top: 4px; 
  float: left; 
  width: 295px; 
  text-align: left;
  background: url(images/home-line.gif); 
  background-repeat: repeat-y; 
  
}

#middle-text {
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
}

#right {
  margin-top: 4px; 
  float: left; 
  width: 295px; 
  text-align: left;
  min-height: 400px;
  margin-bottom: 4px;
}


#right-nadpis {
  margin-left: 4px; 
  margin-right: 4px; 
  padding-left: 8px; 
  line-height: 21px; 
  height: 22px; 
  background: url(images/nadpis-bg.png); 
  background-repeat: repeat-x;
}

#right-default {
  width: 590px;
  float: right; 
  text-align: left;
  padding-top: 8px;
}


#right-default-text {
  padding-left: 10px;
  padding-right: 4px;
}

#bottom {
  width: 765px; 
  background: url(images/bottom-bg.png); 
  height: 22px; 
  text-align: left; 
}


#bottom-left {
 float: left; 
 font-size: 10px;
 color: #FFFFFF;
 padding-left: 6px; 
 padding-top: 5px;
 font-weight: bold; 
}


#bottom-right {
 float: right;
 font-size: 11px;
 color: #FFFFFF;
 padding-top: 5px;
 padding-right: 10px;
}

a.bottom {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 11px;
}

a.bottom:hover {
 color: #BDD2EA;
 text-decoration: none;
 font-size: 11px;
}

.bottom-odrazka {
  margin-left: 6px;
  margin-right: 2px;
}

.news-nadpis {
  color: #407CBE; 
  font-weight: bold; 
  margin-bottom: 4px;
}

.obrazek {
  border: #6D9DD1 1px solid; 
  margin-left: 3px;  
  float: right; 
}

.newsa {
  margin-top: 5px;
  margin-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.news-text {
 margin-bottom: 6px; 
}

a.news-link {
  color: #CC0000; 
  text-decoration: underline; 
}

a.news-link:hover {
  color: #407CBE; 
  text-decoration: underline; 
}

.news-line {
 margin-top: 4px;
}

.blue-line {
 margin-bottom: 10px;
 margin-top: 8px;
}

.default-line {
 width: 575px; 
 background: url(images/default-line-bg.gif); 
 margin-bottom: 6px;
}

.red {
 color: #CC0000;
}

.default {
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #5F5F5F; 
}

.katalog-left {
  float: left; 
  width: 410px;
  text-align: justify;
  padding-right: 10px;
  padding-left: 8px;
}

.katalog-right {
  float: left; 
  width: 150px;
  text-align: center; 
}

.katalog-cleaner {
  clear: both;
  height: 8px;
}

.news_on {
   margin-bottom: 8px; 
   border: #C5C8D1 1px solid; 
   padding: 4px;
   background-color: #EEF4FB
}

.news_off {
   margin-bottom: 8px; 
   border: #C5C8D1 1px solid; 
   padding: 4px; 
   background-color: #FFEEEE
}
