html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline}
body {line-height: 1}
table {border-collapse: collapse; border-spacing: 0}
table td {vertical-align: top}

/* spolocne triedy */
.shadow {
  -moz-box-shadow: 0px 0px 30px #714E36;
  -webkit-box-shadow: 0px 0px 30px #714E36;
  box-shadow: 0px 5px 10px #654F27;
}
.rounded {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 17px;
}
.predel {height: 0px; clear: both}
.odd, .evenRow {background-color: #F9F6F1}
.highlightRow {background-color: #FFFFA3}

@font-face {
    font-family: 'EckmaDEERegular';
    src: url('ee08000d-webfont.eot');
    src: url('ee08000d-webfont.eot?#iefix') format('embedded-opentype'),
         url('ee08000d-webfont.woff') format('woff'),
         url('ee08000d-webfont.ttf') format('truetype'),
         url('ee08000d-webfont.svg#EckmaDEERegular') format('svg');
    font-weight: normal;
    font-style: normal
}

/* bezne prvky */
h1, h2, h3 {font-size: 21px; font-family: EckmaDEERegular; font-weight: normal; color: #722504; border-left: 5px solid #DD4806; padding: 10px 0 5px 5px}
h3 {height: 20px}
h3 span {color: #DD4806}
h2 {font-size: 24px; padding-bottom: 6px}
strong {font-weight: bold}
a {color: #DD4806; text-decoration: underline}
a:hover {text-decoration: none}
i, em {font-style:italic}
p {margin: 15px 0}
table td p {margin-top: 0}
img {border: 0}
fieldset {
  border: 1px solid #CDC3B7;
  padding: 9px 15px 15px 15px ;
  margin: 15px 0 0 0;
  margin: 0\9;
}

legend {
  color: #722504;
  font-weight: bold;
  padding: 0 8px;
  padding: 0 6px 6px 6px\9;
  margin: 0 0 5px 0\9;
}

/* fantasyshop */
body {background-image: url(../images/old-paper.jpg); padding-top: 5px; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#outercontainer {width: 1100px; margin: auto; padding-bottom: 10px; padding-top: 10px; border: 1px solid #DDCFB2; margin-bottom: 30px}
#innercontainer {margin-left: 10px; margin-right: 10px; padding-top: 0px; padding-bottom: 5px; border: 1px solid #DDCFB2; background: #fff url(../images/podklad.png) repeat-x}
#container {text-align: left; margin-left: 5px; margin-right: 5px; padding: 10px}

#logo {width: 200px; float: left}
#topmenu {float: left; margin-left: 13px; width: 832px; height: 100px; position: relative; margin-top: 5px}

#user-and-menu {position: relative; width: 550px; height: 100px; float: left; color: #722504}
#user form {position: relative; top: -1px}
#user .text {margin: 0; padding: 2px 4px}
#user .button {position: relative; top: 1px; margin: 0}
#user UL {position: absolute; top: 47px; left: 0}
#user LI {float: left; margin-right: 10px; list-style: none; line-height: 14px}

#menu {position: absolute; bottom: 0; left: -1px; height: 25px}
#menu UL LI {list-style: none; float: left; margin-right: 5px}

#phone {position: absolute; top: -1px; top: -9px\9; right: -1px; text-align: left; color: #722504; line-height: 2.5em\9}
#phone strong {position: absolute; right: 39px; top: 16px; top: 24px\9; font-size: 26px; font-weight: normal; color: #722504; padding-left: 40px; background: url(../images/phone.png) no-repeat}

#cart {position: absolute; bottom: -3px; right: -2px; text-align: right; line-height: 14px}
#cart strong {display: block; padding-bottom: 7px}
#cart strong span {color: #DD4806; font-size: 19px}
#cart LI {list-style: none; float: left; margin-left: 5px}

#headline {clear: both}

#left-column {float: left; width: 200px; line-height: 20px; margin-right: 15px; background: url(../images/logo-bottom.png) no-repeat}
#left-column li {padding: 3px 4px; border-bottom: 1px dotted #CDC3B7; margin-left: 25px}

#categories {padding-top: 25px}
#categories li {padding: 0}
#categories li a {display: block; padding: 4px 5px 3px 5px}
#categories li a.selected {font-weight: bold; color: #000; text-decoration: none; background: #FFFFA3}

#topten {margin: 0 0 15px 0}
#topten h3 {margin: 15px 0 5px 0}

#hladat {padding-top: 22px; text-align: right}
#hladat h3 {position: relative; top: -5px; width: 100px; float: left; text-align: left}
#hladat input {margin: 0}
#hladat .ui-button {position: relative; top: 1px; margin-left: 2px}
#hladat .checkbox {position: relative; top: 2px; *top: 0; margin: 0 0 0 5px; margin: 0 -3px 0 2px\9}
#hladat label {padding-left: 5px}
#keywords {height: 22px; width: 366px; *width: 356px; padding: 2px 6px; height: 21px\9; padding: 5px 6px 0 6px\9}

#snapoveda {display: none; clear: both; padding: 6px 10px 5px 10px; padding-top: 4px\9; border-top: 1px dotted #CDC3B7; border-bottom: 1px dotted #CDC3B7; background-color: #F9F6F1}
#snapoveda p {text-align: justify; line-height: 20px; border-top: 1px dotted #CDC3B7; margin: 5px 0 0 0; padding-top: 5px}
#snapoveda em {font-weight: bold}

#content-container {font-size: 12px; line-height: 20px}
#content {float: left; width: 832px}
#content h2 {background-color: #F9F6F1; margin: 15px 0; clear: both}
#content h2 + h3 {margin-top: 20px}
#content iframe { width: 560px; height: 349px; margin-bottom: 15px }

#footer {clear: both; background-color: #F9F6F1; border-top: 1px dotted #CDC3B7; border-bottom: 1px dotted #CDC3B7}

.column {width: 218px; float: left; font-size: 12px; line-height: 21px; padding: 20px 22px}
.column strong {display: block; padding-bottom: 3px; border-bottom: 1px dotted #CDC3B7; font-size: 16px; color: #722504; margin-bottom: 10px}
.column li {margin-left: 20px}

.products-container {text-align: right; margin: 20px -25px -15px 0; overflow: hidden}
.pagination + .products-container {margin-top: -1px}
.products-container h3 {height: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; padding-top: 0; margin: 0; border: 0}
.products-container li {list-style: none}
.product-square {width: 253px; height: 180px; _height: 200px; float: left; margin-right: 20px; text-align: left; margin-bottom: 25px; margin-left: 10px;}
.product-square-image-container {float: left; margin-right: 10px}
.product-square-image-container img {max-width: 105px; max-height: 145px}
.product-perex {display: none}
.nasecena {font-weight:bold}
.usetrite {color: red; font-size: 11px}
.discount-none {display: none}

#alternator {
  text-align: center;
  background-color: #F9F6F1;
  padding: 5px 0 4px 0;
  margin-top: 15px;
}

#alternator .arrow {
  font-family: serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}

.pagination { clear: both; margin: 15px 0 }
.pagination .current, #alternator .selected { font-weight: bold; text-decoration: none; color: #000000 }

.form-container td { padding: 0 }
td.form-column-1 { text-align: right; padding-right: 5px }
td.form-column-2 { white-space: nowrap }
td.form-column-3 { padding-left: 5px }
td.form-column-2 .text, .form-column-2 textarea { width: 130px; vertical-align: top; margin: -1px 0 4px 0; *margin: -2px 0 3px 0 }
td.form-column-2 textarea { width: 270px; height: 65px }

#article-container { text-align: justify }
#article-container fieldset { display: inline-block }
#article-container ul, #article-container ol { margin: 15px 0 }
#article-container li { margin-left: 30px }

input, textarea, select {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

input[type=text], input[type=password], textarea, select {
  border: 1px solid #CDC3B7;
  color: #000000;
  background: #FFFFFF;
  padding: 2px;
}

select { padding: 0 }

#registration input.radio, #registration input.checkbox {
  margin: 3px 0 6px 0;
  margin: 0 0 3px 0\9;
  position: relative\9;
  left: -3px\9;
}

#registration input, #registration textarea, #registration select { margin: -1px 0 4px 0; *margin: -2px 0 3px 0 }

#registration label { clear: both; float: left; text-align: right; width: 39%; margin-right: 5px }
#registration input[type=text], #registration input[type=password] { width: 170px }
#registration textarea { width: 360px; height: 80px }

#hodnotit {margin: -5px 0 0 0}
#hodnotit input.radio {margin: 2px 0; margin: -1px -3px\9; position: relative; top: 2px; *top: 0}
#hodnotit label {padding-left: 6px}

table.cart {margin-top: 5px}

table.cart td {
  vertical-align: middle;
  line-height: 16px;
  border: 1px solid #CDC3B7;
  padding: 5px 5px 3px 5px;
  border-collapse: collapse;
}

table.cart input { margin: -1px 0; *margin-bottom: -1px }
table.cart input.count { width: 25px; text-align: center; position: relative; top: -1px }
table.cart input.radio { float: left; margin: 2px 0 3px 0; margin: -1px 0 0 0\9; *margin: -2px 0 1px 0 }
table.cart .price_label { position: relative; top: 1px }

table.cart #promocode { position: relative; top: -1px; *margin: 0 }
table.cart .promocode .button { line-height: 16px; padding: 3px 10px; margin: -1px 0 1px 0; *width: 40px; *vertical-align: top }

#gift_container { padding: 0 }
#gift_container div { padding: 5px 7px; *padding: 6px 7px 4px 7px; border-top: 1px solid #CDC3B7 }
#gift_container .checkbox, #gift_container .radio { float: none; position: relative; top: 2px; *top: 0; margin-right: 2px; margin-right: -4px\9 }
#gift_container .checkbox { margin-top: -4px }
#gift_container .radio { margin-top: -2px; margin-top: -4px\9 }

h2 .small {font-size: 21px; line-height: 16px}
h2 .selected {color: #722504; text-decoration: none; cursor: default}
h2 .arrow {font-family: serif; font-weight: normal; color: #722504 !important; margin: 0 2px}

table.topic {margin-bottom: 5px}

.ui-dialog .ui-dialog-titlebar { padding: 0; margin-right: -0.6px }
.ui-dialog .ui-dialog-title { margin: 7px 8px }
.ui-dialog .ui-dialog-titlebar-close { display: none }
.ui-dialog .ui-dialog-content { display: table; font-size: 12px; line-height: 18px; margin: 5px auto 0 auto }
.ui-dialog .ui-dialog-content p { display: table-cell; height: 50px; *height: auto; vertical-align: middle; text-align: center }
.ui-dialog .ui-dialog-buttonpane { text-align: center; padding: 2px 0 0 0 !important }
.ui-dialog .ui-dialog-buttonset { float: none !important }

.ui-button, .ui-button-text {font-size: 12px; line-height: 18px; line-height: 16px\9 !important; padding-top: 5px; padding-bottom: 5px}
.ui-button-text {padding-top: 0 !important; padding-bottom: 0 !important; line-height: 16px !important}

/* docasne css len pre potreby prezentacie grafiky */
#bancont {text-align: center; background-color: #F9F6F1; color: #E9E0CD; padding: 60px}