/* CSS Document */
/*
definice barev
hnědá:        #611
oranžová:     #fa0
žlutá tmavá:  #d95
žlutá světlá: #ec8
*/

/* obecné */
html { margin: 0; padding: 0; }
body { min-width: 960px; background: #210 url(../img_nav/bcg_html.png); margin: 0; padding: 0; }
sup  { font-size: 66%; }

/* obecné  třídy */
.clear_fl { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.autor { text-align: right; font-style: italic; }

/* boxy společné */
#hlavicka1, #hlavicka2, #stred, #paticka { margin: 0 auto; width: 940px; clear: both; }
#adresa, #menu, #paticka_vlevo { float: left; width: 220px; }
#obrazek, #maincontent, #paticka_vpravo { float: left; width: 720px; }

/* boxy */
#hlavicka1                { background: #611 url(../img_nav/fiala_top1.png) no-repeat center; height: 98px; }
#hlavicka1 p              { margin-left: 240px; line-height: 98px; font-family: serif; font-size: 36px; font-weight: bold; font-style: italic; color: #ec8; }
#hlavicka1 p span         { color: #fa0; }
#hlavicka2 #adresa        { background: #fa0 url(../img_nav/fiala_top2.png) no-repeat center; height: 202px; }
#hlavicka2 #adresa p      { text-align: center; margin-top: 75px; color: #611; }
#hlavicka2 #obrazek       { background-color: #FFF; }
#hlavicka2 #obrazek img   { display: block; }
#stred                    { background-color: #611; min-height: 600px; }
#stred #menu              { background-color: #611; min-height: 600px; }
#stred #menu li           { position: relative; }
#stred #menu #menu_seznam {  }
#stred #menu #menu_seznam .menu_polozka { width: 220px; height: 55px; list-style: none; margin: 0; padding: 0; }
#stred #menu #menu_seznam a { display: block; line-height: 55px; width: 220px;
                              background: url(../img_nav/bcg_menu.jpg) no-repeat; background-position: -220px 0px;
                              color: #FFF; font-weight: bold; font-size: 16px; text-decoration: none; text-align: center; }
#stred #menu #menu_seznam a:hover { color: #000;  }
#stred #menu #menu_seznam #p1 a { background-position: 0px 0px; }
#stred #menu #menu_seznam #p2 a { background-position: 0px -55px; }
#stred #menu #menu_seznam #p3 a { background-position: 0px -110px; }
#stred #menu #menu_seznam #p4 a { background-position: 0px -165px; }
#stred #menu #menu_seznam #p5 a { background-position: 0px -220px; }
#stred #menu #menu_seznam #p6 a { background-position: 0px -275px; }
#stred #menu #menu_seznam #p7 a { background-position: 0px -330px; }
#stred #menu #menu_seznam #p8 a { background-position: 0px -385px; }
#stred #menu #menu_seznam #p1 a:hover { background-position: -220px 0px; }
#stred #menu #menu_seznam #p2 a:hover { background-position: -220px -55px; }
#stred #menu #menu_seznam #p3 a:hover { background-position: -220px -110px; }
#stred #menu #menu_seznam #p4 a:hover { background-position: -220px -165px; }
#stred #menu #menu_seznam #p5 a:hover { background-position: -220px -220px; }
#stred #menu #menu_seznam #p6 a:hover { background-position: -220px -275px; }
#stred #menu #menu_seznam #p7 a:hover { background-position: -220px -330px; }
#stred #menu #menu_seznam #p8 a:hover { background-position: -220px -385px; }
/* submenu */
#stred #menu #menu_seznam li ul            { display:none; }
#stred #menu #menu_seznam li:hover ul      { display: block; position:absolute; width:200px; top:-5px; left:95%; z-index:1000; }
#stred #menu #menu_seznam li ul li         { width: 220px; height: 45px; list-style: none; margin: 0; padding: 0; }
#stred #menu #menu_seznam li ul li a       { display: block; line-height: 45px; width: 220px;
                                             background-color: #611; background-image: none; color: #FFF; font-weight: bold; font-size: 16px; text-decoration: none; text-align: center; }
#stred #menu #menu_seznam li ul li a:hover { background-color: #d95; color: #000;  }
#stred #menu #zakladni_udaje { padding: 1em; color: #ec8; }


#stred #maincontent      { background-color: #ec8; min-height: 600px; font: 14px/1.5 serif; padding: 0 0 2em 0; }
#stred #maincontent h1,
#stred #maincontent h2,
#stred #maincontent h3   { color: #611; font-weight: bold; font-style: italic; }
#stred #maincontent h1,
#stred #maincontent h2,
#stred #maincontent h3,
#stred #maincontent div,
#stred #maincontent hr,
#stred #maincontent p    { width: 680px; margin: 1em 20px 0 20px; }
#stred #maincontent p    {  }
#stred #maincontent p.odstavec:first-line { font-weight: bold; }
#stred #maincontent .obrazek_vlevo  { width: 360px; margin-left: 340px; }
#stred #maincontent .obrazek_vpravo { width: 360px; margin-right: 340px; text-align: right; }
#stred #maincontent img  { width: 300px; margin: 20px; border: 1px #611 solid; box-shadow: 2px 2px 2px rgba(96, 96, 96, 1); float: left; }
#stred #maincontent img.vpravo  { float: right; }
#stred #maincontent hr { border-top: 1px #611 solid; margin-top: 1em; }
#stred #maincontent div.poznamka { background-color: #611; color: #ec8; border: 1px #fa0 solid; box-shadow: 2px 2px 2px rgba(96, 96, 96, 1); }
#stred #maincontent div.poznamka h1,
#stred #maincontent div.poznamka h2,
#stred #maincontent div.poznamka h3 { color: #ec8; }
#stred #maincontent div.poznamka p { width: auto; margin: 10px 20px; padding: 0; font-style: italic; }
#stred #maincontent table { width: 678px; margin: 1em 20px 0 20px; border: 1px #611 solid; }
#stred #maincontent table.obrazek_vlevo,
#stred #maincontent table.obrazek_vpravo { width: 358px; }
#stred #maincontent table caption { font-weight: bold; color: #611; }
#stred #maincontent table td,
#stred #maincontent table th { border: 1px #611 dotted; padding: 0 0.5em; }

#paticka #paticka_vlevo  { background-color: #d95; height: 100px; }
#paticka #paticka_vlevo #paticka_vlevo_nahore  { background-color: #611; height: 50px; }
#paticka #paticka_vpravo { background-color: #d95; height: 100px; }
#paticka #paticka_vpravo p { text-align: center; line-height: 100px; font-size: 13px; color: #611; }