@media screen
{
	body, p, ul, ol, h1, h2, h3, h4 { margin: 0; padding: 0; }
	body {
		color: #000;
		background: #FFF;
		font-size: 62.5%;
		font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
		text-align: center;
	}
	img { border: 0; }
	a { color: #000; text-decoration: underline; cursor: pointer;}
	h2 { font-size: 110%; }

	/* --- main box --- */
	#main { font-size: 110%; text-align: left; width: 970px; margin: 0 auto 0 auto;	 padding-top: 25px; }
	#logo { text-align: right; padding-bottom: 11px; }

	/* --- menu --- */
	#menu { width: 970px; padding: 5px 0 25px 0; border-top: 1px solid #c7c7c7;}
	#menu ul { list-style: none; }
	#menu li { float: left; }
	#menu a { color: #000; text-decoration: none; text-transform: lowercase; position: relative; }
	#menu a.active { font-weight: bold; }
	#menu a, #menu span { display: block; width: 71px; height: 23px; cursor: pointer; }
	#menu span { background-image: url(../images/menu.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }

	#menu #menu_1, #menu #menu_1 span { width: 141px; }
	#menu #menu_8, #menu #menu_8 span { width: 210px; }

	#menu_1 span { background-position: 0 0; }
	#menu_2 span { background-position: -141px 0; }
	#menu_3 span { background-position: -212px 0; }
	#menu_4 span { background-position: -283px 0; }
	#menu_5 span { background-position: -354px 0; }
	#menu_6 span { background-position: -425px 0; }
	#menu_7 span { background-position: -496px 0; }
	#menu_8 span { background-position: -567px 0; }

	#menu_1.active span { background-position: 0 -23px; }
	#menu_2.active span { background-position: -141px -23px; }
	#menu_3.active span { background-position: -212px -23px; }
	#menu_4.active span { background-position: -283px -23px; }
	#menu_5.active span { background-position: -354px -23px; }
	#menu_6.active span { background-position: -425px -23px; }
	#menu_7.active span { background-position: -496px -23px; }
	#menu_8.active span { background-position: -567px -23px; }

	/* --- content --- */
	#content { background: url(../images/slogan_default.gif) no-repeat 690px 10px; float: left; width: 970px; min-height: 160px;}

	#leftColumn { float: left; width: 150px; }
	#rightColumn { float: right; width: 480px; padding: 0 340px 30px 0; }

	#leftColumn h1, #leftColumn h2 { text-align: right; margin-right: 15px; }
	#leftColumn h2 { margin-top: 30px; margin-bottom: 5px; }
	#leftColumn ul { text-align: right; list-style: none; margin-right: 15px; }
	#leftColumn li { padding-bottom: 3px; }
	#leftColumn a { color: #000; font-size: 110%; text-decoration: none; }

	#content p { line-height: 1.4em; margin-bottom: 6px; }
	table#cinemas { width: 550px; border-collapse: collapse;}
	table#cinemas td, table#cinemas th { padding: 5px 15px 5px 15px; }
	table#cinemas td { border-top: 1px solid #000; }
	/*col#day, col#time { width: 80px; }*/
	table#files { margin-bottom: 30px; }
	td.filename { text-align: right; width: 150px; padding: 5px 35px 5px 15px; }

	/* --- partneri --- */
	#content.partneri { width: 670px; padding-right: 290px; }
	#content.partneri p { text-align: center; }
	#content.partneri img { vertical-align: middle; margin: 10px 10px 10px 10px; }

	/* --- titulky --- */
	#cast { margin-left: 100px; }
	#cast th, #cast td { vertical-align: top; padding: 0 15px 30px 0; }
	#cast th { font-weight: normal; text-align: right; }
	#cast td { font-weight: bold; }

	/* --- download --- */
	#content.download { font-size: 120%; padding-bottom: 30px; }
    #content.download p { font-size: 90%; }

	/* --- tvurci --- */
	#content.tvurci #leftColumn { font-size: 100%; }
	#photo { width: 109px; float: left; padding: 5px 15px 0 15px; }
	#info { width: 335px; float: right; }
	#photo ul { font-size: 110%; text-align: right; list-style: none; }
	#photo p { margin-bottom: 10px; }
	#photo a { text-decoration: none; }

	/* --- zoufalci --- */
	#personas { font-size: 110%; text-transform: lowercase; margin-top: 30px; }
	#content.dagmara { background-image: url(../images/slogan_dagmara.gif); }
	#content.tonda { background-image: url(../images/slogan_tonda.gif); }
	#content.otakar { background-image: url(../images/slogan_otakar.gif); }
	#content.silvie { background-image: url(../images/slogan_silvie.gif); }
	#content.radim { background-image: url(../images/slogan_radim.gif); }
	#content.linda { background-image: url(../images/slogan_linda.gif); }

	/* --- classes --- */
	.reset { clear: both; }

    #footer {
        font-size: x-small;
        color: #999;
        text-align: right;
        padding: 1px 5px 1px 0;
    }

        #footer a {
            color: #999;
        }

        #footer a:hover {
            color: #000;
            text-decoration: none;
        }
}
@media print {
	#logo { border-bottom: 1px solid #000; margin-bottom: 2em; padding-bottom: 1em; }
	#menu, #leftColumn { display: none; }
	img { border: none; }
	table, td, th { text-align: left; border: 1px solid #000; }
	table { margin-bottom: 1em; }
	td, th { padding: 0.5em 1em 0.5em 1em; }
}