body { margin: 4px; padding: 0px; font-family: arial ce, helvetica ce, arial, helvetica, sans-serif; font-size: 11px; background-color: #F0F4F9; }  
td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; }
p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; margin-top: 10px; margin-bottom: 8px; }
div { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; }
a { text-decoration: none; color: #004890; }
a:hover { color: #D9251C;  text-decoration: none; }
h1.nadpis { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #DC332A; margin: 2px 0px; }
h1 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #004890; font-weight: bold; margin: 2px 0px;   }
h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #004890; font-weight: bold; margin: 2px 0px;   }
input { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; }
select { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; }
textarea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #000000; }

a.right { text-decoration: none; color: #004890; font-weight: bold;  }
a.right:hover {  text-decoration: none; color: #D9251C; font-weight: bold; } 

a.lang { text-decoration: none; color: #004890; font-weight: bold; font-size: 10px; }
a.lang:hover { text-decoration: none; color: #DC332A; font-weight: bold; font-size: 10px; } 

a.top-menu-link       { line-height: 29px; height: 32px; width: 114px; color: #004890; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; display: block; float: left; }
a.top-menu-link:hover { line-height: 29px; height: 32px;  width: 114px; color: #DC332A; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; display: block; float: left; } 

ul { margin-bottom: 0px; margin-left: 0px; margin-top: 4px; padding-left: 18px;  list-style-image: url(obrazky/sipky.gif); }
li { margin-top: 5px; margin-bottom: 6px; }

ul.right { margin-bottom: 8px; margin-left: 0px; margin-top: 4px; padding-left: 18px;  list-style-image: url(obrazky/sipky.gif); }
li.right { margin-top: 6px; margin-bottom: 6px; }

.warning { color: #DC332A; font-weight: bold; }

.nadpis1 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0; }
.nadpis2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0; }

a.red { text-decoration: none; color:  #D9251C; }
a.red:hover { color: #004890;}


#top1 { width: 760px; } 
#top1-left { float: left; margin-left: 4px; text-align: left; }
#top1-right { float: right; margin-right: 5px; line-height: 18px; padding-top: 3px; color: #004890; text-align: right; }

#top2 { background: url(obrazky/top-bar.jpg); width: 760px; height: 18px; clear: both; }
#top3 { background: url(obrazky/top-bg.jpg); width: 760px; height: 76px; text-align: left; }
#top3-text { padding-top: 20px; padding-left: 80px; }

#top-menu { width: 760px; } 
#top-menu-left { width: 1px; height: 32px; background-color: #AAB4C6; float: left; }
#top-menu-right { width: 189px; height: 32px; background: url(obrazky/top-bar-right.jpg); display: block; float: left; } 

/* layout uvodni strany */
#home-content { width: 760px; background-color: #FFFFFF; clear: both; padding-top: 5px; padding-bottom: 5px; }
#left { width: 197px; float: left; }
#middle { margin-left: 202px; margin-right: 191px; border: #B2B3B8 1px solid; height: 410px; text-align: left; } 
#middle-content { padding: 4px;} 
#right { width: 186px; float: right; border: #B2B3B8 1px solid; background-color:#F2F3F7; text-align: left; } 
#right-content { padding: 6px; }
#right-nadpis { color: #D9251C; font-weight: bold; text-align: left; margin-bottom: 8px; }

#white-bar { width: 760px; height: 5px; background-color: #FFFFFF; margin: 0px; padding: 0px; clear: both;  }

/* layout ostatnich stranek */
#content {
  width: 760px;        
  text-align:left;  
  background-color: #FFFFFF;
}

#main {
  margin:0 190px 0 0; padding: 0;
  border: 1px #AAB4C6 solid; 
  display: block; 
}


#main-content {
  margin:0; padding: 0;display: block; 
}

#main-home {
  margin:0 190px 0 0; padding: 0;
  display: block; 
}


#main-home-content {
  margin:0; padding: 0px 2px 5px 5px; display: block; 
}


#sidebar {
  float: right;
  width: 185px;
  margin:0; padding:0;
  border: 1px #AAB4C6 solid;
  background-color: #F2F3F7;
  display: block;
}

#sidebar-content {
  margin:0; 
  padding: 0.25em 0.5em;  
  display: block;
}

hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
}
 
#bottom1 {
  width: 760px;
  height: 5px;
  background-color: #FFFFFF;
  clear: both;
} 

#bottom2 {
  width: 760px;
  height: 10px;
  background-color: #487BAF;
} 

#nadpis { background-color: #BFC7D5; margin:0px; padding: 1em 1em; }
#text { padding-top: 0px; padding-left: 9px; padding-right: 7px; padding-bottom: 5px; }


#bottom-bar { width: 760px;  height: 10px; background-color: #487BAF; clear: both; } 
#bottom { width: 760px; margin-top: 4px; clear: both; margin-bottom: 4px; } 
#bottom-left { float: left; text-align: left; font-size: 10px; background-color: #F0F4F9; }
#bottom-right { float: right; margin-right: 2px; color: #919396; font-size: 10px; background-color: #F0F4F9; }
a.bottom-right-link { color: #919396; }
a.bottom-right-link:hover { color: #D9251C; }


.obrazek { border: #AAB4C6 2px solid; }
.warning { color: #DC332A; font-weight: bold; }
.reference { margin-bottom: 15px; }

.kontakt-box {  
  border: #B2B3B8 1px solid; 
  background-color:#F2F3F7; 
  padding: 4px; 
  width: 55%;  
  height: 90px;
}

.line {
 background-color: #BABCBE; 
 height: 1px; 
 margin-bottom: 7px;
 margin-top: 7px;
}

#home-text {
  /* background: url(obrazky/home_bg.jpg) repeat-x; */
  background-color: #D3E1ED;
  /* height: 259px; */
}

#home-text-in {
  padding: 10px 20px 0px 8px;
}

#home-nadpis { 
  color: #D9251C; 
  font-weight: bold; 
  text-align: left; 
  margin-bottom: 8px; 
}

#home-info {
  background-color: #c2cedb;
  margin: -3px 0px 0px 0px;
}

#home-info-in {
  padding: 10px 20px 0px 8px;
}


#home-foto {
  /* height: 170px; */
  background-color: #A6C0DB;
  margin: 5px 0px 0px 0px;
}

#home-foto-in {
  padding: 10px 20px 0px 8px;
}

.obrazek-home { 
  border: #FFFFFF 2px solid;
  margin-top: 12px; 
}

