body {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000;
  text-align: center;
  background: #fff url('../images/bg_vz.jpg') repeat-x;
  line-height: 1.4; }

td, th {  font-size: 1em !important; font-size: 0.75em; line-height: 1.4; }
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: #33b0d2; /*#c24422*/  }
a:hover { color: #a63717;  text-decoration: none; }
a.externi, a.externi:visited, a.externi:hover { padding-right:13px; background: url('../images/external.png') center right no-repeat; }
a.newwindow, a.newwindow:visited, a.newwindow:hover { padding-right:13px; background: url('../images/new_window.gif') center right no-repeat; }

h1 { color: #33b0d2;  font-size: 1.8em; margin-top: 0.5em; }
h2 { color: #a63717;  font-size: 1.5em; }
h3 { color: #a63717;  font-size: 1.3em; }
h4 { color: #a63717;  font-size: 1.1em; }
h5 { color: #a63717;  font-size: 1em; }

hr { height: 1px; font-size: 0; line-height: 1px; border-top: 1px dotted #a63717; border-left: none; border-right: none; border-bottom: none; margin: 5px 0;}

input, select { border: 1px solid #a63717; font-size: 0.9em; }
textarea {  border: 1px solid #a63717 }
.checkbox {  border: none; }
.whitelogin {  border: none; background-color:#fff; width:400px; }
.loginsmall {  width:150px; }
.login {  width:300px; }

ol { margin: 0.5em 0 0.9em 1.5em; padding: 0; }
ul { list-style-type: none; margin: 0.5em 0 0.9em 1em; padding: 0; }
ul li {
  list-style-type: none;
  margin: 0.4em 0 0.25em 8px;
  padding: 0 0 0 1.2em;
  background: transparent url(../images/li-default.gif) no-repeat left 0.3em;
}

ul.menu { list-style-type: none; margin: 0.5em 0 0.8em 0; padding: 0; line-height: 1.3; }
ul.menu li {
  list-style-type: none;
  margin: 0.4em 0 0.25em 8px;
  padding: 0 0 0 1.2em;
  font-weight: bold;
  background: url(../images/li-menu.gif) no-repeat left 0.2em;
}

ul.submenu { list-style-type: none; margin: 0; padding: 0; }
ul.submenu li {
  list-style-type: none;
  margin: 0.2em 0 0.1em 0;
  padding: 0 0 0 1.2em;
  font-weight: normal;
  background: url(../images/li-submenu.gif) no-repeat left 0.2em;
}

ul.subsubmenu { list-style-type: none; margin: 0; padding: 0; }
ul.subsubmenu li {
  list-style-type: none;
  margin: 0.2em 0 0.1em 0;
  padding: 0 0 0 1.2em;
  background: url(../images/li-subsubmenu.gif) no-repeat left 0.2em;
}
ul.menu a { text-decoration: none;}
ul.menu a.current { text-decoration: underline; color: #000; }


ul.odrazky, ul.odrazky-orange, ul.odrazky-gray { margin: 0.5em 0 0.6em 0.3em; padding: 0;  }
ul.odrazky li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.6em;
  background: url('../images/li.gif') 0 4px no-repeat;
}
ul.odrazky-orange li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.6em;
  background: url('../images/li-orange.gif') 0 4px no-repeat;
}
ul.odrazky-gray li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.6em;
  background: url('../images/li-gray.gif') 0 4px no-repeat;
}

ul.sipky, ul.sipky-orange, ul.sipky_off  { margin: 0.5em 0 0.8em 0.3em; padding: 0;  }
ul.sipky li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.4em;
  background: url('../images/li-sipky.gif') 0 3px no-repeat;
}
ul.sipky-orange li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.4em;
  background: url('../images/li-sipky-orange.gif') 0 3px no-repeat;
}
ul.sipky_off li {
  font-size: 0.9em;
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 1.4em;
  background: url('../images/li-sipky_off.gif') 0 3px no-repeat;
}

.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-center {  text-align: center;   }
.left, .text-left {  text-align: left;   }
.right, .text-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;   }
.box { padding: 10px;  border: 1px solid #545454; background-color: #f4f4f3; }
.lower-alpha { list-style-type: lower-alpha; }
.ibacolor {  color: #a38b69;}


.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 }

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

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


.subtitle { background: url(../images/h1-sipka.gif) no-repeat left center; padding-left: 17px; color: #4b4b4d;  }
.subtitle_parent { background: url(../images/h1-sipka.gif) no-repeat left center; padding-left: 17px;  }

.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 { float: left; }
.floatright, .float-right { float: right; }

.sipka {  padding-left: 14px;  background: url(../images/li-sipka.gif) no-repeat left 0.3em;  }
.anotace {  margin-top: 1em; padding-left: 14px;  background: url(../images/li.gif) no-repeat left 0.3em;  }
.anotace p  { margin: 0;  }

.rightbox {
  width: 240px;
  margin-left: 1.8em;
  margin-bottom: 1em;
  padding: 0.3em 0.5em;
  float: right;
  border: 1px #ccc solid;
  background-color: #eee;
}
.rightbox h2, .rightbox h3, .rightbox h4 { margin: 0; padding: 0.3em 0.5em; text-align: center;  }
.rightbox hr { color: #bf7818; background-color: #bf7818; height: 1px; font-size: 0; line-height: 0;  border: 0; margin: 10px 0 !important; margin: 4px 0; }
.rightbox input { color: #bf7818; background-color: #d8e9f7; }
.rightbox input.field { width: 105px; }
.rightbox input.button { color: #d8e9f7; background-color: #bf7818 }

.in { padding: 0.3em 1em;}

.redbox { background-color: #ffe3e5; border: 1px solid #c10000; padding: 0.5em 1.5em;  }
.bluebox { background-color: #e6f7ff; border: 1px solid #5e9ee8; padding: 0.5em 1.5em; }

/*.tlacitko-go { width: 22px; height: 13px; font-size: 0; color: #000; background: transparent url(../images/tl-go.gif) no-repeat; border: 0; vertical-align: middle;}*/

.Tabulka { background-color:#c3c9cb; border: 1px solid #c3c9cb;}

a.Strankovani_current { color: #000; text-decoration:none; font-weight: bold; }
.Formular { border: 1px solid #ccc; }
.Formular h2 { background-color: #eee; margin:0; padding: 4px 6px }
.pracoviste_blok { border: 2px solid #ccc; }
.pracoviste_blok .Formular { border: none; }
.FormTip { font-size:0.9em; }

.Vstup {  width: 200px; }
.VstupLong {  width: 500px; }

.photogallery_table { border: 1px dotted #999; }
.photogallery_th { background-color:  #ddd }
.photogallery_td { border: 1px dotted #ccc; padding: 4px; text-align: center; vertical-align: top; font-size: 0.75em !important; font-size: 0.65em;  line-height: 1.2 }
.photogallery_td img { border: 1px solid #fecf54;  }

.col1 { width:700px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; } 
.col2_left {float:left; width:370px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right {float:right; width:360px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right_border {float:right; width:340px !important /*Non-IE6*/; width:350px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:30px; border-left: 1px dotted #a63717; }
.col3_left {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_middle {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px;  }
.col3_middle_border {float:left; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:30px; padding-left:10px; border-left: 1px dotted #a63717;  }
.col3_right {float:right; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;  }
.col3_right_border {float:right; width:232px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:10px; border-left: 1px dotted #a63717;  }
.col1:after, .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 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearwhite {width:680px; height:0.1em; border:none; visibility: hidden }
.clearwhite:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

.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 {}
.section_nav_hide { padding-left: 18px; background: transparent url('../images/dhtmlgoodies_plus.gif') no-repeat left 2px; }
.section_nav_show { padding-left: 18px; background: transparent url('../images/dhtmlgoodies_minus.gif') no-repeat left 2px;  }

/*********
layout
*********/
#whole { width: 950px; margin: 0 auto; text-align: left;  }

#lang {  color: #fff; height: 25px; }
#lang a { color: #fff;  }
.langleft { line-height: 25px; text-align: left; width: 600px; padding-left: 30px; float: left; color: #777777 }
.langright { line-height: 25px; text-align: right; width: 260px; float: right; }

#head { clear: both; width: 950px; height: 118px; margin: 0; background: transparent url('../images/head.jpg') no-repeat top right; }
/*#head-bottom { width: 950px; height: 72px; margin: 0; background: #c6b550 url('../images/head-bottom.jpg') no-repeat 15px 9px; }*/

#main1 {  margin:0;  padding:0;  }
#main2 {  margin:0;  padding:0;   }

#right {
  width: 215px;
  float: right;
 /* min-height: 400px;*/
  background-color: #d0d0d0; 
}
#right-in { /*min-height: 420px;*/ }

#right-search {
	margin: 5px 0 0 0;
  padding-left: 4px;  
 	height: 38px;
 	background: #797979;
 	border-bottom: 6px solid #ef7f00
}
#right-field { width: 160px; height: 15px !important; height: 19px; line-height: 38px; border: 1px solid #cdcdcd; vertical-align: middle; font-size: 1em; background: #fff  }
#right-go { width: 40px; height: 38px; line-height: 38px; border: 0; vertical-align: middle; background: transparent  url('../images/ico-search.gif') no-repeat 5px }

/*#right-logo { margin: 5px 0; padding: 3em 0; text-align: center; color: #51630f; font-size: 0.8em; border-top: 1px solid #fff }
#right-logo a { color: #51630f; text-decoration: none; }*/

#right-news { background: #efeff0; border-top: 1px solid #fff  }
#right .h3 { height: 39px; line-height: 39px; padding-left: 1em; font-size: 1.5em; color: #919191; background: transparent url('../images/bg_h3.gif') no-repeat right;  }

#middle {
  margin: 0 215px 0 0;
 /* background-color: #eef; */
  padding: 0;
  width: 734px; 
  border-right: 1px solid #cdcdcd;
  _position: relative; _top: 0; _left: -3px; _width: 732px; 
}
.middle-in {
  height:1%;
  width: 700px; 
  margin: 0 17px 1em 1em ;
  padding: 8px 0;
  text-align: left;
  overflow: hidden;
}

#site_offline {  margin: 0;  padding: 15em 0;  font-family: Arial, Helvetica,sans-serif;  font-size: 1em;  color: #000;  font-weight: bold;  text-align: center; line-height: 1.4;}

/*#middle-bottom {  color: #545454;  font-size: 0.8em; height: 25px; background-color: #f3f4f2; border-bottom: 5px solid #c3cac4 }
#middle-bottom a, #middle-bottom a:hover { color: #545454; text-decoration: none; }
.print_right_h1 { text-align: right; width: 50px; height: 20px; float: right; }
.print_right_h1 a  { color: #545454; text-decoration: none; font-size: 0.8em;  }
.printleft { text-align: left; width: 300px; height: 12px; float: left; }
.to_the_top {  margin-top: 3px; text-align: right; width: 300px; height: 12px; float: right;}*/

#footer { color: #757575; font-size: 0.8em; height: 90px; background: transparent url('../images/bg_footer.gif') repeat-x; }
#footer a { color: #666; }
#footer a:hover { color: #777; text-decoration: none; }
#footer-in { width: 950px;  height: 80px; margin: 0 auto;  padding: 21px 30px 5px 30px }

.footerleft { line-height: 1.3; text-align: left; width: 380px; height: 40px; float: left; }
.footercenter { line-height: 1.3; text-align: right; width: 500px;  height: 40px; float: right;  }
.footerright { line-height: 1.3; text-align: right; width: 10px; height: 40px; float: right; /*padding-top: 14px; */}


ul.comment { list-style-type: none; /*margin: 0; padding: 0;*/ }
ul.comment li {
  list-style-type: none;
  background: none;
  margin: 0.1em 0 0.2em 0;  
  padding: 0; 
}
.comment ul li { /* vnorene  */
 list-style-type: none;
 background: none;
 margin-left: 1em;
 min-width: 200px;
}

.comment_item { min-width: 200px; margin: 0; padding: 0.3em 0.5em; border: 1px solid #ccc; background-color: #f8dfca; /* light orange */  }
.comment_item p, .comment_item h2, .comment_item h3, .comment_item h4, .comment_item h5  { margin: 0; padding: 0; }
.comment_menu { padding: 0.3em 0.5em; float: right; margin-left: 1em; line-height: 0.9em; border: 1px solid #ccc; background-color: white; text-align: right }


/*********
navigace
*********/
#nav_toolbar { height: 40px; margin-top: 78px; _margin-top: 77px; float: left; }
#nav_toolbar ul { margin: 0; padding: 0; }
#nav_toolbar ul li { list-style-type: none; float: left; margin: 0; padding: 0; margin-left: 2px; height: 40px; line-height: 52px;  /*display: inline;*/  overflow: hidden;  }

.navbutt1 { width: 105px; background: transparent url('../images/bg_nav_blue.png') no-repeat;  } 
.navbutt2 { width: 105px; background: transparent url('../images/bg_nav_green.png') no-repeat;  } 
.navbutt3 { width: 105px; background: transparent url('../images/bg_nav_yellow.png') no-repeat;  } 
.navbutt { width: 105px; background: transparent url('../images/bg_nav_red.png') no-repeat;  } 

#nav_toolbar ul li a,  #nav_toolbar ul li a:hover, #nav_toolbar ul li a.current {
  display: block;
  float: left;
  width: 105px; 
  height: 40px;
 /* line-height: 31px;*/
 /* margin-top: 3px;*/
  /*padding: 0 3px;*/
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none; 
}
#nav_toolbar ul li a:hover, #nav_toolbar ul li a.current {  background: transparent url('../images/bg_nav_lightgray.png') no-repeat; color: #0fa9d5  }
/*#nav_toolbar ul li a.current:hover { background: transparent url('../images/bg_nav_red.png') no-repeat; }*/



/** standard **/
#navcontainer { padding: 6px 0 0 0; line-height: 1.2; background-color: #33b0d2; border-bottom: 1px solid #fff; }
#navcontainer a,  #navcontainer a:hover, #navcontainer a.current {
  display: block;
  font-size: 0.9em;
  margin-top: 0;
  padding: 5px 7px;
  color: #373737;
  text-decoration: none;
  border-top: 1px solid #fff;
  background-color: #d0d0d0}
#navcontainer a:hover, #navcontainer a.current { background-color: #33b0d2; color: #fff; }

#navcontainer .navsub a { font-size:0.95em; padding-left: 20px; background: #e7e7e7 url('../images/li-nav.gif') 4px 7px no-repeat; }
#navcontainer .navsub a:hover, #navcontainer .navsub a.current { font-size:0.95em; padding-left: 20px; background: #33b0d2 url('../images/li-nav_current.gif') 4px 7px no-repeat; color: #fff; }

div.spacer {
  height: 0px; font-size: 0; line-height: 0;
  margin: 0; padding: 0;
  background-color: #fff; }



.faq {   line-height: 1.4;  font-size: 0.9em; margin: 0.3em 0; }
.highlighted {  color: #622a19;  font-weight: bold; }
.logo_text_vpravo {
  text-align:center;
  color: #e99c11;
  padding: 3px;
  margin: 0 20px 8px 8px;
  float: right;
  border: solid 1px #b4a38f;
  }
  
  
/*-----------------------------------------  lightbox efect -----------------------------------------*/
#lightbox{  position: absolute;  left: 0; top: 10px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }