/* ------------------------------------------------------------------ */
/* screen.css							      */
/* autor HTML a CSS - Michal Prihoda - Miskin			      */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- contentRight */
		#contentRight .contentRightMain {
			padding: 0 15px 40px 15px;
		}
		.contentRightMain .perex {
			font-size: 120%;
			line-height: 1.4em;
			margin: 1.5em 0 0 0;
		}
		.contentRightMain p {
			margin: 0.3em 0;
		}
		.contentRightMain h1 {
			font-size: 150%;
			margin: 1em 0px 0.5em 0px;
		}
		.contentRightMain h2 {
			color: #cccc00;
			font-size: 140%;
			margin: 1em 0 0.5em 0;
		}
		.contentRightMain h3 {
			color: #cccc00;
			font-weight: bold;
			font-size: 120%;
			color: #e5322d;
			margin: 1em 0 0 0;
		}
		.contentRightMain h4 {
			font-size: 100%;
			margin: 1em 0; padding: 0;
		}
		/* ----- photos */
			.photos {
				margin: 2em 0 0 0;
			}
			.photos img {
				border: 2px solid #999999;
			}
		/* end. photos */
		/* ----- colLeft */
			.colLeft {
				width: 425px;
				float: left;
			}
			.colLeft  ul {
				margin: 0 0 0 15px;
				padding:0;
			}
			.colLeft  ul li {
				margin: 0.3em 0;
			}
			.colLeft .boxGrey {
				background-color: #f6f6f6;
				border-left: 5px solid #cccc00;
				margin: 0.9em 0 0 0;
			}
			.colLeft .boxGrey p {
				margin: 0.3em 0;
			}
			.colLeft .boxGreyMain {
				padding: 15px 15px 30px 15px;
			}
			.colLeft .boxGrey h2 {
				background-color: #cccc00;
				font-size: 140%;
				display: block;
				padding: 6px 50px 6px 20px;
				margin: 0;
				color: #FFFFFF !important;
				display: inline;
				position: relative;
				top: -12px; left: -20px;
			}
			.colLeft .boxGrey h3 {
				margin: 1.5em 0 0 0;
				font-size: 130%;
				color: #e5322d;
			}
		/* end. colLeft */
		
		/* ----- colRight */
			.colRight {
				width: 220px;
				float: right;
			}
			.colRight .boxGrey {
				background-color: #fbfbed;
				border-left: 5px solid #a9a9a3;
				margin: 0.9em 0 2em 0;
				position: relative;
			}
			.colRight .boxGrey p {
				margin: 0.3em 0;
			}
			.colRight .boxGreyMain {
				padding: 15px 15px 15px 15px;
			}
			.colRight .boxGrey h2 {
				background-color: #a9a9a3;
				font-size: 140%;
				display: block;
				margin: 0.1em;
				padding: 6px 5px 6px 20px;
				color: #FFFFFF;
				width: 165px;
				margin: -20px 0 0 -20px;
			}
			.colRight .boxGrey .perex {
				margin: 0.5em 0 1em 0;
			}
			.colRight .boxGrey h5 {
				margin: 0.3em 0;
				font-size: 110%;
				color: #e5322d;
				font-weight: normal;
			}
			.colRight .boxGrey h5 a {
				text-decoration: none;
			}
			.colRight .boxGrey h5 a:hover {
				text-decoration: underline;
			}
			.colRight .boxKontakt {
				border-left: 5px solid #d1d1d1;
			}
			.colRight .boxKontakt .boxKontaktMain {
				padding: 0 15px 8px 10px;
			}
			.colRight .boxKontakt h6 {
				margin: 0 0 0 0;
				border-top: 5px solid #d1d1d1;
				font-size: 140%;
				display: block;
				color: #cccc00;
				padding: 6px 30px 6px 10px;
				width: 140px;
			}
		/* end. colLeft */
	/* end. contentRight */
	
	/* ----- contentLeft */
		#contentLeft .lang {
display: none;
			padding: 10px 0 0 0;
			text-align: right;
			color: #9e9e9e;
		}
		#contentLeft .lang a {
			text-decoration: none;
		}
		#contentLeft .lang a:hover {
			text-decoration: underline;
		}
		#contentLeft .lang strong {
			font-weight: normal;
			color: #9e9e9e;
		}
		#contentLeft #search {
			text-align: right;
		}
		#contentLeft #search .text {
			width: 110px;
			margin: 0 0 6px 0;
		}
		#contentLeft #search .button {
			border: none;
			color: #e5322d;
			background-color: #FFFFFF;
		}
	/* end. contentLeft */
}