@charset "utf-8";
/* CSS Document */

/* general */
body{ font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:none; background:#f5f5f5; font-size: 100%}
.clear{ clear:both; display:block}

/* align */
#zarovnani{ width:800px; height:auto; margin:0 auto; text-align:center;}
#zarovnani2{ width:800px; height:auto;}


/* big blocks */
#hlavni{ width:800px; height:100%;}
#hlavni1{ width:800px; height:800px; /*background:red*/}

/* blok1 top menu */
#blok1{ width:783px; height:157px; margin: 0 auto 10px auto; }
	#blok1 #b1{ width:39px; height:157px; background:url(images/top/t1.png); float:left}
			#blok1 #b1b{ width:39px; height:157px; background:url(images/top/t1b.png); float:left}
			
	#blok1 #b2{ width:89px; height:157px; background:url(images/top/t2.png); float:left}
			#blok1 #b2b{ width:89px; height:157px; background:url(images/top/t2b.png); float:left}
		#blok1 #b2 a span, #b2b a span{ width:89px; height:128px; background: url(images/buttons.jpg) 0 0 no-repeat; display:block;}

		
	#blok1 #b3{ width:61px; height:157px; background:url(images/top/t3.png); float:left}
			#blok1 #b3b{ width:61px; height:157px; background:url(images/top/t3b.png); float:left}
			
	#blok1 #b4{ width:120px; height:157px; background:url(images/top/t4.png); float:left}
		#blok1 #b4 a{ width:120px; height:46px; background: url(images/buttons.jpg); background-position: -90px -47px; display:block; margin:52px 0 0 0}
		#blok1 #b4 a:hover{ background: url(images/buttons.jpg); background-position: -90px 0px;}
		#blok1 #b4 span{ width:120px; height:46px; background: url(images/buttons.jpg); background-position: -90px 0px; display:block; margin:52px 0 0 0}
	#blok1 #b5{ width:80px; height:157px; background:url(images/top/t5.png); float:left}
	
	#blok1 #b6{ width:119px; height:157px; background:url(images/top/t6.png); float:left}
		#blok1 #b6 a{ width:119px; height:46px; background: url(images/buttons.jpg); background-position: -212px -47px; display:block; margin:52px 0 0 0}
		#blok1 #b6 a:hover{ background: url(images/buttons.jpg); background-position: -212px 0px;}
		#blok1 #b6 span{ width:119px; height:46px; background: url(images/buttons.jpg); background-position: -212px 0px; display:block; margin:52px 0 0 0}
		
	#blok1 #b7{ width:77px; height:157px; background:url(images/top/t7.png); float:left}
	
	#blok1 #b8{ width:135px; height:157px; background:url(images/top/t8.png); float:left}
	#blok1 #b8b{ width:135px; height:157px; background:url(images/top/t8b.png); float:left}
		#blok1 #b8 a, #b8b a{ width:135px; height:46px; background: url(images/buttons.jpg); background-position: -332px -47px; display:block; margin:52px 0 0 0}
		#blok1 #b8 a:hover, #b8b a:hover{ background: url(images/buttons.jpg); background-position: -332px 0px;}
		#blok1 #b8 span, #b8b span{ width:135px; height:46px; background: url(images/buttons.jpg); background-position: -332px 0px; display:block; margin:52px 0 0 0}
		
	#blok1 #b9{ width:63px; height:157px; background:url(images/top/t9.png); float:left}
	#blok1 #b9b{ width:63px; height:157px; background:url(images/top/t9b.png); float:left}
	
#blank{width: 800px; height:500px; /*background:red;*/ background:url(images/blank/blank2.jpg);}
	#blank #blog{ width:205px; height:85px; display:block; float:right; margin:380px 16px 0 0}

#blok1a{ width:800px; height:37px; background:url(images/blog.png) no-repeat; background-position:8px 0}
	#rss{ width:121px; height:37px; background:url(images/rss.png); float:right; margin:0 9px 0 0}
		#rss a{ width:80px; height:37px; display:block; margin:0 0 0 11px}
	
#blog-content{ width:550px; height:auto; float:left; margin: 0 0 0 10px; letter-spacing:0.1em; line-height:1.2em}
	#blog-content h1{ font-size:22px; font-family: Calibri, Arial, Helvetica, sans-serif; color:#515252; text-align:left; margin: 40px 0 4px 0; line-height:1.1em}
		#blog-content h1 a{ text-decoration:none; color:#515252;}
		#blog-content h1 a:hover{ text-decoration: underline;}
	#blog-content .dat{ font-size:15px; font-family: Calibri, Arial, Helvetica, sans-serif; color:#adadad; text-align:left; font-style:italic; margin:0 0 17px 0}
	#blog-content .tit-img{ width:550px; height:275px; background:silver; margin:0 0 10px 0}
	#blog-content .tit-txt{ width:550px; height:auto; color:#515252; text-align:left; font-size:14px; padding:0 0 0 5px; margin:0 0 10px 0}
	#blog-content .comment{ font-size:15px; font-family: Calibri, Arial, Helvetica, sans-serif;  text-align:left; text-decoration:none}
		#blog-content .comment a{ text-decoration:none; color:#929191;}
		#blog-content .comment a:hover{ text-decoration: underline;}
		
#blog-menu{ width:180px; height:500px; float:left; margin:40px 0 0 45px;}
#blog-menu #in1{ width:108px; height:29px; background:url(images/blog1.jpg) no-repeat; border:none; float:left}
#blog-menu #in2{ width:46px; height:29px; background:url(images/blog2.jpg) no-repeat; border:none; cursor:pointer; float:left; margin:0 0 0 1px}
#blog-menu h3{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:20px; text-align:left; color:#515252; margin:30px 0 10px 0}
#blog-menu a{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 5px 10px; text-decoration:none; float:left; color:#515252; width:170px; text-align:left}
#blog-menu a.a2{ font-family: Calibri, Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 5px 30px; text-decoration:none; float:left; color: #999; width:170px; text-align:left}
	#blog-menu a:hover{ text-decoration:underline}

#space{ width:550px; height:50px;}

/* blok2 content */
#blok2{ width:773px; height:auto; margin: 7px auto 0 auto}
	#blok2 a{ width:232px; height:155px; background:url(images/box.png); background-position: 0 -156px; display:block; margin: 20px 38px 0 0; float:left; text-decoration:none; color:#363636;}
		#blok2 a:hover{ background:url(images/box.png); background-position: 0 0px; color:#212121;}
		
		#blok2 a img{ width: 225px; height:112px; border:none; text-decoration:none; float:left; margin:1px 0 0 1px; display:block}
		#blok2 a span.txt{ width: 215px; height:32px; font-size:13px; text-align:left;  display:block; margin:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
		
	#blok2 a.pos{ width:232px; height:155px; background:url(images/box.png); background-position: 0 -156px; display:block; margin: 20px 0 0 0; float:left}
		#blok2 a.pos:hover{ background:url(images/box.png); background-position: 0 0px;}
		
		#blok2 a.pos img{ width: 225px; height:112px; background:grey; border:none; text-decoration:none; float:left; margin:1px 0 0 1px; display:block}
		#blok2 a.pos span.txt{ width: 215px; height:32px; font-size:13px; text-align:left;  display:block; margin:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}


/* blok2 contact */
	#blok2 #contact{ width:384px; height:200px; float:left; margin:30px 0 0 0}
		#blok2 #contact #phone{ width:384px; height:57px; background:url(images/pto2.png)}
		#blok2 #contact a#mail{ width:384px; height:57px; background:url(images/pto1.png); display:block; margin:0}
	#blok2 #other{ width:266px; height:200px; float:right; margin:0 5px 0 0; margin:30px 0 0 0; background:url(images/pto3.gif) no-repeat}
		#blok2 #other div{ width:266px; height:100px; background:#a1a1a1; margin:57px 0 0 0; text-align:left}
			#blok2 #other div h1{ font-size:15px; color:#FFF; padding:20px 20px 0 21px }
			#blok2 #other div p{ font-size:12px; color: #333; padding:5px 20px 0 21px}
			#blok2 #other div p a{ color: #333; text-decoration:underline; display:inline; background:none; padding:0; margin:0}


/* blok3 menu */
.line{ width: 773px; height:2px; background:url(images/line.gif) repeat-x; margin:35px 0 0 0}
#copy{ font-size:11px; color:#b7b4b3; margin:5px 0 30px 10px; text-align:left; line-height:14px}
		
			
 /*preview page */	
	#zarovnani3{ width:800px; height:auto; margin:0 auto; text-align:center; background: #999;}
	#zarovnani4{ width:800px; height:auto; text-align:center; margin:0 auto;}
		#page{ width:600px; height:auto; text-align:center; padding:0 0 0 100px}
		#page2{ width:800px; height:auto; text-align:center; padding:0 0 0 0}
			#page #head{ width:600px; height:100px;}
			#page2 #head{ width:800px; height:100px;}
				#page #head img{ display:block; background-repeat:no-repeat;}
				#page2 #head img{ display:block; background-repeat:no-repeat;}
			#page .desc{ width:600px; height:auto; background:#bfbfbf;}
			#page2 .desc{ width:800px; height:auto; background:#999;}
				#page .desc p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:10px 0px; margin:0 40px 0 40px; text-align:left}
				#page2 .desc p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:10px 0px; margin:0 40px 0 0px; text-align:left}
			#page .img{width:600px; height:auto; display:block; margin:10px 0 0 0px; background-repeat:no-repeat;}
			#page2 .img{width:800px; height:auto; display:block; margin:10px 0 0 0px; background-repeat:no-repeat;}
			#page .img p{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight: 500; color:#FFF;}
			#page2 .img p{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight: 500; color:#FFF;}
			
			#page #foot{ width:600px; height:50px; background:#bfbfbf; margin:10px 0}
			#page2 #foot{ width:800px; height:50px; background:#bfbfbf; margin:10px 0}
				#page #foot p{ font-size:12px; color:#333; padding:10px 0px 0 0; margin:0 20px 0 20px; text-align:left; font-weight:bold;}
				#page2 #foot p{ font-size:12px; color:#333; padding:10px 0px 0 0; margin:0 20px 0 20px; text-align:left; font-weight:bold;}
				#page #foot p a{ color: #666; text-decoration:none}
				#page2 #foot p a{ color: #666; text-decoration:none}
				#page #foot p.copy{ font-weight:normal; color: #666; padding:0}
				#page2 #foot p.copy{ font-weight:normal; color: #666; padding:0}
				

/* 06.04.2010 */
.str{ width:773px; height:1px; background:url(images/sig-line-dot.gif) repeat-x; margin:0 12px 0 12px;}
#str-filter{ width:773px; height:35px; margin:0 12px; }
#str-filter p{ width:auto; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#7c7c7c; font-weight:bold; margin:10px 40px 0 80px}
#str-filter a{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#45403f; font-weight:bold; text-decoration:none; float:left; margin: 10px 20px 0 0}
#str-filter a:hover{ text-decoration:underline; color:#fda400;}