html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em arial, sans-serif;
  background: #EEE;
  color: #5D5D5D;}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;
  text-align:justify;}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6
{ font: bold 179% arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}

h2
{ font: bold 145% arial, sans-serif;
  color: #B12600;}

h3
{ font: bold 125% arial, sans-serif;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: bold 120% arial, sans-serif;
  color: #B12600;}

h5, h6
{ font: bold 95% arial, sans-serif;
  color: #888;}

h6
{ color: #362C20;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #447E27;} /*#40D8FE*/

a:hover
{ text-decoration: none;
  color: #5D5D5D;}

blockquote
{ margin: 20px 0;
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px; padding-left:20px; }

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0;
  padding: 0 0 4px 5px;}

ol
{ margin: 8px 0 22px 20px; padding-left:20px; }

ol li
{ margin: 0 0 11px 0;}

#main, #logo, #menubar, #content_header, #site_content, #content_footer, #footer
{ margin-left: auto;
  margin-right: auto;}

#main
{ padding-bottom: 20px;}

#header
{ background: #6F655F url(layout/header.jpg) center top repeat;
  height: 270px;
  border-bottom: 1px solid #FFF;}
#header .inner { width:928px; margin:0 auto; position:relative; }
#logo
{ position:absolute;
  top:55px; left:15px; }

#logo h1, #logo h2
{ font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0; padding:0;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
{ color: #FFF;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #447E27;}

#logo h1 img { vertical-align:middle; }


#logo_text a:hover .logo_colour
{ color: #FFF;}

#logo_text h1, #logo_text h2
{ font-size: 100%;
  padding: 8px 0 0 0;
  color:#FFF582; text-transform:uppercase;
  font-weight: bold;}

#menubar
{ height: 36px;
  width: 910px;
  position:absolute;
  left:0; top:147px;}

ul#menu
{ float: right;
  margin: 0;
  padding: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 1px;
  list-style: none;
  margin: 3px 7px 0 0;
  background: transparent url(layout/tab.png) no-repeat 0 0;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', arial, sans-serif;
  display: block;
  float: left;
  height: 20px;
  padding: 7px 15px 4px 9px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent url(layout/tab.png) no-repeat 100% 0;
  position:relative; left:5px; }

ul#menu li.active, ul#menu li.p-active
{ margin: 3px 7px 0 0;
  background: transparent url(layout/tab_selected.png) no-repeat 0 0;}

ul#menu li.active a, ul#menu li.active a:hover,
ul#menu li.p-active a, ul#menu li.p-active a:hover
{ background: transparent url(layout/tab_selected.png) no-repeat 100% 0;
  color: #111;}

ul#menu li a:hover
{ color: #88BC1F;}

ul#menu li.shop-cart-link a {
    padding: 7px 12px 4px 6px;
}

#content_header, #content_footer
{ width: 928px;
  background: url(layout/content_header.png) no-repeat;
  height: 15px;
  margin-top: -90px;}

#content_footer
{ background: url(layout/content_footer.png) no-repeat;
  margin-top: 0;}

#site_content
{ width: 878px;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0 10px 20px 40px;
  background: #fbfbfb;}

#sidebar_container
{ float: right;
  width: 224px;
  padding: 10px 15px 20px 0;}

.sidebar {
    margin: 0 0 16px 0;
    background: #EEE;
    padding: 15px;
    border-radius: 15px;
}

.sidebar h3
{ padding: 0;}

.sidebar ul
{ width: 178px;
  padding: 0 0 0 25px;
  margin: 0 0 0 0;}

.sidebar li
{ /*list-style: none;*/
  padding: 0 0 6px 0;margin: 0; }

.sidebar li a, .sidebar li a:hover
{ padding: 0 0 0 0;
  /*display: block;
  background: transparent url(layout/bullet.png) no-repeat 8px center;*/}

.sidebar li a.active, .sidebar li a.p-active
{ color: #444;
  text-decoration: none;}

#content
{ float:left;
  text-align: left;
  width: 613px;
  padding: 0;}

#content ul
{ margin: 2px 0 22px 0;}

#content ul li
{ /*list-style-type: none;
  background: url(layout/bullet.png) no-repeat;*/
  margin: 0 0 0 0;
  padding: 0 0 4px 0;
  line-height: 1.5em;}

#footer
{ width: 916px;
  font: normal 90% 'trebuchet ms', arial, sans-serif;
  height: 28px;
  padding: 20px 0 5px 0;
  text-align: center;
  background: transparent;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.1em;}

#footer div { padding: 0 0 5px 0;}

#footer a { color: #888; text-decoration: none;}

#footer a:hover { color: #000; text-decoration: none; }

.search
{ color: #555;
  border: 1px solid #DDD;
  width: 134px;
  padding: 5px;}

form
{ margin: 15px 0 0 0;}

form fieldset { border:none; margin:0; padding:0; }

form p
{ padding: 0 0 4px 0;}

form label
{ float: left;
  width: 200px;
  text-align: left;
  height:28px; line-height:28px; vertical-align:middle;
}
form label.checkbox { margin:0 0 10px 200px; cursor:pointer; height:28px; line-height:28px; width:auto; float:none; }
form img.code { margin-left:200px; }

form input.text, form textarea, form select
{ padding: 5px;
  width: 299px;
  font: 100% arial;
  border: 1px solid #E5E5DB;
  background: #FFF;
  color: #47433F;
  margin:0 4px 10px 0; }
form p.description { margin:-5px 0 10px 200px; font-style:italic; }
form input.narrow { width:80px; }
form input.medium { width:150px; }
form legend { margin-bottom:10px; font-weight:bold; }
form legend label.checkbox { font-weight:normal; margin:0 0 0 10px; }
form select { height:28px; }

form.buy { margin:0; }
form.buy input.text { width:40px; }
form.buy input.submit { margin:0 0 0 5px; }

form .submit
{ font: 100% arial;
  border: 0;
  width: 99px;
  margin: 0 0 0 200px;
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer;
  background: #3B3B3B;
  color: #FFF;}

form textarea, form select
{ font: 100% arial;
  width: 299px;}
form textarea { width:390px; }
form select
{ width: 310px;}

form input.checkbox
{ margin: 4px 0;
  padding: 0;
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}

table
{ margin: 10px 0 30px 0; border-spacing:0; width:100%; }

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}

table tr td, table tbody tr th, table tfoot tr th
{ background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;}

/* dodelane styly */
.breadcrumbs em { font-style:normal; }
dl dt { font-weight:bold; display:block; float:left; margin-right:5px; }
dl dd { display:block; margin-left:55px; }
.product-main-card { position:relative; }
.product-main-card .solo-viewer { display:block; float:left; width:212px; margin:0 20px 20px 0; }
.product-main-card a.solo-viewer img { vertical-align:middle; }
.product-main-card form.buy { position:absolute; top:12px; right:0; border:none; padding:0; background:transparent; }
.product-main-card dl { width:275px; float:left; }
.product-main-card dl dt, .product-main-card dl dd { font-weight:normal; height:32px; line-height:32px; vertical-align:middle; }
.product-main-card dl dd.gray, .product-main-card dl dt.gray { background-color:#F4F4F4; }
.product-main-card dl dd.flag { text-align:left; padding-left:16px; }
.product-main-card dl dd.flag strong { color:#E10606; }
.product-main-card dl dd { text-align:right; margin:0; padding:0 16px 0 0; overflow:hidden; }
.product-main-card dl dt { padding:0 8px 0 16px; margin:0; }
.product-main-card dl.price dt, .product-main-card dl.price dd { font-weight:bold; }
.price-with-tax { color:#E10606; }
dd.price-with-tax { font-size:133.4%; line-height:24px; vertical-align:middle; font-weight:bold; }
.product-main-card div.description { clear:left; }
div.discussion p.head { border-bottom:1px solid #E5E5DB; padding-bottom:8px; margin-bottom:8px; }

#content .article.preview { position:relative; padding-left:300px; height:210px; overflow:hidden; margin-bottom:25px; }
#content .article.preview a.icon { position:absolute; top:0; left:0; }
#content .article.preview p.more { text-align:right; position:absolute; bottom:0; right:0; background-color:#fff; padding:3px 0 0; }
#content .article.preview h3 { padding-top:0; width:250px; }
#content .article.preview em.datum { position:absolute; top:0; right:0; font-style:normal; }

.sidebar .article.preview p.more,
.sidebar .article.preview em.datum { display:none; }
.sidebar .article.preview a.icon img { width:192px; }

div.sort { padding:0; margin:0 0 8px 0; color:#55524F; font-size:91.67%; float:left; width:100%; }
div.sort strong, div.sort a { float:left; display:block; height:15px; line-height:15px; vertical-align:middle; }
div.sort strong, div.sort a.txt { height:30px; line-height:30px; }
div.sort a { display:block; float:left; color:#55524f; text-decoration:none; background-color:#fff; padding:7px 0 8px 0; }
div.sort a img { vertical-align:middle; }
div.sort a.txt { margin-left:10px; padding:0 8px 0 10px; }
div.sort a.desc { padding-left:4px; padding-right:10px; }

div.catalogue-row { clear:left; margin-bottom:9px; }
div.catalogue-row div.karta { border:1px solid #EEE; background-color:#fff; float:left; width:278px; margin:0 13px 13px 0; padding:0 10px 40px 10px; overflow:hidden; text-align:center; position:relative; }
div.catalogue-row div.karta.last { margin-right:0; }
div.catalogue-row div.karta h3 { text-align:center; }
div.catalogue-row div.karta div.price { position:absolute; bottom:1px; right:1px; left:1px; height:35px; width:148px; padding-right:148px; background-color:#EEE; }
div.catalogue-row div.karta div.price strong { color:#E10606; font-size:116.67%; height:35px; line-height:35px; vertical-align:middle; }
div.catalogue-row div.karta p.more { position:absolute; bottom:1px; right:1px; width:150px; text-align:center; height:35px; line-height:35px; vertical-align:middle; padding:0; }

.clear { display:block; width:100%; height:0; line-height:0; font-size:0; clear:left; }

div.comment { border:1px solid #EEE; padding:5px 15px 30px 15px; background-color:#fff; margin-bottom:3px; position:relative; }
div.comment small { position:absolute; top:5px; right:15px; font-size:100%; }
div.comment p.under { position:absolute; bottom:5px; right:15px; margin:0; background-color:#fff; padding-left:15px; padding-bottom:0; }
div.comment p.body { padding:0; margin:0; text-align:justify; }
div.comment.auth-user i.administrator { color:#aaa; font-style: normal; font-size: 80%; }

#cart-content table input.text { width:40px; margin:0; }
#cart-content .submit { margin-left:10px; }
#cart-content table select { width:180px; }

#content img { max-width:613px; }
#content div.image { background-color:#EEE; text-align:center; padding:15px 15px 10px; margin-bottom:15px; }
#content div.image img { max-width:580px; display:block; margin-bottom:5px; }
#content div.image p { padding:0; text-align:center; }

.gallery a.thumb { margin:0 10px 15px 0; text-decoration:none; display:block; float:left; }
.gallery a.thumb img { border:8px solid #eee; }
.gallery h3 { position:relative; margin-bottom:0; }
.gallery h3 a { font-weight:bold; }
.gallery h3 em { position:absolute; right:0; top:15px; font-size:12px; line-height:19px; vertical-align:middle; }
.gallery p.show_link, .gallery p.autor { text-align:right; }

.sidebar h3 a { text-decoration:none; color:#43423F; }
.sidebar h3 a:hover { text-decoration:underline; color:#447E27; }

.sidebar img { max-width:192px; }
.sidebar .karta img { width:192px; }
.sidebar .karta dl dt { line-height:24px; vertical-align:middle; }
.sidebar .karta p.more { padding-bottom:0; text-align:right; margin-top:-24px; }

p.mapa { width:250px; float:right; position:relative; top:-55px; text-align:center; }
p.mapa a { text-decoration:none; color:#43423F; }
p.mapa a:hover { text-decoration:underline; }
h3.kontakt{ width:100%; clear: both; }
p.paging { padding-bottom:0; }

.odkazy { position:relative; padding:0 0 0 150px; min-height:125px; margin-bottom:15px; }
.odkazy h3 { padding-top:0; margin-bottom:5px; }
.odkazy p { padding-bottom:0; }
.odkazy img { width:125px; height:auto; position:absolute; top:0; left:0; }

.inv { display:none !important; }

.block1x3 { float:left; width:33%; }
.block1x2 { float:left; width:50%; }

.discussion { clear:left; width:613px; }

span.movie { display:none; }

p.message { color:#00008B; font-weight:bold; background-color:#aaefff; padding:10px 20px; border-radius:10px; margin-bottom:10px; }
p.error { color:red; font-weight:bold; background-color:#ffdddd; padding:10px 20px; border-radius:10px; margin-bottom:10px; }

div.fb-page { display:block; }
#footer div.fb-like { padding: 0; vertical-align: middle; }

.plain-box {
  text-align:center;
  margin-bottom: 24px;
}

.button {
  display: inline-block;
  background: #14b1ef 50%;
  color: #fff;
  transition-duration: 300ms;
  border: 2px solid #14b1ef;
  border-radius: 3px;
  text-decoration: none;
  padding: .7em 1em;
  font-weight: bold;
}

.button:hover {
  background: #fff;
  color: #43423F;
}