/******************************************************************************/
/*                                Obecne                                      */
/******************************************************************************/
body{font-family: 'Arial', 'Sans-serif'; padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; font-weight: normal; border: none; color: #453631; background: url('./images/bg.png') repeat;}

a{text-decoration: underline; color: #453631;}
a:hover{text-decoration: none; color: #f2ebe3;}
ul{margin: 0px; padding: 0px 0px 0px 20px; list-style-type: disc;}

fieldset{margin: 0px; padding: 0px; border: 0px;}
input[type=submit]:hover{cursor: pointer;}
img{border: none;}  

.clear{clear: both;}

#page{width: 990px; margin: 0px auto;}
/******************************************************************************/
/*                                Header                                      */
/******************************************************************************/
#header{height: 111px; padding: 1px 10px 10px; color: #c1a985;}
#header a{color: #c1a985;}
#logo a{display: block; float: left; width: 111px; height: 111px; background: url('./images/logo.png') no-repeat left top;}

#basket-box{float: right; width: 137px; padding: 40px 0px 0px; margin: 0px 10px 0px 0px; background: url('./images/basket.png') no-repeat right 40px;}
#basket-box .title a{display: block; height: 21px; text-align: right; text-shadow: #322723 2px 2px 4px; text-transform: uppercase; text-decoration: none; font-size: 12px; line-height: 12px; padding: 6px 0px 4px; font-weight: bold; font-family:'Times New Roman';}
#basket-box .content{text-align: right; font-size: 10px; line-height: 18px;}
#basket-box .content>span{color: #f3ece4;}
#basket-box .content>span span{color: #a99884;}

#menu{padding: 80px 0px 0px 121px; font-family: 'Times New Roman'; text-shadow: #322723 2px 2px 4px;}
#menu ul{margin: 0px; padding: 0px; list-style-type: none; height: 20px;}
#menu ul li a{display: block; padding: 0px 10px; text-transform: uppercase; text-decoration: none;}
#menu ul li a.active,
#menu ul li a:hover{color: #f0efeb;}
#menu>ul>li{float: left; padding: 0px 0px 0px 15px; background: url('./images/menu_sep.png') no-repeat left center;}
#menu>ul>li:first-child{background-image: none; padding: 0px;}
#menu>ul>li>a{font-size: 13px; line-height: 13px; padding: 3px 0px 4px; letter-spacing: 1px;}
#menu ul ul{display: none;}
/******************************************************************************/
/*                                 Body                                       */
/******************************************************************************/
#body-top{width: 990px; height: 17px; background: url('./images/shadow_top.png') no-repeat left bottom;}
#body-bottom{width: 990px; height: 22px; background: url('./images/shadow_down.png') no-repeat left top;}
#body{padding: 10px 20px 10px; background: url('./images/shadow_mid.png') repeat-y left top;}
#left{width: 155px; float: left; padding: 10px 15px 10px 10px;}
#content{width: 770px; float: left; margin: 0px;}

#content-top-right{height: 35px; overflow: hidden;}
#search{float: right; width: 225px; height: 30px; background: url('./images/search_box.png') no-repeat left top; overflow: hidden;}
#search input[type=text]{border: 1px solid #f3ece4; width: 185px; background: #f3ece4; color: #91806e; margin: 5px 0px 5px 5px; font-size: 11px; line-height: 17px; height: 17px; vertical-align: top; float: left;}
#search input[type=submit]{width: 20px; height: 20px; background: url('./images/search_arrow.png') no-repeat center 2px; border: none; vertical-align: top; float: right; margin: 5px;}

#user{float: right; margin: 0px 10px 0px 0px;}
#user ul{margin: 0px; padding: 0px; list-style-type: none;}
#user ul li{float: left; margin: 0px 0px 0px 10px;}
#user ul li>*{text-transform: lowercase; font-size: 11px; line-height: 17px; display: block; padding: 0px; margin: 7px 5px 5px;}
#user ul li.registration{background: url('./images/user_ico.png') no-repeat left 7px; padding-left: 15px;}
#user ul li.login{background: url('./images/key_ico.png') no-repeat left 7px; padding-left: 15px;}

#user #customer ul li>span{font-style: italic;}

#navigation{font-size: 11px; line-height: 12px; padding: 10px 0px 5px; color: #ddd3c7; height: 12px; overflow: hidden; border-top: 1px solid #b9a894; margin: 5px 0px 0px;}
#navigation a{color: #ddd3c7; text-decoration: none;}
#navigation a:hover,
#navigation a.active{color: #60534a; text-decoration: underline;}

#left .title>*{display: block; margin: 0px 0px 15px; padding: 0px; color: #f2ebe1; font-family: 'Times New Roman'; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 1px;}
#left .title>*:first-letter{font-size: 16px;}
#left .content{margin: 0px 0px 15px;}

#left ul{margin: 0px; padding: 0px; list-style-type: none;}
#left ul li{border-top: 1px solid #8b7867;}
#left ul li a{display: block; font-size: 12px; line-height: 16px; padding: 5px 12px 5px 0px; font-weight: bold; text-decoration: none; background: url('./images/arrow_menu.png') no-repeat 145px 10px;}
#left ul li.linked>a,
#left ul li>a:hover{color: #f2ebe3; background-image: url('./images/arrow_menu_hover.png');}
#left .content>ul{border-bottom: 1px solid #8b7867;}
#left .content>ul>li:first-child{border:none;}
#left ul ul li a{padding-left: 15px; font-weight: normal;}
#left ul ul ul li a{padding-left: 30px;}

.colored-box{padding: 10px; margin: 5px 0px; background: #b8a891;}
.colored-box.subcategory{background: #b6a792;}

.category-signs div.title,
#product-page div.title,
#content h1.title,
#content h2.title{font-family: 'Times New Roman'; margin: 0px 0px 10px; padding: 10px 0px; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: normal; border-bottom: 1px solid #93826e;}
.category-signs div.title a{text-decoration: none;}
                                                                  
.subcategory .item{width: 370px; height: 80px; float: left; margin: 0px 0px 10px;}
.subcategory .item.right{margin-left: 10px;}
.subcategory .item a{display: block; width: 330px; height: 40px; background: #9c8b71 url('./images/arrow_category.png') no-repeat 335px 45px; border: 1px solid #82725b; color: #f2ebe3; font-size: 18px; line-height: 18px; font-weight: bold; text-decoration: none; padding: 20px;  overflow: hidden;}
.subcategory .item a:hover{background: #cebfaa url('./images/arrow_category_hover.png') no-repeat 335px 45px; border: 1px solid #ad936e; text-decoration: underline;}
.subcategory .item a span.picture{display: block; width: 95px; height: 70px; background: #ffffff;/**/ overflow: hidden; float: left; margin: -15px 20px 0px -15px; text-align: center;}

table.products{border-collapse: collapse;}
table.products td{padding: 0px 0px 0px 10px;}
table.products td:first-child{padding: 0px;}
table.products td>div{padding: 0px 9px; background: #9c8b71; border-left: 1px solid #73634a; border-right: 1px solid #73634a; overflow: hidden;}
table.products tr.name td>div{padding-top: 9px; border-top: 1px solid #73634a; height: 34px; overflow: hidden;}
table.products tr.name h2{margin: 0px; padding: 0px; font-size: 12px; line-height: 16px; font-weight: bold;}
table.products tr.name a{color: #f2ebe3; font-size: 12px; line-height: 16px; font-weight: bold;}
table.products tr.buy td>div{padding-bottom: 9px; border-bottom: 1px solid #73634a; text-align: right; color: #f2ebe3; height: 16px; overflow: hidden;}
table.products tr.buy a{display: block; float: left; color: #f2ebe3; background: url('./images/zoom_ico.png') no-repeat left 5px; padding: 5px 0px 0px 20px; margin: -5px 0px; text-transform: lowercase;}
table.products tr.buy a:hover{color: #433532; text-decoration: underline;}
table.products td.separator{height: 10px;}
table.products td.separator>div{border: none; background: none;}
table.products tr.image {position: relative;}
table.products tr.image td>div{text-align: center; padding: 10px 9px; height: 115px;}
table.products tr.image td div.sign{position: absolute; width: 154px; padding: 3px; z-index: 10;}
table.products tr.image td div.sign div.Akcia{height: 24px; background: url('./images/action_sk.png') no-repeat right top;}
table.products tr.image td div.sign div.Novinka{height: 24px; background: url('./images/new_sk.png') no-repeat right top;}
table.products tr.image td div.sign div.Výpredaj{height: 24px; background: url('./images/sale_sk.png') no-repeat right top;}
table.products tr.image a{display: block; width: 160px; height: 115px; background: #ffffff;}
table.products tr.image img.big{display: none; position: absolute; z-index: 999;}
table.products tr.image img.show{display: block !important;}

table.products tr.buy td.nobg>div,
table.products tr.name td.nobg>div,
table.products td.nobg>div{border: none; background: none;}
table.products td:hover{cursor: pointer;}
table.products td.nobg:hover{cursor: default;}  

.product-image{width: 240px; float: right; padding: 0px 10px;}
.product-image table{width: 240px; margin: 0px; padding: 0px; border-collapse: collapse; border: none;}
.product-image td{padding: 10px 0px 0px; vertical-align: middle; vertical-align: center;}
.product-image td+td{padding: 10px 10px 0px;}
.product-image td+td+td{padding: 10px 0px 0px;}
.product-image img{max-width: 70px; border: 1px solid #73634a;}
.product-image td.main{text-align: right; vertical-align: top; padding: 0px;}
.product-image td.main img{max-width: 240px;}
.product-image td.main span.zoom{display: block; width: 24px; height: 24px; background: url('./images/zoom_detail.png') no-repeat left top; position: absolute; margin: 7px;}
.product-image td.main a:hover span.zoom{background-image: url('./images/zoom_detail_hover.png');}

.product-information{width: 450px; padding: 0px 10px;}

.product-information div.sign{height: 21px; overflow: hidden; padding: 5px 0px 2px; z-index: 10;}
.product-information div.sign div.Akcia{float: left; margin-right: 5px; width: 51px; height: 21px; background: url('./images/action_sk.png') no-repeat left top;}
.product-information div.sign div.Novinka{float: left; margin-right: 5px; width: 72px; height: 21px; background: url('./images/new_sk.png') no-repeat left top;}
.product-information div.sign div.Výpredaj{float: left; margin-right: 5px; width: 72px; height: 21px; background: url('./images/sale_sk.png') no-repeat left top;}

.product-information h1.name{font-size: 16px; font-weight: bold; line-height: 18px; padding: 15px 0px; margin: 0px;}

.product-information div.text{margin-bottom: 15px;}
.product-information table td,
.product-information table th{text-align: left;}
.product-information table th{min-width: 100px;}
.product-information table.parts td:first-child{padding-right: 5px;}
.product-information div.parts{font-weight: bold;}
.product-information .price{font-size: 18px; font-weight: bold; line-height: 18px;}

.product-information .buttons{margin: 10px 0px 10px -10px; padding: 15px 0px 15px 10px; height: 46px; border-top: 1px solid #93826e; border-bottom: 1px solid #93826e;}
#product-buy{float: right; display: block; width: 152px; background: url('./images/button_add_to_basket.png') no-repeat left top; color: #f3ece2; font-size: 12px; line-height: 12px; height: 12px; font-weight: bold; padding: 17px 0px 17px 12px; text-align: center; text-decoration: none;}
.product-information .quantity{padding: 13px; background: #cabeae; height: 20px; width: 130px;}
.product-information .quantity .label{font-weight: bold;}
.product-information .quantity input{width: 35px; border: 1px solid #a7a7a7; margin: 0px 0px 0px 5px;}

.hp_text h1{font-family: 'Times New Roman'; margin: 0px 0px 10px; padding: 10px 0px; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: normal; border-bottom: 1px solid #93826e;}

#banner{background: #80715c; padding: 20px; border: 1px solid #c1b4a1;}
#banner .item{display: block; width: 730px; height: 410px; overflow: hidden;}
#banner img{width: 730px; height: 410px;}

#banner .flash{width: 730px; height: 410px; overflow: hidden;}

#shop-banners{padding: 20px 0px;}
#shop-banners .item{float: left; margin: 0px 0px 0px 15px;}
#shop-banners .item:first-child{margin: 0px;}

#message{padding: 10px; margin: 5px 0px; background: #b8a891;}

.styled-form label{display: inline-block; min-width: 140px; font-weight: bold;}
.styled-form input[type=password],
.styled-form input[type=text]{width: 250px; border: 1px solid #cacaca;}
.styled-form select{width: 254px; border: 1px solid #cacaca;}
.styled-form textarea{width: 360px; vertical-align: top; resize: none; border: 1px solid #cacaca;}
.styled-form.basket-login input[type=submit]{margin-left: 235px;}
.styled-form .hint{font-size: 11px; line-height: 12px;}
.styled-form .hint,
.styled-form #captcha-input{margin-left: 144px;}
.styled-form ul.errors{margin: 0px 0px 0px 144px; padding: 0px; list-style-type: none;}
.styled-form ul.errors li{color: #c51430;}
.styled-form p{margin: 10px 0px;}
.styled-form img{vertical-align: top;}
.styled-form legend{display: none;}

#variations-options{border: 1px solid #cacaca;}
#quantity-input{text-align: right;}

#basket-page .styled-form textarea{width: 600px; height: 130px;} 

.basket-menu ul{margin: 0px; padding: 0px; list-style-type: none; height: 45px;}
.basket-menu li{float: left; margin: 0px 0px 0px 3px;}
.basket-menu li:first-child{margin: 0px;}
.basket-menu li>*{display: block; width: 185px; height: 12px; background: #cabeae; color: #f3ece4; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; line-height: 12px; padding: 17px 0px;}
.basket-menu li>a{background: #9c8b71;}
.basket-menu li:first-child+li+li+li>*{width: 186px;}

.basket-products{background: #cabeae; padding: 10px; margin: 2px 0px 0px;}

table.basket{width: 100%; border-collapse: collapse; border-bottom: 1px solid #e3dcd4; margin: 0px 0px 20px;}
table.basket th{background: #dfd6cd; color: #7b6b5b; font-size: 12px; line-height: 12px; padding: 6px 10px; text-align: right;}
table.basket th.name{text-align: left;}
table.basket td{border-top: 1px solid #d3c7b9; padding: 10px; text-align: right;}
table.basket td.name{text-align: left;}
table.basket tr:first-child+tr td{border-top: none;}
table.basket td.del{padding: 10px 0px; width: 16px;}
table.basket td.del a{display: block; width: 16px; height: 15px; background: url('./images/del.png') no-repeat left top;}
table.basket td.price_all{color: #45362f; font-weight: bold;}
table.basket a{color: #45362f; font-weight: bold;}
table.basket input[type=text]{width: 25px; text-align: right;}

.recount .button{float: left;}
.recount .button input[type=submit]{border: none; text-decoration: underline; padding: 2px 0px 2px 20px; background: url('./images/calc_ico.png') no-repeat left top; color: #45362f; font-size: 12px; line-height: 12px;}
.recount .button input[type=submit]:hover{text-decoration: none;}
.recount .price{padding: 0px 0px 0px 430px; line-height: 30px;}
.recount .price .label{display: inline-block; width: 140px;}
.recount .price .label+strong{font-size: 20px;}

.p-next{text-align: right;}
.btn,
.p-next .btn-next{border: none; width: 160px; height: 44px; background: url('./images/button_next.png') no-repeat left top; color: #efece3; padding: 2px 4px 0px 0px;}
#setting-page .btn{margin-left: 350px;}
#registration-page .btn{margin-left: 350px;}
#article-page .btn{margin-left: 350px;}
#newpass-page .btn{margin-left: 235px;}

#submit_login{border: none; background: #c6b9a8; color: #453631; text-decoration: underline; width: 100px; height: 33px; margin: 0px 0px 0px 298px;}
#login-page #submit_login{background: #c6b9a8 url('./images/login_ico.png') no-repeat 10px center; padding-left: 20px; width: 120px; margin: 0px 0px 0px 278px;}
div.login{float: right;}
div.login ul{margin: 0px; padding: 0px; list-style-type: none;}
div.login ul li{float: left; padding: 0px 0px 0px 30px;}
div.login ul li:first-child{background: url('./images/user_ico.png') no-repeat 10px top;}
div.login ul li:first-child+li{background: url('./images/help_wheel_ico.png') no-repeat 10px top;}
div.login ul li a{font-size: 12px; line-height: 12px; text-decoration: none; font-weight: bold;}
div.login ul li a:hover{color: #453631; text-decoration: underline;}

table.recapitulation th{text-align: left; padding-right: 10px;}
#basket-page .return{height: 46px;}
#basket-page .return .button{float: right;}
#basket-page .return .button a{display: block; width: 149px; height: 12px; color: #f3ece4; font-size: 12px; line-height: 12px; padding: 17px 15px 17px 0px; text-align: center; background: url('./images/button_next.png') no-repeat left top; text-decoration: none;}
#basket-page .return ul{margin: 0px; padding: 14px 0px 0px; list-style-type: none;}
#basket-page .return ul li{padding: 0px 0px 0px 24px; background: url('./images/list_ico.png') no-repeat left 2px;}

#basket-page .thanks{text-align: center; font-size: 25px; line-height: 25px; text-transform: uppercase; font-family: 'Times New Roman'; padding: 20px}

.paging{text-align: right; margin: 10px;}

table.order{border-collapse: collapse; margin: 0px 0px 10px;}
table.order.second{width: 100%;}
table.order th{text-align: left; background: #dfd6cd; padding: 2px 5px;}
table.order td{border: 1px solid #dfd6cd; padding: 2px 5px;}

.content-items span.time{float: right; font-size: 10px;}

#category-image{float: right; padding: 10px 30px 20px;}
.category-text{padding: 10px 0px;}
#control{padding: 10px 0px 0px;}
#play{display: block; width: 16px; height: 15px; background: url('./images/music_on.png') no-repeat left top; float: right;}
#play.stop{display: block; width: 16px; height: 15px; background: url('./images/music_off.png') no-repeat left top; float: right;}

#player-control{width: 237px; height: 94px; background: url('./images/player_bg.png') no-repeat 20px 20px; padding: 20px;}
#player-control a{display: block; width: 40px; height: 40px; position: absolute; z-index: 2; background: url('./images/player_play.png') no-repeat 17px 12px; margin: 28px 0px 0px 163px;}
#player-control a.stop{background: url('./images/player_stop.png') no-repeat 15px 14px;}
#player-control span{display: block; font-size: 16px; line-height: 16px; font-weight: bold; padding: 38px 0px 0px 30px;}

#information-page div.text h1{line-height: 24px; font-size: 20px; margin: 0px 0px 10px; padding: 10px 0px;}
/******************************************************************************/
/*                                Footer                                      */
/******************************************************************************/
#footer{margin: 0px 10px; padding: 20px; background: #211c19; color: #80715c;}
#footer_text .item{float: left; width:210px; margin: 0px 0px 0px 30px;}
#footer_text .item:first-child{margin: 0px;}
#footer_text .item h2{margin: 0px 0px 10px; padding: 0px;}
#footer_text .item h2 a{display: block; text-decoration: none; color: #f2ebe1; padding: 0px 0px 5px 25px; border-bottom: 1px solid #36312e; font-size: 14px; text-transform: uppercase; line-height: 14px; font-weight: normal; background: url('./images/arrow_foother.png') no-repeat 5px 5px;}
#footer_text .item .content{line-height: 16px; font-size: 12px;}
#footer_text .item .content a{color: #80715c; text-decoration: none;}
#footer_text .item .content a:hover{text-decoration: underline;}
#footer_text .item span.label{display: inline-block; width: 75px;}

#socials{padding: 0px 0px 45px;}

#fb a{display: block; width: 45px; height: 45px; margin-right: 15px; background: url('./images/fb.png') no-repeat left top; float: left;}

#ig a{display: block; width: 45px; height: 45px; background: url('./images/ig.png') no-repeat left top; float: left;}