div { margin: 0; padding: 0; } body { margin-top: 0px !important; } body { background: #400006 url('../images/background.png') center top; min-width: 992px; } #page-container { width: 992px; } #wrapper { float: left; background-color: #403019; position: relative; left: -1px; } #header { width: 992px; height: 164px; position: relative; top: 0; left: 0; background: #000000 url('../images/header.png') 0 0 repeat-x; } #header-left { width: 32px; height: 164px; position: absolute; top: 0; left: 0; background: url('../images/header-left.png') 0 0 no-repeat; } #header-right { width: 32px; height: 164px; position: absolute; top: 0; right: 0; background: url('../images/header-right.png') 0 0 no-repeat; } #header-text { width: 268px; height: 56px; position: absolute; top: 56px; left: 56px; color: #ffffff; } #header-text big { font-size: 1.2em; } #header-text a { text-decoration: none; } #header-text em { position: absolute; width: 268px; height: 56px; top: 0; left: 0; background: url('../images/logo.png') 0 0 no-repeat; } /* Navigation Start */ #navigation { position: absolute; width: 656px; height: 32px; font-size: 0; background: url("../images/navigace.png") 0 0 no-repeat; top: 132px; left: 4px; } #navigation ul { position: relative; width: 656px; height: 32px; margin: 0; padding: 0; list-style: none; } #navigation li { position: absolute; display: block; width: 132px; height: 32px; margin: 0; padding: 0; } #navigation li a { position: relative; display: block; width: 132px; height: 32px; overflow: hidden; } #navigation span { position: absolute; display: block; width: 128px; height: 28px; left: 4px; top: 4px; font-size: 1.0em; text-align: center; color: #ffffff; overflow: hidden; } #navigation em { position: absolute; display: block; width: 132px; height: 32px; top: 0px; background: url("../images/navigace.png") 0 0 no-repeat; } .admin { background-image: url("../images/navigace-admin.png") !important; } .admin em { background-image: url("../images/navigace-admin.png") !important; } #navigation li#button-1 { left: 0px; } #navigation li#button-1 a em { background-position: -0px 0; } #navigation li#button-1 a:hover em { background-position: -0px -32px; } #navigation li#button-1 a:active em { background-position: -0px -64px; } #navigation li#button-1 a:focus em { background-position: -0px -64px; } #navigation li#button-1.active a em { background-position: -0px -64px; } #navigation li#button-2 { left: 132px; } #navigation li#button-2 a em { background-position: -132px 0; } #navigation li#button-2 a:hover em { background-position: -132px -32px; } #navigation li#button-2 a:active em { background-position: -132px -64px; } #navigation li#button-2 a:focus em { background-position: -132px -64px; } #navigation li#button-2.active a em { background-position: -132px -64px; } #navigation li#button-3 { left: 264px; } #navigation li#button-3 a em { background-position: -264px 0; } #navigation li#button-3 a:hover em { background-position: -264px -32px; } #navigation li#button-3 a:active em { background-position: -264px -64px; } #navigation li#button-3 a:focus em { background-position: -264px -64px; } #navigation li#button-3.active a em { background-position: -264px -64px; } #navigation li#button-4 { left: 396px; } #navigation li#button-4 a em { background-position: -396px 0; } #navigation li#button-4 a:hover em { background-position: -396px -32px; } #navigation li#button-4 a:active em { background-position: -396px -64px; } #navigation li#button-4 a:focus em { background-position: -396px -64px; } #navigation li#button-4.active a em { background-position: -396px -64px; } #navigation li#button-5 { left: 528px; } #navigation li#button-5 a em { background-position: -528px 0; } #navigation li#button-5 a:hover em { background-position: -528px -32px; } #navigation li#button-5 a:active em { background-position: -528px -64px; } #navigation li#button-5 a:focus em { background-position: -528px -64px; } #navigation li#button-5.active a em { background-position: -528px -64px; } /* Navigation End */ #vyhledavani { position:absolute; top: 132px; right: 4px; width: 328px; height: 32px; background: url('../images/vyhledavani-input.png') 0 0 no-repeat; } #vyhledavani form { padding: 0; margin: 0; border: 0; } #vyhledavani-input { background: transparent; border: 0; margin: 0; padding: 0; width: 220px; height: 16px; position: absolute; left: 8px; top: 8px; color: #404040; } #vyhledavani-submit { background: url('../images/vyhledavani-submit.png') 0 0 no-repeat; border: 0; margin: 0; padding: 0; width: 92px; height: 32px; position: absolute; right: 0; top: 0;} #vyhledavani-submit:hover { background: url('../images/vyhledavani-submit-h.png') 0 0 no-repeat; cursor: pointer; } #top-banner { position: absolute; top: 44px; right: 16px; } #body { width: 992px; position: relative; background: url('../images/page.png') 0 0 repeat-y; } #main { width: 656px; position: relative; margin-top: 4px; } .padding { padding: 16px; } #right-panel { width: 336px; position: relative; margin-top: 4px; } .pad-big { width: 328px; position: relative; background: url('../images/pad-big.png') 8px 0 repeat-y; } .pad-big-top { width: 328px; height: 16px; position: absolute; top: 0; left: 0; background: url('../images/pad-big-top.png') top right no-repeat; } .pad-big-bottom { width: 328px; height: 24px; position: absolute; bottom: 0; left: 0; background: url('../images/pad-big-bottom.png') bottom right no-repeat; } .pad-big-header { width: 328px; height: 32px; position: absolute; top: 0; left: 0; background: url('../images/pad-big-header.png') top right no-repeat; } .pad-big-header h2 { font-size: 16px; color: #808080; margin-left: 16px; font-weight: bold; text-transform:uppercase; } .pad-big .tab { position:absolute; top: 8px; right: -32px; width: 32px; height: 88px; background: url('../images/side-tab.png') 0 0 no-repeat; } .pad-big #reklama-tab { width: auto; height: auto; margin: 0; padding: 0; display:block; } .pad-big .tab img { position:absolute; left: 8px; top: 20px; } #index-box-tab img { top:15px; } .column { width: 328px; } #gallery { background: url('../images/pad-big-black.png') 8px 0 repeat-y; } #gallery .pad-big-top { background: url('../images/pad-big-top-black.png') top right no-repeat; } #gallery .pad-big-bottom { background: url('../images/pad-big-bottom-black.png') bottom right no-repeat; } #gallery .pad-big-header { background: url('../images/pad-big-header-black.png') top right no-repeat; } #gallery .content { margin: 8px 16px 16px 16px; color: #A2A2A2;} #gallery .content img { float: left; margin-left: 8px; margin-top: 8px;} .pad { width: 164px; height: 248px; position: relative; float: left; background: url('../images/pad.png') 8px 0 repeat-y; } .pad-top { width: 164px; height: 16px; position: absolute; top: 0; background: url('../images/pad-top.png') top right no-repeat; } .pad-bottom { width: 164px; height: 24px; position: absolute; bottom: 0; background: url('../images/pad-bottom.png') bottom right no-repeat; } .pad-image { position: absolute; left: 16px; top:8px; padding-bottom: 20px; background: url('../images/pad-image-reflection.png') bottom right repeat-x; } .pad-content { position:absolute; top: 160px; left: 16px; width: 140px; font-size: 11px; } .pad-content h2 { font-size: 14px; margin: 0; font-weight: bold; } .novinka { height: 304px; } .novinka .title-picture { position:absolute; left: 16px; top: 40px; padding-bottom: 20px; background: url('../images/pad-image-reflection.png') bottom right repeat-x; } .novinka .content { position:absolute; left: 28px; top: 200px; width: 272px; background: url('../images/pad-line.png') 0px 26px no-repeat; font-size: 12px; } .novinka .content h2 { font-size: 16px; text-transform:uppercase; margin: 0 0 16px 0; font-weight: bold; } p.pages { text-align:center; color: #c0c0c0; } p.pages a { color: #ffffff; } p.pages a.active { color: #ffffff; font-weight: bold; text-decoration: none; } .nobg { background:transparent !important; } #section-title-picture { width: 648px; position: relative; } #section-title-picture img { margin: 0px 0 4px 8px; } .wide-pad { width: 648px; background: #80000b url('../images/wide-pad.png') 0 0 repeat-y; position: relative; left: 8px; padding: 4px 0 4px 0; color: #f2f2f2; font-weight: bold; } .wide-pad h1 { color: #ffffff; font-weight: normal; margin-left: 16px; margin-bottom: 4px; line-height: 1.0em; } .wide-pad p.bread-crumbs { margin: 0 16px 0 16px; float: right; font-size: 0.9em; } .wide-pad-top { position:absolute; left: 0; top: 0; width: 648px; height: 16px; background: url('../images/wide-pad-top.png') 0 0 no-repeat; display: none; } .wide-pad-bottom { position:absolute; left: 0; bottom: 0; width: 648px; height: 24px; background: url('../images/wide-pad-bottom.png') left bottom no-repeat; display: none; } .wide-pad a { color: #f2f2f2; font-weight: normal; } .wide-pad a:hover { color: #ffffff; } .wide-pad a:visited { color: #e5e5e5; } p.bread-crumbs { margin-left: 8px; padding: 8px 16px 8px 16px; background-color: #c0c0c0; } p.bread-crumbs small { float: right; margin-right: 16px; } #titulka { height: 496px; } #titulka #title_link { position: absolute; left: 16px; top: 8px; } #banner { height: 332px; position: relative; text-align: center; } #banner a { height: 332px; width: 332px; display:block; text-align: center; position:absolute; left: 0; top: 0; } #banner .image { position:relative; } #index-box { height: 164px; } #index-box p { text-align: center; padding: 32px 16px 0 24px; font-weight: bold; line-height: 1.75em; } #index-box p a { text-decoration: none; } #top-pozvanka { height: 608px; } #top-pozvanka .content { position:absolute; left: 32px; top: 200px; width: 272px; background: transparent; } #top-pozvanka .content h2 { font-size: 16px; text-transform:uppercase; margin: 0; padding: 0 0 12px 0; font-weight: bold; background: url('../images/pad-line.png') 0 26px no-repeat; } .nice-list { width: 316px; float: left; margin: 16px 8px 32px 0; list-style-type: none; position: relative; } .nice-list li { margin:0; padding: 0; } .nice-list a { padding: 8px; margin-bottom: 0; position: relative; border-bottom: 1px dashed #C0C0C0; display: block; } .nice-list li span { display: block; } .nice-list a span.image { padding: 8px; margin-bottom: 0; display: none; } .nice-list li.first a { color: #ffffff;width: auto; border-bottom: 0; background: #80000b url('../images/corner-bottom-left.png') bottom left no-repeat; } .nice-list li.first a * { color: #ffffff; } .nice-list li.first a span { display:block } .nice-list a:hover { color: #ffffff;width: auto; border-bottom: 0; background: #80000b url('../images/corner-bottom-left.png') bottom left no-repeat; } .nice-list a:hover * { color: #ffffff; } .nice-list a:hover span.image { display: block; } .nice-list .image { position: absolute; left: 320px; width: 304px; top: 0; padding: 8px; border: 0; background: #80000b url('../images/corner-bottom-left.png') bottom left no-repeat; } .nice-list li .image { left: 316px; width: 304px; } .nice-list .image img { float: left; } .corner-top-right { width: 8px; height: 8px; font-size: 0; position: absolute; top: 0; right: 0; } .corner-top-left { width: 8px; height: 8px; font-size: 0; position: absolute; top: 0; left: 0; } .corner-bottom-right { width: 8px; height: 8px; font-size: 0; position: absolute; bottom: 0; right: 0; } .corner-bottom-left { width: 8px; height: 8px; font-size: 0; position: absolute; bottom: 0; left: 0; } .nice-list li.first .corner-top-right, .nice-list a:hover .corner-top-right, .nice-list .image .corner-top-right { background: url('../images/corner-top-right.png') top right no-repeat; } .nice-list li.first .corner-top-left, .nice-list a:hover .corner-top-left, .nice-list .image .corner-top-left { background: url('../images/corner-top-left.png') top left no-repeat; } .nice-list li.first .corner-bottom-right, .nice-list a:hover .corner-bottom-right, .nice-list .image .corner-bottom-right { background: url('../images/corner-bottom-right.png') bottom right no-repeat; } .nice-list li.first .corner-bottom-left, .nice-list a:hover .corner-bottom-left, .nice-list .image .corner-bottom-left { background: url('../images/corner-bottom-left.png') bottom left no-repeat; } a#test:hover { color: #00ff00; } #test span { display:none; } a#test:hover span { display:inline; } #comment-box { width: 640px; position: relative; background-color: #400005; padding-bottom: 32px;} #comment-box-top { width: 640px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/comment-box-top.png') top left no-repeat;} #comment-box-bottom { width: 640px; height: 64px; position: absolute; bottom: 0; left: 0; background: url('../images/comment-box-bottom.png') bottom left no-repeat;} #comment-box-content { margin: 20px 16px 0 16px; position: relative; } #comment-box-content * { color: #ffffff; } #comment-box-content input { border: 0; color: #404040; } #comment-box-content textarea { width: 608px; color: #404040; } #comment-box-content input.submit-button { background-color: transparent; border: 0; width: 232px; height: 32px; background: url('../images/comment-submit.png') top left no-repeat; color: #ffffff; } #comment-box h2 { ; } #comments { width: 640px; } #comments h2 { width: 640px; border-bottom: 1px dashed #C0C0C0; padding-bottom: 8px; margin: 16px 0 8px 0; } #comments p { border-bottom: 1px dashed #C0C0C0; padding-bottom: 16px; } #comments p.header { color: #808080; border: 0; padding: 0; margin-bottom: 4px; } #comments strong { color: #80000b; } #vip-club { background: url('../images/vip-club.jpg') 8px 0 no-repeat; height: 256px; width: 100%; position: relative; } #vip-club h2 { margin-left: 16px; font-size: 1em; position:absolute; left: 252px; top: 100px; } #vip-club form { position:absolute; left: 180px; top: 128px; } #vip-club input { position:absolute; left: 52px; top: 0px; width: 192px; height: 24px; border: 0; background: transparent; font-size: 1.1em;} #vip-club input.submit-button { position:absolute; left: 52px; top: 32px; width: 196px; height: 24px; border: 0; background: url('../images/vip-submit.png') top left no-repeat; } #bottom-navigation { position: relative; color: #808080; width: 992px; height: 448px; background: url('../images/page-bottom.jpg') center bottom no-repeat; } #bottom-navigation p { text-align: center; } #affils { width: 976px; text-align: center; position: absolute; bottom: 240px; left: 0; } #affils a { margin-right: 8px; } #overlap-left { width: 128px; height: 448px; position: absolute; top: 0; left: -128px; background: url('../images/page-bottom.jpg') left bottom no-repeat; } #overlap-right { width: 128px; height: 448px; position: absolute; top: 0; right: -128px; background: url('../images/page-bottom.jpg') right bottom no-repeat; } #thumbnails { background: url('../images/pad-big-black-2.png') 8px 0 repeat-y; margin-top: 16px;} #thumbnails .pad-big-top { background: url('../images/pad-big-top-black-2.png') top right no-repeat; } #thumbnails .pad-big-bottom { background: url('../images/pad-big-bottom-black-2.png') bottom right no-repeat; height: 8px; } #thumbnails .content { margin: 8px 0 16px 0; color: #A2A2A2; position:relative; left: 16px; padding-bottom: 8px;} #thumbnails .content img { float: left; margin-left: 8px; margin-top: 8px;} #thumbnails p { text-align:center; width: 304px; } #thumbnails p a { color: #ffffff;} p.image { position: absolute; left: 344px; top: 16px; } /* !!! */ /* #footer { font-size: 0.9em; width: 128px; height: 448px; background: url('../images/page-bottom.png') 0 0 no-repeat; color: #C0C0C0; position: relative; top: 60px; } #footer a { font-weight: bold; color: #ffffff; } #footer p { margin: 8px 8px 0px 8px; line-height: 1.25em; text-align: center; } */ #main p { margin-bottom: 1em; line-height: 1.25em; } #main p { clear: both; } #main ol { padding-left: 8px; } /* * { position: static !important; display: inline !important; } div#page-container { display: block !important; }*/