* { padding: 0; margin: 0; }

body{ color: #333; font-family: "arial CE", "helvetica CE", arial, helvetica, sans-serif; font-size: small; margin: 30px 0; background: #000; }

#forma{ width: 750px; margin: 0 auto; background: #fff url("img/bg_forma.png") 0 0 repeat-y; }

#hlavicka{ position: relative; height: 120px; overflow: hidden; }
#hlavicka h1{ padding: 5px 0 0 20px; }
#hlavicka h1 a{ cursor: hand; }
#hlavicka strong{ padding-left: 20px; }
#hlavicka h1 span{ position: absolute; top: 0; left: 0; width: 750px; height: 120px; background: url("img/bg_hl.png") no-repeat; }

#menu{ margin-left: 25px; height: 30px; background: url('img/bg_menu.jpg') left top no-repeat; }
#menu ul{ list-style: none; margin: 0 15px; }
#menu ul li{ display: inline; }
#menu ul li a, #menu ul li strong{ display: block; float: left; color: #06f; font-weight: bold; text-decoration: underline; padding: 10px 10px 3px 10px; }
#menu ul li a:hover{ color: #000; padding-top: 5px; border-top: 5px solid #69f; }
#menu ul li a#active{ padding: 5px 9px 3px 9px; border-top: 5px solid #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; }
#menu ul li strong{ color: #000; text-decoration: none; }

#obsah{ display: inline; float: left; width: 380px; padding: 10px; margin-top: 20px; margin-left: 35px; background: #fff url("img/bg_obsah.png") repeat-x; clear: both; }
#obsah.fotogalerie{ width: auto; width: 655px; background: #fff url("img/bg_obsah-fotogalerie.png") repeat-x; }
#obsah.fotogalerie a{ display: block; float: left; margin: 8px; }
#obsah.fotogalerie a img{ border: 7px solid #ddd; }
#obsah.fotogalerie a:hover img{ border: 7px solid #a8cbf6; }
#obsah h2{ color: #06f; font-size: 1.8em; font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 15px; }
#obsah h3{ color: #000; font-size: 1.3em; font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 10px 0; border-bottom: 1px solid #ddd; }
#obsah h4{ color: #000; font-size: 1em; font-weight: bold; }
#obsah p, #obsah ul{ margin: 10px 0; line-height: 1.5em }
#obsah ul{ list-style: none; }
#obsah ul li{ padding: 5px 0; padding-left: 20px; background: url('img/bg_li.gif') 0 8px no-repeat; }
#obsah ul#address{ margin-left: 0; list-style: none; }
#obsah ul#address li{ padding: 0; background: none; }
#obsah a{ color: #06f; text-decoration: underline; }
#obsah a:hover{ color: black; }
#obsah p.author{ font-style: italic; text-align: right; }

#obsah #boxik{ padding: 0 10px; background: white; border: 1px solid #ddd; }

#foto{ display: inline; float: right; width: 250px; margin-top: 20px; margin-right: 35px; }
#foto a.single{ display: block; color: #06f; margin: 0 5px 10px 5px; text-decoration: underline; }
#foto a.single:hover{ color: black; }
#foto h3{ color: #666; font-size: 1.4em; font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 15px 3px; }
#foto a img{ margin: 5px; border: 5px solid #ddd; }
#foto a img:hover{ border: 5px solid #a8cbf6; }


#paticka{ background: #000 url("img/bg_pt.png") 0 0 no-repeat; padding-bottom: 30px; clear: both; }
#paticka div{ color: #999; width: 700px; margin: 0 25px; text-align: center; padding-top: 15px; background: #fff; }
#paticka div a{ color: #666; }
#paticka div a:hover{ text-decoration: none; }
