/* BOSS.CSS */
p, ul, li, h1, h2, h3, div, span, body, fieldset {margin: 0; padding:0;}
* {z-index: 1;}
body {text-align: center; font-size: 12px; font-family: "Trebuchet MS", Verdana; background: url('../img/grafik/bg_body.png') repeat-y center top #c0c0c0;}

a {color: #00f; text-decoration: underline;}
a:hover, a:active {color: #c0c0c0;}
a:visited {color: #666;}
a img {border: none;}
a.out {background: url('../img/grafik/a_out.png') no-repeat right center; padding-right: 13px; text-decoration: underline;}

h1 {font-size: 36px;}
h2 {font-size: 18px;}


#wrapper {width: 970px; min-height: 447px; margin: auto; background: url('../img/grafik/bg.png') no-repeat center top #a3e7fe;}
#all {width: 900px; margin: auto; text-align: left;}

#header {width: 900px; margin-left: 8px; float: left;}
 #header #logo {width: 60%; float: left; margin-top: 5px;}
  #header #logo p {margin: 15px 0 13px 35px;}
  #header #logo h1 {margin: 10px 0  0 20px; font-size: 30px; font-family: "Trebuchet MS",Verdana;}
 #header img#bull, #header img#bull_ie {float: right; margin-top: 0; }
 #header ul {float: left; list-style: none; width: 900px; height: 26px; padding-top: 13px; background: url('../img/grafik/bg_menu.png') no-repeat left top;}
  #header ul li {display: inline;}
    #header ul li a {display: block; float: left; color: #000; text-decoration: none; margin-left: 14px; height: 16px; padding: 2px 4px; border-top: 1px solid transparent;}
    #header ul li a:hover, #header ul li a#active {background-color: #32a9d1; color: #fff; border-top: 1px solid #148fba;}
#top {float: left; width: 900px; height: 10px; margin: 13px 0 0 8px; background: url('../img/grafik/top.png') no-repeat left top;}
#content {float: left; width: 894px; padding: 0 6px 0 0; margin-left: 8px; font-family: Verdana; background-color: #fff;}
  #content #left {float: left; width: 704px; font-size: 12px;}   
    #content #left h2 {float: left; margin-left: -8px; background: url('../img/grafik/bg_h2.png') no-repeat left top; width: 712px; height: 38px; padding: 7px 0 0 26px; font-size: 18px;}
    #content #left h3 {margin: 0 0 10px 15px;  color: #333}
    #content #left h4 {margin: 0 0 10px 15px; float: left; width: 690px; color: #666;}
    #content #left p {padding: 0 14px; margin-bottom: 10px;}     
      #content #left img.img_l, #content #left img.img_r {margin-bottom: 5px;border: 2px solid #e1e1e1;}
        #content #left img.img_l {margin: 0 5px 0 14px; float: left;}
        #content #left img.img_r {margin: 0 14px 0 5px; float: right;}
      #content #left p+p {text-indent: 1.4em;}
      #content #left p strong {padding-right: 5px;}
      #content #left p.sto {width: 690px; float: left;}
      div#where {float: left; margin: 5px 0 5px 14px; width: 700px;}
    #content #left table {width: 680px; margin: 0 0 15px 15px; background-color: #f5f5f5; color: #646464; border: 1px solid #d4d4d4; border-collapse: collapse;}
      #content #left table th {font-weight: bold; background-color: #d4d4d4; color: #000; text-align: center;}
      #content #left table td {padding-left: 5px;}
        #content #left table td.colspan {text-align: center;}
    #content #left ul.pamatky {width: 90%; background-color: #f5f5f5; color: #646464; border: 1px solid #d4d4d4; float: left; display: block; margin: 0 0 10px 35px; padding: 10px;}
      #content #left ul.pamatky li {float: left; display: block; padding-left: 5px; width: 100%;}
        #content #left ul.pamatky li p {width: 90%;}
  #content #right {float: right; text-align: center; width: 140px;}
#bottom {float: left; width: 900px; height: 10px; margin: 0 0 13px 8px; background: url('../img/grafik/bottom.png') no-repeat left bottom;}
#footer {float: left; width: 894px; height: 55px; padding: 8px 0 0 6px; margin: 0 0 10px 8px; color: #fff; background-color: #66c7e8; border-top: 1px solid #bcefff; border-bottom: 1px solid #57a9c5;}
  #footer p {float: left; width: 820px;}
    #footer a {color: #fff; text-decoration: none;}
      #footer a.out {text-decoration: underline;}
      #footer a#jump {float: right; display: block; margin: 10px 20px 0 0; padding-left: 7px; background: url('../img/grafik/sipka.png') no-repeat left center; color: #266378; font-weight: bold; text-decoration: none;}

/* !- Administrace*/
fieldset#login {width: 400px;; margin: 10px 0 0 10px; background-color: #f5f5f5; color: #646464; height: 100px; font-family: Arial; padding: 10px 5px; float: left; text-align: center;border: 1px solid #d4d4d4;}
  label#prihlaseni {float: left; margin: -18px 0 0 5px; background-color: #f5f5f5; color: #000; border: 1px solid #d4d4d4; padding: 5px;}
  #login dl {width: 275px; margin: auto; text-align: right; margin-top: 10px;}
    #login dl dt {width: 110px; float: left; margin-bottom: 5px; padding: 5px 5px 0 0;}
    #login dl dd input {width: 150px; margin-bottom: 5px; float: left; border: 1px solid #d4d4d4; background-color: #fff; height: 18px; padding: 5px 0 0 5px;}
      #login dl dd input#submit {height: 25px; padding: 0; float: right; color: #646464; margin-right: 3px; width: 100px; background-color: #d4d4d4; border: 1px solid #f5f5f5;}
p#true, p#false {margin: 10px; font-weight: bold;}
p#true {color: green;}
p#false {color: red;}
ul#adm_menu {float: left; font-family: Arial; width: 900px; height: 25px; list-style: none; background-color: #86DDFC; border: 1px solid #333; border-left: none; border-right: none; margin-bottom: 5px; }
  ul#adm_menu dd {height: 23px;}
  ul#adm_menu dd.name {display: block; float: left; width: 50px; text-align: center; margin-left: 3px; padding-top: 5px;}
      ul#adm_menu dd.name label {font-weight: bold;}
      ul#adm_menu dd.name span {position: relative; visibility: hidden; width: 110px;  padding: 3px; background-color: #86DDFC; border: 1px solid #333; border-top: none; float: left;}
        ul#adm_menu dd.name span a {display: block; float: left; padding: 0 5px; color: #666; font-style: italic;}
          ul#adm_menu dd.name span a:hover {color: #000; padding: 0 0 0 10px; font-style: normal;}
        ul#adm_menu dd.name:hover span {visibility: visible; display: block;}
    ul#adm_menu dd#logout {float: right; background: url('../img/grafik/ic_false.gif') no-repeat left center; margin-right: 10px; padding: 5px 0 0 23px; height: 18px;}
      ul#adm_menu dd#logout a {color: #000;}
  /*Přidat článek, Upravit článek*/
  form#clanek {width: 690px; float: left; margin-left: 10px;}
  #clanek ul {width: 690px; float: left; padding: 10px 5px; background-color: #f5f5f5; color: #646464; border: 1px solid #d4d4d4;}
    #clanek dl {width: 680px;}
      #clanek ul dt {float: left; width: 85px; padding-right: 5px;}
        #clanek ul dd input, #clanek ul dd select, #clanek ul dd textarea {float: left; width: 585px; margin-bottom: 5px; border: 1px solid #d4d4d4;}
        #clanek ul dd textarea {height: 700px;}
        #clanek ul dd input#submit, #cl_upr dd input#submit {height: 25px; padding: 0; float: right; color: #646464; margin-right: 30px; width: 200px; background-color: #d4d4d4; border: 1px solid #f5f5f5;}
  /*Upravit článek*/
  #cl_upr {float: left; margin-left: 10px; margin-bottom: 10px; width: 690px; padding: 10px 5px; background-color: #f5f5f5; color: #646464; border: 1px solid #d4d4d4;}
    #cl_upr dt {float: left; padding-right: 10px;}
      #cl_upr dt label {width: 300px; float: left;}
    #cl_upr dd select {float: left; width: 200px;}
    #cl_upr dd input#submit {width: 120px;}
label.red {color: red; font-weight: bold;}
em#adress {margin-left: 20px; padding: 5px; display: block;}
p#annotation {text-align: left;}
  p#annotation a {display: list-item;}