body { 
  /* background: url(images/bg.jpg) #A4C7E7 repeat-x; */
  background: #E1E3E4; 
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  margin: 0;
  padding: 0;
}  
td { 
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
}

p { 
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  margin-top: 4px;
  margin-bottom: 8px;
  text-align: justify;
}

div { 
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
}

h1 {
 font-size: 13px; 
 color: #F8AF05; 
 margin: 0; 
 padding:0; 
} 

h2 {
 font-size: 12px; 
 margin: 0; 
 padding:0; 
 font-weight: bold;
} 

h2.katalog {
 font-size: 12px; 
 margin: 0px 0px 4px 0px; 
 padding:0;
 font-weight: bold;
}


ul { 
  margin-bottom: 0px; 
  margin-left: 0px; 
  margin-top: 4px; 
  padding-left: 18px;
  list-style-image: url(/images/tecka-seznam.gif); 
}

ol { 
  margin-bottom: 0px; 
  margin-left: 15px; 
  margin-top: 4px; 
  padding-left: 18px;
}


li { 
  margin-top: 6px; 
  margin-bottom: 6px; 
}


a {  
  color: #F7AF05;
  text-decoration: underline 
}

a:hover {
  color: #3F85C3;
  text-decoration: underline 
}


input.form  {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  border: 1px #000000 solid;  
}
input.submit {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #FFFFFF; 
  border: 1px #307DC1 solid; 
  background-color: #307DC1; 
}

select {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000;  
  border: 1px #000000 solid;
}

textarea {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 11px; 
  color: #000000; 
  border: 1px #000000 solid;
}


.orange {
 color: #F8AF05;  
}

.blue {
  color: #3F85C3;
}


.obrazek {
  border: 1px solid #307DC1;
}

.cleaner {
 clear: both;
 height: 1px;
 margin: 0;
 padding: 0;
}

.bold-line {
  background-color: #999999;
  height: 2px;
}

.line {
 background-color: #BABCBE; 
 height: 1px; 
 margin-bottom: 8px;
}

a.blue {
  color: #3F85C3;
  text-decoration: underline 
}

a.blue:hover {
  color: #F7AF05;
  text-decoration: underline 
}

a.yellow {  
  color: #F7AF05;
  text-decoration: underline 
}

a.yellow:hover {
  color: #3F85C3;
  text-decoration: underline 
}

/*  NEW STYLES */

#top {
  height: 35px;
  background: #3F85C3;
  text-align: right;
  width: 820px; 
  
}

#top div {
  color: #FFFFFF;
  margin-right: 20px;
  padding-top: 12px;
  background: transparent;
}

#top a {
  color: #FFFFFF;
  text-decoration: none;
}

#top a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#top-flash {
  width: 820px;
  height: 254px;
  background: #3F85C3; 
}

#top-middle {
  height: 80px;
  width: 820px;
  background: url(/images/bg-top-middle.gif);
  text-align: left;
}

#top-middle-left {
   width: 270px;
   float: left;  
   background: transparent;
}

#top-middle-left #inner {
   margin-left: 36px;
   margin-top: 12px;
}

#top-middle-right {
   width: 550px;
   float: left;
   background: transparent;
   
}

#top-middle-right #inner {
   margin-right: 30px;
   color: #FFFFFF;
}

a.top-yellow {
  color: #F7AF05;
  text-decoration: underline;   
}

a.top-yellow:hover {
  color: #FFFFFF;
  text-decoration: underline;   
}

#main {
 width: 820px; 
 background: url(/images/bg-main.gif) repeat-y;
}

#main-navigation-before {
  margin: 0px 20px 0px 20px;
  text-align: left;
  background: #FFFFFF;
  height:1px;
}

#main-navigation-after {
  margin: 0px 20px 0px 20px;
  text-align: left;
  background: #3F85C3;
  height:1px;
}

#main-navigation {
  margin: 0px 20px 0px 20px;
  text-align: left;
  background: #D1E1F1; 
  /* background: #FEF1D3; */
  height: 30px;
  line-height: 29px;
  padding-left: 10px;
}

#main-navigation a {
  color: #3F85C3;
}

#main-navigation a:hover {
  color: #F7AF05;
}



#main-content {
  margin-left: 30px;
  margin-right: 30px;
  margin: 0px 30px 10px 30px;
  text-align: left;
  background: transparent;
}

#main-content-home {
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
  background: transparent;
}

#home {
   background: url(/images/bg-home.gif) repeat-y;
}

#main-top {
  height: 10px;
  background: transparent;
}

#home-left {
  float: left; 
  width: 230px;
  background: transparent;
}

.home-img {
  border: #4B4A46 1px solid; 
}

#home-left-inner {
  margin-left: 20px;
  margin-right: 20px;  
  color: #010101;
  background: transparent;
}

#home-left p {
  text-align: left;
  color: #010101;
  margin: 4px 0px 0px 0px;    
}

#home-middle {
  float: left; 
  width: 230px; 
  background: transparent;
}

#home-middle p {
  text-align: left;
  color: #010101;
  margin: 4px 0px 0px 0px;  
}


#home-middle-inner {
  margin-left: 20px;
  margin-right: 20px;  
  color: #010101;
  background: transparent;
}

#home-right {
  float: left; 
  width: 300px;
  background: transparent;
}

#home-right-inner {
  margin-left: 20px;
  margin-right: 10px; 
  color: #7E7E7E; 
  background: transparent;
}

#home-right p {
  text-align: left;
  color: #7E7E7E;
  margin: 2px 0px 0px 0px;  
  
}

#bottom {
  width: 820px; 
  background: #3F85C3;
  color: #FFFFFF;
  text-align: left;
}

#bottom a {
  color: white; 
  text-decoration: none;
}

#bottom a:hover {
  color: white; 
  text-decoration: underline;
}


#bottom-copyright {
  color: #FFFFFF;
  /* float: left; */ 
  background: transparent;
}

#bottom-copyright div {
  margin-left: 20px;
  color: #FFFFFF;
  background: transparent;
}


#bottom-content {
   color: #FFFFFF;  
   margin-left: 20px;
   margin-top: 10px;
   /* float: right; */ 
   text-align: left;
   background: transparent;
}

#bottom-content div {
  margin-right: 20px;
  color: #FFFFFF;
  background: transparent;
}

#footer {
  width: 780px; 
  color: #666666;
  text-align: left;
  margin-top: 6px;
  margin-bottom: 10px;
}


#footer a  {  
  color: #3F85C3;
  text-decoration: underline 
}

#footer a:hover {
  color: #F7AF05;
  text-decoration: underline 
}



/*  OLD STYLES */ 

.news-line {
 background-color: #BABCBE; 
 height: 1px; 
 margin-bottom: 8px;
}

.nadpis-left {
  float: left;
}

.nadpis-right {
  float: left; 
  padding-left: 4px;
}


.warning {
 color: red; 
}

.news_on {
   margin-bottom: 8px; 
   border: #C5C8D1 1px solid; 
   padding: 4px;
   background-color: #DDE9F7;
}

.news_off {
   margin-bottom: 8px; 
   border: #C5C8D1 1px solid; 
   padding: 4px; 
   background-color: #FFEAEA;
}


.katalog-text {
  margin-top: 4px; 
  margin-bottom: 6px;
  text-align: justify;
  float: left;
  width: 270px;
}  

.katalog-img {
  padding-top: 8px;
  padding-right: 8px;
  float: left;
  text-align: left;
}

.katalog-odkaz {
  margin-top: 8px; 
  margin-bottom: 4px;
}

.katalog-line {
 background-color: #DDE9F7; 
 height: 1px; 
 margin-bottom: 8px;
}

.obrazek-katalog {
  border: 1px solid #307DC1;
  margin-left: 6px;
  margin-bottom: 6px;
}