html, body {height:100%}
body {margin:0; font: 12px/1.5em "Trebuchet MS", sans-serif; background:#EEE url('../graphics/stripes-gray.png');}
img {border:none;}
.hide {width:1px; height:1px; position:absolute; left:-2000px;}
.clear {clear:both; height:1px; width:1px; overflow:hidden;}

#page {min-height:100%; height:100%; background:white url('../graphics/page-shadow.png') 50% 0 repeat-y; position:relative; width:960px; padding:0 15px; margin:0 auto;}
body > #page {height:auto;}

/* hlavička */
#header {width:960px; height:160px; background:#F7822B url('../graphics/header.png'); position:absolute; top:0; left:15px;}
#logo {position:absolute; left:30px; top:40px; width:260px; height:34px; background:url('../graphics/logo.gif');}
#header p#slogan {margin:0; position:absolute; left:60px; top:77px;}

/* menu */
#menu {width:960px; padding:2px 0px; height:36px; background:black url('../graphics/menu.png'); position:absolute; left:0; bottom:0;}
#menu ul, #menu li {margin:0; padding:0;}
#menu ul {padding:0 40px 0 20px;}
#menu li {float:left; list-style:none;}
#menu a, #menu li strong {display:block; line-height:36px; color:#EAEAE8; text-decoration:none; font-weight:bold; padding:0 10px; text-transform:uppercase;}
#menu li.active strong, #menu li.active a {color:white;}
#menu #lng {position:absolute; padding-right:20px; top:2px; right:0px;}
#menu #lng a {font-weight:normal;}
#menu a:hover {text-decoration:underline; color:white;}
#menu li + li {padding-left:1px; background:url('../graphics/menu-separator.gif') 0 50% no-repeat;}
#menu .li-p-li {padding-left:1px; background:url('../graphics/menu-separator.gif') 0 50% no-repeat;}

/* obsah */
#content {padding:190px 30px 70px; background:white;}
h1, h2, h3, h4 {color:#F7822B;}

/* postranní panel */
#side {float:right; width:210px;}


#side h2 {font-variant:small-caps; font-size:120%; margin:0; padding:0; line-height:20px; color:black;}
#side ul {margin:10px 0; padding:0px;}
#side ul ul {margin:0;}
#side li {list-style:none; padding:0 0 0 10px; background:url('../graphics/bullet.png') 0 7px no-repeat; line-height:19px;}
#side li a, #side a:visited, #side a:active {color: #292929; text-decoration: underline;}
#side li a:hover {color: #F7822B; text-decoration: none;}
#side p.sponzor {text-align:center; margin:0; padding:10px 0;}
#side p.sponzor a {opacity:1}
#side p.sponzor a:hover {opacity:0.9}
#side p.text {padding:10px 0; margin:0;}
#side p.text a {color:#CB5A07}
#side p.text a:hover {color:black}
#side .box {padding:8px 14px 9px; background:#FEE9A7 url('../graphics/box.png') repeat-x; border:1px dotted #F7822B; border-top: 2px solid #F7822B; margin-bottom:20px;}
#side .boxfoto {text-align:center; margin:10px 0;}
#side .boxfoto a img {border:1px solid #444;}
#side .boxfoto a:hover img {border-color:#F7822B}
#side form {margin:0; padding-bottom:10px;}
#side form label {padding:10px 0 2px; display:block;}
#side form input.text {width:176px;}
#side form input.button {margin-top:10px;}

/* text */
#text {float:left; width:660px;}
#text a {color:#CB5A07}
#text a:hover {color:#F7822B}
#text .navigation {line-height:40px;}
#text .description {line-height:40px; color:#666; font-size:13px;}
h1 {margin:0; font-size:220%; line-height:40px;}
#text h2 {margin:20px 0 0; font-size:150%; line-height:40px;}
#text .navigation + h2, #text ul.photo + h2 {margin-top:0}
#text p {font-size:13px; padding-left:30px; padding-right:30px;}
#text p + p {text-indent:30px;}
#text .p-p-p {text-indent:30px;}
#text .box, div.com-content {background:#F8F8F8; padding:15px 0; border:1px dotted #CCC;}
#text .author, #text .author a {font-size:12px; font-weight:normal;}
#text .author {font-size:12px; font-weight:normal;}
#text blockquote {margin:0 30px; color:#444;}

/* patička */
#footer {width:900px; height:40px; position:absolute; bottom:0; background:#F7822B url('../graphics/footer.png'); padding:0 30px; line-height:40px;}
#footer a {color:black;}
#footer p {float:left; margin:0;}
#footer p.right {float:right}

/* fotogalerie */
.rimg {float:right; padding:20px 30px;}
ul.photo {margin:0; padding:0 0 20px 10px;}
ul.photo li {margin:0; padding:20px 0 0 20px; list-style:none; float:left;}
ul.photo li a, .rimg a {padding:1px; background:#444; display:block;}
ul.photo li a:hover, .rimg a:hover {background:#F7822B}
ul.photo li img, .rimg img {display:block}
ul.photo li.clear {width:640px; height:1px; float:none; padding:0; font-size:0;}

.gallery-num {position:absolute; text-decoration:none; opacity:0.5; filter:alpha(opacity=50); background:white; color:black; padding:2px; bottom:1px; _top:1px; right:1px; display:none;}
a:hover .gallery-num {display:inline}

/* komentáře */
h4.com-head {font-size:12px; color:#AAA; margin:30px 30px 5px; font-weight:normal; text-align:right;}
h4.com-head strong {float:left; color:#444;}
div.com-content {margin:0 30px; padding:0 15px; color:#444;}
div.com-content p, .Texyla .preview p {padding-left:0 !important; padding-right:0 !important; font-size:12px !important;}

/* děcka */
ul.children {margin:0; padding:0 0 0 30px;}
ul.children li {margin:0; padding:20px 0 0; list-style:none;}
ul.children li.ico-text, ul.children li.ico-folder, ul.children li.ico-photo, ul.children li.ico-text-photo {padding-left:60px; background:no-repeat 0 20px;}
ul.children li.ico-text {background-image: url("../graphics/ico-text.png");}
ul.children li.ico-folder {background-image: url("../graphics/ico-folder.png");}
ul.children li.ico-photo {background-image: url("../graphics/ico-photo.png");}
ul.children li.ico-text-photo {background-image: url("../graphics/ico-text-photo.png");}
ul.children li a {font-size:120%; font-weight:bold;}