/* ------------------------------------------------------------------ */
/* 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 */
		/* ----- hpBox1 */
			.hpBox1 {
				width: 470px; height: 397px;
				background: url(../img/bg/hpbox1.png) 0 0 no-repeat;
				font-size: 110%;
			}
			.hpBox1 h3 {
				margin: 70px 0 30px 0; padding: 0;
				font-weight: normal;
				font-size: 150%;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #fff;
				line-height: 1.4em;
				margin: 50px 30px 0 30px;
				text-align: center;
			}
			.hpBox1 p {
				margin: 0 30px;
				padding: 10px 0;
				text-align: center;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			.hpBox1 p span {
				color: #f53521;
				line-height: 1.4em;
				font-size: 110%;
				display: block;
				padding: 100px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
			}
			.hpBox1 p strong {
				color: #fff;
				line-height: 1.4em;
				font-size: 160%;
				display: block;
			}
			.hpBox1 p em {
				color: #f53521;
				line-height: 1.4em;
				font-size: 180%;
				font-family: Arial, Helvetica, sans-serif;
			}
			
		/* end. hpBox1 */
		
		/* ----- hpBox2 */
			.hpBox2 {
				padding: 25px 30px 25px 30px;
				width: 835px;
				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 10px 0;
			}
			.hpBox2 p.moreInfo {
				text-align: right;
				padding: 0 0 200px 0;
				margin: 15px 0 0 0;
			}
			.hpBox2 p.moreInfo a {
				color: #b12516;
				background: url(../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(../img/bg/hpbox3.gif) 0 100% no-repeat;
				padding: 20px 30px;
			}
			.hpBox3 h1.reimage {
				height: 81px; width: 330px;
				margin: 0 !important;
			}
			.hpBox3 h1.reimage span {
				height: 81px; width: 330px;
				background: url(../img/titles/konference.png) 0 0 no-repeat;
			}
			#en .hpBox3 h1.reimage {
				height: 97px; width: 282px;
				margin: 0 !important;
			}
			#en .hpBox3 h1.reimage span {
				height: 97px; width: 282px;
				background: url(../img/titles/konference_en.png) 0 0 no-repeat;
			}
			.hpBox3 a {
				color: #f53521;
			}
			.hpBox3 p {
				margin: 0 0 20px 0;
			}
			.hpBox3 p.line {
				margin: 30px 0 20px 0;
				border-top: 1px solid #d1e1d0;
				padding: 20px 0 40px 0;
				font-weight: bold;
				font-style: italic;
			}
			.hpBox3 p.line2 {
				background: url(../img/bg/hpbox3-h1.gif) 0 0 no-repeat;
				padding: 20px 0 40px 0;
				font-weight: bold;
				font-style: italic;
				margin: 10px 0 0 0;
			}
			.hpBox3 h2 {
				font-size: 160%;
				color: #428809;
				background: url(../img/bg/hpbox3-h1.gif) 0 100% no-repeat;
				margin: 0 0 20px 0;
				padding: 0 0 20px 0;
			}
			.hpBox3 table * {
				vertical-align: top;
			}
		/* end. hpBox3 */
	/* end homePage */
	
	table.program {
		color: #fff;
		border-collapse: collapse;
		margin: 20px 40px;
	}
	table.program th {
		font-size: 160%;
		color: #f53521;
		width: 100px;
		text-align: center;
		vertical-align: bottom;
	}
	table.program th, table.program td {
		border-bottom: 1px solid #6b6b6b;
		padding: 15px 0;
	}
	table.program h3 {
		font-size: 100%;
	}
	
	.programBox {
		background-color: #3c3c3c;
	}
	
	#content h1 {
		margin: 10px 0 40px 0;
		font-size: 220%;
	}
	
	.mapa {
		width: 440px;
		float: left;
		margin: 0 20px 0 0px;
	}
	.mapaText {
		background-color: #f0f0f0;
		width: 350px;
		padding: 25px;
		float: left;
		margin: 0 0 0 25px;
	}
	#content h2 {
		font-size: 130%;
	}
	
	/* ----- footer */
		#footer .box {
			width: 150px;
			float: left;
		}
		#footer .box h3 {
			color: #000;
			font-size: 120%;
			text-transform: uppercase;
			background: url(../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 p {
			margin: 2em 0;
			line-height: 1.45em;
			text-indent: 2em;
		}
		.contentText2 a {
			color: #3c3c3c;
		}
		
		.textBox {
			margin: 2em 120px;
			background: #fff8c3 url(../img/bg/textbox.gif) 0 100% no-repeat;
			width: 660px;
			padding: 30px 35px;
		}
		.textBox h2 {
			margin: 0; padding: 0 0 2em 0;
			background: url(../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(../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%;
	}
}