body {
	font-family: "Calibri", "Trebuchet MS", Arial, sans-serif; font-size:85%;
	margin:0 0 30px; background:url("../images/bg.png") #444;
}

.l {float:left;}
.r {float:right;}
.clear {clear:both;}
.jsonly , .hide{display: none}

/* hlavička */
#page {width: 960px; margin: 0 auto; background: white;}
#header {height: 90px; position: relative; background:url("../images/header.jpg");}
#logo {top:24px; left:23px; width:120px; height:48px; background:url("../images/logo.png"); display:block; position:absolute;}
#logo span {display:none;}

#slogan {
	bottom:25px; margin:0; font-size:130%; font-weight:bold; left:165px; position:absolute;
}
#slogan a {color:#0858A3;}

/* patička */
#footer {
	width: 900px; margin: 0 auto; padding: 0 30px; text-align:right; color:#FFF; font-size: 95%; 
	height: 30px; line-height: 30px; background: #185480 url("../images/menu.png");
}
#footer a {color: #FFF; text-decoration:none;}
#footer a:hover, #footer a:active, #footer a:focus {color: #FFF; text-decoration:underline;}

/* menu */
#menu, #menu li {list-style-type:none; margin:0; padding:0; position:relative;}
#menu {height: 30px; background: #185480 url("../images/menu.png"); padding-left:30px;}
#menu li {float:left;}
#menu li a, #menu li span {
	color: white; font-weight:bold; text-decoration: none;
	padding: 0 15px; display:block; line-height: 30px;
}
#menu li a:hover, #menu li a:active, #menu li a:focus, #menu li.active span, #menu li.active a {
	background: #FFF; color:#F8830E;
}

/*  */
.right-col {float:right; width: 220px;}
.right-col ul.articles-menu {background: #CADDFB url("../images/articles-menu.png") repeat-x; border-bottom: 1px solid #99BBF4; margin:0; padding:0;}
.right-col ul.articles-menu li {list-style-type:none; margin:0;}
.right-col ul.articles-menu a, .right-col ul.articles-menu strong {padding:0px 15px; display:block; line-height:30px;}
.right-col ul.articles-menu strong {background: #FFB122 url("../images/articles-menu-active.png");}
.right-col ul.articles-menu a {color:#164672; text-decoration:none;}
.right-col ul.articles-menu a:hover {color:black; background: url("../images/articles-menu-active.png");}
.right-col h3, #text .right-col h3 {background: #699BEF; text-align: center; color: white; margin: 0; line-height: 30px; font-size: 100%;}

.right-col .box {
	background: #CADDFB url("../images/articles-menu.png") repeat-x; border-bottom: 1px solid #99BBF4; margin:0; padding:15px;
}

.left-col {width:650px; float:left;}


/* obsah */
#content {padding: 30px;}
#text {line-height:1.6em;}
#text pre {background: #F8F8F8; border: 1px #CCC solid; padding: 15px; overflow: auto;}
#text h1, #text h2, #text h3, #text h4 {color: #F8830E;}
#text h1 {margin-top:0; margin-bottom:0; font-size:150%; color:#F8830E;}
#text h2 {font-size:140%;}
#text h3 {font-size:130%;}
#text h4 {font-size:120%;}
#text p + p {text-indent: 30px;}
#text hr {border:none; border-top:1px dotted #ACAAAA; height:1px;}
#text a {color:#15466B;}
#text a:hover, #text a:active, #text a:focus {color:#699DC6;}
#text .description {color:#716F6F; font-weight:bold;}

#text table.table {border-collapse:collapse; border:1px solid #CCC;}
#text table.table td, #text table.table th {text-align:left; padding:2px 5px;}
#text table.table th {background:#357BBB; color:white; white-space:nowrap; padding: 5px;}
#text table.table tr.odd td {background: #F8F8F8;}
#text table.table tr.even td {background: #F0F0F0;}
#text table.table tr:hover td {background: #FFB122;}

fieldset {border: 1px solid #9BBBDD;}
fieldset legend {color: #315F91; font-weight:bold;}
fieldset small {color: #9BBBDD;}