* { margin: 0; padding: 0; } body { margin-top: 0px !important; } body { background-color: #400b00; min-width: 992px; } #page-container { width: 992px; } #header { width: 992px; height: 192px; position: relative; top: 0; left: 0; background: #400b00 url('images/header.jpg') 0 0 no-repeat; } #header-text { width: 288px; height: 160px; position: absolute; left: 0; top: 0; color: #f2f2f2; } #header-text big { font-size: 1.2em; } #header-text a { text-decoration: none; } #header-text em { width: 288px; height: 160px; position: absolute; left: 0; top: 0; background: url('images/header.jpg') 0 0 no-repeat; } #header-text2 { width: 256px; height: 176px; position: absolute; left: 736px; top: 0; color: #f2f2f2; } #header-text2 big { font-size: 1.2em; } #header-text2 a { text-decoration: none; } #header-text2 em { width: 256px; height: 176px; position: absolute; left: 0; top: 0; background: url('images/header.jpg') -736px 0 no-repeat; } /* Navigation Start */ /* Navigation Start */ #nav { position: absolute; left: 8px; top: 160px; width: 992px; height: 84px; font-size: 0; background: url("images/nav.jpg") 0 0 no-repeat; } #nav ul { position: relative; width: 992px; height: 84px; margin: 0; padding: 0; list-style: none; } #nav li { position: absolute; display: block; width: 128px; height: 84px; margin: 0; padding: 0; top: 0; } #nav li a { position: relative; display: block; width: 128px; height: 84px; overflow: hidden; } #nav span { position: absolute; display: block; width: 124px; height: 80px; left: 4px; top: 4px; font-size: 1.0em; text-align: center; background-color: #F2F2F2; overflow: hidden; } #nav em { position: absolute; display: block; width: 128px; height: 84px; top: 0px; background: #FFFFFF url("images/nav.jpg") 0 0 no-repeat; } #nav li#button-1 { width: 216px; left: 32px; } #nav li#button-1 a { width: 216px; } #nav li#button-1 a em { width: 216px; background-position: -32px 0px ; } #nav li#button-1 a:hover em { background-position: -32px -84px; } #nav li#button-1 a:active em { background-position: -32px -84px; } #nav li#button-1 a:focus em { background-position: -32px -84px; } #nav li#button-1.active a em { background-position: -32px -84px; } #nav li#button-2 { width: 140px; left: 248px; } #nav li#button-2 a { width: 140px; } #nav li#button-2 a em { width: 140px; background-position: -248px 0px ; } #nav li#button-2 a:hover em { background-position: -248px -84px; } #nav li#button-2 a:active em { background-position: -248px -84px; } #nav li#button-2 a:focus em { background-position: -248px -84px; } #nav li#button-2.active a em { background-position: -248px -84px; } #nav li#button-3 { width: 208px; left: 388px; } #nav li#button-3 a { width: 208px; } #nav li#button-3 a em { width: 208px; background-position: -388px 0px ; } #nav li#button-3 a:hover em { background-position: -388px -84px; } #nav li#button-3 a:active em { background-position: -388px -84px; } #nav li#button-3 a:focus em { background-position: -388px -84px; } #nav li#button-3.active a em { background-position: -388px -84px; } #nav li#button-4 { width: 188px; left: 596px; } #nav li#button-4 a { width: 188px; } #nav li#button-4 a em { width: 188px; background-position: -596px 0px ; } #nav li#button-4 a:hover em { background-position: -596px -84px; } #nav li#button-4 a:active em { background-position: -596px -84px; } #nav li#button-4 a:focus em { background-position: -596px -84px; } #nav li#button-4.active a em { background-position: -596px -84px; } #nav li#button-5 { width: 160px; left: 784px; } #nav li#button-5 a { width: 160px; } #nav li#button-5 a em { width: 160px; background-position: -784px 0px ; } #nav li#button-5 a:hover em { background-position: -784px -84px; } #nav li#button-5 a:active em { background-position: -784px -84px; } #nav li#button-5 a:focus em { background-position: -784px -84px; } #nav li#button-5.active a em { background-position: -784px -84px; } /* Navigation End */ /* Navigation End */ #page { width: 992px; position: relative; left: 0px; top: 52px; background: #ffffff url('images/page.png') 0 0 repeat-y;} #page .wrapper { width: 992px; position: relative; left: 0px; background: url('images/page-top.jpg') 0 0 no-repeat; padding-top: 92px;} #page .wrapper .wrapper { background: url('images/page-bottom.jpg') left bottom no-repeat; padding-top: 16px; padding-bottom: 160px; } h1, #panel h2 { position:relative; } h1 span { text-transform: none; color: #cebebb; } h1 em, #panel h2 em { position:absolute; left:0; top: 0; } #panel h2, #panel p { text-align: right; margin-right: 4px; margin-left: 4px; } #main { width: 736px; position: relative; left: 216px; top: 0px; } #main p { line-height: 1.5em; margin-bottom: 0.75em; } div#bottom-navigation { width: 992px; padding-top: 32px; text-align:center; } p#pocitadlo { text-align:center; position: absolute; top: 32px; left: 0; width: 992px; } #panel { width: 168px; position: relative; left: -716px; top: -1.6em; } #panel p { font-size: 0.85em; margin-bottom: 16px; font-family: sans-serif; } .nobg { background:transparent !important; } .no-float { float:none; } #footer { width: 992px; position: relative; left: 0; top: 128px; font-size: 0.9em; color: #e5e5e5; } #footer p { line-height: 1.25em; text-align: center; } ul.galerie { margin-top: 1em; } ul.galerie li { float: left; margin: 0; padding: 0; display: block; width: 168px; background: transparent none; } ul.galerie li a { display: block; width: 168px; height: 168px; position:relative; text-align:center; background: url('images/tn-bg.png') 0 0 no-repeat; } ul.galerie li a:hover { top: 2px; } ul.galerie li a img { float: none; margin: 0; position: relative; top: 12px; } ul.galerie li p a { display: inline; width: auto; height: auto; text-align:left; background: transparent none; } ul.s-popisem li { height: 288px; overflow: hidden; } ul#sluzby li { float: left; margin: 0; padding: 0; background: transparent none; } ul#sluzby li ul { margin-left: 8px; } ul#sluzby li li { float: none; margin: 0px 0px 4px 0px; padding-left: 16px; list-style: none; background: transparent url('images/bullet.png') 0 6px no-repeat; } ul#sluzby li a img { float: none; margin: 0; position: relative; } ul#sluzby li a:hover img { top: 2px; } .columns { width: 100%; position: relative; } .col2 div { width: 50%; } div#bottom-links { position: relative; margin-top: 32px; top: 160px; float: none; text-align: right; } div#bottom-links a#potraviny-domu { display: block; float: left; } div#bottom-links a#zverina-praha { display: block; float: left; position: relative; left: 524px; }