body{background:#fff url('../img/bg-body.png') 0 0 repeat-x; text-align:center; color:#000;}

/* LAYOUT */
#mother {width: 760px; margin: 0 auto; position: relative;}
#header {margin: 9px 0 10px;}
#main {background: #fff; margin: 0; position: relative; text-align: left;}
#content {padding: 15px 15px 5px;}
#col-content {float: left; width: 470px; min-height: 400px;}
#col-side {float: right; width: 230px;}
#footer {background: #C8D7DC; color: #767C7E; padding: 12px 15px 10px; margin: 10px 0;}

/* LOGO BOX */
#logo-box {float:left; margin: 5px 0 0 0;}
#logo-box h1 {margin: 0;}
#logo-box img {display: block; border: none;}

/* LOGIN BOX */
#login-box {float: right; margin: 10px 0 0 100px;}
#login-box a {color: #000; text-decoration: none; margin: 0 2px;}
#login-box a:hover {color: #1C6BAC; text-decoration: underline;}

/* BASKET */
#basket {float: right; background: url(../img/bg-basket.png) 0 0 no-repeat; padding: 0 0 0 8px;}
#basket .in {background: url(../img/bg-basket.png) 100% 0 no-repeat; padding: 10px 28px 10px 20px;}
#basket a {color: #000;}
#basket a:hover {color: #1C6BAC}

/* MENU */
#main-menu {margin: 0 250px 0 0; text-align: left;}
#main-menu ul {margin: 0 1px; padding: 0; overflow: hidden;}
#main-menu ul li {margin: 2px 0 1px 1px; padding: 0; list-style: none; display: inline; float: left; background: none;}
#main-menu ul li a {padding: 10px 10px 8px; color: #8D1942; text-decoration: none; display: block;}
#main-menu ul li a:hover {color: #fff; background: #8D1942;}
#main-menu ul li a.shop {font-weight: bold; background: url('../img/ico-basket.png') 10px 50% no-repeat; padding-left: 25px;}
#main-menu ul li a:hover.shop {background: #8D1942 url('../img/ico-basket-active.png') 10px 50% no-repeat;}
#main-menu ul li strong.shop {background: #8D1942 url('../img/ico-basket-active.png') 10px 50% no-repeat; padding-left: 25px;}
#main-menu ul li strong {padding: 10px 10px 8px; background: #8D1942; color: #fff; display: block;}

#cat-menu {background: url('../img/bg-cat-menu.png') 0 100% no-repeat; zoom:1; position: relative;}
#cat-menu ul {margin: 0; padding: 0;}
#cat-menu ul li {margin: 0; padding: 0; list-style: none; float: left; display: inline; width: 253px; background: none;}

#cat-menu ul .kovovyr, #cat-menu ul .drevovyr, #cat-menu ul .plas-vyr {width: 253px; height: 136px; position: relative; margin: 0;}
#cat-menu ul .drevovyr .sprite {width: 254px; height: 135px; display: block; background: url('../img/drevovyroba.png') 0 0 no-repeat;}
#cat-menu ul .plas-vyr .sprite {width: 253px; height: 135px; display: block; background: url('../img/plastovavyroba.png') 0 0 no-repeat;}

#cat-menu li a.active { text-decoration: none !important; font-weight: bold; }


/* NEW - start */
#cat-menu ul .plas-vyr .sprite {width: 253px; height: 135px; display: block; background: url('../img/plastovavyroba.png') 0 0 no-repeat;}
#plast-akce { position: absolute; left: 405px; top: 0px; width: 101px; height: 135px; }
/* NEW - end */


#cat-menu ul .kovovyr .sprite {width: 253px; height: 135px; display: block; background: url('../img/kovovyroba.png') 0 0 no-repeat;}
/* DE version */
#cat-menu ul .kv-de, #cat-menu ul .dv-de, #cat-menu ul .pv-de {width: 253px; height: 136px; position: relative; margin: 0;}
#cat-menu ul .dv-de .sprite {width: 254px; height: 135px; display: block; background: url('../img/de/drevovyroba.jpg') 0 0 no-repeat;}
#cat-menu ul .pv-de .sprite {width: 253px; height: 135px; display: block; background: url('../img/de/plastovavyroba.jpg') 0 0 no-repeat;}


/* NEW - start */
#cat-menu ul .pv-de .sprite {width: 253px; height: 135px; display: block; background: url('../img/de/plastovavyroba.jpg') 0 0 no-repeat;}
#plast-akce-de { position: absolute; top: 0px; left: 405px; width: 101px; height: 135px; }
/* NEW - end */


#cat-menu ul .kv-de .sprite {width: 253px; height: 135px; display: block; background: url('../img/de/kovovyroba.jpg') 0 0 no-repeat;}
/* EN version */
#cat-menu ul .kv-en, #cat-menu ul .dv-en, #cat-menu ul .pv-en {width: 253px; height: 136px; position: relative; margin: 0;}
#cat-menu ul .dv-en .sprite {width: 254px; height: 135px; display: block; background: url('../img/en/drevovyroba.jpg') 0 0 no-repeat;}
#cat-menu ul .pv-en .sprite {width: 253px; height: 135px; display: block; background: url('../img/en/plastovavyroba.jpg') 0 0 no-repeat;}
#cat-menu ul .kv-en .sprite {width: 253px; height: 135px; display: block; background: url('../img/en/kovovyroba.jpg') 0 0 no-repeat;}

#cat-menu ul .sub {padding: 15px 25px;}
#cat-menu ul .sub li {display: list-item; padding: 5px 0; float: none;}
#cat-menu ul .sub li a {color: #000; text-decoration: none; padding: 0 0 0 15px; background: url('../img/bg-li.png') 0 0.4em no-repeat;}
#cat-menu ul .sub li a:hover {color: #1C6BAC;}
#cat-menu ul .sub li strong a {color: #1C6BAC; text-decoration: underline; background: url('../img/bg-li-strong.png') 5px 0.4em no-repeat;}
#cat-menu ul .sub li strong a:hover {color: #000;}

.blue, .grey, .brown, .pink {position: relative;}
#mother .blue .sub, #mother .grey .sub, #mother .brown .sub, #mother .pink .sub {position: absolute; top: 140px; right: 0; padding: 0; width: 254px;}
#mother .blue .sub ul, #mother .grey .sub ul, #mother .brown .sub ul, #mother .pink .sub ul {margin: 7px 14px 13px;}
#mother .blue .sub ul li, #mother .grey .sub ul li, #mother .brown .sub ul li, #mother .pink .sub ul li {width: 100%; padding: 0; margin: 0 0 1px;}
#mother .blue .sub ul li a, #mother .grey .sub ul li a, #mother .brown .sub ul li a, #mother .pink .sub ul li a {color: #fff; text-decoration: underline; display: block; padding: 5px 0 5px 25px;}
#mother .blue .sub ul li strong a, #mother .grey .sub ul li strong a, #mother .brown .sub ul li strong a, #mother .pink .sub ul li strong a {color: #fff; text-decoration: underline; text-decoration: none;}
#mother .blue, #mother .grey, #mother .brown, #mother .pink {padding: 0 0 4px;}

#mother .blue .sub {background: #307AB8 url('../img/bg-side-menu-blue.png') 0 100% no-repeat;}
#mother .blue .sub ul {background: url('../img/bg-side-menu-blue-ul.png') 100% 100% no-repeat;}
#mother .blue .sub ul li a {background: url('../img/bg-side-menu-a.png') 10px 45% no-repeat;}
#mother .blue .sub ul li strong a {background: #6FB0D9 url('../img/bg-side-menu-a-active.png') 10px 45% no-repeat;}
#mother .blue .sub ul li a:hover {background: #6FB0D9 url('../img/bg-side-menu-a-active.png') 10px 45% no-repeat;}
#mother .blue {background: #307AB8;}

#mother .grey .sub {background: #615F5E url('../img/bg-side-menu-grey.png') 0 100% no-repeat;}
#mother .grey .sub ul {background: url('../img/bg-side-menu-grey-ul.png') 100% 100% no-repeat;}
#mother .grey .sub ul li a {background: url('../img/bg-side-menu-a-g.png') 10px 45% no-repeat;}
#mother .grey .sub ul li strong a {background: #9D9C9B url('../img/bg-side-menu-a-active-g.png') 10px 45% no-repeat;}
#mother .grey .sub ul li a:hover {background: #9D9C9B url('../img/bg-side-menu-a-active-g.png') 10px 45% no-repeat;}
#mother .grey {background: #615F5E;}

#mother .brown .sub {background: #9E6F36 url('../img/bg-side-menu-brown.png') 0 100% no-repeat;}
#mother .brown .sub ul {background: url('../img/bg-side-menu-brown-ul.png') 100% 100% no-repeat;}
#mother .brown .sub ul li a {background: url('../img/bg-side-menu-a-b.png') 10px 45% no-repeat;}
#mother .brown .sub ul li strong a {background: #C9A876 url('../img/bg-side-menu-a-active-b.png') 10px 45% no-repeat;}
#mother .brown .sub ul li a:hover {background: #C9A876 url('../img/bg-side-menu-a-active-b.png') 10px 45% no-repeat;}
#mother .brown {background: #9E6F36;}

#mother .pink .sub {background: #8d1942 url('../img/bg-side-menu-pink.png') 0 100% no-repeat;}
#mother .pink .sub ul {background: url('../img/bg-side-menu-pink-ul.png') 100% 100% no-repeat;}
#mother .pink .sub ul li a {background: url('../img/bg-side-menu-a-p.png') 10px 45% no-repeat;}
#mother .pink .sub ul li strong a {background: #dc89b6 url('../img/bg-side-menu-a-active-p.png') 10px 45% no-repeat;}
#mother .pink .sub ul li a:hover {background: #dc89b6 url('../img/bg-side-menu-a-active-p.png') 10px 45% no-repeat;}
#mother .pink {background: #8d1942;}

#mother #cat-menu ul .sub li ul{background:none; margin-left:13px;}
#mother #cat-menu ul .sub li ul li{margin:7px 0;}
#mother #cat-menu ul .sub li ul a{background:url('../img/bg-li-white.png') 0 0.45em no-repeat; text-decoration:none; display:inline; padding:0 0 0 17px;}
#mother #cat-menu ul .sub li ul a:hover, #mother #cat-menu ul .sub li ul strong{text-decoration:underline; font-weight:normal; color:white;}
#mother #cat-menu ul .sub li ul li.expand a{background:url('../img/bg-li-white-exp.png') 0 0.50em no-repeat;}
#mother #cat-menu ul .sub li ul li.expand ul{margin:12px 0 15px 25px;}
#mother #cat-menu ul .sub li ul li.expand ul a{background:none; padding:0; font-style:italic;}

/* GREEN LINK */
#phone {position: absolute; top: 0px; right: 19px; padding:0 0 0 45px; height:44px; line-height:44px; background: url('../img/phone.png') 0 4px no-repeat; font-size:167%; color:#008940; font-weight:bold; margin:0; font-family:Tahoma, Arial, 'helvetica',sans-serif; }

/* SEARCH BOX */
#search-box {position: absolute; top: 2px; right: 5px;}
#search-box form {margin: 0; padding: 0;}
#search-box form p {margin: 8px 0 0;}
#search-box form .int-text {border: 1px solid #D0D0D0; width: 160px; padding: 2px; vertical-align: middle;}
#search-box form .go-btn {padding: 2px 5px 2px 18px; background: #C9C9C9 url('../img/ico-lupa.png') 0 0 no-repeat; font-weight: bold; font-size: 92%; font-family: arial; cursor: pointer; vertical-align: middle; border: 1px solid #d0d0d0;}

/* BREADCRUMB */
#breadcrumb {color: #8A8A8A; font-size: 117%;}
#breadcrumb a {font-size: 79%; color: #8A8A8A; margin: 0 3px 0 0;}
#breadcrumb a:hover {color: #1A1A1A;}

/* ANNOT BOX */
#annot-box {color: #777777;}

/* BASKET IN */
.basket-in table {border-collapse: collapse; border: none; margin: 15px 0 30px;}
.basket-in table th {background: #E9F1F3; padding: 8px 10px;}
.basket-in table td {padding: 4px 10px;}
.basket-in table .right {font-weight: bold;}
.basket-in table .right strong {color: #E50A0A;}
.basket-in table .tfooter .right strong {font-size: 117%;}
.basket-in table .tfooter td {background: #F3E9E9; padding: 9px 10px;}
.basket-in p {margin: 0 0 7px;}

#content .go-btn {border: none; background: #AD2D5A url('../img/bg-btn-go.png') 0 0 repeat-x; color: #fff; cursor: pointer; min-height: 23px; _height: 23px; line-height: 23px; font-weight: bold; font-size: 100%; font-family: arial, sand-serif; margin: 20px 0 0;}

/* NEWS BOX */
.news-box .date {color: #898989; font-size: 92%;}
.news-box h3 {margin: 0; line-height: 1; font-size: 100%;}
.news-box p {margin: 1px 0 6px;}
.news-box ul {margin: 0; padding: 0; border-top: 1px solid #8D1942;}
.news-box ul li {margin: 6px 0 0; padding: 0; background: none; border-bottom: 1px solid #EEEEEE;}

/* LANG MENU */
#lang-menu {position: absolute; top: 105px; right: -2.3em;}
#lang-menu ul {margin: 0; padding: 0;}
#lang-menu ul li {margin: 0; padding: 0; background: none; font-size: 92%; padding: 8px 0;}
#lang-menu ul li a {color: #000; text-decoration: none; background: url('../img/bg-lang-menu-a.png') 100% 0 no-repeat; padding: 9px; position: relative;}
#lang-menu ul li strong {color: #fff; background: url('../img/bg-lang-menu-strong.png') 100% 0 no-repeat; padding: 8px;}

/* SHOP LIST */
.shop-list ul{margin-left:-35px; zoom:1; position:relative; margin-bottom:0;}
.shop-list li{padding:10px 0 15px; margin:0 0 0 32px; background:none; float:left; display:inline; width:121px; text-align:center; }
.shop-list h3{margin:0 0 0.45em; text-align:center}
.shop-list h3 a{text-decoration:none;}
.shop-list h3 a .name{text-decoration:underline;}
.shop-list h3 img{border:3px solid #c8d7dc; margin-top:8px;}
.shop-list .desc{font-size:92%; margin:0.65em 0 0.8em;}
.shop-list .price{color:#8d1942;}
.shop-list .center{margin:0;}
.shop-list input, .detail-prod input{background:#def2ff url('../img/bg-btn-buy.png') 0 0 no-repeat; border:none; width:55px; height:20px; padding:0px 0; text-align:center; font-size:100%; font-weight:bold; font-family:Arial; color:#1c6bac; vertical-align:middle;}

/* DETAIL PRODUCT */
.detail-prod p{margin-bottom:1.5em;}
.detail-prod p.l{margin-right:22px;}
.detail-prod img{border:3px solid #c8d7dc;}
.detail-prod .price strong{display:block; font-size:117%; color:#8d1942;}

/* PAGE LIST */
.page-list li{padding-left:15px; background-position:0 0.55em;}
.page-list ul ul{margin-left:25px;}

/* FOOTER */
#footer a {color: #767C7E; text-decoration: none; margin: 0 2px;}
#footer p {margin: 0;}
#footer .l {text-align: left;}
#footer p.l{margin-bottom:10px;}


/* LIST */
.list ul{margin:15px 0 0;}
.list li{padding:0; background:none; margin-bottom:8px; overflow:hidden; zoom:1; vertical-align:bottom;}
.list .img{float:left; width:120px;}
.list .img img{border:0;}
.list .title{display:block; margin-left:130px; text-decoration:underline;}
.list p{margin-left:130px;}

/* GALLERY */
.gallery{margin:0 0 10px;}
.gallery ul{margin:0px 0 0 -15px; padding:0; overflow:hidden; zoom:1;}
.gallery li{float:left; display:inline; width:124px; padding:0; margin:13px 0 0px 15px; text-align:center; background:none;}

.product{margin:15px 0 15px -10px; zoom:1;}
.product .box{width:150px; float:left; display:inline; margin:0 0 0 10px;}
.product .center{border:1px solid #ccc; padding:5px 5px 2px; margin:0 0 0;}
.product .desc{font-size:92%; padding:1px 5px; color:#666; margin:5px 0 0;}

.form{border:1px solid #ece4c9; border-bottom:0; background:#f9f6e8; margin:15px 0; zoom:1;}
.form .box{border-top:1px solid white; border-bottom:1px solid #ece4c9; padding:15px 15px 2px; zoom:1; position:relative;}
.form .box h2{font-size:117%; margin:0 0 0.7em;}
.form .box div.col-h-l{width:55%}
.form .box div.col-h-r{width:40%}
.form .box div.col-h-r p{margin-top:0; /*font-size:92%;*/}
.form .box .int-small{width:75px;}
.form .box table td{padding:2px 5px 2px 0px;}
.form .box table.norm{margin:-2px 0 12px; border:0;}
.form .open-box strong{font-size:108%; padding-right:15px;}
.form .open-box label{vertical-align:middle;}
.form .open-box input{vertical-align:top;}
.form p.open{line-height:2;}
.form p.nomarg{margin-bottom:5px;}
.form .l{margin-top:9px;}
.form .row{ vertical-align:middle;}
.form .row .number{margin:2px 8px 0 0; display:inline-block; width:20px; text-align:right;}
.form .row .fill select{margin:0 15px 0 5px; vertical-align:middle;}
.form .row .color select, .form .row .color input{margin:0 10px 0 5px; width:120px; vertical-align:middle;}
.form .row .color input{width:114px;}
.form .row img{border:none; vertical-align:middle;}
.form .row a{outline: none }

/* fill-collor */
.fill-color .ks input{width:50px;}
.fill-color .color select{width:100px;}
.fill-color .color input{width:94px;}
.fill-color table td{vertical-align:middle;}

#plast-akce { position: absolute; left: 405px; top: 0; width: 101px; height: 135px; }
#plast-akce-de { position: absolute; top: 0; left: 405px; width: 101px; height: 135px; }

.slider p { margin:0 }


/*cool messages*/
#message, #warning {
	width:250px; padding:10px 15px 5px 15px;
	border-radius: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;
}
#message { background:#DAFCEA; border:1px solid #34C776;}
#warning { background:#FDD8E3; border:1px solid #B44766;}

/* ** CART ** */
.cart-table { font-size:1.1em; }
.cart-table .cart-count-input { width:2em;}
.cart-table .price-column { font-weight:bold;}
.cart-table .cart-total-row { background:#F3E9E9;font-size:1.1em; font-weight:bold;}
.cart-table .total-price { color:#E50A0A; font-weight:bold;font-size:1.1em;}
.cart-table  .cart-total-row .total-price {font-size:1.2em;}
.cart-table td {padding:4px 8px;}
.cart-url { margin:30px 0;}
.cart-url input { width:370px;}
.form-button { color:#fff; margin:0;
               border:1px solid #a80077;
               border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; padding:3px 5px; text-decoration:none; display:inline-block;font-weight:14px;line-height:18px;
    background: #cb60b3; /* old browsers */

    background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* firefox */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(51%,#a80077), color-stop(100%,#db36a4)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* ie */

     background: -o-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* opera */
}
.form-button:hover, .form-button:active { color:#fff;
background: #db36a4; /* old browsers */

background: -moz-linear-gradient(top, #db36a4 0%, #c146a1 49%, #a80077 49%, #cb60b3 99%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db36a4), color-stop(49%,#c146a1), color-stop(49%,#a80077), color-stop(99%,#cb60b3)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db36a4', endColorstr='#cb60b3',GradientType=0 ); /* ie */

background: -o-linear-gradient(top, #db36a4 0%,#c146a1 49%,#a80077 49%,#cb60b3 99%); /* opera */}
.right-button { float:right; margin-left:10px;}

/* gallerie */
.photo_collection {
	clear: both;
}
a.thumb {
	display: inline-block;
	width: 150px;
	text-align: center;
	margin: 0 3px 0 0;
}