* { padding: 0; margin: 0; }

body { background: black; color: white; font: 75%/1.5 arial; text-align: center; }

form *, table { font-size: 100%; font-family: arial; }
table th, table td { line-height: 1.5; }

hr { display: none; }
hr.clear { display: block; }

a img { border: none; }
a { color: white; text-decoration: underline; }
a:hover { text-decoration: none; }
.b { font-weight: bold; }


.hidden { display: none; }
.center { text-align: center; }
.clear { clear: both; font-size: 1%; }
.male { font-size: 90%; color: #AAAAAA; }

/*----------------- stranka ---------------------*/
#lista { margin: 0 auto; margin-top: 1px; margin-bottom: 3px; display: block; padding: 0; width: 997px; text-align: center; color: #DDDDDD; }
#lista a { color: #AAAAAA; text-decoration: underline; margin: 0 4px; }
#lista a:hover { color: #DDDDDD; text-decoration: none;  }

#obal { margin: 0 auto; margin-bottom: 2px; border: 1px solid #18151A; padding: 0; width: 997px; position: relative; z-index: 10; text-align: left; background: url('img/pata.gif') top left repeat-y;  }

strong#quentin-tarantino { float: left; position: relative; margin: 0; padding: 0; display: block; width: 271px; height: 46px; overflow: hidden; font-size: 100%;  }
strong#quentin-tarantino a span { position: absolute; top: 0; left: 0; display: block; width: 271px; height: 46px; cursor: hand; background: url('img/qtarantino.jpg') top left no-repeat;  }
#horni-pravy { float: right; display: block; width: 726px; height: 142px; margin: 0; padding: 0; background: url('img/horni-pravy.jpg') top right no-repeat; }
#horni-levy { float: left; display: block; width: 271px; height: 96px; background: url('img/horni-levy.jpg') top left no-repeat; }


#horizontalni-menu { float: left; display: block; margin: 0; padding: 0; width: 997px; height: 20px; border-top: 1px solid black; background: url('img/horizontalni-menu.jpg') top left no-repeat; }
#horizontalni-menu ul { margin: 0 5px 0 0; float: right; }
#horizontalni-menu ul li { list-style-type: none; float: left; height: 19px; width: 87px; margin: 1px 0 0 0; font-weight: bold;  }
#horizontalni-menu ul li a { display: block; height: 19px; width: 87px; color: white; text-decoration: none; text-align: center; }
#horizontalni-menu ul li a:hover { background: url('img/horizontalni-menu-li.png') top left no-repeat; color: #FFEC00; }

#horizontalni-menu ul li.siroky { list-style-type: none; float: left; height: 19px; width: 120px; margin-top: 1px;   }
#horizontalni-menu ul li.siroky a { display: block; height: 19px; width: 120px; color: white; text-decoration: none; text-align: center; }
#horizontalni-menu ul li.siroky a:hover { background: url('img/horizontalni-menu-li-siroky.png') top left no-repeat; color: #FFEC00; }



#content { float: right; display: block; width: 514px; min-height: 314px; padding: 1px 7px 20px 13px; background: url('img/content.jpg') top right no-repeat; }

#content img.nomargin { margin: 0; }

#content #navigace { color: #D9C700; font-size: 90%; clear: both; padding: 4px 0 0 0; }
#content #navigace a { color: #D9C700; }

#content #banner { float: right; margin: 3px 0 1px 0; }
#content .adsense_banner { display: block; text-align: center; clear: both; margin: 15px 0 0 0; }
#content .ad_bigbanner { display: block; width: 468px; margin: 0 0 0 23px; }

#content h1 { font-size: 200%; margin: 8px 0 14px 0; color: #FFEA00; }
#content h1 span { font-size: 60%; }
#content h2 { font-size: 160%; margin: 4px 0 6px 0; color: #FFEA00; }
#content .h2alt { font-size: 90%; position: relative; top: -6px; left: 8px; }
#content h3 { width: 497px; height: 23px; padding: 4px 10px 0 15px; margin: 2px -7px 2px 0; display: block; color: #FFEA00; font-size: 120%; background: url("img/h3.gif") top left; }
#content h3 a { color: #FFEA00; text-decoration: none; }
#content h3 a:hover { text-decoration: underline; }
#content ol,
#content ul { margin: 0 10px 10px 24px; }
#content ul.sitemap { font-weight: bold; }
#content ul.sitemap ul ul { font-weight: normal; }
#content ul.sitemap { font-weight: bold; }
#content ul.sitemap ul ul { font-weight: normal; }

#content ul.e-shop-ul { font-size: 120%; color: #FFEA00; font-weight: bold; }
#content ul.e-shop-ul a { color: #FFEA00; text-decoration: none; }
#content ul.e-shop-ul a span { text-decoration: underline; }
#content ul.e-shop-ul a:hover span { text-decoration: none; }
#content ul.e-shop-ul a img { border: 0; }
#content strong.e-shop-strong { font-size: 120%; color: #FFEA00; font-weight: bold; }
#content form.e-shop-form table td { padding: 0 4px; }
#content form.e-shop-form table td input.text { width: 280px; }
#content form.e-shop-form table td textarea { width: 280px; height: 70px; }

#content img { margin: 5px; }
#content p { text-align: justify; display: block; margin: 0 0 10px 0; }
#content #banner img  { margin: 0; }
#content ul li.charmenu-li { margin-top: 10px; }

#content table tr.table-zahlavi { color: #FFEA00; font-weight: bold; font-size: 120%; }
#content table tr.table-zahlavi td { padding: 0 0 4px 0; }

#content .hlaska { width: 497px; height: 23px; padding: 4px 10px 0 15px; margin: 8px 0 20px 0; display: block; color: red; font-weight: bold; font-size: 100%; background: url("img/h3.gif") top left; }



#content .clanky_left { float: left; margin: 0 0 0 8px; font-size: 90%; color: #BBBBBB; display: inline; }
#content .clanky_left a { color: #BBBBBB; }
#content .clanky_right { float: right; margin: 0 2px 0 0; font-size: 90%; color: #BBBBBB; }
#content .clanky_right a.komentare { color: #FFEA00; }
#content .clanky_clear { clear: both; }
#content .clanky_clear img { border: 0; float: left; margin: 6px 8px 10px 8px; }
#content .clanky_clear .clanky_perex { text-align: justify; margin: 0 2px 0 8px; padding: 2px 0 0 0; display: block; }

#content .clanek { margin: 10px 0 20px 0; clear: both; }
#content .clanek_perex { font-style: italic; margin: 23px 15px 10px 15px; padding: 4px; border: 1px solid #666666;  }
#content .clanek_left { float: left; font-size: 100%; color: #BBBBBB; }
#content .clanek_left a { color: #BBBBBB; }
#content .clanek_right { float: right; font-size: 100%; color: #BBBBBB; }
#content .clanek_komentare { float: left; clear: both; color: #FFEA00; margin: 0 0 15px 0; }
#content .clanek_komentare a { color: #FFEA00; }

#content iframe.iframe-komentare { margin: 0 0 20px 0; }
#content form#form-pridej { border-width: 2px 0 0 0; border-style: solid; border-color: #666666; margin: 30px 0 0 10px; padding: 6px 0 0 0; }
#content form#form-pridej.no-border { border: 0; margin: 10px 0 20px 10px; }
#content form#form-pridej img { cursor: hand; cursor: pointer; margin: 2px 0 0 0; }
#content form#form-pridej table td { padding: 0 2px 1px 2px;}
#content select, #content input, #content textarea { background: #E7BE14; border: 1px solid #C78D08; padding: 1px; }

#content table.ram { border-width: 1px; border-style: solid; border-color: #666666; border-collapse: collapse; margin: 0 0 15px 0; } 
#content table.ram tr td { padding: 1px 6px 6px 6px; }
#content table.ram tr td .ram-web {  font-size: 90%; color: #BBBBBB; margin: 0 0 0 2px; }
#content table.ram tr td .ram-web a { color: #BBBBBB; margin: 0; }
#content table.ram tr td.ram-bottom { font-size: 90%; color: #BBBBBB; padding-bottom: 2px; }
#content table.ram tr td.ram-bottom a { font-size: 90%; color: #BBBBBB; }
#content table.ram tr td img { margin: 0; }

#content table tr.table-pruh td { background: #E7BE14; color: black; text-align: center; }
 
#content .strankovani { margin: 2px 8px; }
#content .pravy-odkaz { float: right; color: #BBBBBB; }
#content .pravy-odkaz a { color: #BBBBBB; font-size: 90%; }

#menu { float: left; display: block; width: 159px; border-right: 1px solid black; color: black; background: #F8C300 url("img/menu.jpg") top left no-repeat; }
#menu ul { margin: 0 0 0 10px; position: relative; }
#menu ul li { list-style-type: none; width: 128px; height: 23px; display: block; margin: 0 0 5px 0; behavior: url("../hover.htc"); font-size: 100%; }
#menu ul li a { background: url("img/menu-li.png") top left no-repeat; margin: 0; color: black; display: block; width: 100%; height: 100%; padding: 1px 0 0 8px; font-weight: bold; text-decoration: none; }
#menu ul li a:hover { background: url("img/menu-li-hover.png") top left no-repeat; color: #FFEC00; }
#menu ul li:hover div.submenu, #menu ul li.hover .submenu { visibility: visible; }
#menu ul li a.menumensi { font-size: 90%; margin-top: 1px; }

#menu ul .submenu { position: absolute; top: 0; left: 113px; width: 270px; background: url("img/pod-menu.gif") top left; 
  display: block; z-index: 10; visibility: hidden; min-height: 60px; _height: 60px; }
#menu ul .submenu .submenudira { width: 37px; height: 60px; display: block; }
#menu ul .submenu .submenuimg { position: absolute; top: 1px; left: 37px; z-index: 2; float: left; width: 143px; height: 60px; display: block; } 
#menu ul .submenu .submenuimg { background: url("img/pod-menu-obr.png") top left no-repeat; }
#menu ul .submenu .submenucoverimg { position: absolute; z-index: 1; top: 4px; left: 41px; }

#menu ul .submenu.quentin-tarantino { top: 0px; }
#menu ul .submenu.django-unchained { top: 28px; }
#menu ul .submenu.hanebny-pancharti { top: 56px; }
#menu ul .submenu.grindhouse { top: 84px; }
#menu ul .submenu.kill-bill-vol-2 { top: 112px; }
#menu ul .submenu.kill-bill-vol-1 { top: 140px; }
#menu ul .submenu.jackie-brown { top: 168px; }
#menu ul .submenu.from-dusk-till-dawn { top: 196px; }
#menu ul .submenu.pulp-fiction { top: 224px; }
#menu ul .submenu.gauneri-reservoir-dogs { top: 252px; }
#menu ul .submenu.robert-rodriguez { top: 280px; }
#menu ul .submenu.dalsi-filmy { top: 308px; }
#menu ul .submenu.rozhovory-interview { top: 336px; }
#menu ul .submenu.ostatni { top: 364px; }

#menu ul .submenu .prvni { position: absolute; top: 0; left: 182px; width: 125px; height: 13px; padding: 13px 0 0 0; margin: 0; display: block; background: url("img/submenu-horni.png") top left no-repeat; }
#menu ul .submenu ul { width: 125px; background: #F8C300 url("img/submenu-pozadi.gif") top left repeat-y; padding: 0; margin: 0; }
#menu ul .submenu ul li { height: auto; padding: 0; margin: 0 0 0 7px; width: 118px; }
#menu ul .submenu ul li a { background: transparent; height: auto; width: 111px; display: block; text-decoration: none; font-weight: normal; margin: 0; padding: 0; }
#menu ul .submenu ul li a:hover { text-decoration: underline; background: none; color: black; }
#menu ul .submenu ul li.b a { font-weight: bold; }
#menu ul .submenu ul li.separacnili { background: black; height: 1px; font-size: 1%; margin: 2px 7px 1px 7px; width: 111px; display: block; overflow: hidden; }
#menu ul .submenu .posledni { width: 125px; height: 12px; position: relative; top: -4px; font-size: 1%; display: block; background: url("img/submenu-dolni.png") top left no-repeat;  }

#menu #aktualne { border-top: 1px solid black; width: 145px; margin: 0; padding: 5px 7px 8px 7px; }
#menu #x-banner {  width: 150px; margin: 10px 0 0 0; padding: 3px 5px 0 4px; font-weight: bold; }
#menu #doporucujeme { border-top: 1px solid black; border-bottom: 1px solid black; width: 145px; margin: 4px 0 0 0; padding: 3px 7px 10px 7px; font-weight: bold; }
#menu #aktualne .h3menu,
#menu #doporucujeme .h3menu { font-weight: bold; margin: 0; padding: 0; font-size: 100%; color: #CC2211;}
#menu #doporucujeme a { display: block; color: black; }

#menu #menu-spodek { width: 159px; background: #FFEA00 url("img/quentin-tarantino.jpg") top left no-repeat; padding: 180px 0 0 0; margin: 0; border: 0; }
#menu #menu-spodek a { color: #000; text-decoration: none; }
#menu #menu-spodek a:hover { text-decoration: underline; }
#menu #menu-spodek .otazka { margin: 0 0 4px 0; font-size: 110%; }
#menu #menu-spodek .anketaalert { color: #DD0000; font-weight: bold; }
#menu #menu-spodek .ank-pruh { height: 12px; display: block; font-size: 1%; background:  #CC2211; margin-bottom: 5px; } /*#AA4411 #555555*/
#menu #menu-spodek h3,
#menu #menu-spodek .h3menu { font-weight: bold; margin: 0 0 5px 0; width: 145px; padding: 5px 7px 0 7px; border-top: 1px solid black; font-size: 100%; color: #CC2211;}
#menu #menu-spodek #anketa-nadpis { margin: 0 0 35px 0; width: 145px; padding: 5px 7px 0 7px; border-top: 1px solid black; font-size: 100%; color: #FFEA00;}
#menu #menu-spodek .menu-spodek-text { width: 145px; padding: 0 7px 15px 7px; font-size: 90%; font-weight: bold; }
#menu #menu-spodek .menu-spodek-text.toplist { text-align: center; }
#menu #menu-spodek .menu-spodek-text.info-text { font-weight: normal; }
#menu #menu-spodek .menu-spodek-text.info-text strong { font-weight: bold; }

#menu #menu-spodek .menu-spodek-text.info-text.recommanded-textbox { font-size: 90%; width: 147x; padding-right: 5px; }
#menu #menu-spodek .menu-spodek-text.info-text.recommanded-textbox a { text-decoration: underline; }
#menu #menu-spodek .menu-spodek-text.info-text.recommanded-textbox a:hover { text-decoration: none; }



#prostredni { float: left; display: block; width: 303px; min-height: 827px; _height: 827px; background: url("img/prostredni-kill-bill.jpg") top left no-repeat; }
#prostredni .in { width: 235px; margin: 790px 0 40px 10px; color: black; }
#prostredni .in a { color: black; }

#pata { float: left; display: block; width: 997px; height: 31px; margin-top: 30px; padding-top: 1px; background: url("img/pata-pruh.gif") top left no-repeat; }
#pata #inpata { float: left; display: block; width: 700px; height: 100%; background: url("img/pata-prekryv.gif") top left repeat-y; font-weight: normal; }
#pata #inpata .copy { float: left; margin: 7px 0 0 12px; color: black; background: #FFEA00; }
#pata #inpata .copy a { color: #000000; }

#pata h2 { float: right; position: relative; display: block; width: 144px; height: 30px; overflow: hidden; background: black; padding: 0 0 0 30px;  }
#pata h2 a span { position: absolute; top: 0; right: 0; display: block; width: 144px; height: 30px; cursor: hand; background: url("img/pata-qtarantino.jpg") top left no-repeat;  }


#odkazy { text-align: center; margin: 0 auto; padding: 15px 0; line-height: 1.2; display: block; color: #999999; width: 950px; }
#odkazy a { color: #666666; text-decoration: underline; margin: 0 4px; }
#odkazy a:hover { color: #999999; text-decoration: none; }

#outside_skysc { position: absolute; top: 0; right: -130px; width: 120px; height: 700px;}
#outside_skysc .skysc_in { position: fixed; top: 80px; }

#image-preload { height: 1px; overflow: hidden; position: relative; font-size: 1%; }
#image-preload div { height: 1px; width: 1px; display: block; float: left; }
#image-preload span { height: 1px; width: 3px; background: #000; position: absolute; top: 0; left: 0; display: block; }
#image-preload #imgpr_menu_li_hover { background: url('img/menu-li-hover.png') top left no-repeat;}
#image-preload #imgpr_hmenu_li_hover { background: url('img/horizontalni-menu-li.png') top left no-repeat;}
#image-preload #imgpr_hmenu_li_hover_siroky { background: url('img/horizontalni-menu-li-siroky.png') top left no-repeat;}