body {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size:80%;
	margin:0;	background:#E1DEDD url("../images/bg.png") 50% 0;
}
#page {width:960px; margin:0 auto; padding:10px 0 30px;}

/* hlavička */
#header {height:180px; background:url("../images/header.png") 0 100% no-repeat; position:relative;}
#logo {display:block; height:85px; width:71px; left:10px; bottom:9px; position:absolute;}

/* menu */
#menu, #menu li {list-style-type:none; margin:0; padding:0; position:relative;}
#menu {padding:0 1px;}

#menu li a, #menu li strong {background:url("../images/btn.png") 0 50%; color:white; padding:9px 23px; display:block; text-decoration:none;}
#menu li a:hover, #menu li.active a:hover {background:url("../images/btn.png") 180px 50%;}

#menu li.active a, #menu li.active strong {color:black; background:url("../images/btn-active.png") 0 50%;}
#menu li.active a {color:#BC3C0C;}
#menu li.active a:hover {color:white;}

/* podmenu */
#menu li.active ul a, #menu li.active ul strong {background:none; color:black;}
#menu li.active ul a {color: #BC3C0C;}
#menu li.active ul a:hover {color:black; text-decoration:underline;}

#menu ul {background:#DFDDDD; margin:0; padding:0 0 0 23px;}
#menu ul ul {padding-left:14px;}
#menu ul ul li a, #menu ul ul li strong {padding:2px 9px 2px 14px !important;}

#menu li.active ul a, #menu li.active ul strong {
	background:none; padding: 4px 0 4px 14px; background:url("../images/menu-active.gif") 0 50% no-repeat !important;
}
#menu li.active ul strong {background-image:url("../images/menu-strong.gif") !important;}

/* sloupečky */
#left h3, #right h3 {
	background: url("../images/menund-right.png") repeat-x; color: #DDD;
	line-height: 45px; margin: 0 1px;
	text-align: center; text-transform: uppercase; font-size:110%; font-weight:normal;
}

#left h3.menund {background-image:url("../images/menund.png"); border:1px solid #ACAAAA; border-bottom:none; margin:0;}
#right h3.first {border-top:1px solid #ACAAAA; background-image: url("../images/menund-right-top.png");}

.separator {height:5px; background:#E1DEDD; font-size:0; border: solid #ACAAAA; border-width:1px 0;}

#left .box, #right .box {color:white; padding:0 10px 9px; line-height:1.6em;}
#left .box p, #right .box p {margin: 0;}
#left .box p + p, #right .box p + p {margin: 10px 0 0;}

/* uspořádání */
#content {background:url("../images/innerpage.png"); margin:5px 0;}
#content-bottom {background:url("../images/innerpage-bottom.png"); height:30px; clear:both;}
.left-middle {float:left; width:775px;}
#left {float: left; width: 180px;}
#right {float: right; width:180px;}
#text {
	float:right; width:530px; padding:29px 30px 0;
	background:url("../images/content-shadow-top.png") 50% 0 no-repeat;
	border-top:1px solid #ACAAAA;
}

/* obsah */
#text {line-height:1.6em;}
#text h1, #text h2, #text h3, #text h4 {color: #9D330B;}
#text h1 {margin-top:0; margin-bottom:0; font-size:180%;}
#text h2 {font-size:160%;}
#text h3 {font-size:140%;}
#text h4 {font-size:120%;}
#text ul > li {list-style-type:square;}
#text p + p {text-indent: 30px;}
#text hr {border:none; border-top:1px dotted #ACAAAA; height:1px;}
#text a {color:#BC3C0C;}
#text a:hover {color:#444;}
#text #description {color:#716F6F; font-weight:bold;}
#text .box {border:1px solid #EA7842; margin-top:15px; padding-top:14px; background: url("../images/orange.png") repeat-x;}
#text .box h4, #text .box h3 {padding:0 14px 14px; font-size: 100%; color:black; margin:0;}
#text .box h4 {font-weight:normal;}
#text .box ul {padding:0 14px 14px; margin:0; color:#716F6F;}
#text .box ul li {margin:0; padding: 0 0 0 33px; background:url("../images/page.gif") 15px 4px no-repeat; list-style-type:none;}
#text .box ul li > strong {color:black;}
#text .box ul a {text-decoration:none;}
#text .box ul a strong {text-decoration:underline;}
#text .box ul a span {color:#716F6F; text-decoration:none;}
#text .box p {padding:0 0 14px; margin:0 14px; text-indent: 0;}
#text .box img.r {float:right; border:1px solid #716F6F; margin: 0 14px 10px;}

#text .author {border:1px solid #CCC; background: #EEE; padding:4px 14px; margin-top:15px; text-indent:0;}

#text ul.articles {margin:30px 0 0; padding:0;}
#text ul.articles li {
	border:1px solid #F8D998; padding:14px; list-style-type:none;
	background:url("../images/orange.png") 0 -15px repeat-x;
	margin-bottom: 15px;
}
#text ul.articles a {font-weight:bold;}

#text table {width:530px; border-collapse:collapse;}
#text table td, #text table th {border:1px solid #716F6F; padding:2px 5px;}
#text table th {background:#BC3C0C url("../images/th.png") repeat-x; color:white;}
#text table tr.odd td {background:#FAFAFA}
#text table tr.even td {background:#F4F4F4}
#text table tr:hover td {background:#FFEEAA}

/* patička */
#footer {border:1px solid #ACAAAA; padding:4px 9px; background:#2A2A2A; color:#CCC; margin:0;}
#footer a {color: #CCC;}
#footer a:hover {color: #FFF;}
#footer a.top {float:right;}
