@media screen,projection{
/*
		Template: Dafault Gray
		Version: 1.0
		Last Update: 22.10.2009
		Author: Matěj Kloubek
*/

/* ******************************************* */
/* ******************* GRID ****************** */
/* ******************************************* */

html{backgroun:white;}
body{font:80% Arial,Verdana,lucida,sans-serif; color:black; text-align:center; line-height:1.4em; margin:0; padding:0;}

/* headers */
h1{font-size:180%; margin-top:0;}
h2,h3,h4,h5,h6{font-size:160%; font-weight:normal; margin:1em 0 .5em;}
h2{font-weight:bold;}
h3{font-size:150%; color:#5d5d5d;}
h4{font-size:140%; color:#5d5d5d;}
h5{font-size:130%;}
h6{font-size:120%;}

/* tags */
p{margin:.5em 0 .8em;}
ul{}
li{}
dt{font-weight:bold; margin-top:.5em;}
hr{height:1px; border:none; border-bottom:1px solid #e5e5e5;}

/* colors */
.blue,a{color:blue;}
a:visited{color:purple;}
.red,a:hover{color:red;}
.bl{color:black;}
.wh{color:white;}
.gray{color:#5d5d5d;}

/* main */
#main,#main-in,#main-foot{width:100%;}
#main{text-align:left;}
#main-top{}
#main-bottom{}

/* sizes */
#head .head-box,
#nav .nav-right,
#subnav .subnav-box,
#crumbs .crumbs-box,
#content-main-box,
#foot .foot-box{width:980px;}

#content,#clmn-middle{width:760px;}
#clmn-middle #content{width:540px;}

#sidebar1,#sidebar2{width:200px;}

/* head */
#head{}
#head .head-box{position:relative; min-height:70px; text-align:left; margin:0 auto;}	
	#logo{margin-top:10px;}
	#head-lang{position:absolute; top:10px; left:500px;}
	#head-contact{position:absolute; top:10px; right:10px;}	
		#head-contact p{margin:0; }
	#head-search{position:absolute; bottom:20px; right:10px; padding:0; text-align:right;}
		#head-search fieldset{padding:0; margin:0; background:none; border:none; }
		#head-search legend{display:none; }
		#button-search{position:relative; top:6px; left:0;}
	
/* nav */	
.skipnav{position:absolute; top:-10000px; left:-10000px;}
.nav .nav-right{font-size:110%; text-align:left; margin:0 auto; background:#e7e7e7;}	
	#nav .nav{border:none; background:none;}
	#nav .nav .cl{display:block; clear:both;}
	#nav .nav ul{list-style-type:none; padding:0; margin:0;}
	#nav .nav li{float:left; padding:0; margin:0;}
	#nav .nav a{display:block; padding:10px; border-right:1px solid white;}
	#nav .nav .first a{}
	#nav .nav a:hover,#nav .nav .selected,#nav .nav .active{text-decoration:none; color:white; background:#8c8c8c;}

/* subnav */
#subnav{position:relative; top:0;}
	#subnav .subnav-box{font-size:100%; text-align:left; margin:0 auto;}
	#subnav ul{list-style-type:none; padding:0; margin:0; }
	#subnav li{float:left; padding:0; margin:0;}	
	#subnav a{display:block; padding:10px;}

/* crumbs */
#crumbs{text-align:center;}
#crumbs .crumbs-box{text-align:left; margin:0 auto; background:#fafafa; border-bottom:1px solid #eaeaea;}
	#crumbs p{padding:10px; margin:0;}

/* content */
#cont{position:relative; top:0; left:0; padding:0; margin:0; }
	#content-main{margin-top:15px;}
	#content-main-box{padding-bottom:1em; margin:0 auto;} 

	#content,#sidebar1,#sidebar2{position:relative; margin-top:0;}
		#content,#clmn-middle{float:right;}
		#clmn-middle #content{float:left;}
		#content-box-in{padding:10px}
		
	/* sidebars */
	#sidebar1,#sidebar2{float:left;}
	#sidebar2{float:right;}
		#sidebar1 .box,#sidebar2 .box{padding:10px; margin-bottom:10px; background:#f7f7f7; border:1px solid #e7e7e7;}
		#sidebar1 .box h2,#sidebar2 .box h2{font-size:120%; font-weight:bold; margin:0;}
		#sidebar1 .box h3,#sidebar2 .box h3{font-size:100%;}
	
	/* sidebar elements */
	#sidebar1 .element-news,#sidebar2 .element-news{}
	#sidebar1 .element-last-articles,#sidebar2 .element-last-articles{}
	#sidebar1 .element-top-articles,#sidebar2 .element-top-articles{}
	#sidebar1 .element-preview-detail,#sidebar2 .element-preview-detail{}
	#sidebar1 .element-comments,#sidebar2 .element-comments{}
	#sidebar1 .element-inquiry,#sidebar2 .element-inquiry{}
	#sidebar1 .element-calendar,#sidebar2 .element-calendar{}
	#sidebar1 .element-links,#sidebar2 .element-links{}
	
	/* sidebar nav */
	#nav .nav{margin-bottom:0}
	.nav{margin-bottom:10px; background:#f7f7f7; border:1px solid #e7e7e7;}	
	#sidebar1 .nav h2{font-size:110%; font-weight:bold; padding:10px 10px 0; margin:0;}
	#sidebar1 .nav ul,.sidebar-subnav-box li{list-style-type:none; padding:0; margin:0;}
	#sidebar1 .nav a{display:block; padding:5px 10px; margin:0; font-size:90%}
	#sidebar1 .nav a:hover{color:black; background:#dedede;}
	#sidebar1 .nav strong a{color:black; text-decoration:none; background:#dedede;}
	#sidebar1 .nav a.selected{color:black; background:#dedede;}
	#sidebar1 .nav a.selected:hover{}
	#sidebar1 .nav li li{margin-left:10px;}


/* foot */
#foot{text-align:center; padding-bottom:2em;} 
	#foot .foot-box{text-align:left; margin:0 auto; border-top:1px solid #d1d1d1;}
	#foot .foot-text p{float:none}
	#foot p{float:left; margin:1em 0 0;}
	#foot p.author{float:right;}


/* ******************************************* */
/* ************* CONTENT OF SITE ************* */
/* ******************************************* */

.perex{font-style:italic; color:#5d5d5d;}
.poznamka{font-style:italic; color:#626262;}

/* 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;}
	.photo div div a img,.photolast div div a img{display:block; border:1px solid #e6e6e6; margin:0 auto}	
	.photolast{margin-right:0;}
	.photo div div,.photolast div div{display:table-cell; vertical-align:middle; width:123px; height:123px;}
  .photo div div a img,.photolast div div a img{border:1px solid #e6e6e6;}
	.photo-text{padding-top:3px; color:#7b7b7b;}

/* items */
.item{position:relative; margin:15px 0; border-bottom:1px solid #e6e6e6;}
	.item .photo,.article .photo{height:123px; margin:0 10px 10px 0;}
	.item-text{margin:0 0 10px 130px;}
	.item-text h3{margin:5px 0;}
	.item-text .date,.article .date{position:absolute; top:0; right:0; font-size:90%; color:#7b7b7b;}

.article{}

/* comments */
.comment-1,.comment-2{margin-bottom:10px;}
.comment-2{margin-left:20px;}
.comment-text{margin-left:58px; padding:7px 10px; background:#f6f6f6; border:1px solid #dedede;}
.comment-text p{margin:0 0 5px;}

/* list*/
.list{width:100%; margin:10px 0; border:1px solid #e6e6e6;}
	.list td{font-size:90%; border:none;}
	.list form,.list form div{display:inline;}
  .list td a img{position:relative; top:2px;}
  .list td a.activelist{font-weight:bold; color:black; text-decoration:none;}

/* tabs */
table{font-size:100%; width:100%; border-collapse:collapse; border:1px solid #d6d6d6;}
th,td{padding:4px 6px; background:white; border:1px solid #d6d6d6;}
th{background:#7f7f7f; color:white;}
form table{width:auto;}
form table,form th,form td{vertical-align:top; 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; margin-bottom:10px; background:#e4e3e3; border:1px solid #e1e1e1;}
legend{font-weight:bold; color:white; padding:5px 10px; margin-top:10px; background:#7f7f7f; border:none;}
/*#search fieldset,#search legend{padding:0; margin:0; background:none; border:none;}*/

/* form-area */
.form-area h3{color:white; padding:10px; margin:0; background:#7f7f7f;}
.form-area fieldset{margin:0 10px;}
.form-area{background:#f5f5f5; border:1px solid #d1d1d1; border-top:none; border-bottom:none;}
.form-area h4{padding:0 10px 10px; margin:0;}
.form-area p{}
.form-area p.legenda{padding:10px;}
.form-area p.upozorneni{font-style:italic; padding:10px 10px 0;}
.form-area table{width:100%; margin:0;}
.form-area td{}
.form-area .th{width:150px;}
.form-area .zvyraznena td{background:#e1e1e1;}
.form-area .widthinput{display:block; width:274px;}
/*.form-area #od, .form-area #do{width:8em; display:in-line;}*/
.form-area .scroll{overflow-y:scroll; height:200px; border:1px solid #afafaf; border-right:none;}
.submit-area{text-align:center; padding:10px 0 15px; margin:0; background:#f5f5f5; border:1px solid #d1d1d1; border-top:none;}

/* searching text */
.search{font-weight:bold; background:#ffff00; color:black}

/* warning */
.info-warn,.warning,.info{width:100%;}
	.info-warn div,.warning div,.info div{clear:left; padding:15px 15px 15px 80px; margin:1em 0 1.5em;}
	.info-warn ul,.warning ul,.info ul{padding:0; margin:0 0 0 40px;}
	.warning div{color:white; background:#cc0033 url(../img/bg-warning.gif) top left repeat-x; border:1px solid #850021; border-bottom-width:5px;}	


/* ******************************************* */
/* ************ UNIVERSAL CLASSES ************ */
/* ******************************************* */

/* other */
.vis{visibility:hidden;}
.hid,.nodisplay,.onlyprint{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;}
.fl{float:left;}
.flr{float:right;}
img.fl,.imgfl{margin:0 1em .3em 0; float:left;}
img.flr,.imgflr{margin:0 0 .3em 1em; 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;}
}