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

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

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

p {margin: 0;}
p.right {text-align: right;}

#all {position: relative; width: 970px; margin: 0 auto; background: url('images/logo.jpg') no-repeat 0 11px;}

#all #h1 {float: left; position: relative; width: 286px; height: 182px; margin: 11px 0 0 0;}
#all #h1 a {display: block; width: 286px; height: 182px;}
#all #h1 span {position: absolute; top: 0; left: 0; width: 286px; height: 182px; cursor: pointer; background: url('images/logo.jpg') no-repeat top left;}

#kosik {position: absolute; top: 0; right: 0; margin: 0; padding: 0 5px 0 0; height: 30px; color: #E577C0; font-size: 90%; line-height: 30px;}
#kosik a {color: #E577C0;}

#menu {float: left; margin: 30px 0 0 0; padding: 0; list-style: none;}
#menu li {position: relative; float: left; height: 142px;}
#menu li span {position: absolute; top: 0; left: 0; height: 142px; cursor: pointer;}
#menu-damske {width: 168px;}
#menu-damske span {width: 168px; background: url('images/tlacitka/damske.jpg') no-repeat top right;}
#menu-damske a:hover span {background: url('images/tlacitka/damske.jpg') no-repeat bottom right;}
#menu-panske {width: 172px;}
#menu-panske span {width: 172px; background: url('images/tlacitka/panske.jpg') no-repeat top;}
#menu-panske a:hover span {background: url('images/tlacitka/panske.jpg') no-repeat bottom;}
#menu-detske {width: 172px;}
#menu-detske span {width: 172px; background: url('images/tlacitka/detske.jpg') no-repeat top;}
#menu-detske a:hover span {background: url('images/tlacitka/detske.jpg') no-repeat bottom;}
#menu-pro-vsechny {width: 170px;}
#menu-pro-vsechny span {width: 170px; background: url('images/tlacitka/pro_vsechny.jpg') no-repeat top;}
#menu-pro-vsechny a:hover span {background: url('images/tlacitka/pro_vsechny.jpg') no-repeat bottom;}

#content {background: url('images/menu_bg.gif') repeat-y -71px;}

#left {float: left; width: 185px; padding: 0 10px 20px 0;}
#left h3 {margin: 0; padding: 10px 0 5px 20px; text-transform: uppercase; color: #BF0082; font-size: 120%; font-weight: bold;}
#left h3 a {color: #BF0082; text-decoration: none;}
#left h3.divider {background: url('images/divider_strong.gif') no-repeat top left;}
#left ul {margin: 0; padding: 0 0 0 20px; list-style: none;}
#left ul a {display: block; padding: 8px 10px 8px 25px; color: black; text-decoration: none; border-top: 1px solid #D5D5D5;}
* html #left ul a {height: 15px;}
#left ul .first a {border-top: none;}
#left ul ul a {border-top: 1px solid #D5D5D5 !important;}
#left ul a:hover {background: #BF0082; color: white;}
#left p {margin: 3px 0; padding: 0 0 0 20px;}
#left fieldset {margin: 0; padding: 0 13px 10px 0; border: none;}
#left label {display: block;}
#left legend {display: none;}
#left input {width: 155px; height: 18px; border: 1px solid #DBB9DA; background: #EEEEEE;}
#left input.btn {width: auto; height: auto;}
#left button#hledej {width: 64px; height: 22px; text-indent: -10000px; cursor: pointer; background: url('images/tlacitka/hledej.gif') no-repeat top; border: none;}
#left button#hledej:hover {background: url('images/tlacitka/hledej.gif') no-repeat bottom;}

#right {float: right; width: 760px; padding: 0 0 20px 0;}
#right h2 {margin: 5px 0; padding: 5px 15px; color: #BE0083; font-size: x-large; font-weight: normal;}
#right h2 a {color: #BE0083; text-decoration: none;}
#right h3, #right h4 {margin: 0; padding: 5px 0 0 15px;}
#right p {padding: 5px 0 5px 15px;}
#right fieldset {border: none; margin: 0; padding: 0;}
#right legend {display: none;}
#right input, #right textarea {border: 1px solid #DCB9DA; background: #EEEEEE;}
#right fieldset label {float: left; width: 100px;}
#right fieldset p {clear: left;}
#right fieldset p.classic label {float: none; width: auto;}
#right #vyhledavani {float: left; width: 419px; height: 79px; padding: 10px 25px; background: url('images/search_bin_bg.jpg') no-repeat left;}
#right #vyhledavani p {padding: 0;}
#right #vyhledavani label {float: none; width: auto;}
#right #vyhledavani fieldset {margin: 0; padding: 0; border: none;}
#right #vyhledavani h4 {margin: 0 0 5px 0; padding: 0; color: #BE0083; font-weight: bold; font-size: 105%;}
#right #vyhledavani input {width: 300px; height: 18px; border: 1px solid #DBB9DA; background: #EEEEEE;}
#right #vyhledavani button#hledej {position: relative; top: 2px; width: 64px; height: 22px; text-indent: -10000px; cursor: pointer; background: url('images/tlacitka/hledej.gif') no-repeat top; border: none;}
*+html #right #vyhledavani button#hledej {margin: 0 0 0 5px; top: 0;}
* html #right #vyhledavani button#hledej {margin: 0 0 0 5px; top: 0;}
#right #vyhledavani button#hledej:hover {background: url('images/tlacitka/hledej.gif') no-repeat bottom;}
#right #vyhledavani a {color: #BE0083; font-size: 90%;}
#right #nakupni-kosik {position: relative; float: left; width: 215px; height: 79px; padding: 10px 25px; background: url('images/search_bin_bg.jpg') no-repeat right;}
#right #nakupni-kosik h4 {margin: 0 0 5px 0; padding: 0; color: #BE0083; font-weight: bold; font-size: 105%;}
#right #nakupni-kosik p {padding: 0;}
#right #nakupni-kosik a {position: absolute; top: 25px; right: 30px; width: 50px; height: 50px;}
#right #nakupni-kosik a span {display: none;}
#right #nav {padding: 5px 15px; font-size: 90%; color: #BE0083;}
#right #nav a {text-decoration: none; color: #BE0083;}
#right #nav a:hover {text-decoration: underline;}
#right .produkty {padding: 5px 0 5px 15px;}
#right .produkt {float: left; width: 215px; height: 200px; margin: 10px 0 0 0; padding: 10px; text-align: center; border-right: 2px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;}
#right .produkty .right {border-right: none;}
#right .produkt h3 {margin: 0; padding: 0;}
#right .produkt h3 a {text-decoration: none; color: #BE0083;}
#right .produkt p {padding: 0;}
#right ul.order {height: 20px; margin: 10px 15px; padding: 0; list-style: none;}
#right ul.order li {float: left; padding: 0 10px 0 0;}
#right ul.order li a {padding: 5px;}
#right ul.order li.active a {color: white; background: #C90099;}

.product {position: relative;}
.product .desc {color: #BF0081; font-weight: bold;}
.product .images {float: right;}
.product .detail {position: relative; width: 417px; height: 83px; padding: 25px 10px 0 10px; background: url('images/detail_box.gif') no-repeat top left;}
.product .detail .cena {font-size: 175%; font-weight: bold;}
.product .detail .cena strong {font-size: 120%;}
.product .detail form {position: absolute; top: 25px; right: 15px; width: 180px;}
.product .detail form p {clear: none;}
.product .detail fieldset {border: none; margin: 0; padding: 0;}
.product .detail legend {display: none;}
.product .detail fieldset label {float: none; width: auto !important;}
.product .detail input.btn {border: none !important; background: none !important; padding: 0; color: #BF0081; font-weight: bold; border-bottom: 1px solid #BF0081 !important;}
.product .detail button {width: 111px; height: 27px; border: none; text-indent: -1000px; cursor: pointer; background: url('images/do_kosiku.gif') no-repeat bottom;}
.product .detail button:hover {background: url('images/do_kosiku.gif') no-repeat top;}
.product a {color: #BF0081; font-weight: bold;}

.table {margin: 10px 0 10px 15px; border-collapse: collapse;}
.table th {color: white; background: #404040; padding: 2px 5px;}
.table td {background: #F5F5F5; padding: 1px 3px;}

ul.errors {margin: 5px 10px; padding: 0; list-style: none;}
ul.errors li {display: inline; padding: 5px; color: white; background: red;}
input.tlacitko-objednavka, #submit_next {padding: 5px; cursor: pointer; color: white; font-weight: bold; background: #C90099 !important;}

div.hlaska-ok, #message { color: #49a80b;  background: #dbeece; border: 1px solid #308a05; padding: 6px 0; position: relative; margin-bottom: 8px; }
div.hlaska-ok strong, #message strong { font-weight: bold; margin-left: 40px; }
div.hlaska-ok span, #message span { width: 28px; height: 28px; position: absolute; left: 0; top: 0; _top: 1px; background: white url(images/hlaska-ok.gif); }
div.hlaska-ok a, #message a { padding: 0 5px 1px 5px; color: #565656; font-weight: normal; border: 1px solid #a6cc8e; background: white; position: absolute; right: 0; top: 5px; margin-right: 5px; _margin-right: 26px;  }
div.hlaska-ok a:hover, #message a:hover { background: #a6cc8e; color: black; border: 1px solid #a6cc8e; }

div.hlaska-err { color: #c71919;  background: #f8d3d3; border: 1px solid #c92626; padding: 6px 0; position: relative; margin-bottom: 8px; }
div.hlaska-err strong { font-weight: bold; margin-left: 40px; }
div.hlaska-err span { width: 28px; height: 28px; position: absolute; left: 0; top: 0; _top: 1px; background: white url(images/hlaska-err.gif); }
div.hlaska-err a { padding: 0 5px 1px 5px; color: #565656; font-weight: normal; border: 1px solid #efabab; background: white; position: absolute; right: 0; top: 5px; margin-right: 5px; _margin-right: 26px;  }
div.hlaska-err a:hover { background: #efabab; color: black; border: 1px solid #efabab; }
div.hlaska-err ul { margin-left: 40px; margin-top: 10px; }
div.hlaska-err ul li em { color: black; margin-right: 20px; }

div.hlaska-warn { color: #e96e00;  background: #ffe1c6; border: 1px solid #e96e00; padding: 6px 0; position: relative; margin-bottom: 8px; }
div.hlaska-warn strong { font-weight: bold; margin-left: 40px; }
div.hlaska-warn span { width: 28px; height: 28px; position: absolute; left: 0; top: 0; _top: 1px; background: white url(images/hlaska-warn.gif); }
div.hlaska-warn a { padding: 0 5px 1px 5px; color: #565656; font-weight: normal; border: 1px solid #f3b984; background: white; position: absolute; right: 0; top: 5px; margin-right: 5px; _margin-right: 26px;  }
div.hlaska-warn a:hover { background: #f3b984; color: black; border: 1px solid #f3b984; }

#bottom {clear: both; padding: 0 10px 15px 10px; color: white; font-size: 90%; background: #404040; border-top: 5px solid #AEAEAE;}
*+html #bottom {padding: 0 10px 15px 10px;}
* html #bottom {padding: 0 10px 15px 10px;}
#bottom div {position: relative; width: 970px; margin: 0 auto; padding: 5px 0 0 0;}
#bottom a {color: white;}
#bottom #copy {position: absolute; top: 0; right: 50px; padding: 2px 10px; color: #404040; font-size: 90%; background: #AEAEAE;}