html {background: #FDD2FF; font-family: "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}
body {padding: 0; margin: 0; font-size: small; background: url('images/bg.gif') repeat-x 0 54px;}

.clear {clear: both;}
.hidden {display: none;}

a img {border: none;}
a {color: #555958; text-decoration: underline;}
a:hover {text-decoration: none;}

p {margin: 0;}

#all {width: 882px; margin: 0 auto;}
#top {position: relative; height: 191px; background: url('images/header.jpg') no-repeat;}
#top h1 {margin: 0; width: 300px; height: 183px;}
#top h1 span {display: none;}
#top h1 a {display: block; width: 300px; height: 183px;}
#top form {position: absolute; top: 15px; right: 65px; margin: 0; padding: 0; text-align: right; color: white;}
#top form p {margin: 0;}
#top form fieldset {margin: 0; padding: 0; border: none;}
#top form #username, #top form #password {width: 92px; height: 16px; background: #FFD1FF; border: 1px solid #5E0060;}
#top form a, #top form input.btn {height: 20px; padding: 0 2px; background: #FC8BFF; border: 1px solid #812182; color: #812182; text-decoration: underline; font-size: 85%;}
#top form #kosik {position: relative; top: 5px;}

#content {background: url('images/bg_content.gif') repeat-y center;}

#menu {height: 32px; margin: 0 15px 10px 15px; padding: 0; background: url('images/menu/menu_bg.gif') repeat-x;}
#menu ul {height: 32px; list-style: none; margin: 0; padding: 0 0 0 135px; background: url('images/menu/menu_left.gif') no-repeat left;}
#menu li {float: left; position: relative; height: 32px; padding: 0 0 0 1px; background: url('images/menu/menu_divider.gif') no-repeat left;}
#menu li span {position: absolute; top: 0; left: 1px; height: 32px;}
#menu li a {position: absolute; top: 0; left: 0; height: 32px; padding: 0 0 0 1px;}
#menu-li1 {width: 69px;}
#menu-li1 span {width: 69px; background: url('images/menu/uvod.gif') no-repeat top;}
#menu-li2 {width: 90px;}
#menu-li2 span {width: 90px; background: url('images/menu/aktuality.gif') no-repeat top;}
#menu-li3 {width: 124px;}
#menu-li3 span {width: 124px; background: url('images/menu/jak_nakupovat.gif') no-repeat top;}
#menu-li4 {width: 113px;}
#menu-li4 span {width: 113px; background: url('images/menu/nakupni_rad.gif') no-repeat top;}
#menu-li5 {width: 81px;}
#menu-li5 span {width: 81px; background: url('images/menu/dotazy.gif') no-repeat top;}
#menu-li6 {width: 92px;}
#menu-li6 a {width: 91px; padding: 0 1px !important; background: url('images/menu/menu_divider.gif') no-repeat right;}
#menu-li6 span {width: 91px; background: url('images/menu/kontakty.gif') no-repeat top;}
#menu a:hover span {background-position: bottom;}

#user-menu ul {float: left; width: 100%;}
#user-menu li {float: left; margin-left: 15px; list-style: none;}
#user-menu-admin ul {margin: 0; float: left; width: 100%;}
#user-menu-admin li {float: left; margin-left: 15px; list-style: none;}

#left {float: left; width: 166px; margin: 0 0 0 25px;}
* html #left {margin: 0 0 0 12px;}
#left a:hover {text-decoration: underline;}
#h-hracky {margin: 0; padding: 0; height: 29px; position: relative;}
#h-hracky span {position: absolute; top: 0; left: 0; height: 29px; width: 166px; background: url('images/hracky.gif') no-repeat;}
#ul-hracky {margin: 0 0 10px 0; padding: 0; list-style: none;}
#ul-hracky li {display: block; min-height: 29px; background: #FEE4FF url('images/divider.gif') no-repeat bottom center;}
* html #ul-hracky li {height: 29px;}
#ul-hracky li.last {background: rgb(254, 228, 255);}
#ul-hracky a {display: block; padding: 0 5px 0 30px; min-height: 29px; line-height: 29px; font-size: 85%; text-decoration: none; color: #555958; background: url('images/arrow_pink.gif') no-repeat 12px 11px;}
* html #ul-hracky a {height: 29px;}
#h-clanky {margin: 0; padding: 0; height: 30px; position: relative;}
#h-clanky span {position: absolute; top: 0; left: 0; height: 30px; width: 166px; background: url('images/clanky.gif') no-repeat;}
#ul-clanky {margin: 0 0 10px 0; padding: 0; list-style: none;}
#ul-clanky li {display: block; height: 29px; background: #FFE1C7 url('images/divider.gif') no-repeat bottom center;}
#ul-clanky li.last {background: #FFE1C7;}
#ul-clanky a {display: block; padding: 0 5px 0 30px; height: 29px; line-height: 29px; text-decoration: none; color: #555958; background: url('images/arrow_orange.gif') no-repeat 12px 11px;}

#center {float: left; width: 513px; margin: 3px 10px;}
#center h2 {color: #A41AA5;}
#center h2.title {height: 32px; margin: 10px 0; padding: 0 10px; color: black; line-height: 32px; background: url('images/box_narrow.gif') no-repeat;}
#center .navigation {height: 32px; margin: 10px 0; padding: 0 10px; line-height: 32px; background: url('images/box_narrow.gif') no-repeat;}
* html #center .navigation {height: 26px; padding: 3px 10px;}
#center .navigation fieldset {margin: 0; padding: 0; border: none;}
#center .cislovani {margin: 10px 0;}
#center .produkt {float: left; position: relative; width: 170px; height: 200px; margin: 0 1px 8px 0; text-align: center; background: url('images/box_product.gif') no-repeat;}
#center .produkt h3 {margin: 0; padding: 4px 2px 2px 2px; font-size: 105%; color: #9D0F9F; text-align: center; line-height: 15px;}
* html #center .produkt h3 {font-size: 100%;}
#center .produkt h3 a {color: #9D0F9F; text-decoration: none;}
#center .produkt img {margin: 0 10px;}
#center .produkt strong {float: left; padding: 0 0 0 10px;}
#center .produkt small {float: left; padding: 0 0 0 10px;}
#center .produkt a.detail, #center .produkt a.koupit {float: left; height: 27px; position: absolute; bottom: 0; color: white; text-transform: uppercase; text-decoration: none; line-height: 27px; font-weight: bold; text-align: center; background: url('images/button_product.gif') repeat-x top;}
#center .produkt a.detail:hover, #center .produkt a.koupit:hover {background: url('images/button_product.gif') repeat-x bottom;}
#center .produkt a.detail {width: 84px; left: 0;}
#center .produkt a.koupit {width: 85px; left: 85px;}
#center p.path {position: relative; height: 25px; padding: 0 10px; line-height: 25px; background: url('images/box_verynarrow.gif') no-repeat;}
#center p.path a {color: black;}
#center p.path a.right {position: absolute; top: 0; right: 10px;}
#center img.right {float: right; margin: 0 5px 5px 5px;}
#center #f-basket {position: relative; width: 210px; height: 33px; margin: 0; padding: 0;}
#center #f-basket fieldset {margin: 0; padding: 0; border: none;}
#center #f-basket legend {display: none;}
#center #f-basket label {position: absolute; top: -3px; left: 126px; font-size: 85%;}
#center #f-basket #count {position: absolute; top: 13px; left: 126px; width: 82px; height: 14px; border: 2px solid #AFAFAF; text-align: center;}
#center #f-basket a {display: block; width: 119px; height: 33px; position: absolute; top: 0; left: 0;}
#center #f-basket a span {width: 119px; height: 33px; position: absolute; top: 0; left: 0; background: url('images/button_dokosiku.gif') no-repeat top;}
#center #f-basket a:hover span {background: url('images/button_dokosiku.gif') no-repeat bottom;}
#center .price {width: 182px; height: 42px; margin: 10px 0; padding: 7px 15px; background: url('images/box_detail.gif') no-repeat;}
#center .price strong {font-size: 140%}
#center h3 {margin: 10px 0 0 0; color: #A41AA5; font-size: medium;}
#center .kosik {width: 100%; background: #D272D3; border-collapse: collapse;}
#center .kosik td, #center .kosik th {border: 1px solid white;}
#center .table {width: 100%; margin: 10px 0 0 0; background: #FDD2FF; border-collapse: collapse;}
#center .table td, #center .table th {border: 1px solid white;}
#center .table th {background: #D272D3;}
#center hr {border: 1px solid #AFAFAF;}
#center .form {}
#center .form h3 {color: black; font-size: medium; font-weight: bold;}
#center .form legend {display: none;}
#center .form fieldset {margin: 10px 0; border: none; background: #FDD2FF;}
#center .form fieldset label {float: left; width: 120px;}
#center .form fieldset label.long {float: none; width: auto;}
#center .form p {clear: left; margin: 4px 0;}
#filtrovani-form fieldset {margin: 5px 0; border: none; background: #FDD2FF;}
a#produkt-vytvorit-objednavku {display: block; background: url('images/objednavka.gif') top; width: 155px; height: 26px;}
a#produkt-vytvorit-objednavku:hover {display: block; background: url('images/objednavka.gif') bottom; width: 155px; height: 26px;}
a#produkt-vytvorit-objednavku span{display: none;}

#right {float: right; width: 132px; margin: 0 25px 0 0;}
* html #right {margin: 0 12px 0 0;}
#h-hledani {margin: 0; padding: 0; height: 29px; position: relative;}
#h-hledani span {position: absolute; top: 0; left: 0; height: 29px; width: 132px; background: url('images/hledani.gif') no-repeat;}
#form-hledani {margin: 0 0 10px 0; padding: 6px; background: #E6E1FF;}
#form-hledani fieldset {margin: 0; padding: 0; border: none;}
#form-hledani #fraze {width: 106px; height: 16px;  padding: 2px 5px; border: 2px solid #AFA2F4;}
#form-hledani .btn {float: right; margin: 5px 0 0 0; color: #1600AF; border: 1px solid #2E1AB9; background: #998DF9;}
#h-anketa {margin: 0; padding: 0; height: 32px; position: relative;}
#h-anketa span {position: absolute; top: 0; left: 0; height: 32px; width: 132px; background: url('images/anketa.gif') no-repeat;}
#anketa {margin: 0 0 10px 0; padding: 6px; background: #CFFFD9;}
#anketa p {margin: 0 0 5px 0;}
#anketa a {display: block; color: #595758; font-size: 85%;}
#h-partneri {margin: 0; padding: 0; height: 34px; position: relative;}
#h-partneri span {position: absolute; top: 0; left: 0; height: 34px; width: 132px; background: url('images/partneri.gif') no-repeat;}
#partneri {margin: 0 0 10px 0; padding: 6px; background: #EBEBEB;}
#partneri p {margin: 0; font-size: 85%;}

#bottom {position: relative; clear: both; height: 90px; margin: 0 10px 0 7px; font-size: 85%; color: #A2159F; background: url('images/bottom_shadow.gif') repeat-x top;}
#bottom a {color: #A2159F;}
#bottom #logo {position: absolute; top: 20px; left: 30px;}
#bottom #bottom-p1 {position: absolute; top: 15px; left: 150px;}
#bottom #bottom-p2 {position: absolute; top: 15px; left: 350px;}
#bottom #bottom-p3 {position: absolute; top: 15px; left: 520px;}
#bottom #moonlake {position: absolute; top: 40px; right: 20px; text-align: right;}

#barog {background-image: url('images/top_back.gif'); background-repeat: repeat-x;}
#barog ul {height: 54px; width: 100%; margin: 0; padding: 0; overflow: hidden;}
#barog li.logo img {border: none; margin: 0 0 0 10px;}
#barog li {display: block; float: left; padding: 0; margin: 27px 0 0 10px;}
#barog li.logo {margin: 0;}
a.barog {color: White; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none;}
a.barog:hover {text-decoration: underline;}