body { background: #0e0f12; font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; margin: 0; text-align: center; }

p, ul, ol, li { margin: 0; padding: 0; }
li { list-style: none; }

hr,
.noscreen,legend { display: none; }

fieldset {border: 0;}

.col1 { float: left; width: 50%; }
.col2 { float: right; width: 50%; }

#page {  font-size: 90%; background: url('images/back.png') repeat-x left top; width: 800px; min-height: 510px; _height: 510px; margin: 25px auto; text-align: left; position: relative; padding-top: 200px; }
#page .corner { position: absolute; right: 0; top: 0; background: url('images/right-corner.png') no-repeat; width: 12px; height: 11px;   }



/*************** hlavicka ***********j*l*/
#header { background:  url('images/header.png') no-repeat; width: 379px; height: 136px; position: absolute; left: 0; top: 0; }
#header h1 { width: 235px; height: 95px; position: absolute; left: 25px; top: 35px; overflow: hidden; font-size: 120%; color: #fff; font-weight: normal; margin: 0; }
#header h1 a { color: white; }
#header h1 a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('images/header.png') no-repeat -25px -35px; cursor: hand; cursor: pointer; }


/*************** menu ***********j*l*/
#menu { position: absolute; top: 152px; left: 25px; }
#menu li { position: relative; float: left; display: inline; margin-right: 2px; }
#menu li a { position: relative; height: 35px; line-height: 35px; float: left; background: #262831; color: #fff; overflow: hidden; text-align: center; }
#menu li a:hover { background: #c80001; }
#menu li a span { background: url('images/menu.png') no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: hand; cursor: pointer; }

#menu li.uvod a { width: 55px; }
#menu li.uvod a span { background-position: 0px 0px; }
#menu li.uvod a:hover span, #menu li.uvod a.active span { background-position: 0px -35px; }

#menu li.nabidka a { width: 73px; }
#menu li.nabidka a span { background-position: -55px 0px; }
#menu li.nabidka a:hover span, #menu li.nabidka a.active span { background-position: -55px -35px; }

#menu li.poptavka a { width: 82px; }
#menu li.poptavka a span { background-position: -128px 0px; }
#menu li.poptavka a:hover span, #menu li.poptavka a.active span { background-position: -128px -35px; }

#menu li.kontakt a { width: 68px; }
#menu li.kontakt a span { background-position: -210px 0px; }
#menu li.kontakt a:hover span, #menu li.kontakt a.active span { background-position: -210px -35px; }

#menu li.nahradni-dily a { width: 104px; }
#menu li.nahradni-dily a span { background-position: -278px 0px; }
#menu li.nahradni-dily a:hover span, #menu li.nahradni-dily a.active span { background-position: -278px -35px; }

#menu .submenu {background:#BE0004;display:none;position:absolute;left:0;top:100%;width:130px;z-index:1000;padding:4px;}
#menu .submenu li {float:none;background:#ffea51;color:#000;line-height:normal;height:auto;margin:0;}
#menu .submenu li a {line-height:normal;height:auto;background:none;display:block;float:right;width:120px;text-align:left;padding:3px 5px 3px 5px;}
#menu .submenu li a:hover {background:#A00000;}
#menu li.nabidka:hover .submenu,#menu li.nahradni-dily:hover .submenu {display:block;}


/*************** obsah ***********j*l*/
#content { color: #c8c8c8; padding: 0 25px 25px 25px; line-height: 1.6em; text-align: justify; }
#content h1 { color: #78797a; font-size: 150%; font-weight: normal; background: url('images/heading.gif') repeat-x left bottom; padding-bottom: 15px; _float: left; _width: 100%; _margin-bottom: 15px; }
#content h2 { color: #fff; font-size: 110%; font-weight: bold; }
#content a { color: #13a7ec; }
#content a:hover { color: #1090cc; }


/*************** galerie ***********j*l*/
#gallery { width: 304px; height: 180px; position: absolute; right: 25px; top: 25px; background: #a00000 url('images/back-gallery.png') repeat-x left bottom; }
#gallery img { display: none; position: absolute; left: 0; top: 0; }
#gallery div.active img { display: block; }
#gallery h3 { margin: 0; position: absolute; left: -30px; width: 30px; height: 33px; cursor: hand; cursor: pointer; overflow: hidden; font-size: 85%; font-weight: normal; text-align: center; line-height: 33px; }
#gallery div.active h3 { background: #a00000; }
#gallery h3.i1 { top: 0; }
#gallery h3.i2 { top: 36px; }
#gallery h3.i3 { top: 72px; }
#gallery h3.i4 { top: 108px; }
#gallery h3.i5 { top: 144px; }

#gallery h3 span { background: url('images/menu-gallery.png') no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#gallery h3.i1 span { background-position: 0px 0px; }
#gallery h3.i2 span { background-position: 0px -36px; }
#gallery h3.i3 span { background-position: 0px -72px; }
#gallery h3.i4 span { background-position: 0px -108px; }
#gallery h3.i5 span { background-position: 0px -144px; }

#gallery div.active h3.i1 span { background-position: -30px 0px; }
#gallery div.active h3.i2 span { background-position: -30px -36px; }
#gallery div.active h3.i3 span { background-position: -30px -72px; }
#gallery div.active h3.i4 span { background-position: -30px -108px; }
#gallery div.active h3.i5 span { background-position: -30px -144px; }

/*************** paticka ***********j*l*/
#footer { padding: 25px; font-size: 85%; color: #646464; }
#footer a { color: #646464; }
#footer a:hover { color: #7a7a7a; }
#footer .col2 { text-align: right; }

table {color: #979797;width:100%; font-size:90%; border-collapse:collapse; margin-top:10px;}
table a {color: #fff !important;}
table td,
table.compare th {padding:2px 8px;}
table td.rate {background-color: transparent;}
table td.avatar {text-align: center; padding: 6px 8px 6px 0;vertical-align: top;}
table td.avatar img { max-width: 105px; max-height: 94px; _width: 105px; }

.even td { background: #1F2129; }