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


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

#logo{position:absolute;top:10px;left:236px}


/* headers */
h1,h2,h3,h4{font-size:170%; font-weight:blod; margin:.7em 0 .5em;color:#3586c3}
	h3{font-size:150%;margin:.7em 0 .3em;}
	h4{font-size:110%;}

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

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


/* page */
#page-top{background: url(../img/web/bg-page-top.png) no-repeat 50% 0}
#page-bottom{background: url(../img/web/bg-page-bottom.png) no-repeat center bottom}
#page-middle{background: url(../img/web/bg-page-middle.png) repeat-y 50% 0}


/* main */
/*#main{background: url(../img/web/bg-work2.png) no-repeat 50% 0}*/
.matrj{position:relative; top:0; left:0; text-align:left; margin:0 auto; width:980px;}
#page{margin:10px 0 70px 0}

#head .matrj{height:120px;}
	#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;}

#cont{position:relative; top:0; left:0; padding:0; margin:0;}
	#cont .matrj{background:white;}
#right-clmn2{float:left; width:60%; padding:0 2%; margin-top:1em;}


#left-clmn{width:690px;float:left;position:relative;left:1px}
#left-clmn #top{background: #e9f6ff url(../img/web/bg-left-clmn.png) no-repeat 0 0;padding:0 10px 0 28px;}
#left-clmn #top p{margin:.5em 0}

.subpage #left-clmn h2{color:#a64ab3;font-size:140%;margin-top:20px}
.subpage #left-clmn h3{color:black;font-size:125%;margin-top:20px;font-weight: normal;}
.subpage #left-clmn .cont{margin-right:20px}
.subpage #left-clmn .cont p{margin:.5em 0}

#left-clmn .crumbs{margin:0 21px 0 28px;border-bottom:1px solid #e5e5e5;padding:0 0 7px 0}
#left-clmn .cont{margin:0 10px 0 27px;}


#nahled{background: url(../img/web/demo.png) no-repeat right top;min-height:170px;}
#nahled p.demo{padding-right:190px}


.holcicka{background: url(../img/web/bg-holcicka.gif) no-repeat 19px 15px;padding-left:166px;padding-top:10px;min-height:140px}
.holcicka-mala{background: url(../img/web/bg-holcicka-mala.gif) no-repeat 0px 0px;padding-left:86px;min-height:85px}
.placene{margin-left:14px}
#right-clmn {float:right; width:290px;margin:-12px 0 0;padding:12px 0 0;background: #eaf7ff url(../img/web/bg-right-clmn.png) no-repeat 0 0}
#right-clmn .mtrj{margin:0 30px 0 23px;}

#right-clmn h3{color:#3586c3;font-size:135%}
  #right-clmn ul{margin:17px 0 0;padding:0}
  #right-clmn ul li{list-style: none;background: url(../img/web/bg-li.gif) 0 4px no-repeat;padding:0 0 0 19px;margin:0;}
  .obsahuji{padding:0 0 0 115px;background:url(../img/web/bg-obsahuje.gif) no-repeat 0 0;}



.subpage #right-clmn {float:right; width:290px;background: white;margin-bottom:40px}
.subpage #right-clmn .mtrj{background: #eaf7ff url(../img/web/bg-right-clmn.png) no-repeat 0 0;padding:12px 30px 10px 23px;margin:-12px 0 0;}
.subpage #right-clmn .mtrj p{font-size: 90%;}
.subpage #right-clmn .rest{padding:0 30px 0 23px;border-left:1px solid #e1edf6}

#right-clmn .novinky{font-size:90%;background: white url(../img/web/bg-right-novinky.png) no-repeat 0 0;padding:22px 28px 0 26px;}
#right-clmn .novinky ul {margin:10px 0 0;padding;0}
#right-clmn .novinky ul li{padding:0;background:none;margin:.3em 0 1.5em}
#right-clmn .novinky h4{margin:0 0 .2em;padding:0;font-size:100%}
#right-clmn .novinky p{margin:0;line-height:1.2em}


.subpage #right-clmn ul{margin:17px 0 0;padding:0}
.subpage #right-clmn ul li{list-style: none;background: url(../img/web/bg-li.gif) 0 4px no-repeat;padding:0 0 0 19px;margin:0;}
.subpage #right-clmn .novinky{font-size:90%;background: white;padding:0}
.subpage #right-clmn .novinky ul {margin:10px 0 0 0;padding;0;}
.subpage #right-clmn .novinky ul li{padding:0;background:none;margin:.3em 0 1.5em;list-style:none}
.subpage #right-clmn .novinky h4{margin:0 0 .2em;padding:0;font-size:100%}
.subpage #right-clmn .novinky p{margin:0;line-height:1.2em}


#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:0px;position:relative}
	#foot .matrj{padding-bottom:1em;position:abolute;top:-30px}
	#foot p{float:left; padding:0 2%; margin:0;}
	#foot p.author{float:right;}
.more{background: url(../img/web/bg-a-sipka.gif) no-repeat center right;padding-right:20px}


#left-left-clmn{width:302px;margin:27px 10px 10px 29px;float:left}
#left-right-clmn{width:325px;padding-right:13px;margin:27px 0 0 10px;float:left; border-right:1px solid #e1edf6;}
#left-right-clmn h3{font-size: 140%;margin:0;font-weight: normal;}
.vyhledavani{background: #d4f8ba url(../img/web/bg-vyhledavani.gif) repeat-x 0 0; border:1px solid #cced9d; padding:18px}
.vyhledavani h3{color:#3b8f1d;margin:0}

.ohlasy h3{color:#3586c3;font-size:140%;font-weight: normal;}
.ohlasy p,
.ohlasy blockquote{margin:11px 0 0 83px;line-height: 1.33em;font-size:90%}
.ohlasy p
.ohlasy img{border:1px solid #c2c2c2;margin:8px 0 0 0;}

.darujte{background: repeat-x left bottom}
.darujte .bottom{background: url(../img/web/bg-darujte.gif) no-repeat 3px 7px;padding:0 10px 10px 95px}
.darujte .bottom h3{color:#a64ab3;padding:5px 0 0 0;}
.darujte .bottom p{margin:.4em 0}


.perex{border:1px solid #d5edff;padding:20px;line-height:1.24em;background: #e6f4ff url(../img/web/bg-perex.gif) repeat-x 0 0}


.narozeniny{background: url(../img/web/bg-narozeniny.gif) no-repeat 0 0;padding:0 10px 0 94px;margin-top:16px}
.narozeniny h3{color:#a64ab3}
.narozeniny table{margin:15px 0 0 2px;padding:0}
.narozeniny ul li{list-style: none;margin:0 0 3px 0;padding:0}
.narozeniny img{border:1px solid #c5c5c5}

/* login */
#head{position:relative}
#login{position:absolute;right:30px;top:0}
#login fieldset{border:none;background:none;padding:0;margin:0}
#login div{background:url(../img/web/bg-login.gif) no-repeat 0 0;padding:10px 0 10px 90px;min-height:143px;width:205px}
#login fieldset div .xbig{font-size:130%}
#login table{margin-top:5px}
.loginbutton{border:none;background: url(../img/web/buttons/prihlasit.gif) no-repeat 0 0;display:block;width:109px;height:31px;margin:10px 0 0 30px}
.loginbutton:hover{cursor:pointer;}



/* nav horizont version */
#nav{width:980px;margin:0 auto}
	#nav .matrj{margin-left:238px;margin-top:-26px;width:478px}
	#nav .cl{}
	#nav ul{list-style-type:none; margin:0; padding:0;}
	#nav li{float:left;}
	#nav a,#nav strong{display:block; padding:40px 10px 0px;background: url(../img/web/bg-nav.gif) no-repeat 0 0;height:29px;position:relative}
	#nav strong,
  #nav a.active
  {font-weight: bold;}
  #nav strong a{padding:0}
  #nav strong a,
  #nav strong,
  #nav a.active,
  #nav a:hover{position:relative;background: url(../img/web/bg-nav-left.gif) no-repeat left bottom;color:black;}
	
  
  #nav strong span,
  #nav .active span,#nav a:hover span{background: url(../img/web/bg-nav-right.gif) no-repeat left top;display:block;width:4px;height:58px;position:absolute;right:0;bottom:0}
	#nav a.active,#nav a.active:hover{}

  #nav a #home, #nav strong #home{display:block;position:absolute;top:10px;left:15px;width:25px;height:22px}
	#nav a #home{background: url(../img/web/bg-home.gif) no-repeat 0 -100px;}
  #nav a.active #home, #nav a:hover #home, #nav strong #home{background: url(../img/web/bg-home.gif) no-repeat 0 0;}

  #nav a #sluzby, #nav strong #sluzby{display:block;position:absolute;top:10px;left:18px;width:29px;height:27px}
	#nav a #sluzby{background: url(../img/web/bg-sluzby.gif) no-repeat 0 -100px;}
  #nav a.active #sluzby, #nav a:hover #sluzby, #nav strong #sluzby{background: url(../img/web/bg-sluzby.gif) no-repeat 0 0;}

  #nav a #cenik, #nav strong #cenik{display:block;position:absolute;top:10px;left:18px;width:29px;height:27px}
	#nav a #cenik{background: url(../img/web/bg-cenik.gif) no-repeat 0 -100px;}
  #nav a.active #cenik, #nav a:hover #cenik, #nav strong #cenik{background: url(../img/web/bg-cenik.gif) no-repeat 0 0;}
  
  #nav a #podpora, #nav strong #podpora{display:block;position:absolute;top:10px;left:18px;width:29px;height:27px}
	#nav a #podpora{background: url(../img/web/bg-podpora.gif) no-repeat 0 -100px;}
  #nav a.active #podpora, #nav a:hover #podpora, #nav strong #podpora{background: url(../img/web/bg-podpora.gif) no-repeat 0 0;}
    
  #nav a #diskuze, #nav strong #diskuze{display:block;position:absolute;top:10px;left:18px;width:29px;height:27px}
	#nav a #diskuze{background: url(../img/web/bg-diskuze.gif) no-repeat 0 -100px;}
  #nav a.active #diskuze, #nav a:hover #diskuze, #nav strong #diskuze{background: url(../img/web/bg-diskuze.gif) no-repeat 0 0;}
  
  #nav a #kontakt, #nav strong #kontakt{display:block;position:absolute;top:10px;left:18px;width:29px;height:27px}
	#nav a #kontakt{background: url(../img/web/bg-kontakt.gif) no-repeat 0 -100px;}
  #nav a.active #kontakt, #nav a:hover #kontakt, #nav strong #kontakt{background: url(../img/web/bg-kontakt.gif) no-repeat 0 0;}								



  

/*
#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:1px 10px; margin-right:5px; color:black;background:#CFECFF}
	.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 h3,
  #discussion .story h3{padding:0;margin:0}
  #discussion .story{padding:0}
  #discussion .story div,
  #discussion .re-story div{margin:0;padding-top:.5em;position:relative}

	#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 */

	
/* list*/
.list{width:100%; margin-bottom:10px; border:none;margin-top:10px}
	.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-top:1px solid black;}
th,td{padding:3px 6px; background:white; border:1px solid black;text-align:center}
tr.nobor,tr.nobor td{border:none;}
th{background:#D6EDFF;}
form table{width:auto;}
form table,form th,form td{border:none; background:none;}
table.noborder,table.noborder tr, table.noborder td{border:none;background:none}
.vyhledavani, .vyhledavani tr, .vyhledavani td{text-align:left;border:none}
.vyhledavani .w100px{text-align:center;}

table.light,
.light tr td,.light tr th{text-align:left;border:1px solid #A0C7E4;background:none}
.light tr th{width:10em;background:#E5F4FF}

/* forms */
.formular td,
.formular td label{text-align:left}


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;border:1px solid #CCED9D; background:#EDFFDF}
legend{padding:5px 10px; margin-top:10px; background:#CCED9D; border:1px solid #CCED9D;}

#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%;}
.small{font-size: 80%;}
.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%;}
.w45px{width:45px;text-align:center;padding:0}	
.w100px{width:100px;text-align:center;padding:0}
	
	.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;}
.input2{width:1.5em;}
.input4{width:2.8em;}
.text{width:125px}



.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}

  .warning{margin:0 0 1em 0;background:#b80535 url(/img/bg-warning.png) no-repeat 0 0;padding:.5em .5em .5em 80px; color:white; min-height:80px;}
.subpage #left-clmn .warning h3{margin-bottom:.3em;color:white}
  .warning ul{margin-top:0.3em}

/* styl pro hp - výběr skinů */
.skiny {background-color: white; padding: 5px 0 0 25px; font-size:90%}
.skiny h3 {padding-bottom: 5px;}
.brdb td{border-bottom:1px solid #CCED9D}

 td.vatop{vertical-align: top; }

#barevna-schemata .schema1,
#barevna-schemata .schema2{float:left; text-align:center; border:1px solid #d5edff;padding:20px 20px 5px 20px;line-height:1.24em;background: #e6f4ff url(../img/web/bg-perex.gif) repeat-x 0 0;width:270px;margin-top:1em}
#barevna-schemata .schema2{float:right}
#barevna-schemata .schema1 p,
#barevna-schemata .schema2 p{margin-bottom:0;font-size:90%}

}