@import 'common.css';
@import 'tomas.css';

.outofstock .button {text-align:right; padding-top:20px;}

#body { background: #ffffff url(../images/layout/body-background.png) repeat-y scroll center -8px; margin: 0px 0px;padding: 0px 0px; }

#body button.submit { background: #B7B7B7 url(../images/layout/search-button.gif) no-repeat scroll left top; width: 41px; height: 25px; border: 0; cursor: pointer; }

#body input.text { padding: 3px 0 2px 0; background: #ffffff; border-bottom: #b4b4b4 solid 1px; border-top: #dddddd solid 1px; border-left: #dddddd solid 1px; }

#container a { color:#000; text-decoration:underline;}
#container a:hover { color:#000; text-decoration:none; }

#body h1#logo,
.fake-h1 { font-size: 1em; height: 47px; top: 60px; left: 45px; position: relative; }

#body h1#logo a span,
.fake-h1 a span { background: transparent url(../images/layout/logo.png) no-repeat scroll center top; top: 0px; left: 0px; position: absolute; display: block; width: 268px; height: 47px; }

#container { width: 980px; margin: auto; position: relative; background: transparent url(../images/layout/container-background.gif) repeat-y scroll center top; }

#head { position: relative; height: 255px; background: transparent url(../images/layout/header-background.png) no-repeat scroll center top; }
#head span.motto strong{ color: #feca00; font-weight: normal; }
#head span.motto { position: absolute; top: 45px; left: 35px; font-size: 1.6em !important; color: #b1b3b4; font-style: italic; font-weight: 100;}

#head #cart { background: transparent url(../images/layout/cart-background.png) repeat-y scroll center top; position: absolute; right: 0px; top: 0px; width: 240px; height: 165px;}

/*#head #cart dl{ margin-left: 72px; margin-top: 75px;}
#head #cart dl dd { font-size: 1.1em; font-weight: bold; color: #bbbcbd;}
#head #cart dl dt a { font-size: .8em; color: #000000;}*/
#head #cart a {  font-size: .8em; color: #000000; text-decoration:none; width:240px; height:165px; display:block; }
#head #cart a span { display:block; }
#head #cart a span.kos { padding-left: 72px; padding-top: 75px; font-size: 1.1em; text-decoration:none; }
#head #cart a span.cena { padding-left: 72px; color:#000000; text-decoration:underline; padding-top:5px; }
#head #cart a:hover span.cena { text-decoration:none; }



hr.separate {height:0px; border:none; visibility:hidden; display:block; clear:both;}

/* ----- CONTENT -----*/

#content { overflow: hidden; width: 980px;}

#content #articlea-contact-form form ul li {width:100%; overflow:hidden;}
#content #product-contact-form {width:315px; overflow:hidden; float:left; clear:left;}

#content .left-column { float: left; width: 240px;}

#login-panel { background: transparent url(../images/layout/login-background.gif) no-repeat scroll left top; width: 240px; padding-top: 20px; padding-bottom:10px;}
#login-panel p.user { margin: 0 0 0 40px; padding: 0 0 0 40px; background: transparent url(../images/layout/user-ico.gif) no-repeat scroll left center;}
#login-panel p.user strong { color: #b1b3b4; font-size: 1.1em;}
#login-panel p.user a { color:#000000; font-size:.8em;}
#login-panel p.user-action { margin: 15px 0 0 40px; padding: 10px 0 10px 40px; background: transparent url(../images/layout/user-logout-ico.gif) no-repeat scroll left center;}
#login-panel p.user-action a { color: #e95d0f; font-size: .8em;}
#login-panel { /*height:120px; padding:15px 0px;*/ }
#login-panel strong { color:#B1B3B4; }
#login-panel form {padding-bottom:5px;}
#login-panel form input {width:142px;}
#login-panel form strong { padding-left:90px; }
#login-panel ul li { margin:5px 5px 5px 40px; }
#login-panel ul li label { font-size:0.7em; font-weight:bold; }
#login-panel .button button { width:100px; height:22px; border:#b2b2b2 solid 1px; margin:5px 0 5px 80px; background:transparent url(../images/layout/cart-detail-button.gif) repeat-x; }
#login-panel .registration {font-size:.8em;padding-left:30px;}
#login-panel .registration a {color:#7D7D7D;}

#categories h2 { font-size: 1.4em; width: 210px; height: 28px; background: url("../images/layout/categories-head.gif") scroll no-repeat left top; margin-bottom: 1px; color: #b1b3b4; padding: 5px 0 0 10px;}

#categories { position: relative; padding: 0 0 5px 20px; margin-bottom: 20px;}

#categories .corner-bottom { position: absolute; bottom: -10px; left: 20px; width: 231px; height: 10px; background:  url("../images/layout/categories-bottom-background.gif") scroll no-repeat left top;}

#categories .corner-right {z-index:10; position: absolute; bottom: 0px; right: -11px; width: 11px; height: 166px; background:  url("../images/layout/categories-right-background.gif") scroll no-repeat left top; }

#categories a {border-bottom:1px dotted #D7D7D7; font-size: .9em; line-height: 38px; vertical-align: middle; padding-left: 50px; width: 170px; height: 38px; display: block; color: #1a171b; text-decoration: none; font-weight: bold; /*border-bottom: #d7d7d7 dotted 1px;*/}

#categories a:focus,
#categories a:hover { color: #e95d0f;}

#categories #cat-1 { background: #D7D7D7 url("../images/categories/1.png") scroll no-repeat left bottom; }
#categories .selected #cat-1 {background-position:right top; color:#fff;}
#categories #cat-2 { background: #D7D7D7 url("../images/categories/2.png") scroll no-repeat left bottom; }
#categories #cat-3 { background: #D7D7D7 url("../images/categories/3.png") scroll no-repeat left bottom; }
#categories #cat-4 { background: #D7D7D7 url("../images/categories/4.png") scroll no-repeat left bottom; }
#categories #cat-5 { background: #D7D7D7 url("../images/categories/5.png") scroll no-repeat left bottom; }
#categories #cat-6 { background: #D7D7D7 url("../images/categories/6.png") scroll no-repeat left bottom; }
#categories #cat-7 { background: #D7D7D7 url("../images/categories/7.png") scroll no-repeat left bottom; }
#categories #cat-8 { background: #D7D7D7 url("../images/categories/8.png") scroll no-repeat left bottom; }
#categories #cat-9 { background: #D7D7D7 url("../images/categories/9.png") scroll no-repeat left bottom; }
#categories #cat-10 { background: #D7D7D7 url("../images/categories/10.png") scroll no-repeat left bottom; }
#categories #cat-11 { background: #D7D7D7 url("../images/categories/11.png") scroll no-repeat left bottom; }
#categories #cat-12 { background: #D7D7D7 url("../images/categories/12.png") scroll no-repeat left bottom; }
#categories #cat-13 { background: #D7D7D7 url("../images/categories/13.png") scroll no-repeat left bottom; }
#categories #cat-14 { background: #D7D7D7 url("../images/categories/14.png") scroll no-repeat left bottom; }
#categories #cat-15 { background: #D7D7D7 url("../images/categories/15.png") scroll no-repeat left bottom; }
#categories #cat-16 { background: #D7D7D7 url("../images/categories/16.png") scroll no-repeat left bottom; }
#categories #cat-17 { background: #D7D7D7 url("../images/categories/17.png") scroll no-repeat left bottom; }
#categories #cat-18 { background: #D7D7D7 url("../images/categories/18.png") scroll no-repeat left bottom; }
#categories #cat-19 { background: #D7D7D7 url("../images/categories/19.png") scroll no-repeat left bottom; }
#categories #cat-20 { background: #D7D7D7 url("../images/categories/20.png") scroll no-repeat left bottom; }
#categories #cat-21 { background: #D7D7D7 url("../images/categories/21.png") scroll no-repeat left bottom; }
#categories #cat-22 { background: #D7D7D7 url("../images/categories/22.png") scroll no-repeat left bottom; }
#categories #cat-23 { background: #D7D7D7 url("../images/categories/23.png") scroll no-repeat left bottom; }
#categories #cat-24 { background: #D7D7D7 url("../images/categories/24.png") scroll no-repeat left bottom; }
#categories #cat-25 { background: #D7D7D7 url("../images/categories/25.png") scroll no-repeat left bottom; }
#categories #cat-29 { background: #D7D7D7 url("../images/categories/29.png") scroll no-repeat left bottom; }
#categories #cat-32 { background: #D7D7D7 url("../images/categories/32.png") scroll no-repeat left bottom; }
#categories #cat-33 { background: #D7D7D7 url("../images/categories/33.png") scroll no-repeat left bottom; }

#categories .selected {border: none;}
#categories .selected #cat-2,
#categories .selected #cat-3,
#categories .selected #cat-4,
#categories .selected #cat-5,
#categories .selected #cat-6,
#categories .selected #cat-7,
#categories .selected #cat-8,
#categories .selected #cat-9,
#categories .selected #cat-10,
#categories .selected #cat-11,
#categories .selected #cat-12,
#categories .selected #cat-13,
#categories .selected #cat-14,
#categories .selected #cat-15,
#categories .selected #cat-16,
#categories .selected #cat-17,
#categories .selected #cat-18,
#categories .selected #cat-19,
#categories .selected #cat-20,
#categories .selected #cat-21,
#categories .selected #cat-22,
#categories .selected #cat-23,
#categories .selected #cat-24,
#categories .selected #cat-25,
#categories .selected #cat-29,
#categories .selected #cat-32,
#categories .selected #cat-33 { background-position:right bottom; color:#fff; }

#content .right-column .spec-dec {padding-bottom:125px;}
#content .right-column.product1 .spec-dec {background:url("../images/layout/bg-categories/product1.gif") scroll no-repeat center center;}
#content .right-column.product2 .spec-dec {background:url("../images/layout/bg-categories/product2.gif") scroll no-repeat center center;}
#content .right-column.product3 .spec-dec {background:url("../images/layout/bg-categories/product3.gif") scroll no-repeat center center;}
#content .right-column.product4 .spec-dec {background:url("../images/layout/bg-categories/product4.gif") scroll no-repeat center center;}
#content .right-column.product5 .spec-dec {background:url("../images/layout/bg-categories/product5.gif") scroll no-repeat center center;}
#content .right-column.product6 .spec-dec {background:url("../images/layout/bg-categories/product6.gif") scroll no-repeat center center;}
#content .right-column.product7 .spec-dec {background:url("../images/layout/bg-categories/product7.gif") scroll no-repeat center center;}
#content .right-column.product8 .spec-dec {background:url("../images/layout/bg-categories/product8.gif") scroll no-repeat center center;}
#content .right-column.product9 .spec-dec {background:url("../images/layout/bg-categories/product9.gif") scroll no-repeat center center;}
#content .right-column.product10 .spec-dec {background:url("../images/layout/bg-categories/product10.gif") scroll no-repeat center center;}
#content .right-column.product11 .spec-dec {background:url("../images/layout/bg-categories/product11.gif") scroll no-repeat center center;}
#content .right-column.product12 .spec-dec {background:url("../images/layout/bg-categories/product12.gif") scroll no-repeat center center;}
#content .right-column.product13 .spec-dec {background:url("../images/layout/bg-categories/product13.gif") scroll no-repeat center center;}
#content .right-column.product14 .spec-dec {background:url("../images/layout/bg-categories/product14.gif") scroll no-repeat center center;}
#content .right-column.product15 .spec-dec {background:url("../images/layout/bg-categories/product15.gif") scroll no-repeat center center;}
#content .right-column.product16 .spec-dec {background:url("../images/layout/bg-categories/product16.gif") scroll no-repeat center center;}
#content .right-column.product17 .spec-dec {background:url("../images/layout/bg-categories/product17.gif") scroll no-repeat center center;}
#content .right-column.product18 .spec-dec {background:url("../images/layout/bg-categories/product18.gif") scroll no-repeat center center;}
#content .right-column.product19 .spec-dec {background:url("../images/layout/bg-categories/product19.gif") scroll no-repeat center center;}
#content .right-column.product20 .spec-dec {background:url("../images/layout/bg-categories/product20.gif") scroll no-repeat center center;}
#content .right-column.product21 .spec-dec {background:url("../images/layout/bg-categories/product21.gif") scroll no-repeat center center;}
#content .right-column.product22 .spec-dec {background:url("../images/layout/bg-categories/product22.gif") scroll no-repeat center center;}
#content .right-column.product23 .spec-dec {background:url("../images/layout/bg-categories/product23.gif") scroll no-repeat center center;}
#content .right-column.product24 .spec-dec {background:url("../images/layout/bg-categories/product24.gif") scroll no-repeat center center;}
#content .right-column.product25 .spec-dec {background:url("../images/layout/bg-categories/product25.gif") scroll no-repeat center center;}
#content .right-column.product29 .spec-dec {background:url("../images/layout/bg-categories/product29.gif") scroll no-repeat center center;}
#content .right-column.product32 .spec-dec {background:url("../images/layout/bg-categories/product32.gif") scroll no-repeat center center;}
#content .right-column.product33 .spec-dec {background:url("../images/layout/bg-categories/product33.gif") scroll no-repeat center center;}

#content .right-column.novinky .spec-dec {background:url("../images/layout/bg-novinky.png") scroll no-repeat center center;}
#content .right-column.sortiment .spec-dec {background:url("../images/layout/bg-sortiment.png") scroll no-repeat center center;}
#content .right-column.ceniky .spec-dec {background:url("../images/layout/bg-cenik.png") scroll no-repeat center center;}
#content .right-column.katalogy .spec-dec {background:url("../images/layout/bg-katalogy.png") scroll no-repeat center center;}
#content .right-column.navody .spec-dec {background:url("../images/layout/bg-navody.png") scroll no-repeat center center;}
#content .right-column.auto-info .spec-dec {background:url("../images/layout/bg-auto-info.png") scroll no-repeat center center;}
#content .right-column.akce .spec-dec {background:url("../images/layout/bg-akce.png") scroll no-repeat center center;}
#content .right-column.obchodni-podminky .spec-dec {background:url("../images/layout/bg-obchodni-podminky.png") scroll no-repeat center center;}
#content .right-column.reklamacni-rad .spec-dec {background:url("../images/layout/bg-reklamace.png") scroll no-repeat center center;}
#content .right-column.o-spolecnosti .spec-dec {background:url("../images/layout/bg-o-spolecnosti.png") scroll no-repeat center center;}
#content .right-column.kontakty .spec-dec {background:url("../images/layout/bg-kontakty.png") scroll no-repeat center center;}
#content .right-column.jak-nakupovat .spec-dec {background:url("../images/layout/bg-jak-nakupovat.png") scroll no-repeat center center;}

#categories ul.subcategory li { line-height: 26px; vertical-align: middle; margin: 0; border:none;}
#categories ul.subcategory li a { margin: 0; padding-left: 65px; font-size: .8em; font-weight: normal; width: 155px; color: #000; height: 26px; line-height: 26px; vertical-align: middle; background: #ffffff url(../images/layout/list-image.gif) scroll no-repeat 50px center;}
#categories ul.subcategory li a:hover { color: #e95d0f;}
#categories ul.subcategory li a.current { color: #000; background: url(../images/categories/bg-sub-selected.gif) no-repeat 206px center #feb302 !important; border:1px solid #d0d0d0; border-left:none; border-right:none;}

#elta { margin-left: 30px; font-size: .8em; color: #7d7d7d; widht:198px; text-align:center; padding-bottom:13px; border:1px solid #c8c8c8;}
#elta strong {display:block; height:31px; line-height:31px; color:#000; background-color:#c8c8c8;}
#elta img { margin-top: 15px;}


#content .right-column { background: transparent url(../images/layout/right-column-background.gif) no-repeat scroll left top; padding: 20px 40px 0px 30px; float: right; width: 670px; font-size:0.9em; }
#content li {position:relative; overflow: hidden;}

#navigation { font-size: .8em; display: block; border-bottom: #c8c8c8 solid 1px; padding-bottom: 15px; margin-bottom: 20px;}
#navigation, #navigation a { color: #333333;}
#navigation strong { font-weight: normal; color: #e95d0f;}


/* ----- CONTENT -----*/

#product dd input.text,
#products-table td input.text { height:14px; border: #dddddd solid 1px; background: #ffffff; /*position: absolute;*/ font-size: .9em; font-weight: bold; padding: 2px; width: 30px; right: 25px; float:left;}

#product dd button.submit,
#products-table td button.submit { /*position: absolute;*/ right: 10px; width: 25px; height: 20px; border: 0; background: #B7B7B7 url(../images/layout/basket-icon.gif) no-repeat scroll center center;}

#cart-detail table,
#products-table table { background:url(../images/layout/cart-detail-th-background.png) scroll repeat-x left top; margin-left:-5px; margin-right:0px; margin-top:10px; font-size:.8em; text-align:left;}

#cart-detail table a, #products-table table a{ color: #000000;}
#cart-detail table thead tr th,
#products-table table thead tr th{ border-top: #dddddd solid 1px; border-bottom: #dddddd solid 1px; padding-left: 5px; padding-top: 7px; padding-bottom: 7px; font-size: .9em;}
#cart-detail table tbody,
#products-table table tbody { background: none; margin-left: 5px; margin-right: 5px;}
#cart-detail table tbody tr td,
#products-table table tbody tr td { border-bottom: #dddddd solid 1px; }

#content .right-column .side-space { width: 5px; padding: 0; border: none;}

.pagination,
.products-table .pagination,
.products-table .items-count { margin-top: 15px; font-size: .8em; }

.pagination li,
.pagination li a,
.products-table .pagination li,
.products-table .pagination li a,
.products-table .items-count li,
.products-table .items-count li a { display: inline; float: none; color: #7f7f7f; }

.products-table .pagination li span.select,
.products-table .items-count span.select { color: #e95d0f;}

.products-table .pagination li a:hover,
.products-table .items-count li a:hover { text-decoration: none; color: #e95d0f; }

/* MILAN */
#cart-detail table,
#products-table table { background:none; margin-left:-5px; margin-right:0px; margin-top:10px; font-size:.8em; text-align:left; }
#cart-detail table thead,
#products-table table thead { padding:3px; }
#cart-detail table thead tr,
#products-table table thead tr { /*border:#dddddd solid 1px;*/ padding:2px; }
#cart-detail table thead tr th,
#products-table table thead tr th { background:url(../images/layout/cart-detail-th-background.png) scroll repeat-x left top; margin-left:-5px; margin-right:0px; margin-top:10px; font-size:1em; text-align:left; padding-left:5px; padding-right:5px; }


/* ----- CONTENT-CART -----*/

#content .right-column .cart-h1 {position:relative;}
#content .right-column .cart-h1 span.smaller { color: #000000; font-size: .55em; margin-left: 5px; font-weight: normal;}
#content .kosik span.reduce {color:#999; float:right; padding:0px 50px 10px 0px; font-size:0.75em; position:absolute; bottom: 0px; right:0px;}
#content .kosik span.reduce strong {color: #FEBD24; font-size:1.3em;}

#content .right-column .cart-h1 { padding-top: 10px; /*height: 23px;*/ height: 40px; background: url(../images/layout/cart-ico.gif) scroll no-repeat right top;}

#cart-detail table tbody tr td form input.text { background: #ffffff; border: #dddddd solid 1px; font-size: .9em; padding: 2px; margin-top: 3px; margin-bottom: 2px;}
#cart-detail table tbody tr td { padding-left: 5px;}
#cart-detail table tbody tr td.product-code { width: 100px; padding-left: 0;}
#cart-detail table tbody tr td.product-name { width: 110px;}
#cart-detail table tbody tr td.product-count { width: 80px;}
#cart-detail table tbody tr td.product-remove { width: 30px;}
#cart-detail table tbody tr td.product-price { width: 95px;}
#cart-detail table tbody tr td.product-charge { width: 105px;}
#cart-detail table tbody tr td.product-price-without-wat {}
#cart-detail table tfoot tr td { border-top: #dddddd double 4px; border-bottom: #dddddd solid 1px; font-size: 1.2em; padding-top: 5px; padding-bottom: 5px; text-align: center;}
#cart-detail table tfoot tr td strong { margin-left: 5px;}
#cart-detail table tfoot tr td.sum-info strong {float:left;}
#cart-detail table tfoot tr td.sum-info span {width: 250px; float: left; text-align: right; display: block;}
#cart-detail table tfoot tr td button { font-size:.9em; margin-left: -5px;}
#cart-detail table tbody tr td input { margin-top: 3px; margin-bottom: 3px; border: #dddddd solid 1px;width: 5em;}
#cart-detail table tbody tr td input.delete { margin-top: 0px; margin-bottom: 0px; border: none; width: auto;}

#cart-detail button,
#cart-detail a.add-another-product { background: url(../images/layout/cart-detail-button.gif) repeat-x scroll center bottom; border: #b2b2b2 solid 1px; height: 23px; padding-bottom: 2px;}

#cart-detail button.order-button,
#cart-detail a.add-another-product { display: block; margin-top: 10px; float: right; font-size: .8em;}
#cart-detail button.order-button { margin-right:5px; background: url(../images/layout/order-submit-button.gif) repeat-x scroll center bottom; border: #a1642c solid 1px; font-weight: bold;}
#cart-detail a.add-another-product { padding-top: 3px; padding-left: 7px; padding-right:7px; padding-bottom:3px; height: auto; margin-right: 10px; color: #000000; text-decoration: none;}
/* ----- /CONTENT-CART -----*/

/* ----- CONTENT-TABLE */

/*#content .right-column .table-h1 { padding-bottom: 10px; margin-right: 50px; height: 29px; background: url(../images/layout/bulb.gif) scroll no-repeat right top;}*/
#products-table { width: 675px;}
#products-table table .lower {color:#999;}
#products-table table{ width: 100%;}
#products-table fieldset { font-size: .75em; border: 0;margin: 0; padding: 0;}
#products-table fieldset span { line-height: 20px; vertical-align: middle; float: left; padding-right: 5px;}
#products-table form label {padding-right: 5px;}
.products-table li, .products-table ul { float: left;}

#products-table  tbody tr td.product-price form input,#products-table  tbody tr td.product-price form button { position: static;}
#products-table tbody tr td { vertical-align: middle; padding:10px 5px;}
#products-table thead tr th.product-name  { padding-left: 5px; min-width:200px;}
#products-table tbody tr td.product-name { padding-left: 5px; width: 100px;}
#products-table tbody { border-bottom: #dddddd double 4px;}
#products-table tbody tr td form { position: relative; width: 61px; overflow:hidden;}
#products-table tbody tr td input.text { left: 0px; bottom: 0px; width: 30px; padding-top: 2px; padding-bottom: 2px;}

#products-table tbody tr td button.submit { left: 37px; bottom: 0px;}
#products-table table thead tr th{ padding-bottom: 7px;}
#products-table thead tr th a,#products-table table tbody tr th a.asc { background: url(../images/layout/arrows-asc.gif) scroll no-repeat right center; text-decoration: none; padding-right: 20px;}
#products-table thead tr th a.default {padding-left:10px;}
#products-table thead tr th a:hover { text-decoration: underline;}
#products-table  thead tr th a.selected { text-decoration: underline;}
#products-table  thead tr th a.desc { background: url(../images/layout/arrows-desc.gif) scroll no-repeat right center;}
.products-table .items-count { float: right; margin-right: 15px;}
/* ----- /CONTENT-TABLE */

/* ----- CONTENT-ARTICLE -----*/

#article { overflow: hidden; width: 660px; margin-right: 50px; font-size: .8em; line-height: 1.4em;}
#article .action_back { clear: both; margin-top: 25px; }
#article img { float: left; padding-right: 15px;}
#article p.intro { padding-top: 15px; padding-bottom: 40px; font-weight: bold;}
#article-contact-form { /*padding-top: 20px; border-top: #c8c8c8 solid 1px;*/ margin-right: 50px;}
#article-contact-form strong { color: #febd24; font-size: 1.3em;}
#article-contact-form label,
#product-contact-form label { text-align: right; padding-right: 5px; font-size: .8em; width: 55px; display: block; float: left; clear: left; margin-top: 10px;}
#article-contact-form input,
#article-contact-form textarea,
#article-contact-form button,
#product-contact-form input,
#product-contact-form textarea,
#product-contact-form button { background: #ffffff; border: #b2b2b2 solid 1px; margin-bottom: 10px; width: 220px;}
#article-contact-form button,
#product-contact-form button { margin-left: 60px; background: url(../images/layout/button.gif) scroll repeat-x left top; padding-left: 6px; width: 98px; text-align: left; color: #646464;}
#article-contact-form textarea { width: 325px; margin:0px 0px;}
#product-contact-form textarea { width: 250px;margin: 0px 0px;}
/* ----- /CONTENT-ARTICLE -----*/

#product {  }
#product p{ padding-top: 10px; padding-bottom: 20px; font-size: .8em; line-height: 1.5em;}
#product dl { border-bottom: #c8c8c8 double 4px; padding-bottom: 2px; width: 320px; overflow: hidden; font-size: .8em; float: right;}
#product dt { padding-left: 10px; border-top: #c8c8c8 solid 1px; line-height: 22px; vertical-align: middle;}
#product dd { font-weight: bold; padding-right: 8px; margin-top: -20px; float: right; clear: right; position: relative;}

#product .left {width:49%; float:left;}
#product .right {width:49%; float:right;}
#product .other-information {width:310px; padding:10px 0px 10px 10px; clear:right; border-bottom:4px double #C8C8C8;}
#product .other-information p {padding:0px 0px;}

#product-images { overflow: hidden; width: 315px; float:left;}
#product-images img { float: left; padding-bottom:20px;}
#product-images img.current { float: left;}

#product-watchdog {width: 310px; float: right; clear: right; position:relative;}
#product-watchdog p { margin-top: 10px; line-height: 2em;}
#product-watchdog form { margin-top: -10px;}
#product-watchdog label { color: #7d7d7d; font-size: .8em; line-height: 23px; vertical-align: middle; /*position: absolute; left: 0px; bottom: -25px;*/ float:left; padding-right:5px;}
#product-watchdog input.text { /*position: absolute;*/ height:18px; width: 190px; /*left: 75px; bottom: -20px;*/ float:left;}
#product-watchdog button.submit.logged { background: url(../images/layout/cart-detail-button.gif) repeat-x scroll center bottom; border: #b2b2b2 solid 1px; height: 23px; padding-bottom: 2px; width: auto;}

/* ----- /CONTENT-DETAIL -----*/

#intro { background: #eeeeee url(../images/layout/intro-background.gif) repeat-x scroll left top; border: #dddddd solid 1px;}
#intro h1,
#intro h2 { padding: 15px 30px 10px 30px; border: #ffffff solid 2px; font-size: 1.8em; border-bottom: 0px; color: #feb302; margin: 0;}
#intro h1 { font-size:1.5em; }
#intro p { padding: 0 30px 20px 30px; /*font-weight: bold;*/ font-size: .9em; line-height: 1.3em; /*border: #ffffff solid 2px; border-top: 0;*/}

a.more { color: #000000; font-weight: bold; font-size: .8em;}
a.more span { font-size: .6em;}

#news { margin-left: 10px;}
#news h2{ margin: 25px 0 10px 0; border-bottom: #c8c8c8 solid 1px; padding-bottom: 3px; color: #feb302; font-size: 1.5em}
#news p{ color: #333333; line-height: 1.4em; /*font-size: .9em;*/ margin-bottom: 15px;}
#news h3 { font-weight: 800; font-size: .9em; margin-bottom: 5px;}
#news h3 a { color: #e95d0f; font-weight: bold; /*font-size: .9em;*/}

#ofers { margin-left: 10px;}
.ofer-item  { width: 598px; border: #c8c8c8 dotted 1px; overflow: hidden; padding: 10px 40px 15px 10px; margin-bottom: 20px;}
#ofers h2{ margin: 35px 0 14px 0; border-bottom: #c8c8c8 solid 1px; padding-bottom: 3px; color: #feb302; font-size: 1.3em}
.ofer-item .image { display: block; padding-top: 10px; width: 212px; float: left; text-align: center;}
.ofer-item .info { /*margin-left: 185px;*/ color: #000000; font-size: 1em; padding-bottom: 8px;}
.products-table .ofer-item .info {width:380px; float:left;}
.ofer-item .info .more { font-size: .8em; font-weight:normal; }
.ofer-item h3 { /*margin-left: 185px;*/ font-weight: bold; font-size: .9em; color: #e95d0f;}
#container .ofer-item h3 a { color: #e95d0f; text-decoration:underline; } /*** Milan - upraveno ***/
.ofer-item a.more { display: block; /*margin-left: 185px;*/ font-size: 0.75em; color: #e95d0f; font-weight: bold;}

/* ----- /CONTENT-DETAIL */

/* ----- /CONTENT -----*/

#menu-search-panel { background: transparent url(../images/layout/menu-background.gif) no-repeat scroll left bottom; width: 980px; height: 90px; position: absolute; top: 165px;}
#menu-search-panel #search {  width: 240px;  height: 70px;  padding-top: 20px;  position: absolute;  right: 0px;  top: 0px;}
#menu-search-panel #search .text { position:absolute; left: 0px; top: 21px; width: 170px;}
#menu-search-panel #search .submit { position: absolute; top: 20px; left: 172px; }
/*#menu-search-panel #search .submit span { position: absolute; top: 0px; left: 0px; background:#b7b7b7; }*/
#menu-search-panel #search a{ position: absolute; font-size: .8em; color: #7d7d7d; display: block; top: 57px;}

#menu { background: transparent url(../images/layout/submenu-background.gif) no-repeat scroll left bottom; height: 71px; display: block; float: left; position: relative; margin-top: 10px; margin-left: 20px;}
#menu span.corner { background: url(../images/layout/submenu-background.gif) no-repeat scroll right bottom; border-right: #ffffff solid 1px; position: absolute; bottom: 0px; right: 0px; width: 5px; height: 30px;}
#menu ul.menu { list-style: none;}
#menu ul.menu li {float: left;}
#menu ul.menu li a { background: url(../images/layout/menu-item.gif) scroll no-repeat right top; font-size: .9em; height: 31px; text-decoration: none; color: #000000; display: block; padding: 10px 12px 0 0; margin-right: 1px;}
#menu ul.menu li a:hover { text-decoration: underline;}
#menu ul.menu li a span { display: block; height: 41px; margin-top: -10px; float: left; padding-left: 15px; background: url(../images/layout/menu-item.gif) scroll no-repeat left top;}
#menu ul.menu li a.current { margin-left: 5px; height: 58px; margin-bottom: -39px; background: url(../images/layout/menu-item-current.gif) scroll no-repeat right top;}
#menu ul.menu li a.current span{ margin-left: -5px; height: 68px; margin-bottom: -39px; background: url(../images/layout/menu-item-current.gif) scroll no-repeat left top;}
#menu ul.submenu { position: absolute; left: 0px; top: 40px; list-style: none;}
#menu ul.submenu li a { background: none !important; float: left; display: inline; padding: 0 0 0 15px !important; color: black; font-size: .8em; line-height: 30px; vertical-align: middle; text-decoration: underline;}
#menu ul.submenu li.selected { background: none !important; float: left; display: inline; padding: 0 0 0 15px !important; color: black; font-size: .8em; line-height: 30px; vertical-align: middle; text-decoration:none;}/*** Milan - pridano ***/
#menu ul.submenu li a:hover { text-decoration: none;}

#foot { background: url(../images/layout/foot-background.png) scroll no-repeat center top; height: 95px; /*padding: 0 200px 0 200px;*/ padding-bottom: 50px; position: relative; margin: auto; width: 980px;}
#foot p { padding-top: 15px; margin-right: 25px; margin-left: 30px; font-size: .8em; color: #7d7d7d; line-height: 1.8em; float: left;}
#foot p a { color: #7d7d7d;}
#foot img { margin-top: 10px; margin-left: 10px;}

#mascot { display: block; background: url(../images/layout/mascot.png) scroll no-repeat center top; width: 92px; height: 171px; position: absolute; right: -15px; top: -77px;}

.hidden { position: absolute; top: -10000px; left: -10000px;}

.display-none { display: none;}

#content .right-column h1.line {padding-bottom:5px; background:url(../images/layout/bg-line.gif) repeat-x bottom left;}
#content .right-column h1 span {display:block;background: url(../images/layout/table-head-background-art.gif) scroll no-repeat right 200px; height:29px; padding-bottom:10px;}
#content .right-column.novinky h1 span {background-position: right 0px;}
#content .right-column.sortiment h1 span {background-position: right -80px;}
#content .right-column.ceniky h1 span {background-position: right -120px;}
#content .right-column.katalogy h1 span {background-position: right -160px;}
#content .right-column.navody h1 span {background-position: right -200px;}
#content .right-column.auto-info h1 span {background-position: right -240px;}
#content .right-column.akce h1 span {background-position: right -280px;}
#content .right-column.obchodni-podminky h1 span {background-position: right -320px;}
#content .right-column.reklamacni-rad h1 span {background-position: right -360px;}
#content .right-column.o-spolecnosti h1 span {background-position: right -400px;}
#content .right-column.kontakty h1 span {background-position: right -440px;}
#content .right-column.jak-nakupovat h1 span {background-position: right -480px;}

#content .right-column h1.table-h1.line {padding-bottom:5px; background:url(../images/layout/bg-line.gif) repeat-x bottom left;}
#content .right-column h1.table-h1 span { display:block; padding-bottom: 10px; margin-right: 0px; height: 29px; background: url(../images/layout/table-head-background.png) scroll no-repeat right top;}
#content .right-column h1.cat-1 span {background-position: right top;}
#content .right-column h1.cat-2 span {background-position: right -40px;}
#content .right-column h1.cat-3 span {background-position: right -80px;}
#content .right-column h1.cat-4 span {background-position: right -120px;}
#content .right-column h1.cat-5 span {background-position: right -160px;}
#content .right-column h1.cat-6 span {background-position: right -200px;}
#content .right-column h1.cat-7 span {background-position: right -240px;}
#content .right-column h1.cat-8 span {background-position: right -280px;}
#content .right-column h1.cat-9 span {background-position: right -320px;}
#content .right-column h1.cat-10 span {background-position: right -360px;}
#content .right-column h1.cat-11 span {background-position: right -400px;}
#content .right-column h1.cat-12 span {background-position: right -440px;}
#content .right-column h1.cat-13 span {background-position: right -480px;}
#content .right-column h1.cat-14 span {background-position: right -520px;}
#content .right-column h1.cat-15 span {background-position: right -560px;}
#content .right-column h1.cat-16 span {background-position: right -600px;}
#content .right-column h1.cat-17 span {background-position: right -640px;}
#content .right-column h1.cat-18 span {background-position: right -680px;}
#content .right-column h1.cat-19 span {background-position: right -720px;}
#content .right-column h1.cat-20 span {background-position: right -760px;}
#content .right-column h1.cat-21 span {background-position: right -800px;}
#content .right-column h1.cat-22 span {background-position: right -840px;}
#content .right-column h1.cat-23 span {background-position: right -880px;}
#content .right-column h1.cat-24 span {background-position: right -920px;}
#content .right-column h1.cat-25 span {background-position: right -960px;}
#content .right-column h1.cat-29 span {background-position: right -1000px;}
#content .right-column h1.cat-32 span {background-position: right -1040px;}
#content .right-column h1.cat-33 span {background-position: right -1080px;}

/**************************************  MAREK  ********************************************************/
#container .edit-buttons{overflow:hidden;margin-bottom:10px;/*width:100%;*/text-align:left;}
#container li .edit-buttons{position:absolute;top:0px;left:0px;border:none;z-index:5;float: left;}
#container .producers a{color: #000;}

#menu .edit-buttons.add{position: absolute;left: 0px;top: -40px;}
#menu .edit-buttons.add-sub{position: absolute;top: -20px;width: 200px;white-space: nowrap;}
#menu .submenu li{position: relative;}

#categories li{position: relative; width:220px;padding-right:9px; margin-right:-9px; background:transparent url(../images/bg-menu-item.gif) no-repeat scroll right top;}

/*#cart-detail table td.product-price,
#products-table table td.product-price{text-align: right;}*/

/**************************************  MILAN  ********************************************************/
form.personal-info { font-size:.8em; }
form.personal-info fieldset { border:none; margin:10px 0; padding:15px; width:300px; }
form.personal-info hr { display:none; }
form.personal-info label,
form.personal-info input { float:left; margin:0 5px 5px 5px; }
form.personal-info label { text-align: right; width:120px; font-weight:bold; }
form.personal-info .text { width:150px; }
form.personal-info .search-button,
form.personal-info .button { margin-left:135px; clear:both; display:block; }
form.personal-info .search-button button,
form.personal-info .button button { background:transparent url(../images/layout/cart-detail-button.gif) repeat-x scroll 1px 0; border:1px solid #B2B2B2; color:#646464; height:22px; line-height:20px; padding:1px; width:100px; }



.lost-passw,
.first-visit { margin-top:20px; font-size:0.8em; }
.lost-passw a,
.first-visit a { font-weight:normal; }

form.common-form { font-size:.8em; }
form.common-form fieldset { border:none; margin:10px 0; padding:10px 0 15px 0; width:320px; float:left; /*margin-right:20px;*/ position:relative;  }
form.common-form fieldset h2 { border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; width:295px; margin-bottom:10px; font-size:1em; background:url(../images/layout/cart-detail-th-background.png) repeat-x 0 -15px; padding:10px 20px 10px 5px; }
#content .right-column form.common-form fieldset h2 {color:#000; margin:0px 0px 10px 0px;}
form.common-form hr { display:none; }
form.common-form label,
form.common-form input { float:left; margin:0 5px 5px 5px; }
form.common-form label { text-align: right; width:120px; margin:5px; }
form.common-form label.required { font-weight:bold; }
form.common-form .text { width:150px; }
form.common-form .button { clear:both; padding:5px 0; text-align:center; border-top:#ddd solid 1px; }
form.common-form .button button { background:white url(../images/layout/order-submit-button.gif) repeat-x scroll 1px 0; border:1px solid #A1642C; color:#646464; padding:1px; width:140px; color:black; }
p span.required { line-height:30px; font-weight:bold; }

#container .common-form a.add-another-product { font-size:1.1em; height:20px; padding:2px 10px; text-decoration:none; background:url(../images/layout/cart-detail-button.gif) repeat-x scroll center bottom; border:#b2b2b2 solid 1px; }
form.common-form .button button { font-weight:bold; width:auto; padding:1px 8px; }
p.invoice { margin:7px 0; font-size:.9em; }

form.delivery ul li { margin-bottom:10px; }
form.delivery ul li input { margin:5px; }
form.delivery ul li label { margin:0 5px; display:block; line-height:20px; width:auto; font-weight:800;}
form.delivery ul li p { margin:0 5px 6px 28px; line-height:20px; padding-top:0px; clear:both;}

#cart-detail table tbody tr td { padding:5px 0; }

.required-info {}
.required-info .info { width:330px; display:block; float:left; margin-bottom:20px; }
#content .required-info .info h2 { width:305px; padding:10px 20px 10px 5px; background:transparent url(../images/layout/cart-detail-th-background.png) repeat-x scroll 0 -15px; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; font-size:1em; margin-bottom:10px; color:#000;}
.required-info .info ul li { line-height:1.4em;/*margin-left:130px;*/ position:relative; width:330px; overflow:hidden;}
.required-info .info ul li strong { /*left:-125px; position:absolute;*/ top:0; width:120px; float:left; }

#container .required-info hr.separate { visibility:hidden; clear:both; }

.required-info { font-size:.9em; width:670px; overflow:hidden; margin:10px 0px;}
.required-info textarea { width:328px; }
.required-info .button { width:500px; border-top:1px solid #CCCCCC; padding:4px 90px; }

#container .required-info .button a { background:transparent url(../images/layout/cart-detail-button.gif) repeat-x scroll center bottom; border:1px solid #B2B2B2; font-size:1em; height:20px; padding:2px 10px; text-decoration:none; }
#container .required-info .button button { font-weight:bold; padding:1px 8px; width:auto; background:white url(../images/layout/order-submit-button.gif) repeat-x scroll 1px 0; border:1px solid #A1642C; color:black; }
p.success_order { line-height:1.2em; margin-top:10px; font-size:.8em; }

table#order-history tr th { text-align:center; }
table#order-history tbody td a { font-weight:bold; }
#article-contact-form form { margin-top:10px; }
#article-contact-form .button { clear:both; margin-left:125px; }
table#order-history form .button { clear:both; padding:5px 0; text-align:center; }
#order-history .back,
#article-contact-form .button button,
table#order-history form .button button { background:transparent url(../images/layout/cart-detail-button.gif) repeat-x scroll 1px 0; border:1px solid #B2B2B2; color:#111; height:22px; line-height:20px; padding:1px; width:100px; }
#article-contact-form .button button { margin-top:5px; margin-left:0; text-align:center; }
table#order-history tr td.expedition { text-align:center; width:104px; }
#order-history .back { text-decoration:none; padding:2px 10px; margin:5px 220px; }
#order-history #cart-detail table { margin:20px 0; }

#article-contact-form label,
#article-contact-form input
#product-contant-form label,
#product-contant-form input { float:left; margin:0 0px 8px 0px; }
#article-contact-form label,
#product-contact-form label { text-align: right; width:120px; margin:2px 0px 5px 0px; }

#container .action_back a { font-size:1.1em; margin:10px; }

#content #user_info { margin:10px 0; }
#content #user_info li { line-height:1.5em; }

#body .ac_results {width:235px !important; margin:0px 0px; padding:0px 0px; font-size:0.8em; background-color:#fff; border:1px solid #ddd;}
#body .ac_results li a {padding:2px 3px; background-color:#DEDEDE; display:block;}
#body .ac_results li a.product {background-color:#FEC402;}
#body .ac_results li a {color:#000;}
#body .ac_results li a strong {color:#000;}
#body .ac_results .ac_odd a.product {background-color:#FEDC68;}
#body .ac_results .ac_odd a {background-color:#F5F5F5;}
#body .ac_results .ac_over a.product,
#body .ac_results .ac_over a {background-color:#E95D0F;}

#content .right-column div.back {margin: 5px 0px; font-size:0.8em;}
#content .right-column h2 {font-size:1.2em; margin:15px 0px 5px 0px; color:#fec745;}
#content .right-column h2.news {color:#7d7d7d; margin-bottom:15px;}
#content .right-column div.email {font-size:0.8em;}

#content .right-column h1 {margin-bottom:10px;}

/* .param-search */
/*#content .right-column form.param-search {padding-bottom:10px; }*/
#content .right-column form.param-search {padding-bottom:10px; background-color:#F5F5F5; border:1px solid #ddd; margin:auto auto 25px auto; width:510px;}
#content .right-column form.param-search fieldset {width:100%; padding:8px 0px 0px 0px; margin-bottom:5px;}
#content .right-column form.param-search ul li{width:100%; overflow:hidden; clear:both; padding:5px 0px;}
#content .right-column form.param-search ul li select {width:100px; margin-top:-10px;}
#content .right-column form.param-search ul li.select.input input {width:252px; float:none;}
#content .right-column form.param-search .button {margin-left:0px; padding:10px 0px 0px 0px; text-align:center; border-top:4px double #ddd;}
#content .right-column form.param-search .button button {font-weight:bold; padding:1px 8px; width:auto; background:white url(../images/layout/order-submit-button.gif) repeat-x scroll 1px 0; border:1px solid #A1642C; color:black; cursor:pointer;}
#content .right-column form.param-search ul li.input input {width:355px; margin:-5px 0px 8px 0px;}

#content .right-column form.import fieldset {float:none; width:auto;}
#content .right-column form.import li {clear:both;}
#content .right-column form.import h2 {width:auto;}
#content .right-column form.import label {float:none; margin:0px 0px;}
#content .right-column form.import input {margin:0px 0px;}
#content .right-column form.import .edit-buttons {position:relative; top:0px; left:0px; /*float:none;*/}

#content ins {color:#0c0; font-weight:800; text-decoration:none; display:block;}
#content del {color:#c00; font-weight:normal; text-decoration:line-through; display:block;}

#content #product-contact-form label {float: none; margin: 0px 0px; padding: 0px 0px; text-align: left; color: #000; font-size: 0.7em; width: auto;}

#content .discount {color:#666;font-size:0.8em;}
#content .discount strong.yellow {color:#FEBD24;}

#content .products-param {list-style:none; float:left; margin:8px 0px; width:380px;}
#content .products-param li {float:none; font-size:0.8em; width:400px; overflow:hidden;}
#content .products-param li strong {float:left; width:75px; display:block;}

#content #link-top { font-size: 0.8em; width: 80px; margin: 0 auto; position: relative; left: 0; top: -15px; clear: both; }

#content .mininews {background:url(../images/layout/bg-mininews.png) no-repeat center center; padding-bottom:125px;}
#content .mininews h1 span {background:url(../images/layout/bg-mininews-head.png) no-repeat right center;}

#content .mininews-hp {border:1px solid #ddd; padding:15px 30px; margin-top:10px;}
#content .mininews-hp a {color:#e95d0f;}
#content .mininews-hp h2 {border-bottom:1px solid #c8c8c8; font-size:1.4em; color:#feb302; margin-top:0px;}