body {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000;
  text-align: center;
  background: #525252 url('../images/bg.gif') repeat-x;
  line-height: 1.4;
  width: 100%;
  xheight: 100%;
  }
td, th { _font-size: 0.75em; line-height: 1.2; }
tt { font-size: 1.2em; }
td p  { margin: 0; padding: 0; }
th p  { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a img {  border: 0; }

a {  color: #87b242;  }
a:hover { color: #87b242; text-decoration: none; }

h1, .h1 { color: #757575;  font-size: 1.6em; font-weight: normal; }
h2, .h2 { color: #f3973a;  font-size: 1.5em; font-weight: normal; }
h3, .h3 { color: #f3973a;  font-size: 1.3em; font-weight: normal; }
h4, .h4 { color: #f3973a;  font-size: 1.2em; font-weight: normal; }
h5, .h5 { color: #f3973a;  font-size: 1em; font-weight: normal; }

hr { height: 1px; font-size: 0; line-height: 1px; border-top: 1px solid #a7a7a7; border-left: none; border-right: none; border-bottom: none; margin: 5px 0;}
hr.double { border-top: 3px double #a7a7a7; height: 1px; font-size:0; line-height:1px; border-left: none; border-right: none; border-bottom: none; margin: 10px 0; }

ul.news { margin: 1em 0 0.6em 0; padding: 0;  }
ul.news li {
  list-style-type: none;
  margin: 0.4em 0 0.3em 0;
  padding-left: 28px;
  /*background: url('../images/li-news.gif') 0 4px no-repeat;
  color: #757575; */
}

#head div { overflow: hidden; } 

/* volne k pouziti START */

.s08 {  font-size: 0.8em;  }
.s085 {  font-size: 0.85em;  }
.s09 {  font-size: 0.9em;  }
.s095 {  font-size: 0.95em;  }
.s11 {  font-size: 1.1em;  }
.s12 {  font-size: 1.2em;  }
.s13 {  font-size: 1.3em;  }
.s14 {  font-size: 1.4em;  }
.s15 {  font-size: 1.5em;  }
.s16 {  font-size: 1.6em;  }

.nowrap  { white-space: nowrap; }
.active { color: #4b4b4d;  text-decoration: none;   }
.skryty, .hidden { visibility: hidden; display: none;  }
.nodisplay { display: none;  }
.nomargin { margin: 0;  }
.automargin  { margin: auto; }
.center {  text-align: center;   }
.left {  text-align: left;   }
.right {  text-align: right;   }
.top { vertical-align: top;   }
.topright { text-align: right;  vertical-align: top;   }
.middle { vertical-align: middle;   }
.bottom { vertical-align: bottom;   }
.bold {  font-weight: bold;  }
.small {   font-size: 0.9em;  }
.white {  color: #fff; }
.bgwhite {background-color: #fff; }
.bgwhitecenter {background-color: #fff; text-align:center;}
.centerwhite {  font-weight: bold;  color: #fff;  text-align:center;  }
.topwhite { background-color: #fff; vertical-align:top; }
.red {  color: red;   }
.darkblue {  color: #6b86b5 }
.blue {  color: #73a8d1;   }
.lightblue {  color: #69b8e6;   }
.gray {  color: #545454;   }
.bggray {background-color: #545454;   }
.smallbggray {background-color: #545454;  color: #fff; font-size: 0.8em;  }
.bglightgray0 {background-color: #f4f4f4;   }
.bglightgray1 {background-color: #ddd;   }
.lower-alpha { list-style-type: lower-alpha; }

.bglightgreen { background-color:  #eaf1d3}

.lightbrown0 { color:  #f7f6ed }
.lightbrown { color:  #eae9da }
.lightbrown1 { color:  #cec3b1 }
.brown1 { color:  #b4a38f  }
.brown2 { color: #9f8c77 }
.brown3 { color: #8e765b }
.bglightbrown0 { background-color:  #f7f6ed }
.bglightbrown { background-color:  #eae9da }
.bglightbrown1 { background-color:  #cec3b1 }
.bgbrown1 { background-color:  #b4a38f  }
.bgbrown2 { background-color: #9f8c77 }
.bgbrown3 { background-color: #8e765b }

.bg_lightgray0 {  background-color:#efefef; } 
.bg_lightgray {  background-color:#eee;}
.bg_lightgray_center {  background-color:#eee; text-align:center; }
.bg_lightgray2 {  background-color:#ddd;}
.bg_lightgray3 {  background-color:#ccc;}

.bordered { border: 2px solid #dce274; background-color: #f2f8e2 }
.bordered th { text-align:center; color: #fff ; background-color: #acc74b; }

.bordered_nobg { border: 2px solid #dcdcdc;  }
.bordered_nobg th { text-align:center; color: #fff ; background-color: #aaa; }

.borderedsmall {border: 2px solid #dce274; background-color:  #f3eee6; font-size:0.85em }
.borderedsmall th { text-align:center; color: #fff ; background-color: #b3341b }
.borderedsmall td, .borderedsmall th { _font-size:1em }
.lightbordered {border: 1px solid #9f8c77; background-color:  #f3eee6 }
.Formular .lightbordered { width: 692px }

.bottom_dots { border-bottom: 1px dashed #005471;   }

.obrazek { border: 1px solid #d1d1d1; }
.obrazek_vychozi, .obrazek_vlevo {  margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 1px solid #d1d1d1;  }
.obrazek_vpravo {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 1px solid #d1d1d1; }
.obrazek_left {  margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 3px solid #d1d1d1;  }
.obrazek_right {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 3px solid #d1d1d1; }
.obrazek_vpravo_logo {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 1px solid #d1d1d1;  }
.obrazek_logo {  margin-right: 10px;  float: left;  border: 1px solid #d1d1d1;  }
.obrazek_h2_vpravo {  margin-top: 1.8em;  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 1px solid #d1d1d1; }
.foto { margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 3px double #acc74b; }
.foto_center { margin-right: 10px;  margin-bottom: 10px;  text-align: center;  border: 3px double #acc74b; }
.obrazek_menu {  border: 3px double #d1d1d1; }

.floatleft { float: left; }
.floatright { float: right; }

.sipka {  padding-left: 14px;  background: url(../images/li-sipka.gif) no-repeat left 0.3em;  }

.rightbox {
  width: 240px;
  margin-left: 1.8em;
  margin-bottom: 1em;
  padding: 0.3em 0.5em;
  float: right;
  border: 2px solid #a7a7a7;
  background-color: #ebebeb;
}
.rightbox h2, .rightbox h3, .rightbox h4 { margin: 0; padding: 0.3em 0.5em; text-align: center;  }
.rightbox hr { color: #a7a7a7; background-color: #a7a7a7; height: 1px; font-size: 0; line-height: 0;  border: 0; margin: 10px 0 !important; margin: 4px 0; }

/* volne k pouziti KONEC */



.box { padding: 6px; border: 1px solid #a7a7a7; background: #ebebeb url(../images/bg_box.gif) repeat-x; color: #484848 }
.box_mapa { width: 344px; padding: 6px 10px 10px 10px; border: 1px solid #dedede; background: #fff url(../images/bg_box.gif) repeat-x; color: #484848 }
.box_mapa_in { width: 334px; height: 270px; margin-top: 10px; background: #fff url(../images/mapa.gif) no-repeat center; }
.box_mapa_in p { padding-top: 240px;  font-size: 0.8em; }

.col2_left {float:left; width:465px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right {float:right; width:465px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right_border {float:right; width:455px !important /*Non-IE6*/; width:465px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:30px; border-left: 1px dotted #a7a7a7; }

.col3_left {float:left; width:308px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_middle {float:left; width:308px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px;  }
.col3_middle_border {float:left; width:308px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px; padding-left:10px; border-left: 1px dotted #a7a7a7;  }
.col3_right {float:right; width:308px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;  }
.col3_right_border {float:right; width:308px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:10px; border-left: 1px dotted #a7a7a7;  }

.col3_left_hp {float:left; width:348px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_middle_hp {float:left; width:318px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px;  }
.col3_right_hp {float:right; width:258px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;  }

.col2_left:after, .col2_right:after, .col2_right_border:after, .col3_left:after, .col3_middle:after, .col3_right:after, .col3_middle_border:after, .col3_right_border:after, .col3_left_hp:after, .col3_middle_hp:after, .col3_right_hp:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearwhite {clear:both; width:680px; height:0.1em; border:none; background:#fff; color:#fff; }

.cleaner { clear:both;  height:1px !important; height:0;  font-size:0; margin:0; padding:0;  border:none;  visibility: hidden; }
.cleaner1 { clear:both;  height:1px;  font-size:1px;  border:none;  margin:0;  padding:0;  background:transparent; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

.hide {display:none;}
.show { display: block;}

/*********
layout
*********/
#whole-head { width: 990px; margin: 0 auto; text-align: left; }
#head-top { width: 990px; height: 36px; }
#head-top-left { width: 600px; height: 36px; float: left; text-align: left; }
#head-top-left a, #head-top-left a:hover, #head-top-left a.current {
  display: block;
  float: left;
  font-size: 1.1em;
  margin: 0 2px;
  padding: 0 8px;
 	line-height: 36px; 
  color: #fff;
  text-decoration: none;
}
#head-top-left a:hover, #head-top-left a.current { background-color: #2c4814; }
#head-top-right { width: 300px; height: 27px; float: right; padding: 9px 5px 0 0; text-align: right; color: #252525; }

#head { clear: both; width: 990px; height: 155px; margin: 0; background: transparent url('../images/head.jpg') no-repeat 186px 0px; color: #fff; }
#head a { display: block;  float: left;  margin: 16px 0 0 11px;  text-decoration: none;}
#head div { width: 380px; height: 65px;  float: right; margin: 25px 120px 0 0; color: #fff; font-weight: bold; font-size: 2em; }

#head-bottom { width: 1100px; height: 35px; margin: 10px 0 0 0; text-align: left; position: relative; left: 0px;}

#whole-main { text-align: center; background-color: #fff; }
#main1 {  margin:0; padding:0; background-color: #fff;  width: 990px; margin: 0 auto; text-align: left; }
#main2 {  margin:0; padding:0; }

#crumbs {
 margin-bottom: 6px; 
 padding: 0;
 color: #757575;
}
#crumbs a { color: #757575; text-decoration: none; }
#crumbs a:hover { color: #757575; text-decoration: underline; }

#middle {  }
.middle-in {
  height:1%;
  padding: 8px 0;
  text-align: left;
}

/* pro POPspedii
#middle {
  margin: 0 0 0 174px; 
  padding: 0;
  width: 793px; 
  _position: relative; _top: 0; _left: -3px; width: 790px; 
}
.middle-in {
  height:1%;
  width: 760px; 
  margin: 0 1em 1em 17px;
  padding: 8px 0;
  text-align: left;
  overflow: hidden;
}
*/

#search { height: 67px; background-color: #898989; text-align: center; }
#search-in { width: 990px; margin: 0 auto; text-align: center; height: 67px; background: transparent url('../images/ico-search.gif') no-repeat 330px 9px; }
#search-text { width: 176px; height: 26px; margin-top: 18px; vertical-align: middle; background: transparent url('../images/search-text.gif') no-repeat; border: 0 }
#search-submit { width: 36px; height: 36px; margin-top: 20px; vertical-align: middle; background: transparent url('../images/search-submit.gif') no-repeat; border: 0;  }

#footer { height: 170px; color: #fff; font-size: 1em; background-color: #ffffff; xbackground-color: #525252; text-align: center; }

#footer a { color: #fff;  text-decoration: none; }
#footer a:hover { color: #ffe; text-decoration: underline; }
#footer-in { width: 990px; margin: 0 auto; text-align: left; height: 140px; padding: 10px 30px 0px 30px }
.footerleft { line-height: 1.3; text-align: center; width: 315px; height: 110px; float: left; }
.footercenter { line-height: 1.3; text-align: center; width: 315px;  height: 110px; float: left; }
.footerright { line-height: 1.3; text-align: center; width: 315px; height: 110px; float: right; }


/*********
navigace - hlavni menu
*********/
#navcontainer { margin: 0 auto; width: 1100px; height: 22px;  text-align: center; }
#navcontainer a,  #navcontainer a:hover, #navcontainer a.current {
  display: block;
  float: left;
  height: 22px; 
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 3px;
  padding: 0 19px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  background: #83b33f url('../images/bg_navcontainer.gif') repeat-x;  
}
#navcontainer a:hover, #navcontainer a.current { background: #587c3c;  }