/* ZAKLADNI */
 /* body */
 body, h1, h2, h3, div, p, ul, ol, li, img, form, fieldset{margin: 0; padding: 0;}
 body{ font-family: Verdana, sans-serif; font-size: 10px; color: white; padding-top: 10px; padding-bottom: 10px; background: white; }
 /* nadpisy */
 h1{ font-size: 22px;}
 h2{ font-size: 18px; color:#002280;}
 h3{ font-size: 14px; color:#002280;}
 /* odkazy */
 a{ color:white; FONT-WEIGHT: bold; text-decoration: none;}
 a:hover{ color:#FFFF00; FONT-WEIGHT: bold; text-decoration: none;}
 /* img.. aby nemely oramovani, vertikalni vystredeni */
 img{ border: 0; vertical-align: middle; }

 /* barvy pouzite na strance */
 /*
    zluta #FFFF00
    modra #3D70C3
    svetle modra #bfd0ea
    tmave modra- #003596
    tmave modra-- #002280
    seda-- #808080
  */

/* STRUKTURA STRANKY */
 .main-blok{ width: 1000px; margin: auto; background: #bfd0ea; }

 /* ZAHLAVI */
 .header-blok{ border-top: 3px solid #002280; border-bottom: 1px solid #002280; }
 .header-blok h1{ height: 42px;	line-height: normal; background: #3D70C3; }
 .header-blok a{ display: block; height: 32px; color: #FFFFFF; font-size: 32px; letter-spacing: 1px; text-decoration: none;
               FONT-STYLE: italic; text-align: center; }
 .header-blok a:hover{ color: #FFFF00; background: transparent; }
  /* datum, cas, svatek v index.php */
  .novinka-blok{ text-align: right; background: #3D70C3; padding: 5px; margin-bottom: 0; border-bottom: 1px solid #002280; }
 /* ZAPATI */
 .paticka-blok{ clear: both; text-align: center; background: #3D70C3; padding-bottom: 5px; margin: 0; border-top: 1px solid #002280; border-bottom: 3px solid #002280; }
  /* pocitadlo pristupu, datum editace v index.php */
  .paticka-blok p{ }
  .paticka-blok p.info{ padding: 5px 0 0 0; }
  .paticka-blok span { COLOR: #FFFF00; }

 /* STRUKTURA A VZHLED MENU */
 .menu-blok{ background: #003596; float: left; width: 150px; margin-bottom: 0;}
 .menu-blok div{ padding: 0px;}
 .menu-blok h3{ margin-top: 10px; padding: 0 0 2px 10px; border-bottom: 1px solid #bfd0ea; font-size: 12px; color: #FFFF00; FONT-WEIGHT: bold; }
 .menu-blok a{ display: block; color: #FFFFFF; padding: 1px 0; }
 .menu-blok a:hover{ color: #FFFF00; }
 .menu-blok p{ display: block; margin: 4px auto 4px 20px; text-align: left; }
 .menu-blok a img{ display: block; margin: 4px 0 0 0; }
 .menu-blok img.temp{ display: block; margin: 0 25px; text-align: center; }
  /* odkazy v menu */
  .buttons a { color: white; background-color: #003596; padding: 1px 0; display: block; border-left: 20px solid #003596; text-align: left; }
  .buttons a:hover { border-left: 20px solid #FFFF00; background-color: #000000; color: #FFFF00; }
  /* odkazy v menu_pocasi */
  .buttpocasi a { margin-left: 20px; color: #FFFFFF; background-color: #3D70C3; padding: 1px 0; display: block; border-left: 20px solid #FFFF00; text-align: left; }
  .buttpocasi a:hover { margin-left: 20px; border-left: 20px solid #FFFF00; background-color: #000000; color: #FFFF00; }
  /* teplota v menu */
  .menu-blok p.teplota{ margin-left: 0; FONT-WEIGHT: bold; color: #FFFFFF; background-color: #3D70C3; padding: 1px 0; border-left: 20px solid #FFFF00; }

 /* FORMATOVANI TEXTU */
  /* celkovy vzhled vnorene stranky */
  .obsah-blok{ display: block; float:right; width: 800px; padding:20px 20px 20px 20px; color: #000000; }
  .obsah-blok p{ margin: 10px;	font-size: 12px; }
  .obsah-blok p span{ FONT-WEIGHT: bold; }
  .obsah-blok p.bar { width: 762px; margin-left: 2px; FONT-SIZE: 10px; FONT-WEIGHT: bold; color: #FFFFFF; background-color: #3D70C3; padding: 2px 2px; }
  .pocasi_l{ margin-top: 10px; display: block; float:left; width: 400px; color: #000000; }
  .pocasi_r{ display: block; margin-top: 86px; float:left; width: 400px; color: #000000; }
  .pocasi_r_chmu{ display: block; margin-top: 10px; float:left; width: 400px; color: #000000; }
  /* FOTOGALLERY */
  .fgall_left{ padding: 5px 0 10px 0; margin-top: 0; display: block; float:left; width: 200px; color: #000000; }
  .fgall_left img.icons_fgall_l { margin:0 4px 1px 4px; width:32px; height:32px; }
  .fgall_left a.file_fgall { COLOR: black; }
  .fgall_left a.file_fgall:hover { COLOR: red; }
  .fgall_right{ margin-top: 0; margin-left: 10px; display: block; float:left; width: 570px; color: #000000; }
  .fgall_right img.icons_fgall_r { margin-right: 5px; margin-bottom: 10px; height:130px; }
  .fgall_right p.empty { FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-STYLE: italic; }

   /* vzhled vnorene stranky */
   .text-jednotlivy{ display: block; padding: 0px; }
   .text-jednotlivy h2,.text-jednotlivy h3{ margin: 0; padding: 10px 0px;}
   .text-jednotlivy h2 a{ color: #003596; }
   .text-jednotlivy h2 a:hover{ color: #FFFF00;}
   .text-jednotlivy p{ margin-top: 10px; text-align: justify; line-height: 16px; font-size: 11px; }
   .text-jednotlivy p span.zluta{ FONT-WEIGHT: bold; color: #FFFF00; }
   .text-jednotlivy p.error{ FONT-WEIGHT: bold; color: #c34f49; margin-top: 10px; text-align: justify; line-height: 16px; font-size: 11px; }
   .text-jednotlivy p.ok{ FONT-WEIGHT: bold; color: #23974e; margin-top: 10px; text-align: justify; line-height: 16px; font-size: 11px; }
   .text-jednotlivy p.info{ FONT-WEIGHT: bold; color: #495a99; margin-top: 10px; text-align: justify; line-height: 16px; font-size: 11px; }
   .text-jednotlivy p.minmax{ font-size: 10px; margin-left: 0px; width:300px; color: #FFFFFF;	background-color: #3D70C3; padding: 1px 0; border-left: 20px solid #FFFF00; }
   .text-jednotlivy a{ color: #003596; }
   .text-jednotlivy a:hover{ color: #FFFF00; }
   .text-jednotlivy a.odkaz{ margin: 0 0 0 26px; color: #003596; }
   .text-jednotlivy a.odkaz:hover{ color: #FFFF00; }
   .text-jednotlivy span.fgall{ FONT-WEIGHT: bold; color: #797979; }
   /* stranky kontakt.htm, optim.htm, odkazy.htm */
   .text-jednotlivy ul{ margin-left: 20px; font-size: 10px; line-height: 18px; }
   .text-jednotlivy ul.neodsazen{ margin-left: 0; font-size: 10px; line-height: 18px; }
   .text-jednotlivy ul span{ FONT-WEIGHT: bold; }
   .text-jednotlivy ul span.ok{ FONT-WEIGHT: bold; color: #23974e; }
   .text-jednotlivy li{ list-style-type:none; }
   .text-jednotlivy img.icq{ margin-right: 10px; height: 20px; vertical-align: middle; }
   .text-jednotlivy img.odkaz{ margin: 0 10px 0 0; height: 16px; }
   .text-jednotlivy img.syn_map{ width: 700px; }
   .text-jednotlivy p img.nab{ margin: 0 10px 0 10px; height: 11px; }
   .text-jednotlivy p img.nabodr{ margin: 0 10px 0 73px; height: 11px; }
   .text-jednotlivy p img.valid{ margin: 0 10px 0 10px; height: 32px; }
   .text-jednotlivy p img.graph{ margin: 5px 5px 5px 10px; }
   .text-jednotlivy p img.graph_chmu{ margin: 0px 5px 10px 0px; width: 380px; height: 280px; border: 1px solid gray; }
   .text-jednotlivy p img.graph_zatizeni{ margin: 0px 5px 10px 0px; border: 1px solid gray; }

/* STRUKTURA jizdnich radu */
.rad h3{ margin: 0; padding: 5px 0px; color:#FFFFFF; }
.rad p{ margin:0; }
.rad p span{ margin-left: 20px; color:red; }
.rad p a{ color: #003596; margin: 0; cursor: url("../jpg/hand.cur"), help; }
.rad p a:hover{ background: #bfd0ea; color:#FFFF00; }
.rad p a span{ position: absolute; }
.rad p a span span{ margin: 30px 0 0 0; padding:5px 5px; display: block; position: absolute; visibility: hidden; background: #003596; }
.rad p a:hover span span{ visibility: visible; }
.rad p img{ height: 350px; }

/* STRUKTURA download a upload */
.back { margin-top: 20px; }
.downf { margin-top: 10px; }
.downf h2 { margin-bottom: 20px; FONT-SIZE: 20px; COLOR: black; }
.downf p { FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: black; }
.downf p.bar { width: 400px; margin-left: 2px; FONT-SIZE: 10px; FONT-WEIGHT: bold; color: #FFFFFF; background-color: #3D70C3; padding: 2px 2px; }
.downf p.error { COLOR: #c34f49; }
.downf p.ok { COLOR: #23974e; }
.downf p.empty { FONT-SIZE: 12px; FONT-STYLE: italic; }
.downf span { margin:0 0 0 10px; FONT-SIZE: 10px; COLOR: black; FONT-STYLE: italic; }
.downf img.icons { margin:0 4px 0 4px; width:16px; height:16px; }
.downf a.file { COLOR: black; }
.downf a.file:hover { COLOR: red; }
.downf a.back { COLOR: black; }
.downf a.back:hover { COLOR: red; }

/* STRUKTURA FORM */
 /* shot */
 #sf{ FONT-SIZE: 10px; margin-left: 10px; margin-top: 20px; width: 382px; border-top: 2px solid #003596; border-bottom: 2px solid #003596; }
 #sf table { COLOR: #FFFFFF; background: #000000; width: 382px; border-collapse: collapse; }
 #sf table td.valid0{ FONT-STYLE: italic; font-weight: bold; }
 #sf input{ width: 100%; margin: 0; font-family: Verdana, sans-serif; COLOR: #FFFFFF; font-size: 10px; background: transparent; border: 0; }
 #sf fieldset.butt{ text-align: right; border: 0; padding: 0 0 0 0; margin-top: 10px; }
 #sf fieldset.error{ text-align: left; border: 0; padding: 0; margin-bottom: 10px; font-weight: bold; COLOR: #c34f49; }
 #sf fieldset.login{ text-align: left; border: 0; padding: 0; margin-top: 10px; }
 #sf fieldset input{ text-align: center; margin-bottom: 10px; width: 122px; font-family: Verdana, sans-serif; COLOR: #000000; font-size: 12px; background: transparent; border: 1px solid #003596;}
 #so:hover{ background: #3D70C3; border: 1px solid #003596; color: #ffff00; }
 #so:active{ background: #808080; border: 1px solid #003596; color: #ffff00; }
 /* upload */
 #uf{ margin-left: 10px; margin-top: 10px; width: 100%; }
 #uf fieldset{ border: 0; padding-top: 10px; padding-bottom: 10px; }
 #uf legend{ font-size: 12px; border: 0; padding: 2px 88px; background: #003596; color: #FFFFFF; font-weight: bold; }
 #uf input { width: 152px; font-family: Verdana, sans-serif; font-size: 12px; background: transparent; border: 1px solid #003596; }
 #uf input.isoubor { width: 308px; font-family: Verdana, sans-serif; font-size: 12px; background: transparent; border: 1px solid #003596; }
 #uf img{ margin: 10px 0 0 0; }
 #uf p{ margin: 10px 0 10px 0; color: #003596;}
 #up:hover{ background: #3D70C3; border: 1px solid #003596; color: #ffff00; }
 #uo:hover{ font-weight: bold; background: #3D70C3; border: 1px solid #003596; color: #ffff00; }
 #uo:active{ background: #808080; border: 1px solid #003596; color: #ffff00; font-weight: bold; }
 /* pocasi */
 #wf{ margin-top: 20px; padding:0; width: 100%; }
 #wf fieldset{ border: 0; padding-top: 10px; padding-bottom: 10px; border: 0px }
 #wf legend.notime{ font-size: 12px; border: 0; padding: 2px 274px; background: #003596; color: #FFFFFF; font-weight: bold;}
 #wf legend.time{ font-size: 12px; border: 0; padding: 2px 284px; background: #003596; color: #FFFFFF; font-weight: bold;}
 #wf legend.time120{ font-size: 12px; border: 0; padding: 2px 279.5px; background: #003596; color: #FFFFFF; font-weight: bold;}
 #wf legend.slideshow{ font-size: 12px; border: 0; padding: 2px 364px; background: #003596; color: #FFFFFF; font-weight: bold;}
 #wf legend.check{ font-size: 12px; border: 0; padding: 2px 0px; background: transparent; color: #000000; font-weight: bold;}
 #wf input{ width: 150px; font-family: Verdana, sans-serif; font-size: 12px; margin-left: 20px; padding: 2px 5px; background: transparent; border: 1px solid #003596;}
 #wf select{ width: 150px; font-family: Verdana, sans-serif; font-size: 12px; padding: 2px 0px 2px 2px; background: #bfd0ea; border: 1px solid #003596;}
 #wf select:hover{ width: 150px; background: #bfd0ea; }
 #wf img{ border: 1px solid gray; }
 #wo:hover{ font-weight: bold; padding: 1px 4px; background: #3D70C3; border: 2px solid #003596; color: #ffff00; }
 #wo:active{ background: #808080; border: 2px solid #003596; color: #ffff00; font-weight: bold; }
 /* guest */
 #kf{ margin-top: 20px; padding:0; width: 100%; }
 #kf fieldset{ border: 0; padding: 10px 0;}
 #kf legend{ font-size: 12px; border: 0; padding: 2px 100px; background: #003596; color: #FFFFFF; font-weight: bold;}
 #kf input, #kt{ font-family: Verdana, sans-serif; font-size: 12px; padding: 2px 5px; background: transparent; border: 1px solid #003596;}
 #kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 5px;}
 #kf input{ width: 150px;}
 #kf p{ margin: 4px 0 0 0; }
 #kn{ width: 75%; font-weight: bold;}
 #kt{ width: 70%; height: 100px; padding: 4px; }
 #kj:hover,#km:hover,#kw:hover,#kn:hover,#kt:hover{ background: #3D70C3; border: 1px solid #003596; color: #ffff00; }
 #ks:hover{ font-weight: bold; padding: 1px 4px; background: #3D70C3; border: 2px solid #003596; color: #ffff00; }
 #ks:active{ background: #808080; border: 1px solid #003596; color: #ffff00; font-weight: bold; }
 #ko:hover{ font-weight: bold; padding: 1px 4px; background: #3D70C3; border: 2px solid #003596; color: #ffff00; }
 #ko:active{ background: #808080; border: 2px solid #003596; color: #ffff00; font-weight: bold; }

/* STRUKTURA prispevku */
 .komentare-jednotlivy{ font-size: 12px; width: 100%; margin-top: 20px; }
 .komentar-hlavicka{ background: #003596; color: #FFFF00; font-weight: bold; padding-left: 10px; letter-spacing: 1px; }
 .komentar-hlavicka span{ }
 .komentar-udaje{ padding: 4px; background: #3D70C3; border-top: 1px solid #bfd0ea; color: #FFFFFF; }
 .komentar-udaje span{ font-weight: bold; letter-spacing: 1px; padding: 0 4px; border: 1px solid #003596; color: #003596;  background: #bfd0ea; }
 .komentar-text{ margin-left: 10px; padding: 4px;}
 .komentar-text span{ font-weight: bold; }
 .komentar-text p{ margin: 4px 0 0 0; }
 .komentar-text img{ border: 0; vertical-align: middle; }
 #smajly-odkazy { font-weight: bold; margin-top: 10px; }
 #k-otazka{ width: 292px; margin: 10px 10px 10px 0;  padding:5px; border: 1px solid #003596; }
 #k-otazka span{ font-weight: bold; }
 #k-otazka span.text{ color: #003596; }
 #k-otazka input{ width: 50px; border: 0; }
 #k-otazka label {display: inline; float: none;}