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

/* logo */
#logo,#logo span{font-size:160%; top:0; left:0; width:404px; height:73px; padding:0; margin:0;}
	#logo{position:relative; top:20px; left:17px; overflow:hidden;}
	#logo span{display:block; position:absolute; background:transparent url(../img/logo.gif) 0 0 no-repeat;}

/* headers */
h1,
h2,h3,h4{font-size:150%; font-weight:normal; margin:1em 0;}
	h2,h3{font-size:130%;}
	h3,h4{font-size:110%; font-weight: bold;}
	h1.hph1 {margin:0;padding:0;border: 1px solid #b1e1f3;border-bottom:0;background: #d2eefa url(../img/h1-hp-bg.gif) 0 0 repeat-x;color:#007aa7;font-weight:normal;font-size:110%;padding:10px 20px 9px 20px;}

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

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

/* main */
ul li{list-style: none;background: url(../img/sipka.gif) no-repeat 0 4px;padding-left:20px }
#nav ul li{background:none;padding:0}



#main{background: url(../img/bg-main.gif) no-repeat top center}
.matrj{position:relative; top:0; left:0; text-align:left; margin:0 auto; width:980px;}
#head .matrj{height:112px; /*background:#0079ab;*/}
	#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:-1px; padding:0;text-align:right;width:295px;background: url(../img/bg-search.gif) no-repeat 0 0}
  #search .inbox{padding:12px 10px 5px 0}
  #search .inbox label{font-size:90%}
  #search .submit{position:relative;top:4px;}
#crumbs{}
	#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;}
#left-clmn,#right-clmn,#right-clmn2{float:left; width:666px; margin-top:1em;}
#right-clmn{float:right; width:310px;}
#right-clmn2{float:right;} /* right side for vertical version navigation */
#middle-left-clmn{float:left; width:55%;}
#middle-right-clmn{float:right; width:42%;}
#left-clmn .box h2{margin:0;padding:0;} 
#left-clmn .box p{margin:.5em 0}
#left-clmn .box{padding:20px}

.aktualne, #nase-aktivity{width:325px;margin-top:20px}
#right-clmn .aktualne{width:290px;margin-left:20px}
#right-clmn .aktualne{background: url(../img/bg-aktualne-body-w290.gif) repeat-y 0 0;}
#right-clmn .aktualne .top{background: url(../img/bg-aktualne-top-w290.gif) no-repeat left top;padding:0}
#right-clmn .aktualne .bottom{background: url(../img/bg-aktualne-bottom-w290.gif) no-repeat left bottom;padding:1px 1px 10px 1px;}
#right-clmn .aktualne .bottom h3{font-weight:normal; font-size:130%;}

.pok-search{border:1px solid #afddee;background: url(../img/bg-pok-search.gif) repeat-x 0 0;height:47px;margin:10px 0;}
.pok-search form div{margin:11px 0 0 10px}

.razeni{padding:10px 0}
.razeni div.fl{position:relative;top:1px}
.razeni a.fl{margin-left:3px;display:block}
.razeni span{width:auto;background:transparent}
.razeni span .first{margin-right:2em}
.razeni .hellip{display:block;margin-left:2px;width:18px;text-align:center;}
.razeni span a{display:block;width:22px;text-align:center;border:1px solid #c9c9c9;float:left;margin-left:3px;color:#016ab8;height:1.4em;display:table-cell;vertical-align: bottom;}
.razeni span a:hover,
.razeni span .aktualni{display:block;width:22px;height:1.4em;text-align:center;border:1px solid #a6d9ec;background:#e2f5fd;float:left;margin-left:3px;color:black}
.razeni span .pocet{display:block;}
.border{border:1px solid #c1c1c1;padding:5px 10px;margin:0 0 5px 0}

.border1{border:1px solid #c1c1c1;padding:0;margin:0 0 10px 0;}
.border1 h2{margin:0;background:#f3f3f3;padding:10px;color:#007ba8;font-weight: bold;}
.border1 .perex{padding:0 10px}
.border1 .perex table{border:none;font-size:90%;margin:10px 0}
.border1 .perex table th,.border1 .perex table td{border:none;background: transparent;padding:0}
.border1 .perex table th{width:130px;}

.aktualne{background: url(../img/bg-aktualne-body.gif) repeat-y 0 0;}
.aktualne .top{background: url(../img/bg-aktualne-top.gif) no-repeat left top;padding:0}
.aktualne .bottom{background: url(../img/bg-aktualne-bottom.gif) no-repeat left bottom;padding:1px 1px 10px 1px;}
.aktualne h2,
.aktualne h3{background: #e7e7e7 url(../img/bg-aktualne-h2.gif) no-repeat 0 0;color:#727272;margin:0;padding:10px 8px 10px 20px;font-size:130%; font-weight:normal;}
.aktualne h4{font-size:100%;color:#858585;margin:.9em 0 .5em;font-weight: normal;}
.aktualne .content{padding:0 20px}
.aktualne .content p{font-size:90%;margin:.5em 0;line-height:1.2em}

#nase-aktivity{margin-left:15px}
#nase-aktivity{background: url(../img/bg-aktivity-body.gif) repeat-y 0 0;}
#nase-aktivity .top{background: url(../img/bg-aktivity-top.gif) no-repeat left top;padding:0}
#nase-aktivity .bottom{background: url(../img/bg-aktivity-bottom.gif) no-repeat left bottom;padding:1px 1px 10px 1px;}
#nase-aktivity h3{background: #d2eefa url(../img/bg-aktivity-h2.gif) no-repeat 0 0;color:#007aa7;margin:0;padding:10px 8px 10px 20px;font-size:130%; font-weight:normal;}
#nase-aktivity ul{margin-left:0;padding-left:0px;font-size:90%}
#nase-aktivity ul li{list-style: none;background: url(../img/submit-search.gif) no-repeat 0 3px;padding:0 0 0 30px}
#nase-aktivity ul li h4{color:#858585;margin:.9em 0 .5em;font-weight: bold;}
#nase-aktivity ul li p{font-size:90%;margin:.5em 0}
#nase-aktivity .content{padding:0 20px}
#nase-aktivity .content p{font-size:90%}
#nase-aktivity ul li{min-height:30px}

#right-clmn .submenu{margin:0 0 10px 20px;padding:0}
#right-clmn .submenu2{margin:0 0 10px 20px;padding:0}
#right-clmn .submenu li,
#right-clmn .submenu2 li{list-style:none;margin:2px 0;padding:0}
#right-clmn .submenu li a{display:block;height:30px;width:230px}
#right-clmn .submenu2 li a{display:block;height:30px;width:260px}
#right-clmn .submenu li a{padding:13px 0 0 60px;}
#right-clmn .submenu2 li a{padding:13px 0 0 30px;background: url(../img/bg-submenu2-li-a.gif) no-repeat 0 0}
#right-clmn .submenu2 li a:hover{padding:13px 0 0 30px;background: url(../img/bg-submenu2-li-a.gif) no-repeat -290px 0}
#right-clmn .potraviny a{background: url(../img/right-potravinarsky-prumysl.gif) no-repeat 0 0}
#right-clmn .kosmetika a{background: url(../img/right-kosmetika.gif) no-repeat 0 0}
#right-clmn .nater a{background: url(../img/right-nater.gif) no-repeat 0 0}
#right-clmn .stavebnictvi a{background: url(../img/right-stavebnictvi.gif) no-repeat 0 0}
#right-clmn .plasty a{background: url(../img/right-plasty.gif) no-repeat 0 0}
#right-clmn .submenu2 li strong a{background-position: -290px 0;}
#right-clmn .submenu li strong a{background-position: -290px 0;}
#right-clmn .submenu li a:hover{background-position: -290px 0;}

.right-box-1{margin-left:16px;margin-bottom:20px;}
.right-box-1{background: url(../img/bg-right-box-1-body.gif) repeat-y 0 0;}
.right-box-1 .top{background: url(../img/bg-right-box-1-top.gif) no-repeat left top;padding:0}
.right-box-1 .bottom{background: url(../img/bg-right-box-1-bottom.gif) no-repeat left bottom;padding:1px 21px 10px 21px;min-height:333px}
.right-box-1 h2{color:#5a5a5a;margin:.7em 0;font-size:170%}
.right-box-1 p{margin:.5em 0;font-size:90%}
.right-box-1 h2 span{display:block;font-size:80%}

.right-box-2{margin-left:16px;}
.right-box-2{background: url(../img/bg-right-box-2-body.gif) repeat-y 0 0;}
.right-box-2 .top{background: url(../img/bg-right-box-2-top.gif) no-repeat left top;padding:0}
.right-box-2 .bottom{background: url(../img/bg-right-box-2-bottom.gif) no-repeat left bottom;padding:1px 21px 10px 21px;}
.right-box-2 h2{color:#5a5a5a;margin:.7em 0;}
.right-box-2 h3{font-size:130%; font-weight:normal;}
.right-box-2 p{margin:.5em 0;font-size:90%}
.right-box-2 ol li{list-style:none;line-height:2.3em;padding-left:30px;margin-left:10px;font-size:90%}
.right-box-2 ol {margin-left:0;padding-left:0}
.right-box-2 ol li.one{background: url(../img/ol-li-item-one.gif) no-repeat 0 3px }
.right-box-2 ol li.two{background: url(../img/ol-li-item-two.gif) no-repeat 0 3px }
.right-box-2 ol li.three{background: url(../img/ol-li-item-three.gif) no-repeat 0 3px }
.right-box-2 ol li.four{background: url(../img/ol-li-item-four.gif) no-repeat 0 3px }
.right-box-2 ol li.five{background: url(../img/ol-li-item-five.gif) no-repeat 0 3px }

#rychly-kontakt .kontakt{text-align:right;margin:0;color:#00aeef; font-size:130%;}
#rychly-kontakt{position:absolute;right:0;top:20px;width:300px;padding-right:75px;background: url(../img/telefon.gif) no-repeat right top}
#rychly-kontakt p{font-size:90%;margin:5px 0 0 0}
/*position:absolute;top:130px;right:0*/
.sipka{background: url(../img/sipka.gif) no-repeat center right;padding-right:20px}

.box {border:1px solid #e3e3e3;border-bottom:2px solid #e3e3e3;background: white url(../img/bg-inbox.gif) repeat-x 0 0;position:relative} 

  .box .item{width:300px;margin-bottom:5px;}
  .box .item{min-height:100px}
  .box .last{padding-bottom:100px;}
  
  .box .item h2{font-size:120%;font-weight: bold;}
  .box .item p{font-size:90%;line-height:1.2em ;}
  
  
    
  .box .box-inr .item{margin-left:320px}
  .box .box-in2{background: url(../img/bg-zena.gif) no-repeat right bottom;position:absolute;right:0;bottom:0;height:70px;width:206px;padding:40px 0 0 120px}
  .box .box-in2 h2{font-size:110%;}
  .box .box-in2 h2 a{background: url(../img/sipka.gif) no-repeat 0 3px;padding:0 0 0 15px;font-weight: bold;}
  .box .box-in2 p{position:relative;left:30px;width:170px;font-size:90%}


#foot{margin-top:20px;}
	#foot .matrj{padding-bottom:1em; border-top:3px solid #ebebeb;}
	#foot p{float:left; padding:0 2px; margin:1em 0 0;}
	#foot p.author{float:right;}
  #foot p.cl{width:940px}

/* nav horizont version */
#nav{position:relative;width:980px;margin:0 auto}
	#nav .matrj{background:#f1f1f1 url(../img/bg-nav-body.gif) repeat-x top left;}
	#nav .cl{background:#c4c4c4;}
	#nav ul{list-style-type:none; margin:0; padding:0;}
	#nav li{float:left;}
	#nav a,#nav strong{display:block; padding:12px 20px 7px;background:#f1f1f1 url(../img/bg-nav.gif) repeat-x right -70px;color:#5f5f5f}
	#nav .active,#nav a:hover{background:#f1f1f1 url(../img/bg-nav.gif) repeat-x 0 0;color:white}
	#nav a.active,#nav a.active:hover{}

#subnav{position:relative; top:0;}
	#subnav .matrj{background:#c6e0ea;}
	#subnav .cl{background:white;}
	#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 #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;}


/* 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:#12B2EE;}
	.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;}
  .warning ul li{background:none;list-style: disc;padding-left:0}
	
/* list*/
.list{width:100%; margin-bottom:10px; border:1px solid #AFDDEE;}
	.list td{font-size:90%; background:#E6F7FE; 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:gray; border:1px solid black;}
th{background:red;}
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:#EFFBFF; border:1px solid #86D4EF;}
legend{padding:5px 10px; margin-top:10px; background:#86D4EF; border:1px solid #86D4EF;}

#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%;}
.button{position:relative;top:4px}
.box .box-in .item p, .box .box-inr .item p{float:left; display:block;width:200px;}
.number a{padding:0 0 0 4px}

#language{position:absolute; top:13px;right:310px; padding:0; width:65px;}
#language a{}
#language a,#language a:hover,#language a:active,#language a:visited{text-decoration: none; background: none; display: inline; height: 20px; padding:0;margin:0;}

.bottom-margin {background:white;}
.loga-right {padding: 0 0 0 25px; background:white;}

}