body, form, input, select, textarea, td, th {font-family: verdana, arial, helvetica, sans-serif;}
body { text-align: center; color: #000; font-size: 70%; margin: 0 0 1em 0; padding: 0; background: #f7f7f7 url('/images/web/cms/bg-body.gif') repeat-x 0px top; }
select, textarea, th, td {font-size: 100%;}
form {margin: 0; padding: 0;}

p,table {margin: 0 0 1em 0; padding: 0;}

/*ul li {margin: 0 0 0.5em 0;}
ol li {margin: 0 0 0.5em -1.5em;}
ul li {list-style-type: none;}*/

h1 {font-size: 130%; color: #000; margin: 0 0 0.5em 0; padding: 0 0 0.4em 0;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 { font-size: 110%; color: #333333; padding: 2px 0 2px 5px; border-left: 5px solid #e32103;  }
h3 { font-size: 100%; color: #666666; }
h4 { font-size: 100%; color: #000; }

table {border-collapse: collapse;} 
td {vertical-align: top;}
a {color: #e32103; decoration: underline;}
a:hover {text-decoration: none;}  

img {border: 0;}
.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}

/* layout */
#layout, #header, #menu-header, #footer {width: 868px;}

#layout {margin: 0 auto; text-align: left;} 
div>#layout {height: auto;}

#header,
#header a#header-home {height: 192px;}
#header {background: url('/images/web/cms/bg-header.jpg') no-repeat;}
#header a#header-home {display: block;}


#content {width: 856px; margin-left: 6px; padding: 0.0em 0; float: left; background: #fff url('/images/web/cms/bg-content.gif') repeat-y center 0;}
#content-left {float: left; width: 220px; overflow: hidden;}
#content-right {float: left; width: 636px; overflow: hidden;}



/* footer */
#footer {clear: both; height: 45px; color: #000; background: url('/images/web/cms/bg-footer.gif') no-repeat center 0;}
#footer a {color: #000;}
#footer #copyright {text-align: center; padding: 15px 0 0 0;}
#footer #copyright span {color: #e32103; margin: 0 0.5em;}
#footer #copyright #rss-feed {background: url('/images/web/cms/rss-feed.gif') no-repeat left center; padding: 2px 0 2px 20px;}


/* menu header top */
#menu-header ul li,
#menu-header-top {font-weight: bold;}
#menu-header-top {float: right; margin: 10px 0 0 0;}
#menu-header-top span {color: #c92107; margin: 0 8px;}
#menu-header-top a {color: #fff; text-decoration: none;}
#menu-header-top a:hover {color: #aeadad; text-decoration: underline;}

/* menu header */
#menu-header {height: 75px; text-align: center; margin-top: 2px; background: url('/images/web/cms/bg-menu-header.gif') no-repeat 0px 0px; }
#menu-header ul {margin: 0 0 0 30px; padding: 0 0 0 0;}
#menu-header ul li {float: left; font-size: 110%; margin: 0 20px 0 0; padding: 27px 0 27px 22px; background: url('/images/web/cms/bg-menu-header-li-sep.gif') no-repeat left center; list-style-type: none; }
#menu-header ul li a {color: #fff; text-decoration: none; text-decoration: none;}
#menu-header ul li a:hover {color: #000;}
#menu-header ul li.page_first {background: none;}
#menu-header ul li#current_page a {color: #aeadad;}

/* menu left */
#menu-left {border: 1px solid #d6d6d6; margin: 0 6px 1.3em 6px; background-color: #e3e3e3;}
#menu-left ul {padding: 0; margin: 0;}
#menu-left ul li { font-size: 100%; font-weight: bold; list-style-type: none; margin: 0 0 0 0;}
#menu-left ul li a {display: block; padding: 8px 5px 8px 16px; background-image: url('/images/web/cms/bg-menu-left-arrow.gif'); background-repeat: no-repeat; background-position: 5px 13px; text-decoration: none; }
#menu-left ul li a:hover {background-color: #ededed;}

#menu-left ul li a:hover,
#menu-left ul li#menu-left-current a {color: #e32103; background-image: url('/images/web/cms/bg-menu-left-arrow-current.gif');}

#menu-left ul li a,
#menu-left ul li#menu-left-current ul li a {color: #000;}
#menu-left ul li#menu-left-current {background-color: #ededed;}

/* menu left podmenu */
#menu-left ul li#menu-left-current ul li {font-weight: normal;}
#menu-left ul li#menu-left-current ul li a {padding: 8px 5px 8px 17px; background: none;}
#menu-left ul li#menu-left-current a:hover { background-color: #fff; color: #666666; }


/* bloky */
#content-left h2 { display: block; color: #fff; font-size: 120%; margin: 0 6px; padding: 8px 8px 8px 12px; background: url('/images/web/cms/bg-content-block-h2.gif') no-repeat 0px 0px; border: none;}
.content-block {width: 208px; margin: 0 6px 1.3em 6px; background: #e3e3e3 url('/images/web/cms/bg-content-block-bottom.gif') repeat-y 0 0; }
.content-block .content-block-inner {padding: 10px 10px 5px 10px; background:  url('/images/web/cms/bg-content-block-inner.gif') no-repeat 0 bottom;  }

.block-date { text-align: right; font-size: 90%; color: #666666; margin: 0 0 1em 0;}
.content-block ul li {font-weight: bold; margin: 0 01rm 0;}


/* clanek */
/* clanek */
#main {margin: 10px 10px; text-align: left; line-height: 135%;}

/* zarovnani obr */
.vlevoobr {float: left; margin-right: 1em; margin-bottom: 0.2em;}
.vpravoobr {float: right; margin-bottom: 0.2em; margin-left: 1em;}

/* tlacitka */
#button { margin: 2em 0;}
#button #button-left {float: left;}
#button #button-left input {margin-right: 5px;}
#button #button-right {float: right;}
#button #button-right {margin-left: 5px;}

#button p#continue-shoping {clear: both; padding: 3px 0 3px 8px; background: url('/images/web/cms/bg-continue-shoping.gif') left center no-repeat; }
#button .butt-order {color: #fff; font-weight: bold; text-align: left; padding: 0 0 0 5px; height: 25px; width: 111px; background: url('/images/web/cms/bg-butt-order.gif') no-repeat center center; }

.butt01 {color: #fff; height: 21px; width: 130px; background: url('/images/web/cms/bg-butt.gif') no-repeat center center;}

/* formulare */
.table-form {}

.table-form td, .table-login td {padding: 3px;}
.table-form td span {vertical-align: top;}
.table-form td img {border: 0; margin-right: 10px; vertical-align: bottom;}
.table-form td label {display: block; text-align: right; font-size: 90%;}

input, select {font-size: 90%;}

.product-quantity, .product-quantity-foc {margin: 0 5px; width: 25px;}

.form-select {height: 19px;}

.form-text01, .form-text02, .form-text03, .form-textarea, .product-quantity, .form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .product-quantity-foc {padding: 3px 3px 0 3px; height: 16px; border-width: 1px; border-style: solid; border-color: #000;}

.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .product-quantity-foc {background-color: #feece9;}

.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 45px;}
.form-textarea, .form-textarea-foc {width: 280px; height: 100px;}


/* zvyrazneni textu */
.form-error, .error {font-weight: bold; color: #ff0000;}
.form-success {color: #009900; font-weight: bold;}
.form-required  { color: #FF0000; padding-left: 0.3em; }
.form-text-highlight { font-weight: bold; color: #FF9900; }
.form-text-information {font-weight: bold;}
.form-text-information-small {font-size: 90%;}

/* ke stazeni */
.ico-pdf {font-weight: bold; padding: 2px 0 2px 20px; background: url('/images/web/cms/ico/ico-pdf.gif') no-repeat left center; }
.ico-word { font-weight: bold; padding: 2px 0 2px 20px; background: url('/images/web/cms/ico/ico-word.gif') no-repeat left center; }


/* hromadne deklarace */
img,
.butt01,
.butt-order {border: 0;}

#cart-table,
.table-form {width: 100%;}