@media screen {
	body, h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; padding: 0; }
	body {
		color: #fff;
		background: #93a400 url(./images/bg_body.jpg) repeat top center;
		font-family: tahoma, arial, sans-serif;
		font-size: 100%;
		text-align: center;
		padding-top: 12px;
	}
	img { border: none; }
	hr { display: none; }
	h2 { font-size: 140%; padding: 20px 40px 10px 40px; display: none; }
	h3 { font-size: 110%; font-weight: bold; padding: 0 0 10px 0; }
	address { font-style: normal; }
	address a { color: #fff; }
	
	/* --- main --- */
	#main {
		color: #000;
		background: #999;
		font-size: 90%;
		text-align: left;
		position: relative;
		width: 898px;
		margin: 0 auto 0 auto;
	}
	
	h1 {
		position:absolute;
		top: - 6000px;		
	}
	
	
	
	
	
	/* --- logo --- */
	#logo {
		background: #fff;
		position: absolute;
		top: 322px;
		left: 0;
		z-index: 20;
		width: 253px;
		height: 82px;
		border-bottom: 25px solid #ff0000;
	}
	
	/* --- menu --- */
	#menu {
		font-size: 110%;
		letter-spacing: 1px;
		list-style: none;
		position: absolute;
		top: 90px;
		left: 50px;
		width: 230px;
		z-index: 20;
	}
	#menu li {
		padding: 0 0 15px 0;
	}
	#menu a {
		color: #fff;
		text-decoration: none;
		text-transform: lowercase;
	}
	#menu a:hover, #menu a:active, #menu a:focus {
		color: #000;
		text-decoration: underline;
	}
	#menu a.active, #menu strong {
		color: #000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/* --- languages --- */
	#lng {
		color: #fff;
		font-size: 85%;
		letter-spacing: 1px;
		position: absolute;
		top: 13px;
		right: 12px;
		z-index: 30;
	}
	#lng a {
		color: #fff;
		text-decoration: none;
	}
	#lng a:hover, #lng a:active, #lng a:focus {
		color: #000;
		text-decoration: underline;
	}
	#lng strong {
		color: #000;
		font-weight: normal;
	}
	
	/* --- slogan --- */
	#slogan {
		color: #fff;
		background: #fe0000;
		line-height: 41px;
		height: 41px;
		position: relative;
		padding-left: 15px;
	}
	#slogan span {
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		width: 898px;
		height: 41px;
		position: absolute;
		top: 0;
		left: 0;
	}
	body.cs #slogan span { background-image: url(./images/cz/slogan.png); }
	body.sk #slogan span { background-image: url(./images/sk/slogan.png); }
	body.en #slogan span { background-image: url(./images/en/slogan.png); }
	body.de #slogan span { background-image: url(./images/de/slogan.png); }
	body.jp #slogan span { background-image: url(./images/jp/slogan.png); }
	
	/* --- content --- */
	#content {
		color: #fff;
		background: #000;
		padding-top: 390px;
	}
	#perex {
		background-color: #999;
		position: absolute;
		top: 41px;
		left: 0;
		width: 478px;
		height: 213px;
		padding: 150px 20px 0 400px;
	}
	#perex span {
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		width: 898px;
		height: 363px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	#article {
		padding: 20px 40px 40px 40px;
	}
	#article strong {
		color: #fe0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	#article p {
		line-height: 1.4em;
		padding-bottom: 10px;
	}
	body.cs #content.index #perex span { background-image: url(./images/cz/perex_kdo_jsme.jpg); }
	body.cs #content.firemni-filozofie #perex span { background-image: url(./images/cz/perex_firemni_filosofie.jpg); }
	body.cs #content.co-umime #perex span { background-image: url(./images/cz/perex_co_umime.jpg); }
	body.cs #content.zodpovednost-vuci-lidem #perex span { background-image: url(./images/cz/perex_zodpovednost_vuci_lidem.jpg); }
	body.cs #content.kontakt #perex span { background-image: url(./images/cz/perex_kontakt.jpg); }
	
	body.en #content.index #perex span { background-image: url(./images/en/perex_kdo_jsme.jpg); }
	body.en #content.company-philosophy #perex span { background-image: url(./images/en/perex_firemni_filosofie.jpg); }
	body.en #content.what-we-can-do-for-you #perex span { background-image: url(./images/en/perex_co_umime.jpg); }
	body.en #content.responsibility-toward-people #perex span { background-image: url(./images/en/perex_zodpovednost_vuci_lidem.jpg); }
	body.en #content.contact #perex span { background-image: url(./images/en/perex_kontakt.jpg); }
	
	body.sk #content.index #perex span { background-image: url(./images/sk/perex_kdo_jsme.jpg); }
	body.sk #content.firemna-filozofia #perex span { background-image: url(./images/sk/perex_firemni_filosofie.jpg); }
	body.sk #content.co-dokazeme #perex span { background-image: url(./images/sk/perex_co_umime.jpg); }
	body.sk #content.zodpovednost-voci-ludom #perex span { background-image: url(./images/sk/perex_zodpovednost_vuci_lidem.jpg); }
	body.sk #content.kontakt #perex span { background-image: url(./images/sk/perex_kontakt.jpg); }
	
	body.de #content.index #perex span { background-image: url(./images/de/perex_kdo_jsme.jpg); }
	body.de #content.firmenphilosophie #perex span { background-image: url(./images/de/perex_firemni_filosofie.jpg); }
	body.de #content.was-wir-konnen #perex span { background-image: url(./images/de/perex_co_umime.jpg); }
	body.de #content.verantwortung-gegenuber-den-menschen-ringsum #perex span { background-image: url(./images/de/perex_zodpovednost_vuci_lidem.jpg); }
	body.de #content.kontakt #perex span { background-image: url(./images/de/perex_kontakt.jpg); }
	
	body.jp #content.index #perex span { background-image: url(./images/jp/perex_kdo_jsme.jpg); }
	body.jp #content.company-philosophy #perex span { background-image: url(./images/jp/perex_firemni_filosofie.jpg); }
	body.jp #content.what-we-can-do-for-you #perex span { background-image: url(./images/jp/perex_co_umime.jpg); }
	body.jp #content.responsibility-toward-people #perex span { background-image: url(./images/jp/perex_zodpovednost_vuci_lidem.jpg); }
	body.jp #content.contact #perex span { background-image: url(./images/jp/perex_kontakt.jpg); }
	
	#contactCZ, #contactSK { width: 400px; }
	#contactCZ, #contactCZ p { float: left; }
	#contactSK, #contactSK p { float: right; }
	#contactCZ p { margin-right: 15px; }
	#contactSK p { margin-left: 15px; }
	#contactSK address { text-align: right; }
	
	/* --- misc --- */
	.clear { clear: both; }
	.column { float: left; width: 380px; margin-right: 20px; border-top: 1px solid #000;}
	.column img.float { float: left; margin: 0 10px 0 0; vertical-align: top; }
	
}
@media print {
	body { font-size: 80%; }
	img { border: 0; }
	#lng, #slogan, #menu, .no-print { display: none; }
}