h1,h2,h3,h4,h5,h6 { color: #A64B00; margin: 1em; }
h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 130%; font-weight: bold; }
h3 { font-size: 120%; font-weight: bold; }
h4 { font-size: 120%; font-weight: normal; }
h5 { font-size: 100%; font-weight: bold; margin-left: 0; }
.cleaner { clear: both;  height: 1px; border: none; visibility: hidden; font-size: 0; margin:0; padding: 0;}
strong { font-weight: bold; }
a { color: #A64B00; }

th, td { padding: 2px 5px }

#shoppingform fieldset {
  padding: 1em;
  border: 1px solid #eee
  }
#shoppingform label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
#shoppingform input {
    margin-top: 4px;
}

html { background: #A64B00; }
body { text-align: center;  padding-bottom: 10px; }

#page, #header, #container, #footer, #mainmenu { width: 960px; position: relative;}
#page {
    position: relative;
    margin: auto; text-align: left;
    -moz-box-shadow: black 0 0 10px; -webkit-box-shadow: black 0 0 10px;
    padding: 125px 5px 0 5px;
    background: white;
}

#header { background: white url('/images/bg-header.jpg') repeat-x; height: 120px; position: absolute; top: 0;}

#mainmenu, #mainmenu .navigation li a { border: 0 solid #A64B00; }
#mainmenu { position: absolute; bottom: 0; border-bottom-width: 4px; padding-bottom: 7px; }
#mainmenu .navigation { margin-left: 120px; }
#mainmenu .navigation li { float: left; margin-left: 4px; }
#mainmenu .navigation li a { background: #FFB273; color: #A64B00; padding: 7px 10px; border-width: 1px 1px 0 1px;
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
#mainmenu .navigation li.active a,
#mainmenu .navigation li a:hover { background: #A64B00; color:#FFB273; }

#main, #content, #panel, #bar { min-height: 1px; position: relative; }
#main { float: right; }
#panel { float: left; }
#content { width: 550px; float: left;  }
#bar { float: left; margin-left: 4px; }
#panel, #bar { width: 200px; }


#panelmenu li {
		list-style: none;
		border-top: 1px solid white;
		background: #E48F6E;
		font-weight: bold;
		}
#panelmenu li ul { display: none; }
#panelmenu li.active ul { display: block; }
#panelmenu li.active > a { background:#E4A46E; }
#panelmenu ul li ul li.active > a { background:#FFCD73; }

#panelmenu ul li { background: #E4DC8D; font-weight: normal;}
#panelmenu ul li ul li { background: #EEE9B3; padding-left: 10px }
#panelmenu  a { color: #454545;  display: block;
		padding: 4px 5px 4px 15px;
		font-size: 1em;
		text-decoration: none;
		border-left: 8px solid #823314;
}
#panelmenu ul li a { border-left: 3px solid #823314; }
#panelmenu ul li ul li a { border-left: 1px solid #823314; }
#panelmenu a:hover { text-decoration: underline; }

#content .breadcrumbs,
#footer { background: #FFCD73; border-color: #FF9340; border-style: solid; border-width: 1px 0; color: #A66B00; padding: 3px 10px; margin-bottom: 5px; }

#content .breadcrumbs a,
#footer a {  color: #A66B00; }

#content .listing .product { padding: 4px; border-bottom: 1px solid #eee; }
#content .listing .product .photo { width: 120px; height: 120px; float: left; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #eee; margin-right: 5px; display: table }
#content .listing .product .photo div { display: table-cell; vertical-align: middle; text-align: center; }
#content .listing .paginator { clear: both; text-align: center; margin: 10px; }
#content .listing .product h3 { font-weight: normal; font-size: 12px; margin: 3px 0 0 0;}

.product .mainimage { background: white; }
.product .mainimage { padding: 0 0 5px 5px; float: right;  }
.product .mainimage .photo { border-width: 1px 2px 2px 1px; border-style: solid; border-color: #eee; background: inherit; padding: 3px; }
.product .mainimage .photo { min-width: 30px; min-height: 30px; }

.product-parameters table thead td,
.product-parameters table thead th,
.product-parameters table tfoot td,
.product-parameters table tfoot th,
#content .category-description,
#content .category-subcategories,
.product .product-description,
.product .product-additional { background: #F0F4C3; padding: 4px 10px; margin: 10px 0; }

.product .listprice { text-decoration: line-through; color: #999; }
.product .price { font-weight: bold; }
.product .price del { font-weight: normal; font-size: 90%; color: #777 }
.product .price strong { font-size: 130%; }

.product-parameters table { border-collapse:collapse;  }
.product-parameters table th,
.product-parameters table td { border: 1px solid #F0F4C3; background: white; padding: 2px 10px; }
.product-parameters table th { font-weight: bold;  text-align: right; vertical-align: top;  }

#content .category-subcategories dd { padding-left: 25px; font-size: 80%; }

.product .product-image-gallery { position: relative; background: #F0F4C3; padding: 3px 10px 0 10px; }
.product .product-image-gallery { /*blbci s MSIE ztrácí obsah*/ min-height:1px; }
.product .product-image-gallery-item { float: left; margin: 2px; }

#footer { padding-left: 0; padding-right: 0; margin: 10px 0; }
#footer address { margin-left: 20px; display: inline; }

.shoporder { padding: 5px 10px; background: #E4DC8D;}
.shoporder input[type="submit"] { background: #eee url('/images/glossy_ecommerce_icons/cart_add.png') 10px 4px no-repeat;  padding: 10px 10px 10px 46px; font-weight: bold; margin: 10px 20px; display: block; float: left;}
.shoporder input[type="submit"]:hover { color: #A64B00; }
.shoporder .product-icons { float: left; padding-top: 15px;}

.shoppingcart { position:relative; margin-top: 30px; margin-left: 30px; font-size: 90%; }
.shoppingcart h5 { font-weight: normal; padding-left: 30px; text-align: left; }
.shoppingcart h5 a { color: black; }
.shoppingcart .summary { padding: 4px 10px 4px 30px; background: #A64B00; color: white; }
.shoppingcart img { display: block; position: absolute; left: -30px; bottom: -6px; }

#minimenu { margin-top: 20px; }

.minihelp {
   font-size: 10px;
   color: #888;
}
.minihelp p { margin: 3px; }

#cartform tr.inactive td { color: #999; }
#cartform thead tr,
#cartform tfoot tr,
th { background: #F0F4C3; }
#cartform tfoot tr th { text-align: left; }

#logo { position: absolute; top: -3px; left: -30px; }
#container { z-index: 20; }

.barmenu { margin: 20px 0; background: #F0F4C3; text-align: center; }
.barmenu a { margin: 0; padding: 0; text-decoration: none; width: 60px; height: 48px; }
.barmenu img {padding: 0px; margin: 1px; border: 2px solid transparent; }
.barmenu img.active,
.barmenu img:hover { border-style: dotted; border-color: #A64B00; }
.barmenu h5 { padding: 3px; margin: 0 }

.message-error { border: 1px solid red;  padding: 10px 20px }

#fulltextform { position: absolute; top: 0; right:5px; padding: 4px; min-height: 24px; background: white; margin-right: 5px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-box-shadow:  2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    margin-bottom: 5px;
}

#fulltextform input
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin: 2px 4px;
    padding: 4px;
    border: solid 1px #A64B00;
    background: url('/images/bg-header.jpg') 0 -50px repeat-x;
}
#fulltextform input[type="text"]:focus
{
    background-image: none;
    background-color: white;
    border: solid 1px #A64B00;
}
#fulltextform input#fulltextform-submit { background: #FFB273; color: #A64B00; }

label.required { color: #A64B00; }
.errors { color: red; }

#messagebox { border: 1px solid #A64B00; padding: 5px 20px; }

.helpme { background: #F2F4D2; padding: 4px 10px; margin-top: 10px; }

.panel-listing { width: 100%; margin: 0; padding: 0; }
.panel-listing h4 { background: #F2F4D2; padding: 4px 0 4px 50px; position:relative; margin: 20px 0 0 0; }
.panel-listing h4 img { position:absolute; bottom: 1px; left: 10px;  }

.panel-listing .product { margin: 4px 1px; position: relative; float: left; }
.panel-listing .product .mainimage { padding: 0; float:none; }
.panel-listing .product .mainimage .photo { text-align: center; padding: 0; margin: 0; width: 60px; height: 80px; }
.panel-listing .product .mainimage .photo img { margin: 0; padding: 0}
.panel-listing .product a { text-decoration: none; }
.panel-listing .product .price { margin:0; position: absolute; bottom: 0; width: 100%; text-align: center; background: #F2F4D2;}
.panel-listing .product .price,
.panel-listing .product .price * { font-size: 10px; font-weight: normal; }