/* ------------------------------------------------------------------ */
/* screen.css                                                         */
/* autor HTML a CSS - Michal Pr�hoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- homePage */
		/* ----- hpContentLeft */
			.hpContentLeft {
				width: 470px;
				float: left;
			}
			.hpContetRight {
				width: 400px;
				float: right;
			}
		/* end. hpContentLeft */
		p#Trb_Cms_Part_Front_1 {
			margin: 0;
		}
		/* ----- hpBox1 */
			.hpBox1 {
				width: 470px;
				background: url(/klzm/img/bg/hpbox1-top.png) 0 0 no-repeat;
				font-size: 110%;
			}
			.hpBox1 .hpBoxMain {
				background: url(/klzm/img/bg/hpbox1-bottom.png) 0 100% no-repeat;
				padding: 25px 30px 10px 30px;
				color: #fff;
			}
			.hpBox1 h1 {
				margin: 0 0 30px 0; padding: 0;
				font-weight: normal;
				font-size: 180%;
			}
			.hpBox1 p strong {
				color: #f53521;
				line-height: 1.4em;
			}
			.hpBox1 p.moreInfo {
				text-align: right;
				padding: 0 0 70px 0;
			}
			.hpBox1 p.moreInfo a {
				color: #fff;
				background: url(/klzm/img/icons/boxhp1-moreinfo.png) 0 0 no-repeat;
				padding: 0 0 0 20px;
			}
			.hpBox1 p.pocitadlo {
				font-size: 90%;
				text-transform: uppercase;
			}
			.hpBox1 p.pocitadlo span {
				font-size: 260%;
				padding: 0 5px;
				font-weight: bold;
			}
		/* end. hpBox1 */
		
		/* ----- hpBox2 */
			.hpBox2 {
				padding: 25px 30px 25px 30px;
				width: 410px;
				margin: 40px 0;
				background-color: #f0f0f0;
			}
			.hpBox2 h1 {
				color: #b12516;
				font-size: 280%;
				font-weight: normal;
				margin: 0 0 11px 0;
			}
			.hpBox2 h2 {
				font-size: 160%;
				font-weight: normal;
				margin: 0 0 15px 0;
				padding: 0 0 15px 0; 
				border-bottom: 1px dashed #3c3c3c;
			}
			.hpBox2 p a {
				color: #B12516;
			}
			.hpBox2 p.moreInfo {
				text-align: right;
				padding: 0 0 200px 0;
				margin: 15px 0 0 0;
			}
			.hpBox2 p.moreInfo a {
				color: #b12516;
				background: url(/klzm/img/icons/boxhp2-moreinfo.png) 0 0 no-repeat;
				padding: 0 0 0 25px;
				font-size: 110%;
			}
		/* end. hpBox2 */
		
		/* ----- hpBox3 */
			.hpBox3 {
				width: 340px;
				background: #fff8c3 url(/klzm/img/bg/hpbox3.gif) 0 100% no-repeat;
				padding: 20px 30px;
			}
			.hpBox3 h1 {
				font-size: 160%;
				color: #428809;
				margin: 0 0 10px 0;
				padding: 0 0 20px 0;
				background: url(/klzm/img/bg/hpbox3-h1.gif) 0 100% no-repeat;
			}
			.hpBox3 h2 {
				font-size: 120%;
			}
			.hpBox3 h2.twoLines {
				text-indent: -16px;
				padding: 0 0 0 16px;
			}
			.hpBox3 ul {
				margin: 0 0 15px 0; padding: 0 0 15px 0;
				border-bottom: 1px solid #d1e1d0;
				list-style-type: none;
			}
			.hpBox3 ul li {
				background: url(/klzm/img/icons/hpbox3-li.gif) 2px 6px no-repeat;
				padding: 0 0 0 20px;
			}
			.hpBox3 p.moreInfo {
				text-align: right;
				padding: 0 0 10px 0;
				margin: 15px 0 0 0;
			}
			.hpBox3 p.moreInfo a {
				color: #428809;
				background: url(/klzm/img/icons/boxhp3-moreinfo.png) 0 0 no-repeat;
				padding: 0 0 0 25px;
				font-size: 110%;
			}
		/* end. hpBox3 */
		
		/* ----- hpBox4 */
			.hpBox4 {
				margin: 30px 0 0 0;
			}
			.hpBox4 h1 {
				font-size: 160%;
				margin: 0 0 30px 0;
			}
			.hpBox4 h1 strong {
				color: #b12516;
			}
			.hpBox4 dl {
				margin: 0; padding: 0;
			}
			.hpBox4 dl dt {
				margin: 0; padding: 0;
			}
			.hpBox4 dl dt a {
				font-size: 120%;
				color: #b12516;
				font-weight: bold;
			}
			.hpBox4 dl dd {
				margin: 5px 0 10px 5px; padding: 0;
			}
		/* end. hpBox4 */
		
		/* ----- hpBox5 */
			.hpBox5 {
				padding: 25px 432px 0 25px;
				margin: 10px 0;
				background: #F0F0F0 url(/klzm/img/images/uhli.jpg) 100% 0 no-repeat;
			}
			.hpBox5 p.moreInfo {
				text-align: right;
				padding: 0 0 10px 0;
				margin: 15px 0 0 0;
			}
			.hpBox5 p.moreInfo a {
				color: #B12516;
				background: url(/klzm/img/icons/boxhp5-moreinfo.png) 0 0 no-repeat;
				padding: 0 0 0 25px;
				font-size: 110%;
			}
		/* end. hpBox5*/
		
		/* ----- newsBox */
			.newsBox {
				border-top: 1px dashed #666666;
				margin: 30px 0 0 0;
			}
			.newsBox h2 {
				margin: 30px 0 0 0;
				color: #636363;
			}
			.newsBox p {
				margin: 30px 30px;
			}
			.newsBox a {
				color: #b12516;
			}
		/* end. newsBox */
	/* end homePage */
	
	/* ----- footer */
		#footer .box {
			width: 150px;
			float: left;
		}
		#footer .box h3 {
			color: #000;
			font-size: 120%;
			text-transform: uppercase;
			background: url(/klzm/img/icons/footer-h3.gif) 0 0 no-repeat;
			padding: 0 0 0 25px;
		}
		#footer .box h3 a {
			color: #000;
			text-decoration: none;
		}
		#footer .box h3 a:hover {
			text-decoration: underline;
		}
		#footer .box ul {
			margin: 0 0 0 25px; padding: 0;
			list-style-type: none;
			font-size: 90%;
		}
		#footer .box ul li {
			padding: 1px 0;
		}
		#footer .box ul li a {
			color: #fff;
		}
	/* end. footer */
	
	/* ----- contentText */
		.contentText {
			color: #3c3c3c;
		}
		.contentText h1 {
			font-size: 210%;
			margin: 0 0 1.5em 0;
		}
		.contentText p {
			font-size: 115%;
			margin: 2em 0;
			line-height: 1.6em;
		}
		.contentText a {
			color: #3c3c3c;
		}
		
		.contentText2 {
			color: #3c3c3c;
		}
		.contentText2 h1 {
			font-size: 210%;
			margin: 0 0 1.5em 0;
		}
		.contentText2 h2 {
			font-size: 180%;
			margin: 3em 0 1.5em 0;
			color: #428809;
		}
		.contentText2 h3 {
			font-size: 100%;
			margin: 1em 0 1em 0;
		}
		.contentText2 p {
			margin: 2em 0;
			line-height: 1.45em;
			text-indent: 2em;
		}
		.contentText2 a {
			color: #3c3c3c;
		}
		.contentText2 .imgRight {
			float: right;
			margin: 3em 0 0 3em;
		}
		/* ----- contentLeft */
			.contentText2 .contentLeft {
				width: 415px;
				float: left;
				margin: 0 0 0 30px;
			}
			.contentText2 .contentRight {
				width: 329px;
				float: right;
				margin: 0 30px 0 0;
			}
			.contentText2 .contentRight.black {
				background-color: #3c3c3c;
				padding: 10px 30px;
				width: 300px;
				color: #fff;
			}
			.contentText2 .contentRight h2 {
				color: #f53521;
				margin: 0.5em 0;
				padding: 0.5em 0;
				border-bottom: 1px solid #6b6b6b;
				line-height: 1.3em;
			}
			.contentText2 .contentRight p {
				margin: 0.5em 0;
				padding: 0.5em 0;
				border-bottom: 1px solid #6b6b6b;
				text-indent: 0;
			}
			.contentText2 .contentRight p.moreInfo {
				border: none;
				text-align: right;
			}
			.contentText2 .contentRight p.moreInfo a {
				color: #f53521;
				padding: 0 0 0 20px;
				background: url(/klzm/img/icons/moreinfo-red.gif) 0 0 no-repeat;
			}
		/* end. contentLeft */
		/* ----- blackBox */
			.contentText2 .blackBox {
				background-color: #3c3c3c;
				padding: 10px 30px;
				margin: 30px;
				color: #fff;
			}
			.contentText2 .blackBox h2 {
				color: #f53521;
				margin: 0;
				padding: 0.5em 0;
				line-height: 1.3em;
			}
			.contentText2 .blackBox p {
				margin: 0.8em 0;
				padding: 0.8em 0;
				border-top: 1px solid #6b6b6b;
				text-indent: 0;
			}
		/* end. blackBox */
		
		.contentText2 p.newDate {
			margin: -2em 0 1em 0;
			text-indent: 0;
		}
		.contentText2 p.perex {
			font-weight: bold;
			font-size: 110%;
			line-height: 1.5em;
		}
		
		
		.textBox {
			margin: 2em 100px;
			background: #fff8c3 url(/klzm/img/bg/textbox.gif) 0 100% no-repeat;
			width: 660px;
			padding: 30px 35px;
		}
		.textBox h2 {
			margin: 0; padding: 0 7em 1.7em 0;
			line-height: 1.3em;
			background: url(/klzm/img/bg/textbox-h2.gif) 0 100% no-repeat;
			color: #428809;
			font-family: Helvetica, sans-serif;
			font-size: 160%;
		}
		.textBox h3 {
			margin: 1em 0 0 0; padding: 0;
			font-size: 100%;
		}
		.textBox ul {
			margin: 0; padding: 0;
			list-style-type: none;
		}
		.textBox ul li {
			background: url(/klzm/img/bg/textbox-li.gif) 10px 6px no-repeat;
			padding: 0 0 0 25px;
			margin: 5px 0;
		}
		.textBox p {
			text-indent: 0;
		}
	/* end. contentText */
	
	#copyright {
		color: #4e3b28;
		margin: 10px 0;
		font-size: 90%;
	}
}