@media screen,projection{
html{background:#f0f0f0}
body{text-align:center; line-height:1.4em; margin:0; padding:1em 0;color:black; font:80% Arial,Verdana,lucida,sans-serif; background:#f0f0f0}

/* logo */

/* headers */
h1,h2,h3,h4{font-size:165%; font-weight:bold; margin:0 0 .5em; padding-bottom:.5em;}
	h2, h3, h4{font-size:155%; padding:0 0 .3em 0; font-weight:normal; margin:.5em 0 .5em;color:black; border:none;}
	h3{font-size:110%;color:black; font-weight:bold}
	h4{font-size:100%;}
#content-box-hp h1{background: url(../img/bg-h1-hp.gif) no-repeat 0 0; color:black; font-size:140%; height:26px; padding:7px 0 0 10px; font-weight:normal; margin-bottom:13px}
#content-box h1{background: url(../img/bg-h1.gif) no-repeat 0 0; color:black; font-size:140%; height:26px; padding:7px 0 0 10px; font-weight:normal; margin-bottom:13px}
#content h2{background: url(../img/bg-h2.gif) no-repeat 0 0; color:black; font-size:130%; height:26px; padding:8px 0 0 10px; font-weight: bold; color:#c98e00;}
#content #news h2{background: url(../img/bg-h2-hp.gif) no-repeat 0 0; color:black; font-size:130%; height:26px; padding:8px 0 0 10px; font-weight: lighter;}
#sidebar #news h2{background: url(../img/bg-h2-hp.gif) no-repeat 0 0; color:black; font-size:130%; height:26px; padding:8px 0 0 10px; font-weight: lighter; margin-top:11px}

/* tags */
hr{border:none; border-bottom:1px solid #e5e5e5;}
p{margin:.5em 0;}
ul{margin:1em 0 1em 30px; padding:0;}
li{padding:0 0 0 0; margin:.7em 0 0 0;/* list-style:none; background: url(../img/bg-li-item.gif) no-repeat 0 4px;*/}

.blue,
a{color:#005da1;}
a:visited{color:#002A3F/*#000e19*/}
a:hover, a:focus,  a:active{color:red}

.red{color:red;}
.green{color:#639c00;}
.bl{color:black;}
.wh{color:white;}
.perex{padding:3px 0; font-style: italic;color:#126b98;margin:0 0 15px 0 }
.perex p{margin:0}
.poznamka{font-style: italic; margin:1.5em 0;color:#626262;}



.form-area .scroll{border:1px solid #AFAFAF; border-right:none;}
.form-area{padding-top:1em;background:#fff7d8; color:black; border:1px solid #ffdf61; border-top:none; border-bottom:none;}
.form-area p{padding:0 14px 20px;color:black}
.form-area strong,
.form-area label strong{color:black}
.form-area label{color:black;}
.form-area p strong{color:black}
.form-area h4{padding:5px 24px;}
.form-area table{width:100%;}
.form-area table{width:100%;}
.form-area table td{vertical-align: top; padding-top:.5em; padding-bottom:.5em;}
.form-area .zvyraznena td{background:#f8e7a7}
.form-area .th{width:150px;}
.form-area .widthinput{width:274px; display:block;}
.form-area #od, .form-area #do{width:8em; display:in-line;}
.form-area .scroll{overflow-y: scroll; height:200px;}
.form-area p.legenda{margin-bottom:1em;}
.form-area .upozorneni{font-style: italic;}
form h3{min-height:17px; padding:10px  14px 10px; margin:0;color:black; background: #f8e7a7 url(../img/bg-form-nadpis.gif) repeat-x 0 0; border:1px solid #ffdf61; border-bottom:none}
.submit-area{height:48px; text-align:center; padding-top: 6px; margin:0;background: #fff7d8; border:1px solid #ffdf61; border-top:none}


/* main */
#main{position:relative; top:0; left:0; text-align:left; margin:0 auto 0; width:984px; background: url(../img/bg-main-body.gif) repeat-y 0 0; padding:0;}
#main-top{background: url(../img/bg-main-top.gif) no-repeat 0 0;}
#main-bottom{background: url(../img/bg-main-bottom.gif) no-repeat left bottom;}



#head{}
#head .head-box{height:107px; width:932px; text-align:left; margin:0 auto; position:relative;}
	#logo{position:relative; top:30px; left:0;}
	#head-lang{position:absolute; top:10px; left:500px;}
	#head-contact{position:absolute; top:30px; right:0px; width:300px; height:60px; padding:5px 0 0 60px;background: url(../img/pecet.gif) no-repeat right top; line-height:1.5em}	
	#head-contact p{margin:0;}
	#head-contact a{color:#0080c2}
	#head-contact a:hover{color:red}
	#head-search{position:absolute; top:55px; right:0px; padding:0; text-align:right;}
		#head-search fieldset{padding:0; margin:0;border:none; background:none;}
		#head-search legend{display:none;}
		#button-search{position:relative; top:5px; left:5px;}

#crumbs{padding:8px 10px;border-bottom:1px solid #eaeaea; margin-bottom:3px}
	#crumbs .crumbs-box{width:936px; margin:0 auto; text-align:left}
	#crumbs p{margin:0; padding:0 0px;}
#cont{position:relative; top:0; left:0; padding:0; margin:0;}
	#cont .matrj{background:white;}

#content-main{width:952px;text-align:left; margin:0 auto 0; }
#content-main-box{padding-bottom:1.5em;}

#visual{position:relative; margin-top:13px}
#visual a{position:absolute; top:193px; left:717px;}

/*
#content,#sidebar,#sidebar2{float:left; width:668px; margin-top:23px;}
#sidebar{float:right; width:247px;}
*/
#content,#sidebar,#sidebar2{ width:700px; margin-top:10px;float:left; line-height:1.5em}
#sidebar{float:right; width:240px;}


#content-box-hp{float:left;width:456px}
.img-box{background: url(../img/bg-img-box.gif) no-repeat 0 0; float:left; text-align:center; width:246px; padding:12px 0 0; margin-right:13px;}
.img-box a{display:block; margin-bottom:-10px;}
.img-box span{display:block; padding:0 0 12px}


#enter{background: url(../img/bg-enter-body.png) repeat-y 0 0;}
#enter .box-top{background: url(../img/bg-enter-top.png) no-repeat 0 0}
#enter .box-bottom{background: url(../img/bg-enter-bottom.gif) no-repeat left bottom; padding:15px 12px 15px 66px}
#enter .box-bottom h3{margin:0; color:#c98e00; font-size:130%; font-weight:bold}
#enter a{display:block; margin-top:.5em}
#button-prihlasit{border:none; background: url(../img/button-prihlasit.gif) no-repeat 0 0; width:77px; height:25px;margin-top:10px;}

#account{background: url(../img/bg-account-body.gif) repeat-y 0 0; margin-top:11px}
#account .box-top{background: url(../img/bg-account-top.gif) no-repeat 0 0}
#account .box-bottom{background: url(../img/bg-account-bottom.gif) no-repeat left bottom; padding:11px 12px 11px 66px}


#help{background: url(../img/bg-help-body.gif) repeat-y 0 0; margin-top:11px}
#help .box-top{background: url(../img/bg-help-top.gif) no-repeat 0 0}
#help .box-bottom{background: url(../img/bg-help-bottom.gif) no-repeat left bottom; padding:11px 12px 11px 66px}

#help ul{margin:0 0 0 1em}
#help li{background: url(../img/bg-li-sipka.gif) no-repeat 0 2px; line-height:1em; list-style:none; padding-left:20px}
#help .box-bottom h3{margin:0; color:#ca8f00; font-size:130%; font-weight:bold}

#news{float:right;width:239px}
#news h2, #sidebar h2{margin:0}
#news ul {list-style:none; margin:0 13px .5em 13px; background:none; padding:0; border-bottom:1px solid #e5e5e5}
#news ul li{list-style:none; background:none; padding:0}
#news ul li .datum{color:#949494; font-size:85%}
#news ul li a{margin:0}
#news a{margin:0 0 0 13px}


#sidebar-subnav{padding:9px;border:1px solid #dedede; background:#f6f6f6;}
.sidebar-subnav-box{background:white}
#sidebar .sidebar-subnav-box h2{margin:0; padding:10px;}
.sidebar-subnav-box ul,
.sidebar-subnav-box li{margin:0; padding:0; background:none;background:none;}
.sidebar-subnav-box a{margin:0; padding:5px 29px; display:block;}
.sidebar-subnav-box a:hover{background:#0870ac; color:white}
.sidebar-subnav-box strong a{text-decoration:none;text-decoration:none; background:#0870ac; color:white}

#sidebar h3{font-size:100%;}

#foot{}
	#foot{width:952px;}
	#foot .foot-box{padding:2px 17px; text-align:left; margin:20px auto 0; background:#f5f5f5; font-size:110%}
	#foot p{float:left; margin:.5em 0; line-height:1.8em}
	#foot p.author{float:right;}

/* nav horizont version */
#nav{}
	#nav .nav-box{width:952px; text-align:left; margin:0 auto; font-size:95%; background: #0080c1 url(../img/bg-nav.gif) no-repeat 0 0; border-bottom:5px #ffb400 solid}
	#nav .cl{}
	#nav ul{list-style-type:none; margin:0 0 0 13px; padding:0;}
	#nav li{float:left; margin:0; padding:0;background:none;}
	#nav .first a{display:block; padding:10px 20px;}
	#nav a{display:block; padding:10px 16px; text-decoration:none; color:white; text-decoration: none; background: url(../img/bg-nav-item.gif) no-repeat top right }
	#nav .active{font-weight:bold;}
	#nav .selected,
	#nav .active,#nav a:hover{background: #ffb402 url(../img/bg-nav-hover.gif) repeat-x 0 0; color:black;}
	#nav a.active,#nav a.active:hover{}

#subnav{position:relative; top:0;}
	#subnav .subnav-box{background:#c6e0ea;}
	#subnav .cl{background:white;}
	#subnav ul{list-style-type:none; margin:0; padding:0;list-style-type:none;}
	#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{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{font-size:80%; padding:3px 10px; margin-right:5px;color:#949494; background:white;}
	.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; float:left; margin:0 1em 0 0;border:1px solid #d9d9d9; border-bottom-width:4px;float:left;}
	#katalog-struktura h3{font-size:120%; font-weight:bold; margin:0 0 5px;font-weight:bold;}
	#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{font-weight:bold;color:#578508; font-weight:bold;}
	#katalog-struktura .selected a{text-decoration:underline;}
	#katalog-struktura .active a,#katalog-struktura .active a:hover{text-decoration:none;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{font-weight:normal; text-decoration:underline;color:#0666d3; font-weight:normal; text-decoration:underline;}
	#katalog-struktura a:hover,#katalog-struktura .normal a:hover{color:red;}
	/* rusi obarveni active i selected */
	
/* 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{margin-bottom:15px;}
	.photo, .photolast{float:left; position:relative; text-align:center; width:123px; height:150px; padding:0; margin:10px 11px 0px 0; overflow:hidden;}
	.photo .photo-in,
	.photolast .photo-in{height:123px;background:#f6f6f6;}
	.photolast{margin-right:0;}
  .photo, .photolast{}
	.photo div div,
  .photolast div div{display:table-cell; vertical-align:middle; width:123px; height:123px;}
  .photolast div div a img{border:1px solid #e6e6e6;}
	.photo-text{padding-top:3px;color:#7b7b7b;}

.item .photo{margin:0 17px 0 0;}
.item{border-bottom:1px solid #dedede}
.item-text{margin-left:140px}

.article{padding-bottom:10px; border-bottom:1px solid #dedede;}
.comment-1{margin-bottom:25px}
.comment-2{margin-left:30px; margin-bottom:25px}
.comment-text{margin-left:70px; padding:8px 17px; border:1px solid #dedede; background:#f6f6f6; }
.comment-text p{margin-top:0;color:#5d5d5d;}

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

/* tabs */
table{font-size:100%; width:100%; border-collapse:collapse; border:1px solid #d6d6d6;}
th,td{padding:6px 10px;background:white; border:1px solid #d6d6d6;}
th{padding:6px 10px; background: #007fc1 url(../img/bg-th.gif) repeat-x 0 0; color:white; border:1px solid #0280c1;border-bottom:none}
td{border:1px solid #c4e1f1;}
tr.light td{background:white}
tr.dark td{background:#effaff}
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{font-weight:bold;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; display:block}
.cll{clear:left;}
.clr{clear:right;}
div.cl{font-size:1px; height:1px; padding:0; margin:0; overflow:hidden;}

.imgfl{float:left; margin-right:20px}
.imgflr{float:right; margin-left:20px}


	.score{margin:0; padding:0; font-size:90%; background:#C2D8EF;color:black;border-bottom:1px solid #90BDEE;}
.hodnoceni{font-size:90%; margin:0; padding:0; width:100%; position:absolute;bottom:0;background:#C2D8EF;}

.testbig div div a img{border:3px solid #FFAC7F}
.testbig div div a:visited img{border:3px solid #DFDFDF}
.testbig div div a:hover img{border:3px solid #FF5A00}

.testbig{float:left; position:relative; text-align:center; width:208px; height:205px; padding:0; margin:0 10px 10px 0; overflow:hidden;background:#e1f5fb; border:1px solid #90bdee; overflow:hidden;}
.testbig div{display:table-cell; vertical-align:middle; width:205px; height:135px;}
.three{margin:0 0 10px 0;}

.filtr{padding:6px 10px 0;background:#edf5fb; border:1px solid #b2d4ec;}

.list{width:100%; margin-bottom:10px; border:none;}
	.list td{font-size:90%; border:none; background:#e5f9fe;}
	.list form,.list form div{display:inline;}
  .list td a img{position:relative; top:2px}
  .list td a.activelist{font-weight:bold; text-decoration:none; font-weight:bold; color:black;}
.list{border:1px solid #9dc0df;}
	.list td{background:#d9eefc url(../img/bg-fieldset.png) 0 -12px repeat-x; border:none;}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.right{text-align:right}
.pnmn{padding:0;margin:0}
}