* {margin:0; padding:0; border:0}
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#000; background:#FFF; text-align:center}
h1, h2, h3 { font-size:1em}
a {text-decoration:none; color:#00C}
a:hover { text-decoration:underline; color:#C00}
#content {width:992px; margin:0 auto; text-align:left}

#head {background:url('/grafika/head_bg.gif') repeat-x 0 0; height:165px; position:relative}
#head .logo-kinoln, #head .logo-ln, #head .dvd { overflow:hidden; position:absolute; z-index:1}
#head .logo-kinoln {top:23px; left:63px; width:143px; height:67px}
#head .logo-ln {top:106px; left:23px; width:222px; height:30px}
#head .dvd {top:23px; left:270px; width:720px; height:142px}
#head .logo-kinoln span {background:url('/grafika/logo_kino.gif') no-repeat 0 0}
#head .logo-ln span {background:url('/grafika/logo_ln.gif') no-repeat 0 0}
#head .dvd span {background:url('/grafika/dvd.jpg') no-repeat 0 0}
#head span, #rek span {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; cursor:pointer}
#menu { color:#FFF; background:#003C85; margin-bottom:22px; border:1px solid #ABD; border-width:1px 0}
#menu ul, #menu li {list-style:none; list-style-position:outside}
#menu ul { min-height:30px; font-size:117%; font-weight:bold; text-transform:uppercase; zoom:1}
#menu li { display:inline; float:left; margin-left:2px; line-height:30px; white-space:nowrap}
#menu a {color:#FFF; padding:0 0.7em}

#rek {margin-bottom:22px}
.rek-a, .rek-b {height:142px; border:5px #D5DEEE solid; color:#FFF; background:#003C85; text-align:center}
.rek-a {float:left; width:600px}
.rek-b {float:right; width:340px }
.rek-a div, .rek-b a {color:#FFF; position:relative; display:block}
.rek-a div {width:550px; height:134px; margin:3px auto}
.rek-b a {width:288px; height:120px; margin:10px auto}
#rek .rek-a span {background:url('/grafika/rek-a.gif') no-repeat 0 0; cursor:default !important}
.rek-b span {background:url('/grafika/rek-b.gif') no-repeat 0 0}

#page { background:#D5DEEE; border-bottom:10px #003C85 solid; padding:21px 0}
.clr {width:100%; float:none; clear:both; height:1px; font-size:1px}

/* CLANKY */
.art, .edice { width:800px; min-height:707px; =height:707px; border:2px #FFF solid; border-top:0; margin:0 auto; background:#FFF url('/grafika/clanek_bg.gif') repeat-x bottom left}
.art h1, .art h2, .art .text {width:530px; margin:0 22px 6px 0; float:right; display:inline}
.art h1, .art h2 {color:#003C85; margin-top:30px; font-size:133%; font-weight:bold}
.art .obal {float:left; width:225px; margin-top:30px; margin-left:22px; display:inline}
.art .obal .video {display:block; margin-top:0.4em; width:202px; text-align:center; color:#000; font-weight:bold; cursor:pointer;text-decoration:underline}
.art .text {font-size:92%}
.art .text p {margin:0.6em 0}
.art .perex {font-weight:400}

.titbox { display:inline /*kvuli IE */; width:424px; margin:21px 0 0 48px; float:left}
.titbox .time { text-align:right; line-height:1.4}
.titbox .time span {color:#FFF; background:#003C85; font-size:125%; padding:0.2em 0.6em}
.titbox .art { width:424px; min-height:198px; =height:198px; background:#FFF url('/grafika/titbox_bg.gif') repeat-x bottom left}
.titbox .art h2, .titbox .art .perex {width:235px; margin:0 4px 6px 0; float:right}
.titbox .art h2 {margin-top:1em}
.titbox .art h2 a {color:#003C85}
.titbox .art .price {position:relative; display:block; width:170px; height:198px; float:left}
.titbox .art .price img {border:1px #B5CCF5 solid; margin:4px}
.titbox .art .price span {position:absolute; top:0; left:0; z-index:2; display:block; width:100%; height:100%; background:url('/grafika/price.gif') no-repeat 116px 125px}
.titbox .art .perex {font-size:92%}
.titbox .art .more {display:block; margin-top:0.4em; color:#000; font-weight:bold; text-decoration:underline}
.titbox .art .more:hover { color:#C00}

.edice {height:auto; padding:10px}
.edice h2 {color:#003C85; font-size:133%; font-weight:bold; margin:0.6em auto 0.4em}
.edice .seznam {font-size:117%; line-height:1.4}