/* nove primarni pece ------------------------------------------- */
#map-pp { width: 620px; height: 580px; border: 1px solid #c1c1c1; }

#mapa-pp-menu {
  width: 340px; float: right;
  /*border: 1px solid blue;*/
}
#mapa-pp-menu h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
}

#mapa-pp-menu div a {
  margin: 0 0 5px 0;
  display: block;
  padding: 3px 0 3px 28px;
  width: 330px; /* rozsirene pro unwrap*/
  white-space: nowrap;
  line-height: 1.2;
  /*height: 32px;*/
  color: #333;
  text-decoration: none;
  position: relative;
}

#mapa-pp-menu div a:before {
  content: "";
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  position: absolute;
  z-index: -1;
}


.menu_pp_koc:before { background: #fff url('../images/gmap/legenda_dot_koc.png') no-repeat; }
.menu_pp_ccc:before { background: #fff url('../images/gmap/legenda_dot_ccc.png') no-repeat;  }
.menu_pp_detska:before { background: #fff url('../images/gmap/legenda_dot_detska.png') no-repeat; }

.menu_pp_hemato:before { background: #fff url('../images/gmap/legenda_dot_hemato.png') no-repeat; }
.menu_pp_mamo:before { background: #fff url('../images/gmap/legenda_dot_mamo.png') no-repeat; }
.menu_pp_kolono:before { background: #fff url('../images/gmap/legenda_dot_kolono.png') no-repeat; }
.menu_pp_cervix:before { background: #fff url('../images/gmap/legenda_dot_cervix.png') no-repeat; }

.menu_pp_spolupr:before { background: #fff url('../images/gmap/legenda_dot_spolupr.png') no-repeat; }
  .menu_pp_constit:before { background: #fff url('../images/gmap/legenda_dot_constit.png') no-repeat; }
.menu_pp_ldn:before { background: #fff url('../images/gmap/legenda_dot_ldn.png') no-repeat; }

.menu_pp_obor1:before { background: #fff url('../images/gmap/legenda_dot_obor_1.png') no-repeat; }
.menu_pp_obor2:before { background: #fff url('../images/gmap/legenda_dot_obor_2.png') no-repeat; }
.menu_pp_obor3:before { background: #fff url('../images/gmap/legenda_dot_obor_3.png') no-repeat; }
.menu_pp_obor4:before { background: #fff url('../images/gmap/legenda_dot_obor_4.png') no-repeat; }
.menu_pp_obor5:before { background: #fff url('../images/gmap/legenda_dot_obor_5.png') no-repeat; }
.menu_pp_obor6:before { background: #fff url('../images/gmap/legenda_dot_obor_6.png') no-repeat; }
.menu_pp_obor7:before { background: #fff url('../images/gmap/legenda_dot_obor_7.png') no-repeat; }
.menu_pp_obor8:before { background: #fff url('../images/gmap/legenda_dot_obor_8.png') no-repeat; }
.menu_pp_obor9:before { background: #fff url('../images/gmap/legenda_dot_obor_9.png') no-repeat; }
.menu_pp_obor10:before { background: #fff url('../images/gmap/legenda_dot_obor_10.png') no-repeat; }
.menu_pp_obor11:before { background: #fff url('../images/gmap/legenda_dot_obor_11.png') no-repeat; }
.menu_pp_obor12:before { background: #fff url('../images/gmap/legenda_dot_obor_12.png') no-repeat; }

.menu_pp_all  { background: #fff url('../images/gmap/legenda_dot_all.png') no-repeat !important; }


.menu_pp_on {
  color: #333;
  font-weight: bold;
}
.menu_pp_off {
  color: #999;
  font-weight: normal;
}
.menu_pp_off:before {
  opacity: 0.5;
}


/*  END PP ----------------------------------------------  */

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  color: #171717;
  text-align: center;
  background: #fff url('../images/bg.gif') 0 0 repeat-x; 
  line-height: 1.4;
}
body.hp {
  background: #fff url('../images/bg-hp.gif') 0 0 repeat-x;
}
.in_dg {
  background: #fff url('../images/bg_dg.gif') 0 0 repeat-x;
}


canvas {
  -ms-touch-action: double-tap-zoom;
}
  
td, th { line-height: 1.4; }
tt { font-size: 1.1em; }
td p { margin: 0; padding: 0; }
th p { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
sub, sup { vertical-align:baseline; position:relative;}
sub {top:0.4em;}
sup {bottom:0.4em;}
a img, .imagemap { border: 0; }

a { color: #00b6b0; }
a:hover { color: #00b6b0; text-decoration: none; }
a.externi, a.externi:visited, a.externi:hover { padding-right:13px; background: transparent url('../images/external.png') right center no-repeat; }
a.newwindow, a.newwindow:visited, a.newwindow:hover { padding-right:13px; background: url('../images/new_window.gif') right center no-repeat; }

h1 { color: #00b6b0; font-size: 1.9em; margin-top: 0.5em; font-weight: normal; }
h2 { color: #343177; font-size: 1.5em; }
h3 { color: #343177; font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

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

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

ol { margin: 0.5em 0 0.9em 2.5em; padding: 0; }
ul { margin: 0.5em 0 0.9em 2em; padding: 0; }

/* pro sitemap */
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: transparent url(../images/li-menu.gif) left 0.2em no-repeat;
}

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: transparent url(../images/li-submenu.gif) left 0.2em no-repeat;
}

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: transparent url(../images/li-subsubmenu.gif) left 0.2em no-repeat;
}
ul.menu a { text-decoration: none;}
ul.menu a.current { text-decoration: underline; color: #000; }


ul.odrazky, ul.odrazky-blue, 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: 17px;  /* upraveno pro vetsi vel. */
  background: transparent url('../images/li.gif') 0 7px no-repeat;
}
ul.odrazky-brown li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 17px;
  background: transparent url('../images/li-brown.gif') 0 7px no-repeat;
}
ul.odrazky-orange li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 17px;
  background: transparent url('../images/li-orange.gif') 0 7px no-repeat;
}
ul.odrazky-gray li {
  list-style-type: none;
  margin: 0.4em 0 0.2em 0;
  padding-left: 17px;
  background: transparent url('../images/li-gray.gif') 0 7px 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: transparent 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: transparent 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: transparent 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; }
.skr { visibility: hidden; display: none; }
.invisible { visibility: hidden;  }
.nomargin { margin: 0; }
.automargin { margin: auto; }
.center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.top { vertical-align: top; }
.topright { text-align: right; vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.small { font-size: 0.3em; }
.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: #ff494f; }
.darkblue { color: #191739 }
.blue { color: #343177; }
.lightblue { color: #d7d6ef; }
.gray { color: #606060; }
.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; }
.orange { color: #b36c2d;}

.margintop3px {margin-top: 3px; }

.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 #343177; background-color: #fff;}
.bordered th { text-align:center; color: #fff ; background-color: #343177; }

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

.borderedsmall { border: 2px solid #343177; background-color: #fff; font-size:0.85em }
.borderedsmall th { text-align:center; color: #fff ; background-color: #343177 }
.borderedsmall_red { border: 2px solid #d25e30; background-color: #fff; font-size:0.85em }
.borderedsmall_red th { text-align:center; color: #fff ; background-color: #b3341b }
table.borderedsmall, table.borderedsmall_red { width:100% }

.lightbordered { border: 1px solid #a8d7f2; background-color: #dfeff9 }
.lightbordered_red { border: 1px solid #9f8c77; background-color: #f3eee6 }
.Formular .lightbordered { width: 692px }

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

.bottom_dots { border-bottom: 1px dotted #cfcdc5; }

.in { padding: 0.3em 1em;}

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

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

.sipka { padding-left: 14px; background: transparent url(../images/li-sipka.gif) left 0.45em no-repeat; }
.anotace { margin-top: 1em; /*padding-left: 18px; background: transparent url(../images/li.gif) left 6px no-repeat;*/ }
.anotace_privat { background: transparent url(../images/ico-locked.gif) left 4px no-repeat; }
.anotace p, .anotace h3 { margin: 0; padding: 0; font-weight: normal; }
.nolink { color: #2a2a2a; text-decoration: none; }

.anotace_projects { margin: 0.3em 0; padding: 0.5em 0; border-bottom: 1px dotted #d1d1d1;  }
.anotace_projects p,  .anotace_projects h2 { margin: 0; }
.anotace_projects h2 { font-size: 1.1em; margin: 0 0 0.3em 0; }

.ico_vyucujici { min-height: 16px; padding-left: 22px; background: transparent url(../images/ico-vedouci_sm.gif) left 0 no-repeat; }
.ico_termin { min-height: 16px; padding-left: 22px; background: transparent url(../images/ico-termin_sm.gif) left 0 no-repeat; }
.ico_misto { min-height: 16px; padding-left: 22px; background: transparent url(../images/ico-misto_sm.gif) left 0 no-repeat; }
.ico_cena { min-height: 16px; padding-left: 22px; background: transparent url(../images/ico-money_sm.gif) left 0 no-repeat; }
.ico_privat { min-height: 16px; padding-left: 22px; background: transparent url(../images/ico-locked.gif) left 0 no-repeat; }


.rightbox {
  width: 240px;
  margin-left: 1.8em;
  margin-bottom: 1em;
  padding: 0.3em 0.5em;
  float: right;
  border: 1px solid #ccc;
  background: #f5f5f5;   /* f1f1f1 url(../images/bg_box_vz.gif) 0 top repeat-x */
}
.rightbox h2, .rightbox h3, .rightbox h4 { margin: 0; padding: 0.3em 0.5em; text-align: center; }
/*.rightbox hr { color: #dddddd; background-color: #dddddd; height: 1px; font-size: 0; line-height: 0; border: 0; margin: 10px 0; }
.rightbox input { color: #dddddd; background-color: #d8e9f7; }
.rightbox input.field { width: 105px; }
.rightbox input.button { color: #d8e9f7; background-color: #dddddd }*/


.rightbox_hp h2, .rightbox_hp h3, .rightbox_hp h4 { margin: 4px 0 0 0; padding: 0; text-align: left; }
.rightbox_hp .in { padding: 0 0.5em 0.3em 0.5em;}
.rightbox_hp h2 { height: 35px; margin: 0; padding: 0; font-size:1.3em; color: #fff; }
.rightbox_hp h2 span { display: block; line-height: 25px; padding: 0 0.5em;  }
.box_news h2 { background: #f1f1f1 url(../images/bg_box_red.gif) right top no-repeat; }
.box_research h2 { background: #f1f1f1 url(../images/bg_box_blue.gif) right top no-repeat; }
.box_education h2 { background: #f1f1f1 url(../images/bg_box_green.gif) right top no-repeat; }
.rightbox_hp h3 { padding: 0 0 3px 15px; font-size:1.2em; line-height: 1.2; background: transparent url(../images/li-anotace.gif) left 6px no-repeat;}
/*.rightbox_hp a { text-decoration:none; color: #8cb00a; }
.rightbox_hp a:hover { text-decoration:underline; color: #8cb00a; }*/
.rightbox_hp p { margin: 0; padding: 0 0 0 15px; line-height: 1.2; }

.box_hp {
  width: 308px;
 margin: 10px 0;
  /* margin-bottom: 1em;
  padding: 0.3em 5px;
  float: left;*/
  border: 1px solid #dedede
}
div.headline { height: 32px; line-height: 32px; padding: 0 11px; font-size: 1.5em; color: #f3973a; background: #f5f5f5 url('../images/bg_headnews.gif') 0 0 repeat-x; }
.box_hp {
  width: 308px;
 /* margin-right: 25px;
  margin-bottom: 1em;
  padding: 0.3em 5px;
  float: left;*/
  border: 1px solid #dedede;
}
.box_in {
  padding: 0.3em 11px;
  font-size: 0.9em; 
  border-top: 1px solid #dedede;
}

.box_news, .box_research, .box_education { border: 1px solid #d7d7d7; background: #f1f1f1 url(../images/bg_box_vz.gif) 0 top repeat-x; }

.right_bluebox {
  text-align: left;
  font-size: 0.95em;
  border-top: 7px solid #b6c4e2;
  background: #f0f3f7;
}
.right_bluebox a { color: #608dc4; text-decoration: none }
.right_bluebox a:hover { text-decoration: underline }

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

.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 { margin-bottom: 0.5em; /*width: 740px; */ }
.photogallery_th { background-color: #aaa; padding: 0; color: white; font-size: 1.2em !important; }
/*.photogallery_td { padding: 2px 0; width: 180px; height: 180px; background: transparent url('../images/bg_photo.gif') center center no-repeat; text-align: center; vertical-align: middle; font-size: 0.75em; line-height: 1.2 ; }*/
.photogallery_td { padding: 2px 2px; width: 185px; height: 185px; text-align: center; vertical-align: middle; font-size: 0.75em; line-height: 1.2 ;
-webkit-box-shadow: 0 0 1px 1px rgba(200,200,200,200);
box-shadow: 0 0 1px 1px rgba(200,200,200,200);
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); 
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); 
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.photogallery_td img { margin: 1px 3px }

.productgallery_table { margin-bottom: 0.5em; }
.productgallery_td { width: 150px; height: 150px; /*overflow: hidden;*/ padding: 0; text-align: center; vertical-align: middle; font-size: 0.85em; line-height: 1.2;  /*background: #fff*/ }
.productgallery_td img { width: 150px; height: 150px; background-color: #fff; background-position: center center; background-repeat: no-repeat; border: 2px solid #dddddd; }

h2 a { text-decoration: none }
h2 a:hover { text-decoration: underline }

.col1 { width:690px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; } 
.col2_left {float:left; width:380px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right {float:right; width:380px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right_border {float:right; width:350px !important /*Non-IE6*/; width:370px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:20px; border-left: 1px dotted #dddddd; }
.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 #dddddd; }
.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 #dddddd; }
.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 {clear:both; width:680px; height:0.1em; border:none; background:#fff; color:#fff; }

#middle-onecol .col2_left {float:left; width:480px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
#middle-onecol .col2_right {float:right; width:480px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
#middle-onecol .col2_right_border {float:right; width:450px !important /*Non-IE6*/; width:470px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:20px; border-left: 1px dotted #dddddd; }

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

.highlighted { color: #ff494f; font-weight: bold; }

.width_25perc { width:25%; }
.width_50perc { width:50%; }
.width_100perc { width:100%; }

.width_80 { width:80px; }
.width_100  { width:100px; }
.width_150  { width:150px; }
.width_200  { width:200px; }
.width_300  { width:300px; }
.width_496 { width:496px; }
.width_800 { width:800px; }
.height_100  { height: 100px; }

.scroll { height: 400px; overflow: scroll; border: 1px solid #ccc; }

/*********
layout
*********/
#whole { width: 1054px; margin: 0 auto; text-align: center; position: relative; }

#tophead { width: 1054px; text-align: left; height: 25px; line-height: 25px; overflow: hidden; color: #fff; font-size: 0.8em; }
#tophead a { color: #fff; text-decoration: none;  }
#tophead-left { width: 600px; height: 25px; float: left; text-align: left; padding-left: 14px; }
#tophead-left a { display: block; width: 550px; height: 25px; line-height: 25px; padding-left: 26px; background: transparent url(../images/ico-home.png) no-repeat 3px center; }
/*#tophead-right { width: 100px; height: 25px; float: right; padding-right: 16px; text-align: right; }*/

#head, #head-dg { width: 1054px; text-align: left; clear: both; overflow: hidden; color: #fff; position: relative;}
#head { height: 273px; /*background: transparent url(../images/bg_header.jpg) 0 198px no-repeat;*/ }
#head-dg { height: 120px;/* background: transparent url(../images/bg_header.jpg) 0 45px no-repeat;*/ } /* snizene zahlavi */
.hp #head { height: 196px; /* cca o 87px nizsi, nema submenu */ }

#head-left { width: 1054px; height: 153px; background: transparent url(../images/header.png) 0 0 no-repeat; }
/*#head-right { width: 780px; height: 75px; text-align: left; float: right; }*/
#head-left a { color: #fff; text-decoration: none; width: 1054px; height: 152px; display: block;  }
#head-left a span { display: none}

/*  153
#head_bottom { width: 980px; padding-left: 10px; text-align: left; height: 24px; line-height: 24px; margin: 0; overflow: hidden; color: #7b6863; }
#head_bottom a { color: #6f7a83; font-size: 0.9em }*/

#main1 { margin: 5px 0 0 0; text-align: left; padding:0; background: #fff url('../images/bg_main.gif') 0 0 repeat-y; }
#main1-onecol { margin: 0; padding:0; }
#main2 { margin: 0; padding: 0;  }

#left {
 background: transparent url('../images/bg_left.png') 0 0 no-repeat;
 width: 230px;
 float: left;
 height: 1%;
 min-height: 400px;
  /*background-color: #fff;*/
}
/*#left-in { min-height: 420px; }
#left hr { width: 262px; height: 2px; font-size: 0; line-height: 1px; border-top: 1px solid #ded8cb; border-left: none; border-right: none; border-bottom: 1px solid #fff; margin: 5px 0; }*/


#middle {
  margin: 0 0 0 249px;
  padding: 0;
  min-height: 500px; /* uprav pro dlouhe menu, kvuli IE7 */
  width: 805px;
}
#middle-onecol {
  margin: 0 0 0 16px;
  padding: 0;
  min-height: 500px; /* uprav pro dlouhe menu, kvuli IE7 */
  width: 1000px;
}

.middle-in {
  width: 795px;
  margin: 0 10px 15px 0;
  padding: 8px 0;
  float: left;
  text-align: left;
}
#middle-onecol .middle-in {
  width: 1000px;
  margin: 0 0 15px 0;
  padding: 8px 0;
  float: left;
  text-align: left;
}

#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; }


#footer { height: 106px; text-align: left; color: #494949; background: transparent url('../images/bg_footer.gif') 0 0 repeat-x; }
#footer-in { width: 1054px; margin: 0 auto; padding: 10px 0 0 14px; font-size: 0.8em; }
#footer a { color: #494949; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.footerleft { width: 520px; height: 34px; text-align: left; float: left; padding-top: 16px; }
.footercenter { width: 240px; height: 34px; line-height: 34px; text-align: center; float: left;  }
.footerright { width: 280px; height: 34px; text-align: right; float: right; padding-top: 20px; }

.footerright form { display: inline; }
#search-field {
  width: 150px; height: 25px; line-height: 25px;  margin-right: 0; padding: 2px 5px; border: 1px solid #c6c6c6; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  /*font-size: 0.9em; font-style: italic; text-align: center; background: transparent url('../images/bg_search.gif') right center no-repeat;*/
}
.search-go { width: 37px; height: 38px; line-height: 18px; border: 0; vertical-align: middle; text-align: left; margin-left: 0; color: #464646; background: transparent url(../images/ico-search.png) center center no-repeat }

/*********
navigace
*********/
#nav_toolbar { width: 1040px; height: 42px; /*margin-top: 1px;*/ padding-left: 16px; border: 0; border-top: 1px solid #3c397c; /*float: right; padding-left: 1px;*/  /*background: transparent url(../images/bg_nav.png) 0 0 repeat-x;*/
  background: transparent url('../images/bg_nav_divider.png') 14px 0 no-repeat;
  /*position: relative;*/
}
#nav_toolbar ul { margin: 0; padding: 0; }
#nav_toolbar ul li { list-style-type: none; height: 42px; display: inline;/* pro chrome */ }

#nav_toolbar ul li a, #nav_toolbar ul li a:hover, #nav_toolbar ul li a.current {
  float: left;
  /* min-width: 141px; tak aby presahoval menu2 */
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0 1.5em;
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /*white-space: nowrap;*/
  background: transparent url('../images/bg_nav_divider.png') right 0 no-repeat;
}
#nav_toolbar ul li a:hover, #nav_toolbar ul li a.current, #nav_toolbar ul li a.current:hover { background-color: #343177;  }
/*#nav_toolbar ul li a:hover, #nav_toolbar ul li a.current:hover { color: #f0e6d1; }*/

#nav_toolbar ul.navsub { position: absolute; top: 198px; left: 0; width: 1062px; height: 76px; background: #272458 url('../images/bg_nav2.gif') 0 -1px repeat-x; /*display:none;*/  margin: 0; padding: 0 0 0 15px; /*border: 1px solid white; */ }
#head-dg #nav_toolbar ul.navsub { top: 45px; }
#nav_toolbar ul.navsub li { list-style-type: none; float: left; margin: 0; padding: 0; }
/*#nav_toolbar ul.navsub li img { float: left; }*/
/*ul#navsub_toolbar li span { float: left;width: 46px; height: 46px;  }*/
#nav_toolbar ul.navsub li a, #nav_toolbar ul.navsub li a:hover, #nav_toolbar ul.navsub li a.current {
  float: left;
  width: 127px;
  line-height: 1.2;
  height: 65px;
  margin: 0;
  padding: 3px 7px 10px 7px;
  color: #272458;
  text-decoration: none;
  text-transform: inherit;
  text-align: left;
  /*background: #272458 url('../images/bg_nav2.png') repeat-x;*/
  background: transparent url('../images/bg_nav2_divider.png') right 0 no-repeat;
}
#nav_toolbar ul.navsub li a:hover, #nav_toolbar ul.navsub li a.current, #nav_toolbar li a.current:hover { color: #fff; background: #272458 url('../images/bg_nav2_on.gif') 0 -1px repeat-x; }
#nav_toolbar ul.navsub:before {
  content: "\A";
  background: transparent url('../images/bg_nav2_divider.png') right 0 no-repeat;
  width: 1px;
  height: 78px;
  float: left;
}

#nav_toolbar ul.navsub li a span.nav_icon {  /* ikonka */
  display: block;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100px;
  height: 32px;
  margin: 0 0 3px 0;
}
#nav_toolbar ul.navsub li a.current span.nav_icon, #nav_toolbar ul.navsub li a:hover span.nav_icon {
  background-position: -100px 0; /* sprite se posune */
}


/** left col nav **/
#navcontainer { line-height: 1.2; margin: 60px 0 30px 0; font-weight: bold; font-size: 0.9em; }
#navcontainer div { line-height: 1.4; margin: 20px 0 12px 13px; color: #00b6b0; }
#navcontainer ul { margin: 0; padding: 0; border: 0; border-top: 1px solid #00b6b0; }
#navcontainer ul li { list-style-type: none; margin: 0; padding: 0; }
#navcontainer ul li a, #navcontainer  ul li a:hover, #navcontainer ul li a.current {
  display: block;
  margin-top: 0;
  padding: 12px 13px 12px 13px;
  text-decoration: none;
  color: #343177;
  border: 0;
  border-bottom: 1px solid #00b6b0;
}
#navcontainer ul li a:hover, #navcontainer ul li a.current { background-color: #343177; color: #fff; }

#navcontainer ul li ul li a { font-size:0.9em; padding-left: 28px; }


.menu_heading { /* pro neaktivni polozky menu*/
  margin-top: 1px;
  padding: 4px 7px;
  font-size: 1em;
  color: #fff; }

.logo_text_vpravo {
  text-align:center;
  color: #e99c11;
  padding: 3px;
  margin: 0 20px 8px 8px;
  float: right;
  border: solid 1px #b4a38f;
}
 

#reg_form_all { margin: 1em 0; }

/* registrace */
#help {position:absolute;z-index:199;display:none;width:156px; background: transparent url('../images/bghelp.gif') repeat-y;}
#helpboxbot {height:4px;font-size:0;line-height:0; background: transparent url('../images/bghelpbottom.gif') no-repeat;}
#helpboxtext {padding:8px 12px 4px 18px;color:#FF8A00;text-align:left;background: transparent url('../images/bghelptop.gif') no-repeat;}

.regobsah { }
.regbox {
  padding-left: 10px;
  border: 1px solid #47393a; /*d8df65*/
  background: #cc5936;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  margin-bottom: 2px;
  line-height: 20px;
}
.regbut {
  width: 128px;
  height: 25px; line-height: 25px;
  text-align: center;
  font-weight: bold;
  background:#459bc4; 
  color:#fff; 
  font-size:120%; 
  border: 0;
  cursor: pointer;
  margin-top: 30px;
}
.reginp { width: 260px;}
.reginp2 { width: 225px;}
.reglab { width: 100px;}
.reglab2 { width: 150px;}
.regnazev { font-weight: bold; color: #fff; text-transform: uppercase; padding-top: 3px; margin-bottom: 22px;}
.regnone { text-transform: none;}
.regof { margin-left: 10px; margin-bottom: 12px;}
.regp { margin-left: 10px; margin-bottom: 5px;}
.regtab { margin-top: 12px; margin-bottom: 10px;}
.regtab td { height: 24px; padding-right: 20px;}
.none { display: none;}
.help2 {position:absolute; z-index:88;}
 
.obj_form { margin:1em 0 0 0; padding:10px 10px 0 10px; border: 1px solid #dfdfdf;  background-color:#fff; }
fieldset { padding:10px 10px 10px 10px !important /*Non-IE6*/; padding:0 0 10px 10px /*IE6*/; margin:0 0 20px 0; border: 1px solid #aaa;  } 
fieldset legend { margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 5px 5px /*IE6*/; padding:0 2px 0 2px; color:#666; font-weight:bold; font-size:110%;}
.obj_form fieldset { background-color:#f2ede9; }
.obj_form legend {background-color:#f2ede9;  }

.obj_form .fleft { float:left; width:200px; margin:0 0 15px 0; padding:2px; font-size:90%; /*border:1px solid gray*/ }
.obj_form div.fright { float:left; width:400px; margin:0 0 15px 0; /*border:1px solid yellow*/ }
.obj_form div.block { clear:left; margin-bottom: 8px /*border:1px solid black; */}
.obj_form select.combo { width:375px; padding:2px; font-size:90%; /*border:solid 1px rgb(200,200,200); */} 
.obj_form input.field { width:375px; padding:2px; font-size:90%; /*border:solid 1px rgb(200,200,200);*/ }
.obj_form textarea { width:400px; padding:2px; font-size:110%;  }
.obj_form textarea.same { width:375px; }

.obj_form_description { font-size: 0.9em; color:#4b4f00; }


/*-----------------------------------------  one track forum -----------------------------------------*/
ul.comment { list-style-type: none;  margin: 0.3em 0 0.5em 0.2em;  }
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: 0.8em;
 min-width: 200px;
}

.comment_item { min-width: 200px; margin: 0; padding: 0.3em 0.5em; border: 1px solid #d7d7d7; background-color: #f7ebe1; /* 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: 0.8em; line-height: 0.9em; border: 1px solid #d7d7d7; background-color: white; text-align: right }


/*
#wrapper-slideshow {  height: 200px; float: left; position: relative;  }
#homepage #wrapper-slideshow { height: 318px; top: -1px; border: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }

#dotnav { 
  min-width: 21px; 
  height: 20px;
  padding: 0 15px 0 15px;
  position: absolute; 
  top: 290px;
  left:440px; 
  z-index: 50;
}
a.service { font-size: 1em; line-height: 1em; background: transparent url('../images/dot.png') center center no-repeat; text-decoration:none; padding-right: 25px;}
#dotnav .activeSlide { background: transparent url('../images/dot-active.png') center center no-repeat; }
*/


/*
  Colorbox Core Style:
  The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
  User Style:
  Change the following styles to modify the appearance of Colorbox.  They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
  #cboxTopLeft{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat 0 0;}
  #cboxTopCenter{height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) repeat-x 0 -50px;}
  #cboxTopRight{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat -25px 0;}
  #cboxBottomLeft{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat 0 -25px;}
  #cboxBottomCenter{height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) repeat-x 0 -75px;}
  #cboxBottomRight{width:25px; height:25px; background:url(../include/jquery/plugins/colorbox/images/border1.png) no-repeat -25px -25px;}
  #cboxMiddleLeft{width:25px; background:url(../include/jquery/plugins/colorbox/images/border2.png) repeat-y 0 0;}
  #cboxMiddleRight{width:25px; background:url(../include/jquery/plugins/colorbox/images/border2.png) repeat-y -25px 0;}
  #cboxContent{background:#fff; overflow:hidden;}
  .cboxIframe{background:#fff;}
  #cboxError{padding:50px; border:1px solid #ccc;}
  #cboxLoadedContent{margin-bottom:40px;}
   /* #cboxTitle{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#999;}*/
#cboxTitle { 
  position:absolute; 
  bottom:0; 
  left:0;
  text-align:left !important;
  width:100% !important;
  margin-bottom:19px !important;
  padding:5px !important;
  background-color:#333 !important;
  opacity:0.75 !important;
  filter:alpha(opacity=75) !important;
  color:#fff !important;
}

    #cboxCurrent{position:absolute; bottom:0; left:45%; color:#999;}
    #cboxLoadingOverlay{background:#fff url(../include/jquery/plugins/colorbox/images/loading.gif) no-repeat 5px 5px;}

    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    
    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

    #cboxSlideshow{position:absolute; bottom:0; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0; left:73px; color:#444;}
    #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.ui-effects-transfer { border: 2px dotted gray; } 


#slidetree-nav a {margin: 0 5px;}
#slidetree-nav a.activeSlide { color: #000; text-decoration: none }