@media screen,projection{
body{font:80% Arial,Verdana,lucida,sans-serif; text-align:center; line-height:1.4em; margin:0; padding:0; color:black; background:#d5e1ea url(../img/bg-body.gif) 0 0 repeat-x;}

/* logo */
h1,h1 span{font-size:160%; top:0; left:0; width:274px; height:99px; padding:0; margin:0;}
	h1{position:relative; top:30px; left:25px; overflow:hidden;}
	h1 span{display:block; position:absolute; background:transparent url(../img/logo.gif) 0 0 no-repeat;}

/* headers */
h2,h3,h4{font-size:150%; font-weight:normal; margin:1em 0;color:#d7f6b4;text-transform: uppercase;}
	h3{font-size:130%;color:white}
	h4{font-size:130%;color:white;text-transform: none;}

/* tags */
hr{height:1px; border:none; border-bottom:1px solid #e5e5e5;}

/* colors */
a{color:#ffe88e}
a:visited{color:#fff7d6}
a:hover{color:#ffcb00}
.blue{color:#0777a0;}
.red{color:red;}
.green{color:#639c00;}
.bl{color:black;}
.wh{color:white;}

/* main */
#shadow1{background:url(../img/bg-shadow1.gif) no-repeat center top;}
#shadow2{background:url(../img/bg-shadow2.gif) repeat-y center top;}

#main{}

.matrj{position:relative; top:0; left:0; text-align:left; margin:0 auto; width:980px;}
#head .matrj{height:150px; background: white url(../img/bg-head.jpg) no-repeat right top;}
	#lang{position:absolute; top:10px; left:500px;}
	#contact{position:absolute; top:70px; right:10px; width:300px; padding:0; background:white;}
	#contact p{margin:0;}
	#search{position:absolute; top:10px; right:10px; padding:0; text-align:right;}
#crumbs{display:none}
	#crumbs .matrj{padding:5px 0; background:white; border-bottom:1px solid #e5e5e5;}
	#crumbs p{margin:0; padding:0 10px;}
#cont{position:relative; top:0; left:0; padding:0; margin:0;}
	#cont .matrj{background:white;background:#555e79 url(../img/bg-site.gif) repeat-y 0 0;margin-bottom:-8px}
#left-clmn,#right-clmn,#right-clmn2{float:left; width:681px; padding:0 22px 1em 22px; margin-top:1em;}
#left-clmn{background:url(../img/bg-site-top.gif) repeat-x 0 0;margin:0; min-height:430px}
#right-clmn{float:right; width:211px;background:url(../img/bg-right.gif) repeat-x 0 -25px ;margin:0}

#right-clmn2{float:right;} /* right side for vertical version navigation */
#middle-left-clmn{float:left; width:55%;}
#middle-right-clmn{float:right; width:42%;}
#foot{margin-top:20px;}
	#foot .matrj{padding-bottom:1em;font-size:110%;}
	#foot p{float:left; padding:0 2%; margin:0;}
	#foot p.author{float:right;}
  #foot a{color:#555e79}
  #foot a:visited{color:#7d7d7d}
  #foot a:hover{color:#303f6a}
/* nav horizont version */
#nav{position:relative;}
	#nav .matrj{background: #fbfbfb url(../img/bg-nav.gif) repeat-x left bottom;}
	#nav .cl{background:#324069;height:0}
	#nav ul{list-style-type:none; margin:0 0 0 22px; padding:0;}
	#nav li{float:left;text-transform: uppercase;}
	#nav li a{color:#213a7d}
  #nav a,#nav strong{display:block; padding:5px 10px 10px;position:relative;}
	#nav .active,#nav a:hover{background:#324069;color:white;position:relative;}
	#nav a.active,#nav a.active:hover{}
  
  #nav strong .bg-right, #nav a:hover .bg-right, #nav .active .bg-right{position:absolute;right:0;top:-2px;background: url(../img/bg-nav-right.gif) no-repeat right top;display:block;width:10px;height:100%}
  #nav strong .bg-left, #nav a:hover .bg-left, #nav .active .bg-left  {position:absolute;left:0;top:-2px;background: url(../img/bg-nav-left.gif) no-repeat left top;display:block;width:98%;height:100%}
  #nav strong .bg-body, #nav a:hover .bg-body, #nav .active .bg-body  {position:relative;}

#subnav{position:relative; top:0;}
	#subnav .matrj{background:#c6e0ea;}
	#subnav .cl{background:#324069;}
	#subnav ul{list-style-type:none; margin:0; padding:0;}
	#subnav li{float:left;}
	#subnav a, #subnav strong{display:block; padding:5px 10px;}
	#subnav strong{background:#B3DFEF}
	#subnav a:hover{background:#D1E7EF}
	#subnav a.active,#subnav a.active:hover{}

/* nav vertical version */
#cont {color:white}
#cont #nav{float:left; width:34%; background:#e5f9fe;}
	#cont #nav li{float:none;}
	#cont #nav li li{margin-left:10px;}
	#cont #nav a{/*background:#cfffa5;*/ border-bottom:1px solid white;}

#nase-sluzby{background:#657090 url(../img/bg-site-bottom.gif) repeat-x 0 0;margin:10px -22px 0;padding:5px 22px}
   .clmn{width:50%;float:left;padding:0 0 0 0}
   .clmn2{width:45%;float:left;padding:0 0 0 4%}
  .item h4 a{background: url(../img/clmn-item-h4.gif) no-repeat right center;padding:0 25px 0 0 }
  .item h4{margin-top:0;padding-top:0;margin-bottom:.4em;}
  .item p{margin-top:.4em;}
  .item{padding:0 0 0 110px;min-height:110px; margin-bottom:10px;}
  #realizace{background: url(../img/realizace.gif) no-repeat 0 0}
  #protlaky{background: url(../img/protlaky.gif) no-repeat 0 0}
  #zamek{background: url(../img/zamek.gif) no-repeat 0 0}
  #doprava{background: url(../img/doprava.gif) no-repeat 0 0}
  #odpady{background: url(../img/odpady.gif) no-repeat 0 0}
  #paleni{background: url(../img/paleni.gif) no-repeat 0 0}
  #skladovani{background: url(../img/skladovani.gif) no-repeat 0 0}
  #parkovani{background: url(../img/parkovani.gif) no-repeat 0 0}

#right-clmn h4{text-transform: uppercase;color:#a4c6e0}  
#right-clmn ul li{list-style: none;background: url(../img/li-item.gif) no-repeat 0 5px;padding:0 0 0 23px;}  
#right-clmn ul {margin:0;padding:0 0 0 1em}
#right-clmn .odkaz li{background:none;padding:0}
#right-clmn .odkaz li a{background: url(../img/li-a.gif) no-repeat -2px -35px;padding:0 0 0 23px;}
#right-clmn .odkaz li a:hover,#right-clmn .odkaz li strong{background: url(../img/li-a.gif) no-repeat -2px 5px;padding:0 0 0 23px;display:block}
/* news and magazine - stylesheet can be separate */
/* news + image left */
.news,.magazine{}
	.news div,.news-detail div,.magazine div,.magazine-detail div{clear:left; margin-top:1em;}
	.news div,.news-detail div.perex,.magazine div,.magazine-detail div.perex{clear:none; margin:0;}
	.news-detail div.perex,.magazine-detail div.perex{padding:10px ; background:#e5f9fe;}
	.news span,.news-detail span,.magazine span,.magazine-detail span{float:left; font-size:80%; padding:3px 10px; margin-right:5px; color:white; background:#639c00;}
	.news img,.news-detail img,.magazine img,.magazine-detail img{float:left; margin:0 10px 10px 0;}

/* news + image right 
.news,.magazine{}
	.news div,.news-detail div,.magazine div,.magazine-detail div{clear:right; margin-top:1em;}
	.news div,.news-detail div.perex,.magazine div,.magazine-detail div.perex{clear:none; margin:0;}
	.news-detail div.perex,.magazine-detail div.perex{padding:10px ; background:#e5f9fe;}
	.news span,.news-detail span,.magazine span,.magazine-detail span{float:left; font-size:80%; padding:3px 10px; margin-right:5px; color:white; background:#639c00;}
	.news img,.news-detail img,.magazine img,.magazine-detail img{float:right; margin:0 0 10px 10px;}*/


/* stromova struktura - katalog */

#katalog-struktura{font-size:90%; width:188px; padding:10px 10px 15px; border:1px solid #d9d9d9; border-bottom-width:4px;float:left;margin:0 1em 0 0}
	#katalog-struktura h3{font-size:120%; font-weight:bold; margin:0 0 5px;}
	#katalog-struktura ul{margin:0; padding:0; list-style-type:none;}
		#katalog-struktura ul ul{margin-left:-2px;}
	#katalog-struktura li{padding:2px 0 2px 18px; background:url(../img/bg-filesystem.gif) 5px 0 no-repeat;}
	#katalog-struktura li.last{background-image:url(../img/bg-filesystem-last.gif)}
	#katalog-struktura .active,#katalog-struktura .selected{background-image:url(../img/bg-filesystem-active.gif);}
	#katalog-struktura .active-last,#katalog-struktura .selected-last{background-image:url(../img/bg-filesystem-active-last.gif);}
	#katalog-struktura .active a,#katalog-struktura .selected a{color:#578508; font-weight:bold;}
	#katalog-struktura .selected a{text-decoration:underline;}
	#katalog-struktura .active a,#katalog-struktura .active a:hover{color:black; text-decoration:none;}
	.folder{display:block; padding:2px 0 2px 18px; background:url(../img/folder.gif) 0 50% no-repeat;}
	/* rusi obarveni active i selected */
	#katalog-struktura .normal{background-image:url(../img/bg-filesystem.gif)}
	#katalog-struktura .normal a{color:#0666d3; font-weight:normal; text-decoration:underline;}
	#katalog-struktura a:hover,#katalog-struktura .normal a:hover{color:red;}
	

/* discussion */
#discussion{margin-bottom:1em;}
	#discussion div{padding:0; margin:10px 0; border:1px solid gray;}
	#discussion div div{margin:0; background:#e5e5e5; border:none;}
	#discussion div div,#discussion div p{padding:5px 10px;}
	#discussion h3{font-size:100%; padding:0; margin:0; background:none;}
	#discussion p{margin:0;}
	#discussion .re-story{border-color:#0079ab;}
	#discussion .re-story div{background:#e5f9fe;}
	#discussion .admin-story{border-color:#abd168;}
	#discussion .admin-story div{background:#eff9d5;}

/* calendar */
#calendar table{vertical-align:middle; text-align:center;}
  #calendar th{background:gray; color:white;}
  #calendar th a,#calendar td a{color:white;}
.mesic td{background:gray; color:white;}
.cell_active,.cell_active_today{background:red;}
.cell_active_today{font-weight:bold;}
.cell_inactive_today{font-weight:bold; background:red;}

/* photogallery */
.photogallery{}
	.photo{float:left; position:relative; text-align:center; width:160px; height:160px; padding:10px; margin:0 10px 10px 0; border:1px solid gray; overflow:hidden;}
	.photo div div{display:table-cell; vertical-align:middle; width:160px; height:160px;}
	.photo a.text-foto{position:absolute; left:0; bottom:0; width:160px; padding:3px 10px; text-align:center; background:white;}

/* warning */
.warning{width:100%;}
	.warning div{clear:left; color:white; padding:15px 15px 15px 80px; margin:1em 0 1.5em; background:#c90032 url(../img/bg-warning.png) 0 50% repeat-x; border:1px solid #850021; border-bottom-width:5px;}
  .warning ul{padding:0; margin:0 0 0 40px;}
	
/* list*/
.list{width:100%; margin-bottom:10px; border:none;}
	.list td{font-size:90%; background:#e5f9fe; border:none}
	.list form,.list form div{display:inline;}

/* tabs */
table{font-size:100%; width:100%; border-collapse:collapse; border:1px solid black;}
th,td{padding:3px 6px; background:transparent; border:1px solid white;color:white}
th{background:transparent;color:#A4C6E0}
form table{width:auto;}
form table,form th,form td{border:none; background:none;}

/* forms */
form{margin:0;}
form p{margin:0;}
input,textarea,select,submit{font:100% Arial,Verdana,lucida,sans-serif;}
textarea {width:99%}
fieldset,.hledej{padding:10px 20px; margin-bottom:10px; background:#eff9d5; border:1px solid #abd168;}
legend{padding:5px 10px; margin-top:10px; background:#abd168; border:1px solid #abd168;}

#search fieldset,#search legend{padding:0; margin:0; background:none; border:none;}

/* searching text */
.search{background:#ffff00; font-weight:bold;}

/* other */
.vis{visibility:hidden;}
.hid{display:none;}
.sml,#foot,.photo a.text-foto{font-size:90%;}
.big{font-size:120%;}
a img{border:none;}
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.just{text-align:justify;}
img.fl, .flimg{margin:0 1em .3em 0;float:left;}
img.flr, .flrimg{margin:0 0 .3em 1em;float:right;}
.fl{float:left;}
.flr{float:right;}
.cl{clear:both;}
.cll{clear:left;}
.clr{clear:right;}
div.cl{font-size:1px; height:1px; padding:0; margin:0; overflow:hidden;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.oddel{background: url(../img/oddel.gif) no-repeat center bottom;height:40px;width:auto;}
.boxik{width:300px;border:3px solid white; padding:5px 10px;margin:0 0 0 22px;color:#223F00;background:#E1EFD1;border-color:#B2EF68}
.boxik a{color:#345F00}
.boxik a:visited{color:#223F00}
.boxik a:hover{color:red}
.bbor{border:3px solid white}
 
.border h3,.border1 h3{margin:0}
.border{border:1px solid white; margin:0 22px 1em 0; padding:1em .5em .3em;width:312px;}
.border1{border:1px solid white; margin:0 0 1em 0; padding:1em .5em .3em;width:312px;}
.reference{width:164px;margin-right:6px;margin-bottom:6px}

.vyberove-rizeni {width:202px;border: 2px solid #77c420;background: #5C9B14 url(/img/bg-vyberove-rizeni.gif) repeat-x center top;margin-left:-9px;margin-top:10px;padding:12px;}
.vyberove-rizeni h3 {margin:0;padding:0;text-align:center;font-size:150%;}
.vyberove-rizeni p {margin:6px 0 10px 0;}
.vyberove-rizeni .dokumentace {border-top:1px solid #b3d68c;padding-top:12px;}
.vyberove-rizeni .svetle-zelena {color:#ddf8c0;}
.vyberove-rizeni a {color:white;}
.vyberove-rizeni a:hover{color:#FFCB00;}

}