body { 
    margin:0; 
    padding:0;
     font-family: "Trebuchet MS", "Arial", "Verdana" ,"Helvetica", sans-serif;
    background:#fff url(../images/bg.jpg) repeat-x left top;
}

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

a:hover {text-decoration:none;}

#head {
	position:relative;
	margin:auto;
	width:910px;
	height:336px;
  background:#fff url(../images/head-bg.jpg) no-repeat left bottom;
}
#page {
    background:#fff url(../images/page-bg.png) repeat-x left bottom;
}
#page div.content {
	position:relative;
	margin:auto;
	width:910px;
}
.box1 {
	float:left;
	padding:0 0 30px 12px;
	width:500px;
}
.box2 {
	padding:0 0 30px 0;
	float:right;
	width:353px;
}

#menu {
	position:relative;
	margin:4px auto 30px auto;
	width:910px;
	height:43px;
	background:#f9d038 url(../images/menu-bg.png) no-repeat left top;
}

#navigation {
	position:absolute;
	left:150px;
	top:140px;
	width:300px;
	height:190px;
}
#navigation h2 {
	position:relative;
	margin:0 0 0 45px;
	padding:0;
	width:174px;
	height:21px;
	font-size:0.8em;
}
#navigation h2 span {
	position:absolute;
	left:0;
	top:0;
	width:174px;
	height:21px;
	background:url(../images/title-nase-nabidka.png) no-repeat left top;
}
#navigation ul {
	margin:0;
	padding:7px 0 0 0;
	list-style:none;
}
#navigation ul li {
}
#navigation ul li a {
	display:block;
	position:relative;
	width:211px;
	font-weight:bold;
	color:#000;
	font-size:0.8em;
}
#navigation ul li a:hover {color:#ffcc11;}
#navigation ul li a span {
	position:absolute;
	left:0;
	top:0;
	width:211px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#navigation ul li a.active span,
#navigation ul li a:hover span {
	background-position:right top;
}
#navigation ul li.item1 {padding:0 0 2px 25px;}
#navigation ul li.item1 a {height:23px;}
#navigation ul li.item1 a span {height:23px;background-image:url(../images/navigation1.png);}
#navigation ul li.item2 {padding:0 0 2px 20px;}
#navigation ul li.item2 a {height:25px;}
#navigation ul li.item2 a span {height:25px;background-image:url(../images/navigation2.png);}
#navigation ul li.item3 {padding:0 0 2px 15px;}
#navigation ul li.item3 a {height:23px;}
#navigation ul li.item3 a span {width:211px;height:23px;background-image:url(../images/navigation3.png);}
#navigation ul li.item4 {padding:0 0 2px 10px;}
#navigation ul li.item4 a {height:24px;}
#navigation ul li.item4 a span {height:24px;background-image:url(../images/navigation4.png);}
#navigation ul li.item5 {padding:0 0 2px 4px;}
#navigation ul li.item5 a {height:23px;}
#navigation ul li.item5 a span {height:23px;background-image:url(../images/navigation5.png);}
#navigation ul li.item6 {padding:0 0 2px 0px;}
#navigation ul li.item6 a {height:23px;}
#navigation ul li.item6 a span {height:23px;background-image:url(../images/navigation6.png);}

#top {
	position:absolute;
	right:-10px;
	top:45px;
	padding:0 14px 0 0;
	width:250px;
	height:37px;
	text-align:right;
	background:url(../images/top-bg.png) no-repeat left top;
}
#top a {
	padding:0 5px 0 15px;
	color:#78b7e0;
	font-size:0.7em;
}
#top a.item1 {
	background:url(../images/icon-house.gif) no-repeat left 2px;
}
#top a.item2 {
	background:url(../images/icon-list.gif) no-repeat left 2px;
}
#top a.item3 {
	background:url(../images/icon-post.gif) no-repeat left 2px;
}

#calendar {
	position:absolute;
	right:0;
	top:83px;
	width:354px;
	height:214px;
	background:#fff url(../images/calendar-bg.png) no-repeat left bottom;
}
#calendar h2 {
	position:relative;
	margin:0 0 13px 0;
	padding:0;
	width:354px;
	height:42px;
	font-size:0.8em;
}
#calendar h2 span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:354px;
	height:42px;
	background:url(../images/calendar-title.png) no-repeat left top;
}
#calendar p.item {
	margin:0 0 10px 0;
	padding:0 20px;
	font-size:0.75em;
	color:#838383;
}
#calendar p.item span.date {font-weight:bold;color:#203854;}
#calendar p.item a.title {
	padding:0 0 0 10px;
	font-weight:bold;
	color:#1e7cc6;
	text-decoration:none;
	background:url(../images/calendar-title-bg.gif) no-repeat 3px center;
}

/*logo*/
#logo {
    position:absolute;
    top:37px;
    left:0px;
    margin:0; 
    padding:0;
    width:228px; 
    height:58px;
    overflow:hidden;
    z-index:100;
    font-size:1em;
    font-weight:normal;
}
#logo a {width:228px; height:58px;display:block;text-decoration:none;color:#fda800;}
#logo a:hover { }
#logo a strong {font-size:1.5em;color:#e9eaf0;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:228px; 
    height:58px;
    cursor:pointer;
    background:url(../images/logo.png) no-repeat left top;
}

.box1 h2 {
	margin:0 0 20px 0;
	padding:0;
	font-size:1.3em;
	color:#1e7cc6;
	font-weight:normal;
	font-style:italic;
	background:url(../images/csa.gif) no-repeat left top;
	padding-left:16px;
	height:32px;
	line-height:32px;
	
}

.box1 h3 {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.9em;
	color:#f3b100;
	font-style:italic;
	border-bottom:1px solid #fcb100;

}
.box1 p {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.75em;
	color:#485155;
	line-height:17px;
}
.box1 p.annotation {
	font-weight:bold;
}
.box1 p strong {color:#1e7cc6;}
.box1 p a {color:#1e7cc6}
.box1 p a:hover {text-decoration:none;}
.box1 ul {

	padding:0;
	list-style:none;
}
.box1 ul li {
	margin:5px 0 5px 0;
	padding:0 0 0 36px;
	font-size:12px;
	color:#485155;
    background:url(../images/icon-point.gif) no-repeat 14px 3px;
}

.box1 ul li a {color:#1e7cc6}

.box1 p a img {
  margin:3px;
  border:3px solid #f0f0f0;
}
.box1 fieldset {
  border:0;
}

.box1 fieldset {
  border:0;
}

.box1 table tr td {
  font-size:0.75em;
  color:#485155;
}
.box1 input {
  border:1px solid #ddd;
}

.box1 textarea {
  border:1px solid #ddd;
}

.box1 table.tabulka tr.radek1 {
  background-color:#71A6D7;
}

.box1 table.tabulka tr.radek2 {
  background-color:#538CC2;
}

.box1 table.tabulka th {
  color:#fff;
  font-weight:bold;
  text-align:left;
  font-size:0.75em;
  padding:4px;
}


.box1 table.tabulka tr.radek1 td {
  color:#fff;
  padding:4px;
}

.box1 table.tabulka tr.radek2 td {
  color:#fff;
  padding:4px;
}

.box1 a img {
  border:0;
}
.box2 h2.title {
	position:relative;
	margin:0;
	padding:0;
	width:354px;
	height:29px;
	color:#fff;
	background-color:#3882b3;
}
.box2 h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:354px;
	height:29px;
}
.box2 h2.title span#aktuality {background:url(../images/title-aktuality.png) no-repeat left top;}
#newslist {
	position:relative;
	margin:0 0 30px 0;
	padding:20px 20px 100px 20px;
	width:312px;
	height:300px;
	border:1px solid #f0f0f0;
	background-color:#f0f0f0;
}
#newslist div.bottom {
	position:absolute;
	left:-1px;
	bottom:-15px;
	width:354px;
	height:30px;
	text-align:right;
	background:url(../images/newslist-bottom-bg.png) no-repeat left top;
}
#newslist div.bottom a {
	display:block;
	position:relative;
	left:250px;
	width:82px;
	height:25px;
	font-size:0.70em;
	font-weight:bold;
	color:#132d4b;
	text-decoration:none;
	font-style:italic;
}
#newslist div.bottom a span {
	position:absolute;
	left:0;
	top:0;
	width:82px;
	height:25px;
	background:url(../images/newslist-more-bg.png) no-repeat left top;
}
#newslist p.item {
	margin:0 0 15px 0;
	padding:0;
	font-size:0.75em;
	color:#485155;
}
#newslist p.item a.title {
	line-height:18px;
	color:#1e7cc6;
	font-size:1.15em;
	font-weight:bold;
	font-style:italic;
}
#newslist p.item span.date {
	line-height:17px;
	color:#f3b100;
	font-weight:bold;
	font-size:0.9em;
}

/*menu*/
#menu ul {
	margin:0;
	padding:0;
	width:910px;
	height:37px;
	list-style:none;
}
#menu ul li {
	float:left;
	display:inline;	
}
#menu ul li a {
	position:relative;
	display:block;
	float:left;
	height:37px;
	line-height:37px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:0.75em;
	color:#5e5923;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
#menu ul li a.active,
#menu ul li a:hover {
	color:#013151;
	background-position:right top;
	background-color:#d39f1a;
}

#menu ul li a span.text {
	display:block;
	position:absolute;
	top:0;
	height:37px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#menu ul li a.active span.text,
#menu ul li a:hover span.text {
	display:block;
	position:absolute;
	top:0;
	height:37px;
	background-position:right top;
	background-repeat:no-repeat;
}


#menu ul li a span.corn {
	display:inline;
}
#menu ul li a.active span.corn,
#menu ul li a:hover span.corn {
	display:block;
	position:absolute;
	top:0;
	right:-7px;
	width:7px;
	height:37px;
	background:url(../images/menu-hover.png) no-repeat left top;
}
#menu ul li.item1 a {width:62px;z-index:30;background-image:url(../images/menu1.png);}
#menu ul li.item1 a.active span.corn,#menu ul li.item1 a:hover span.corn {z-index:30;}
#menu ul li.item1 a span.text {left:12px;width:40px;background-image:url(../images/menu1-text.png);}

#menu ul li.item2 a {width:67px;z-index:28;background-image:url(../images/menu2.png);}
#menu ul li.item2 a.active span.corn,#menu ul li.item2 a:hover span.corn {z-index:28;}
#menu ul li.item2 a span.text {left:17px;width:40px;background-image:url(../images/menu2-text.png);}

#menu ul li.item3 a {width:148px;z-index:26;background-image:url(../images/menu3.png);}
#menu ul li.item3 a.active span.corn,#menu ul li.item3 a:hover span.corn {z-index:26;}
#menu ul li.item3 a span.text {left:17px;width:120px;background-image:url(../images/menu3-text.png);}

#menu ul li.item4 a {width:91px;z-index:24;background-image:url(../images/menu4.png);}
#menu ul li.item4 a.active span.corn,#menu ul li.item4 a:hover span.corn {z-index:24;}
#menu ul li.item4 a span.text {left:17px;width:66px;background-image:url(../images/menu4-text.png);}

#menu ul li.item5 a {width:117px;z-index:22;background-image:url(../images/menu5.png);}
#menu ul li.item5 a.active span.corn,#menu ul li.item5 a:hover span.corn {z-index:22;}
#menu ul li.item5 a span.text {left:15px;width:92px;background-image:url(../images/menu5-text.png);}

#menu ul li.item6 a {width:144px;z-index:20;background-image:url(../images/menu6.png);}
#menu ul li.item6 a.active span.corn,#menu ul li.item6 a:hover span.corn {z-index:20;}
#menu ul li.item6 a span.text {left:17px;width:117px;background-image:url(../images/menu6-text.png);}

#menu ul li.item7 a {width:94px;z-index:18;background-image:url(../images/menu7.png);}
#menu ul li.item7 a.active span.corn,#menu ul li.item7 a:hover span.corn {z-index:18;}
#menu ul li.item7 a span.text {left:17px;width:65px;background-image:url(../images/menu7-text.png);}

#menu ul li.item8 a {width:100px;z-index:16;background-image:url(../images/menu8.png);}
#menu ul li.item8 a.active span.corn,#menu ul li.item8 a:hover span.corn {z-index:16;}
#menu ul li.item8 a span.text {left:17px;width:70px;background-image:url(../images/menu8-text.png);}

#menu ul li.item9 a {width:87px;z-index:14;background-image:url(../images/menu9.png);}
#menu ul li.item9 a span.text {left:15px;width:61px;background-image:url(../images/menu9-text.png);}
/*
*/
#foot {
	margin:0 0 0 0;
	height:89px;
    background:url(../images/foot-bg.png) repeat-x left bottom;
}
#foot div.content {
	position:relative;
	margin:auto;
	width:910px;
	height:89px;
    background:url(../images/foot-cnt-bg.png) no-repeat left top;
}
#foot div.content p {
	margin:0;
	padding:15px 0 0 0;
	font-size:0.7em;
}
#foot div.content p.fleft {
	padding-left:20px;
	color:#fff;
}
#foot div.content p.fright {
	padding-right:20px;
	color:#499ed6;
	font-weight:bold;
}
#foot div.content p.fright a {
	color:#499ed6;
	text-decoration:none;
}
#foot div.content p.fright a:hover {text-decoration:underline;}
#foot div.content ul {
	margin:0;
	padding:20px 0 0 20px;
	list-style:none;
}
#foot div.content ul li {
	display:inline;
	padding:0 10px 0 0;
}
#foot div.content ul li a {
	font-size:0.75em;
	color:#506272;
}
#foot div.content ul li a:hover {text-decoration:none;}

/*stiny*/
#sh1 {
	position:absolute;
	left:-66px;
	bottom:0;
	width:66px;
	height:24px;
    background:url(../images/sh-top-left.png) no-repeat left bottom;
}
#sh2 {
	position:absolute;
	right:-58px;
	bottom:0;
	width:59px;
	height:25px;
    background:url(../images/sh-top-right.png) no-repeat left bottom;
}
#sh3 {
	position:absolute;
	left:-62px;
	top:12px;
	width:62px;
	height:18px;
    background:url(../images/sh-bottom-left.png) no-repeat left bottom;
}
#sh4 {
	position:absolute;
	right:-56px;
	top:12px;
	width:58px;
	height:20px;
    background:url(../images/sh-bottom-right.png) no-repeat left bottom;
}