html, body { font-family: Georgia, "Times New Roman"; background: #FFB517 url('../img/bg.jpg') center left repeat fixed; }

/* Stránka */
#wrapper { width: 907px; margin: 20px auto; position: relative; }
#wrapper .top { background: url('../img/bg_page_top.png') no-repeat; height: 4px; width: 100%; }
#wrapper .bottom { background: url('../img/bg_page_bottom.png') no-repeat; height: 4px; width: 100%; }
#page { background: url('../img/bg_page.png') repeat-y;  padding: 24px 4px 0 4px; }
#page-ie6 { background: #FFF; }

/* Hlavička */
#header { background: #5A311F url('../img/bg_header.gif') top left no-repeat; height: 64px; color: #FFF; position: relative; }
#header .logo { float: right; }
#header .seaclay { position: absolute; left: 24px; top: -15px; }

/* Patička */
#footer p { padding: 6px 20px; color: #FFF; font-size: 0.8em; margin: 0; text-align: center; }
#footer a { color: #FFF; }

/* Menu */
#menu { float: left; width: 246px; background: url('../img/bg_menu_border.gif') top right no-repeat; margin-top: 32px; margin-bottom: 24px; min-height: 304px; }
#menu ul { list-style-type: none; padding: 0; }
#menu ul.basket a { color: #1D53A3; }
#menu li { width: 245px; }
#menu li a span { color: #1D53A3; }
#menu a { text-decoration: none; display: block; padding: 14px 4px 14px 24px; }
#menu ul ul a { padding: 10px 12px 6px 38px; font-size: 0.7em; color: #1D53A3; }
#menu a.selected { background: url('../img/bg_menu_sel.gif') no-repeat; color: #000; }
#menu a:hover { text-decoration: underline; }

/* Obsah */
#content { float: right; width: 600px; padding: 24px; line-height: 160%; font-size: 0.9em; margin-top: 8px; }
#bottom { background: url('../img/bg_content_bottom.gif') no-repeat; height: 7px; clear: both; }

a { color: #5A311F; }
a img { vertical-align: bottom; }
a:hover { text-decoration: none; }

hr { display: none; }

h1 { background: url('../img/title.gif') center left no-repeat; padding-left: 16px; color: #5A311F; font-size: 1.4em; font-weight: normal; margin-bottom: 0.9em; }
h2 { font-size: 1.3em; font-weight: normal; margin-top: 0.9em; margin-bottom: 0.9em; text-decoration: underline; }
h3 { font-size: 1.1em; margin: 0.9em 0; color: #9F0000; font-weight: normal; }

small { font-size: 0.7em; }

p { margin: 20px 0px; }
p.red { color: #1D53A3; }
p.done, p.done a { color: #009F00; }
p.center { text-align: center; }
p.right { text-align: right; }
p.info { margin-top: 0; font-size: 0.8em; }

p span.big { font-size: 110%; font-weight: bold; }

img.right { float: right; margin-left: 15px; }
img.left { float: left; margin-right: 15px; }

blockquote { font-style: italic; }

dt { font-weight: bold; }
dl dd { margin-bottom: 20px; }
dl.addresses dd { margin-bottom: 0; }
dl dd:last-child { margin-bottom: 0; }
dl.addresses dt { margin-top: 0.9em; }
dl.addresses dt:first-child { margin-top: 0; }

ul.products { list-style-type: none; padding: 0;  }
ul.products li { width: 190px; height: 240px;  float: left; margin: 0 8px 8px 0; }
ul.products li.nom { margin-right: 0; }
ul.products li h2 { text-decoration: none; font-size: 1em; font-weight: bold; }
ul.products li table { width: 100%; border: 1px solid transparent; }
ul.products li a:hover table { border: 1px solid #EFE32D; }
ul.products li a:hover table, ul.products li a:hover td.price { /*background-color: #EFE32D; */color: #000; }
ul.products li td { text-align: center; vertical-align: center; }
ul.products li td.image { height: 120px; padding-top: 8px; }
ul.products li td.price { background-color: #5A311F; color: #FFF; padding: 4px; }

table.list { width: 100%; margin-top: 12px; }
table.list thead th { text-align: left; background-color: #5A311F; color: #FFF; }
table.list .price, table.list .stock, table.list .qty{ text-align: right; }
table.list thead tr th { padding: 4px 8px; }
table.list tbody tr td { padding: 2px 8px; vertical-align: middle; }
table.list .discount { color: #DC0000; }

ul { list-style-type: square; padding-left: 20px; }
ul.errors { color: #DC0000; }

label { display: block; margin-top: 10px; }
label.required:after { content: " *"; color: #D00; font-weight: bold; }
span.required { color: #D00; font-weight: bold; }
input[type=submit] { padding: 4px 12px; display: block; margin-top: 10px; }
input, textarea, select	 { padding: 2px; font-family: Georgia, "Times New Roman"; font-size: 1em; }
textarea { width: 550px; }
th { vertical-align: top; }
th label { margin-top: 2px; text-align: left; }
fieldset { border: 1px solid #CCC; margin-top: 12px; }
legend { margin: 0 12px; padding: 0 4px; }
fieldset table { margin: 16px; }
fieldset table th { text-align: left; padding-right: 8px; }
fieldset p { margin: 12px 16px; }
fieldset label { margin-right: 10px; }
form.basket input[name=price] { border: none; background: transparent; color: #9F0000; }

.clear { clear: both; }

.butterfly1 { position: absolute; width: 89px; height: 93px; top: 650px; left: -40px; background: url('../img/bf.png') no-repeat; z-index: 10; }
.butterfly2 { position: absolute; width: 87px; height: 83px; top: 100px; left: 850px; background: url('../img/bf2.png') no-repeat; z-index: 10; }