/* Soubor CSS pro prohlížeče s dobrou podporou standardů. */
/* (C) Blue Beret 2006-2008 */


/******** Konstrukce stránky ********/

html, body { background: #255073; }

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  font: 13px/120% sans-serif;
}

#Kontejner {
  position: relative;
  width: 960px;
  margin: 16px auto;
  border: 1px solid #003366;
  text-align: left;
  background: #00A4FE;
}

#Hlavicka {
  height: 96px;
  margin: 0;
  padding: 0;
}

#Hlavicka img {
  border: 0 none;
}

#Panel {
  height: 26px;
  background: #0088DD;
}

#VedlejsiMenu {
  float: left;
  margin: 0;
  padding: 3px 8px;
  height: 20px;
}
#VedlejsiMenu a {
  margin: 0 .5em;
  font: 12px/20px sans-serif;
}
#VedlejsiMenu a:link, #VedlejsiMenu a:visited {
  color: #FFFFFF;
}

#Vyhledavani {
  float: right;
  margin: 0;
  padding: 3px 2px 3px 8px;
  height: 20px;
  vertical-align: bottom;
}
#Vyhledavani #Query {
  font: 12px/14px sans-serif;
  width: 10em;
  height: 14px;
  border-width: 1px;
  padding: 2px;
  vertical-align: middle;
  background: #A3C2CC url("../grafika/vyhledavani.png") top repeat-x;
  border: 1px solid #AEAEAE;
}
#Vyhledavani #Hledat {
  font: 12px/120% sans-serif;
  height: 20px;
  border-width: 1px;
  padding: 2px;
  vertical-align: top;
  background: #B9D90B url("../grafika/tlacitko2.png") top repeat-x;
  border: 1px solid #828282;
}

#HlavniMenu {
  clear: both;
  float: left;
  width: 160px;
  margin: 0 -8px 1px 0;
  padding: 0;
  background: #306080;
  white-space: nowrap;
}

#HlavniMenu li {
  font: 12px/120% sans-serif;
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  margin: 1px;
  padding: 1px 8px;
  height: 24px;
  line-height: 24px;
  background: url("../grafika/menu_vetev.png") top repeat-x;
}

#HlavniMenu li a:link, #HlavniMenu li a:visited { color: #E0F8FF; }
#HlavniMenu li a:hover, #HlavniMenu li a:focus { color: #FFFFFF; }

#HlavniMenu li.rozbaleno { height: auto; }

#HlavniMenu .submenu {
  display: none;
  position: absolute;
  z-index: 10;
  left: 144px;
  top: auto;
  margin: -22px 0 0 0;
  width: 17em;
}

#HlavniMenu .submenu, #HlavniMenu .cursubmenu {
  background: #9CAEC0 url("../grafika/sgvg-blue.png") repeat-x top;
  border: 1px solid #045866;
  padding: 0;
  overflow: hidden; /* IE dokáže hodně rozhodit layout */
}

#HlavniMenu .cursubmenu {
  display: block;
  margin-left: 0px;
  margin-right: -8px;
  margin-bottom: 2px;
  width: 148px;
}

#HlavniMenu .submenu li, #HlavniMenu .cursubmenu li {
  margin: 0;
  padding: 2px 4px;
  list-style-image: none;
  list-style-type: none;
  background: transparent;
}

#HlavniMenu li.active, #HlavniMenu li.active {
  font-weight: bold;
}

#HlavniMenu .submenu li {
  height: 1.2em;
  line-height: 120%; 
}

#HlavniMenu .cursubmenu li {
  line-height: 100%;
  height: auto;
  margin: .2em 0;
  white-space: normal;
  text-indent: -16px;
  padding-left: 20px;
}

#HlavniMenu li:hover .submenu, #HlavniMenu li.hover .submenu {display: block; }

#HlavniMenu .submenu li a:link, #HlavniMenu .submenu li a:visited, #HlavniMenu .cursubmenu li a:link, #HlavniMenu .cursubmenu a:visited { color: #00518F; }
#HlavniMenu .submenu li a:hover, #HlavniMenu .submenu li a:focus, #HlavniMenu .cursubmenu li a:hover, #HlavniMenu .cursubmenu a:focus { color: #003A66; }

#Vnitrek {
  float: right;
  width: 767px;
  margin: 1px 0;
  padding: 2px 16px 16px;
  background: #FFFFFF;
  text-align: justify;
  min-height: 370px;
}

#Vnitrek.index	{ background: #E0E4F4; }

#Vnitrek p.wimg { text-indent: 0; }
form p { text-indent: 0 !important; }

#Paticka {
  clear: both;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 120%;
}
#Paticka a:link, #Paticka a:visited {
  font-weight: bold;
  color: #D6F9FF;
}
#Paticka a:hover, #Paticka a:focus {
  color: #FFFFFF;
}
#Paticka a:active {
  color: #FFFFFF;
}

#Paticka p {
  margin: 0;
  padding: .5em;
  /*border-top: 1px solid #045866;*/
}

/******** Textové prvky ********/

h1, h2, h3, h4, h5, h6 {
  margin: 24px 0 8px 0;
}
h1 { font: bold 20px/120% sans-serif; text-align: center; }
.index h1 { font-size: 32px; margin-top: 12px; }
h2 { font: bold 20px/120% sans-serif; text-align: left; clear: both; color: #0090E0; }
h3 { font: 18px/120% sans-serif; text-align: left; clear: both; }
h4 { font: 16px/120% sans-serif; text-align: left; }
h5 { font: 14px/120% sans-serif; text-align: left; }
h6 { font: 12px/120% sans-serif; text-align: left; }

p {
  margin: .5em 0;
}

pre {
  background: #F0F0F0;
  color: #000000;
  border: 1px dashed #909090;
  padding: .5em;
}

.x_vlevo { text-align: left; text-indent: 0 !important; }
.x_vpravo { text-align: right; text-indent: 0 !important; }
.x_uprostred { text-align: center; text-indent: 0 !important; }

a:link, a:visited {
  /*color: #237785;*/
  color: #00518F;
  text-decoration: none;
}

a:hover, a:focus {
  /*color: #068499;*/
  color: #003A66;
  text-decoration: underline;
}

a:active {
  /*color: #068499;*/
  color: #003A66;
}

.question {
  font-family: sans-serif;
  font-weight: bold;
  margin: 1em 0 0 0;
  text-indent: 0 !important;
}

.answer {
  margin: .5em 0 .5em 1em;
  text-indent: 0 !important;
}

.date {
  margin-top: 1em;
  font-weight: bold;
  text-indent: 0 !important;
}

.casovac {
  font: 12px sans-serif;
}

.navrat {
  width: 10em;
  margin: .5em 4px;
  padding: 4px 6px;
  background: #FFFFFF url("../grafika/zpet.png") top repeat-x;
  border: 1px solid #E0E0E0;
  font: 12px sans-serif;
  text-align: left;
  text-indent: 0 !important;
}

.editace {
  width: 4em;
  margin: 4px;
  padding: 4px 6px;
  background: #FFFFFF url("../grafika/zpet.png") top repeat-x;
  border: 1px solid #E0E0E0;
  font: 12px sans-serif;
  float: right;
  text-align: center;
  text-indent: 0 !important;
}

.fatal {
  margin: 8px;
  border: 2px solid #A00000;
  background: #FFFFFF;
  padding: 8px;
  color: #A00000;
  text-align: left;
}

.chyba {
  font-weight: bold;
  color: #A00000;
}

.var {
  font-weight: bold;
  color: #A08000;
}

.poznamka {
  font-style: italic;
}

.protokol {
  border: 1px solid #A0A0A0;
  padding: 1em;
  background: #F0F0F0;
}
.protokol p {
  text-align: left !important;
  text-indent: 0 !important;
  font-size: 90%;
  margin: 0;
}

#Vnitrek address {
  text-align: left;
  margin-left: 2em;
  font-style: normal;
}

/* Obrázky vložené do dokumentu:
 * a) standardní: třída vlozeny, uprostřed textu, budou plovoucí
 * b) sekundární: třída vlozeny2, jako vlozeny, ale na opačné straně
 *                (není definováno, zda na levé, nebo na pravé)
 * c) celořádkový: třída vlozeny uvnitř odstavce třídy wimg
 */
#Vnitrek a img.vlozeny, #Vnitrek a img.vlozeny2 {
  border: 1px solid #000030;
}
#Vnitrek img.vlozeny {
  float: right;
  border: none;
  margin: 4px 0 4px 4px;
}
#Vnitrek img.vlozeny2 {
  float: left;
  border: none;
  margin: 4px 4px 4px 0;
}
#Vnitrek .wimg {
  text-align: center; /* f!ck MSIE */
}
#Vnitrek .wimg img.vlozeny {
  float: none;
  margin: 2px auto;
}
#Vnitrek h2 img.vlozeny, #Vnitrek h2 img.vlozeny2 {
  border: 0 none;
}

/******** Seznamy ********/

ul { padding-left: 1.5em; margin-left: 0; }
ol { padding-left: 1.5em; margin-left: 0; }

ul ul, ul ol, ol ul, ol ol {
  padding-left: 2em;
}

/******** Formulářové prvky ********/

form { margin: 16px 8px; }
form#ZLogin { margin-right: 430px; }
form#ZLogin .submit { text-align: center; }

form p { clear: left; text-align: left; }

form p label {
  display: block;
  float: left;
  width: 200px;
  margin-top: 2px;
  margin-bottom: 2px;
}

span.povinnost {
  height: 1.2em;
  padding: 0 .4em;
  background: #F4F4F4;
  color: #A00000;
  text-align: center;
  font-weight: 800;
}

form p span.povinnost {
  display: block;
  float: left;
  margin: 4px 4px;
  cursor: help;
}

form p input, form p textarea, form p select {
  display: block;
  float: left;
  width: 336px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.bitove_pole {
  display: block;
  float: left;
  width: 540px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.bitove_pole p { margin: 2px 0; }
.bitove_pole p input, .bitove_pole p label {
  display: inline;
  float: none;
  width: auto;
}

form p.textarea_full textarea {
  width: 540px;
}

form p.submit {
  clear: left;
  margin: 16px 8px;
  text-align: right;
}

form p.submit input {
  display: inline;
  float: none;
  width: 160px;
  margin: 8px 8px;
}

form p.submit input.chk {
  width: 16px;
}

form p.submit label {
  display: inline;
  float: none;
}

form.logout {
  margin: 16px 64px;
  padding: 8px;
  background: #F0F0F0;
}

form.logout p {
  clear: none;
  margin: 0;
  text-align: center;
}

form.logout p.submit input {
  float: none;
  width: 160px;
  margin: 0 auto;
}

select {
  background: #EEE0E0;
  border: 1px solid #969696;
  width: 340px !important;
  height: 20px;
}

.btn, .btn0, .btn1, .btn2 {
  background: #B9D90B url("../grafika/tlacitko2.png") top repeat-x;
  border: 1px solid #969696;
}
.btn0 { width: 4em !important; }
.btn1 { width: 8em !important; }
.btn2 { width: 12em !important; }

.txt, .txt0, .txt1, .txt2, .txt3 {
  font: 14px/120% sans-serif;
  background: #E0EBEE;
  color: #101010;
  border: 1px solid #969696;
  padding: 2px;
}

.num, .num0, .num1, .num2, .num3 {
  font: 14px/120% sans-serif;
  background: /*#EEEBCA*/ #ECEEE0;
  color: #101010;
  border: 1px solid #969696;
  padding: 2px;
}

.txt0, .num0 { width: 4em; }
.txt1, .num1 { width: 8em; }
.txt2, .num2 { width: 12em; }
.txt3, .num3 { width: 30em; }

input.readonly, textarea.readonly {
  color: #404040;
  background-image: url("../grafika/thiswontwork.gif");
}

textarea {
  background: #F8FEFB;
  border: 1px solid #969696;
}

.killer { display: none; }

/******** Tabulkové prvky ********/

table {
  border-collapse: collapse;
  /*border: 2px solid #045866;*/
  border: 2px solid #004080;
  margin: 4px 0;
}

table.soubory { width: 99%; }

thead {
  /*background: #056676;*/
  background: #0067CC;
}

tfoot {
  /*background: #267E99;*/
  background: #297BCC;
}

th {
  font: bold 12px/120% sans-serif;
  /*border: 1px solid #045866;*/
  border: 1px solid #004080;
  padding: .1em .4em;
  text-align: left;
  color: #000000;
}

td {
  font: 12px/120% sans-serif;
  /*border: 1px solid #045866;*/
  border: 1px solid #004080;
  padding: .1em .4em;
  text-align: left;
  color: #000000;
}

td.cislo { text-align: right; }
td.nelomit { white-space: nowrap; }
td.specialita { text-align: center; }

/*
th.datum { width: 5em; }
th.velikost_dat { width: 5em; }
th.dlcount { width: 5em; }
th.stahnout { width: 5em; }
*/

thead th, thead td, tfoot th, tfoot td {
  border: none;
  color: #FFFFFF;
}

tfoot a:link, tfoot a:visited {
  font-weight: bold;
  /*color: #D6F9FF;*/
  color: #D5E4EE;
}
tfoot a:hover, tfoot a:focus, tfoot a:active {
  color: #FFFFFF;
}

td .nazev {
  /*font-size: 14px;*/
  margin-top: .2em;
  margin-bottom: .2em;
  display: block;
  font-weight: bold;
}
td .popis {
  display: block;
  font-size: 11px;
}

/******** Titulní stránka ********/

.iikony .ikona .popis {
  font-size: 11px;
  line-height: 12px;
  font-style: oblique;
}
.iikony .ikona .popis a { font-style: normal; }
.iikony .ikona .popis a strong {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
}
.iikony .ikona a img { border: 0; }

.iikony {
  width: 700px;
  height: 440px;
  margin: 12px 0 0 32px;
  padding: 0;
  position: relative;
}

.iikony .ikona {
  width: 208px;
  height: 208px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.iikony #Ikona1 { position: absolute; left: 0px; top: 0px; }
.iikony #Ikona2 { position: absolute; right: 0px; top: 0px; }
.iikony #Ikona3 { position: absolute; left: 0px; top: 216px; }
.iikony #Ikona4 { position: absolute; right: 0px; top: 216px; }
.iikony #Ikona5 { position: absolute; left: 246px; top: 108px; }

/**/

/******** Galerie ********/
/* název třídy "fotky" je zavádějící - dříve byla použita pouze pro fotografie,
 * později byly přidány pod stejnou třídu i obrazovky z programů */

.fotky {
  margin: 0;
}

.fotky a {
  display: block;
  float: left;
  width: 160px;
  overflow: hidden; /* kvůli IE */
  vertical-align: middle;
  margin: 10px;
  text-align: center;
  position: relative;
  left: 15px;
}
.fotky.foto a { height: 120px; margin: 10px 10px; border: 2px solid; }
.fotky.screen a { height: 148px; margin: 10px 12px; }
.fotky.screen.preview a { height: 120px; margin: 10px 12px; }
/*.fotky a:link, .fotky a:visited { border-color: #237785; }*/
/*.fotky a:hover, .fotky a:focus, .fotky a:active { border-color: #068499; }*/
.fotky a:link, .fotky a:visited { border-color: #3F647F; }
.fotky a:hover, .fotky a:focus, .fotky a:active { border-color: #2B485D; }

.fotky .komentar { display: block; font-size: 9px; line-height: 10px; }

.fotky a img {
  border: none;
  float: none !important;
  margin: 0 !important;
}

.fotky .zacatek_radku { clear: left; }
.fotky .pseudo { height: 0; padding: 0; border: 0; margin: 0; display: none; }

.more {
  clear: left;
  text-align: right;
}

.strankovani {
  clear: left;
  margin: 8px 26px 8px 25px;
  padding: 8px;
  background: #E0E0E0;
  font: 12px/120% sans-serif;
  text-align: center;
}

/* Floaty */
.endfloat { clear: both; font-size: 1px; line-height: 1px; }