@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-1-repeat.jpg) 50% 0 repeat-x;}

/* logo */
h1,h1 span{font-size:160%; top:0; left:0; width:491px; height:105px; padding:0; margin:0;}
	h1{position:relative; top:15px; left:27px; 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:#C840B4}
	h3{font-size:130%;}
	h4{font-size:110%;}

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

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

/* main */
#main{background:url(../img/bg-body-1_2.jpg) 50% 0 no-repeat;width:1100px;margin:0 auto}
.matrj{position:relative; top:0; left:0; text-align:left; margin:0 auto; width:850px;}
#head .matrj{height:134px; background:transparent;}
	#lang{position:absolute; top:10px; left:500px;}
  #contact{position:absolute; top:70px; right:10px; width:300px; padding:0; background:white;display:none}
	#contact p{margin:0;}
	#search{position:absolute; top:10px; right:10px; padding:0; text-align:right;}
#crumbs{margin:0 auto; width:540px;}
	#crumbs .matrj{padding:5px 0; border-bottom:1px solid #e5e5e5;margin:0;width:540px}
	#crumbs p{margin:0; padding:0 10px 0 10px;}
#cont{position:relative; top:0; left:0; padding:0; margin:0;}
	#cont .matrj{min-height:550px;}
	#cont .matrj #crumbs .matrj{min-height:30px}
#left-clmn,#right-clmn,#right-clmn2{float:left; width:540px; padding:0 20px; margin-top:1em;}

  .grn{border-top:1px solid #D0EC94;background: url(../img/bg-hp-text.gif) repeat-y right top;padding:0 10px 5px 10px;margin:10px 0}
  .grn div{padding-left:170px;background: url(../img/bg-grn-div.jpg) no-repeat left top}
  .grn h3{color:#6AAA08}
  .grn .r{border-top:#D0EC94 1px solid;width:320px;margin-left:25px;padding-top:.5em}
  
  .grnb{border:1px solid #D3ECA6;background:#ECFAD2;padding:.5em}
  .margin200{margin-left:170px}
  .oddel{border-top:2px solid #E5E5E5}
  .novinky h4{color:#1E8CAC;font-size:130%}
  .novinky ul {margin:0;padding:0}
  .novinky ul li{list-style:none;margin:0;padding:0}
  .novinky ul li a{}
  .datum{width:80px;float:left;display:block;color:#1E8CAC}
  .novinky ul li p{margin-left:80px;margin-top:.3em}
  .fotob{border:1px solid #9E9E9E}
  .clanky h3{margin-top:0}
  .vlozit{font-size:180%}
  
  .vlozit{background: #eeffc3 url(../img/bg-kosik.gif) no-repeat 0 0;padding:10px 10px 10px 70px;border:1px solid #b2db71;}
  .odsaz{margin:30px 0}

#right-clmn{float:right; width:228px; border-left:1px solid #e5e5e5;}
  #right-clmn #kosik{margin:0 0 0 80px;position:relative;top:-7px}
  #right-clmn h3.dopo{background: url(../img/bg-h3-dopo.gif) no-repeat 0 0;margin:1em 0 0;padding:10px 0 10px 60px;min-height:17px}
  #right-clmn h3{color:#248FAE;font-size:170%}
  #right-clmn{min-height:500px}
  .r-zbozi{background:#D7F0F7;padding:5px 10px;border:1px solid #C6F0FC;width:198px}
  .r-zbozi a img{border:1px solid #9FD3E1}
  .r-zbozi ul {margin:0 0 0 1em;padding:0}
  .r-zbozi ul li{background: url(../img/bg-ul-li.gif) no-repeat 0 5px;list-style:none;padding:0 0 0 1em;margin:0 0 0 0}
  .r-zbozi .cena{border-top:1px solid #9FD3E1;padding: .5em 0}
  .r-zbozi .cena strong{font-size:140%}
  .r-zbozi .cena strong .castka{color:#B9009D}
  .produkt{font-weight: bold;}
  
  #right-clmn .form{background: url(../img/bg-right-clmn-form.gif) no-repeat 0 0;padding:2px;margin: 1px 0 0 0}
  #right-clmn .form span, #right-clmn .form a{display:block;position:relative;float:left}
  #right-clmn .form a span{position:absolute;top:0;left:0}
  #right-clmn .form .detail{width:97px;height:26px;position:relative;}
  #right-clmn .form .objednat{width:118px;height:26px;position:relative;margin-left:1px}
  #right-clmn .form .detail span{background: url(../img/bg-detail.gif) no-repeat 0 0;width:97px;height:26px;}
  #right-clmn .form .objednat span{background: url(../img/bg-objednat.gif) no-repeat 0 0;width:118px;height:26px;}
  
#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; border-top:4px solid #D8F3EF;}
	#foot p{float:left; padding:0 2%; margin:1em 0 0;}
	#foot p.author{float:right;}

/* nav horizont version */
#nav{}
	#nav .matrj{background:transparent;}
	#nav .cl{height:0}
	#nav ul{list-style-type:none; margin:0 0 0 20px; padding:0;}
	#nav li{float:left;}
	#nav a,#nav strong{display:block; padding:10px 10px;height:19px;color:white;border-left:1px solid #E1A0D5;text-transform: uppercase; text-decoration: none;}
	#nav .active,#nav a:hover{background:#A60088;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:transparent;}
	#cont #nav li{float:none;}
	#cont #nav li li{margin-left:10px;}


/* 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:153px; height:153px; padding:10px; margin:0 5px 5px 0; border:1px solid #E6E6E6; overflow:hidden;}
	.photo div div{display:table-cell; vertical-align:middle; width:153px; height:153px;}
	.photo a.text-foto{position:absolute; left:0; bottom:0; width:153px; padding:3px 10px; text-align:center; background:white;}


/* warning */


.warning{width:100%;}
.message,	.warning div{clear:left; color:white; padding:15px 15px 15px 80px; margin:1em 0 1.5em; background:#c90032 url(../img/bg-warning.png) 0 0 repeat-x; border:1px solid #850021; border-bottom-width:5px;min-height:50px;}
.message h3 {color:white}
.message ul,  .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 #ABD168;}
th,td{padding:3px 6px; background:white; border:1px solid #ABD168;}
th{background:#EFF9D5;}
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%;}

#row{width:540px}
#row .matrj{width:540px}
#row fieldset a{color:#014FAF}
#row fieldset a:hover{color:#517F00}
}