@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:#ebebeb;
/* background: url(../img/bg-body-demo.jpg) no-repeat center top */
}

/* logo */
#logo{position:relative;top:17px; left:7px}
#logo a img{border:none}

/* headers */
h1{text-transform: uppercase;}
h2{background: url(../img/bg-nadpis.gif) 0 2px no-repeat; padding-left:27px; min-height:20px}
h2,h3,h4{font-size:150%; font-weight:normal; margin:1em 0;text-transform: uppercase;}
	h3{font-size:130%;}
	h4{font-size:110%;}

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

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



/* main */
#main{margin:20px auto; background: url(../img/bg-main.png) repeat-y 50% 0}
.matrj{position:relative; top:0; left:0; text-align:left; margin:0 auto; width:980px;}
#head .matrj{height:85px; background:white}
	#lang{position:absolute; top:10px; left:500px;}
	#contact{position:absolute; top:20px; right:0px; width:185px; padding:0 0 0 20px; border-left:1px solid #d6d6d6; background:white;}
  #contact h3{margin:0; font-size:110%; text-transform: uppercase; color:#8e8e8e}
	#contact p{margin:4px 0 0 0; font-size:90%}
	#search{position:absolute; top:10px; right:10px; padding:0; text-align:right;}
#crumbs{}
	#crumbs .matrj{padding:.7em 0; background:white; border-bottom:1px solid #dcdcdc;margin-bottom:20px;color:#919191; font-size:90%}
	#crumbs p{margin:0; padding:0 10px;}
	#crumbs a{color:#919191}
	#crumbs a:hover{color:#FF5A00}
#cont{position:relative; top:0; left:0; padding:0; margin:0;}
	#cont .matrj{background:white;}

#hp-top{color:white;background: #5381be url(../img/bg-hp-top.jpg) no-repeat 0 0; margin:7px 0 0; min-height:145px; padding-left:470px}
#hp-top h1{margin:0; padding-top:20px; font-size:170%;font-weight:normal;}
#hp-top p{margin:.7em 0}

#content-top,#content-top2,#content-top3,#content-top4,#content-top5{color:white; margin:0; min-height:145px; padding:0 0 10px 20px; font-size:110%  }
#content-top{background: #4e8cbb url(../img/bg-subpage-top.jpg) no-repeat 0 0;}
#content-top2{background: #4e8cbb url(../img/bg-subpage-top2.jpg) no-repeat 0 0;}
#content-top3{background: #4e8cbb url(../img/bg-subpage-top3.jpg) no-repeat 0 0;}
#content-top4{background: #4e8cbb url(../img/bg-subpage-top4.jpg) no-repeat 0 0;}
#content-top5{background: #4e8cbb url(../img/bg-subpage-top5.jpg) no-repeat 0 0;}
#content-top h1, #content-top2 h1, #content-top3 h1,#content-top4 h1,#content-top5 h1{margin:0; padding-top:15px; font-size:170%;font-weight:normal;line-height:1.3em; }
#content-top p, #content-top2 p, #content-top3 p, #content-top4 p, #content-top5 p{margin: 0; padding:0;padding-right:287px; }

.dekorace{background:#eaeaea; padding:12px; float:right}
.dekorace img{border:1px solid #7e7e7e; display:block}

#left-clmn,#right-clmn,#right-clmn2{float:left; width:778px; padding:0 0; margin-top:20px;}


#content{float:right; width:632px; padding:0 0; margin:0; font-size:90%}
#content h2{font-weight:bold; color:#f46f21; margin-bottom:.5em; border-bottom:1px solid #e3e3e3; padding-bottom:13px}
#content h3{font-weight:bold; color:#727272; text-transform: none; font-size:160%}
#content p{line-height:1.3em; margin:1em 0 }
#content ul{padding:0 0 0 2px; margin:0 0 0 20px}
#content ul li{list-style:none; padding:0 0 0 25px; background: url(../img/bg-li-item.gif) 0 5px no-repeat; margin:4px 0 0 0; }


#sidebar{float:left; width:325px;}
#sidebar .sekce{background: url(../img/bg-sekce.gif) no-repeat 0 0; color: white; height:56px; margin:0; padding:18px 0 0 19px; font-weight:bold; font-size:150%}
#sidebar ul{margin:0; padding:0; font-size:90%; border-bottom:2px solid #e4e4e4; list-style:none}
#sidebar ul ul{border:none; list-style:none}
sidebar ul li{list-style:none;margin:0; padding:0; }
 
#sidebar ul li strong,
#sidebar ul li a{background:#F3F3F3 url(../img/bg-nav-item1.gif) no-repeat 0 0; display:block; padding:6px 10px 3px 33px;}
#sidebar ul li a:-moz-any-link:focus {width:280px;}
#sidebar ul li a.selected{background:#EDEDED url(../img/bg-nav-item1.gif) no-repeat -325px 0; font-weight:bold}
#sidebar ul li a:hover,
#sidebar ul li strong{background:#EDEDED url(../img/bg-nav-item1.gif) no-repeat -650px 0;}

#sidebar ul ul li strong,
#sidebar ul ul li a{background: url(../img/bg-nav-item2.gif) no-repeat 0 0; display:block; padding:6px 0 3px 60px}
#sidebar ul ul li a:hover{background: url(../img/bg-nav-item2.gif) no-repeat 0 0; display:block; padding:6px 0 3px 60px}
#sidebar ul ul li a:hover,
#sidebar ul ul li strong{background-position:-325px 0}


#right-clmn{float:right; width:192px;}
#right-clmn2{float:right;} /* right side for vertical version navigation */
#middle-left-clmn{float:left; width:325px;}
#middle-right-clmn{float:right; width:430px;}

#middle-right-clmn ul{margin:0; padding:0}
#middle-right-clmn ul li {list-style:none; clear:both; margin-top:13px}
#middle-right-clmn ul li img{float:left; margin-top:3px}
#middle-right-clmn ul li p{margin:.5em 0 .5em 80px; font-size:90%; line-height:1.2em}
#middle-right-clmn ul li h3{margin:0 0 0 80px; font-size:130%;  text-transform: none;}
#middle-right-clmn h2{margin:0 0 8px; font-weight:bold; font-size:140%; color:#F8771C}
#middle-right-clmn p{font-size:90%;}

.box{background: url(../img/bg-reference.gif) repeat-x 0 0 ;padding: 12px 18px 0; border-bottom:2px solid #e4e4e4}
.box h2{margin:0 0 12px 0; font-size:135%; font-weight:bold; color:#808080}
.box p{font-size:90%; line-height:1.3em;}
.foto-space{margin-left:130px;margin-top:-3px}
.foto-space h3 {font-size:100%; font-weight:bold; margin:0; padding:0; text-transform: none;}
.foto-space p{margin:.5em 0 0}

.box-border{padding: 5px 18px 0; border:1px solid #e4e4e4; margin-top:8px; background:white url(../img/bg-box-right.jpg) no-repeat top left;text-align:center;font-weight:bold;color:#686868;}
.box-border h2{margin:7px 0 9px 0; font-size:135%; font-weight:bold; color:#808080; padding-top:0}
.box-border ul{padding:0 0 0 2px; margin-top:0}
.box-border ul li{list-style:none; padding:0 0 0 25px; background: url(../img/bg-li-item.gif) 0 5px no-repeat; margin:4px 0 0 0; font-size:90%}
.box-border p{font-size:90%;}

#foot{margin-top:10px;padding-bottom:16px}
	#foot .matrj{padding-bottom:1em; border-top:5px solid #e5e5e5; background:#f6f6f6; }
	#foot p{float:left; padding:0 15px; margin:.5em 0 0;}
	#foot p.author{float:right;color:#acacac}
	#foot p.author a{color:#acacac}
	#foot p.author a:hover{color:#FF5A00}

/* nav horizont version */
#nav{}
	#nav .matrj{}
	#nav .cl{}
	#nav ul{list-style-type:none; margin:0; padding:0; background: url(../img/bg-nav.gif) repeat-x 0 3px; height:3em}
	#nav li{float:left; text-transform: uppercase;}
  #nav a{border-top:3px solid white; background: url(../img/bg-nav-item.gif) no-repeat top right; color:black}
	#nav a,#nav strong{display:block; padding:10px 12px 0; height:30px}
	#nav strong, #nav .selected, #nav .selected:hover{border-top:3px solid #686868; background: url(../img/bg-nav-item.gif) no-repeat 0 0; padding-left:37px; color:white}
	#nav .selected{font-weight:bold}
  #nav a:hover{border-top:3px solid #686868; background: url(../img/bg-nav-item.gif) no-repeat -37px 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:#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{margin-top: 15px;}
	.photo{float:left; position:relative; text-align:center; width:174px; height:160px; padding:10px 13px; margin:0 8px 10px 0; border:1px solid gray; overflow:hidden;background: #a0a0a0;color:white;}
	.photo div div{display:table-cell; vertical-align:middle; width:174px; height:160px;}
	.photo a {color: white;text-decoration: none;}
	.photo a:hover {color: #e9702f;}
	.photo img {border: 1px solid white;}


/* warning */
.warning{width:100%;}
	.warning div{clear:left; color:white; padding:15px 15px 15px 80px; margin:1em 0 1.5em; background:#CC0032 url(../img/bg-warning.png) 0 0 repeat-x; border:1px solid #850021; border-bottom-width:5px; min-height: 60px;}
  .warning ul{padding:0; margin:0 0 0 40px;}
  .warning ul li{list-style:disc; margin-left:20px}
	
/* 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: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:#EFEFEF; border:1px solid #AFAFAF;}
legend{padding:5px 10px; margin-top:10px; background:#8A8A8A; border:1px solid #8A8A8A;color:white}
#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%;}
	
a img{border:1px solid #a1a1a1}
a:hover img{border:1px solid #FF5A00}	
	
	.score{background:#C2D8EF;color:black;margin:0;padding:0;border-bottom:1px solid #90BDEE; font-size:90%}
.hodnoceni{font-size:90%;margin:0;padding:0;width:100%;background:#C2D8EF;position:absolute;bottom:0;}
.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;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{background:#edf5fb; border:1px solid #b2d4ec;padding:6px 10px 0;}

.list{padding:6px 10px; margin-bottom:10px; background:#edf5fb; border:1px solid #b2d4ec;}
	.list td{width:auto;}
  .list tr:hover{background:none;}
	.list tr:hover td,.list tr:hover td a{color:black;}
	.list td,.list tr:hover td{border:none;}

.number span,.number a{display:block; float:left; padding:3px 0; margin-right:6px;}
.number a{width:22px; margin-right:1px; text-align:center; background:white; border:1px solid white;}
.number a.activelist{text-decoration:none; color:black; border-color:#76b3dd;}
.w20{width:20%;}
.w40{width:40%;}
.w50{width:50%;}
.right{text-align:right}
.pnmn{padding:0;margin:0}
p.depr{margin-top:10px}
p.reference{margin-top:0}
#sidebar fieldset .warning ul{border:none}



#sidebar {overflow:auto}
#sidebar  div table tr td textarea{width:99%}

.reference-prehled {background: url(../img/bg-ref-rozcestnik.gif) top left repeat-x; border: 1px solid #8a8a8a; width: 300px; height: 75px; margin: 15px 14px 0px 0; float: left; font-size: 120%; font-weight: bold;}
.reference-prehled img {border: none; float: left;}
.reference-prehled div{padding: 8px 10px 10px 110px;}

.psi {margin: 15px 0 0 0;}
.kontakt-obr {text-align: center; margin-top: 15px;}
.vybrane-reference ol li{margin-bottom:15px;}
.vybrane-reference ol {font-size: 85%;}
.vybrane-reference ul li{list-style:disc; padding:0px; margin:0 0 0 15px; }
.vybrane-reference ol{padding:0px; margin:0 0 0 0px; }

.right-hp-certifikat {margin-top: 15px;}

}