/* ---------------------------------------------- */
/* -----  Obecna nastaveni  ------------------------------ */
/* ---------------------------------------------- */
body, html { 
 margin:0;
 padding:0;
 color:#000;
 font-family:"Lucida Sans Unicode","Dejavu Sans Condensed",arial,helvetica,clean,sans-serif;
 font-stretch:narrower;
 /*letter-spacing:-1px;*/
}
form {border:none;}

.hidden {display:none;}
.clear {clear:both;}
.block {display:block;}
.pointer {cursor:pointer;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.fake-body {background-image:url(../images/pozadi.jpg); background-position: top center;min-height:1327px; width:100%;}
#page {margin-left:auto; margin-right:auto; width:998px;}
#left-column {float:left; width:88px; padding-top:6px;}
#main {float:right; width:910px;}
.top-logo {margin-bottom:13px;}
.top-logo img {width:88px;}
.vm-l1 {background-image:url(../images/vm-button-l1.png); background-repeat:no-repeat; width:88px; height:22px; margin-bottom:1px; padding-top:5px;}
.vm-l1 a {padding-left:8px;color:white; text-decoration:none; position:relative; /*bottom:-5px;*/ font-size:10px; }
/*.vm-l1 a img {width:78px;}*/
.vm-l2-selected {background-image:url(../images/vm-button-l2-selected.png); background-repeat:no-repeat; width:88px; height:24px; margin-bottom:1px; padding-top:3px;}
.vm-l2-selected a {position:relative; bottom:-6px; padding-left:8px;font-size: 9px; color:black; text-decoration:none; }
.vm-l2 {background-image:url(../images/vm-button-l2.png); background-repeat:no-repeat; width:88px; height:24px; margin-bottom:1px; padding-top:3px;}
.vm-l2:hover {background-image:url(../images/vm-button-l2-selected.png);}
.vm-l2 a {position:relative; bottom:-6px; padding-left:8px;font-size: 9px; color:black; text-decoration:none; }
/*.vm-l2 a img {width:78px;}*/
.vm-l2-first {margin-top:2px;}
.vm-l2-last {margin-bottom:3px;}
/*.vm-l1 a img, .vm-l2-selected a img, .vm-l2 a img {width:88px;}*/
.search {margin-top:10px; background-image:url(../images/search.png); width:88px; height:38px;}
.hm-panel {background-image:url(../images/hm-panel.png); width:910px; height:27px;}
.category-panel {background-image:url(../images/category-panel.png); width:910px; height:40px;}
.content {/*background:white;*/ /*background:#D0E1E9;*/ background:#262626; width:910px; min-height:724px;}
.footer {background-image:url(../images/footer.png); width:910px; height:85px; margin-top:1px;}
.top-flash {width:910px; height:400px;}
.top-flash object {z-index:0;}
ul.hm li.hm-button {display:inline; margin:0;}
ul.hm {list-style-image:none;list-style-position:outside;list-style-type:none;height:27px;overflow:hidden;width:auto;margin:0;}
a.hm-button-a {background:transparent url(../images/hm-button.png) no-repeat scroll left top;display:block;float:left;height:27px;margin-right:1px;overflow:hidden;text-align:center;text-decoration:none;width:129px;padding-top:8px;color:black;}
a.hm-button2-a {background:transparent url(../images/hm-button2.png) no-repeat scroll left top;width:130px; margin-right:0px;}
a.hm-button-a:hover, a.hm-button2-a:hover, a.hm-button-a-selected, a.hm-button2-a-selected {background:transparent;}
.search input {background: url(../images/transparent.gif) repeat; border:0px;margin-top:17px; margin-left:3px; width:84px;}
.top-panel {background: url(../images/top-panel.png) no-repeat top left; width:451px; height:28px; position:absolute; margin-left:425px; margin-top:-400px; display:overflow; z-index:50;}
.item-padding-top {height:17px;}
.item {width:227px; /*height:227px;*/ height:184px; margin-top:16px; margin-bottom:17px; float:left; /*background:#D0E1E9;*/ background:#262626;}
.item a {text-decoration:none; cursor:pointer; }
.item-img {margin-left:auto; margin-right:auto; width:150px; height:158px;}
.item-btn {margin-left:auto; margin-right:auto; width:150px; height:25px; background: url(../images/item-btn.png) no-repeat; color:white; margin-top:1px;}
.item-btn-name {float:left; font-size:10px; width:90px; margin-top:5px; margin-left:10px;}
.item-btn-price {float:right; font-size:10px;width:50px; margin-top:5px;}
.navigation {color:white; font-size:12px; padding-top:12px; padding-left:20px; float:left;}
.paging,.paging2 {float:right; height:16px; margin-top:16px;}
.navLink {background: url(../images/paging-button.png); width:14px; height:13px; float:left; margin-right:5px; text-align:center; font-size:11px; color:black; text-decoration:none; top:0px;}
.navLinkBack {background: url(../images/navigation-back.png); width: 33px; height: 13px; float:left;margin-right:25px; text-align:center; font-size:11px; color:black; text-decoration:none; top:0px;}


#detail {width:910px; min-height:684px; background:#262626;}
#detail-img-box {width:648px;min-height:684px; float:left; text-align:center;}
#detail-img-box img  {/*max-width:659px; max-height:562px;*/ width:648px; height:684px; border:0px;/* margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto;*/ margin:auto auto auto auto; margin-bottom:-3px;}
#detail-img-box span {width:0px;}
/*#detail-img-box center {height:562px;}*/
#detail-btn-box {width:262px; min-height:684px; float:right; /*padding-top:205px;*/background-color:#262626; padding-left:0px;}
#detail-thumb-box {width:910px; height:122px; clear:both; background-color:#262626;}
#detail-btn-box .thumb {height:137px;float:left;width:130px; margin-left:1px; margin-bottom:1px;}
#detail-btn-box .thumb img {height:137px;float:left;width:130px;}
#detail-btn-box .thumb a {cursor:pointer;}
#footer-main-page {margin-left:135px;}
#footer-news {margin-left:4px;}
#footer-campaings {margin-left:2px;}
#footer-contacts {margin-left:2px;}
#footer-twindesign {margin-left:340px;}
#size-btn, #color-btn, #pieces-btn {background: url(../images/details-btn.png) no-repeat; margin-bottom:10px; width:141px; height:27px; padding-top:5px; text-align:center;margin-left:20px;}
/*#size-btn {margin-top:60px;}*/
#tocart-btn {background: url(../images/tocart-btn.png) no-repeat; margin-bottom:10px; width:141px; height:27px; text-align:center; padding-top:5px; margin-left:20px;}
#tocart-btn a {color:white; text-decoration:none; cursor:pointer;}
#pieces-btn input {width:20px; border:none; background:transparent;margin-bottom:1px; font-size:14px;}
#size-btn-in, #color-btn-in {margin-left:10px;text-align:left;}
#size-btn-in input, #color-btn-in input {background:transparent; border:none; display:inline; width:60px;}
#size-btn-in div.sexy, #size-btn-in div.sexy div.list-wrapper {width:70px;}
#size-btn-in div.sexy input {width:45px; /*width:53px;*/}
#size-btn-in div.sexy div.icon {left:45px;/*left:53px;*/}
#color-btn-in div.sexy, #color-btn-in div.sexy div.list-wrapper {width:82px;}
#color-btn-in div.sexy input {width:65px;}
#color-btn-in div.sexy div.icon {left:67px;}
#cartvalue {float:right; padding:5px;}
#cartvalue img {vertical-align:middle;}
#logged-as {padding:5px; float:left;}
#logged-as a {color:inherit; text-decoration:none;}
.clear {clear:both;}
#product-informations {margin-left:20px; padding-top:40px; padding-bottom:40px; color:white; font-size:14px; padding-right:20px;}
.product-name, .product-desc, .price-wo-vat, .price-vat {margin-bottom:10px;}
#product-informations small {font-size:11px;}
.product-name, .price-vat {font-weight:bolder; }
#top-panel-not-logged {margin-left:10px; margin-top:3px;}
#top-panel-login, #top-panel-logout {margin-left:30px; cursor:pointer;}
#top-panel-logout {vertical-align:midle; padding-top:3px;}
#top-panel-name {margin-left:10px; margin-top:5px;}
#top-panel-passwd {margin-top:5px;}
#top-panel-login-input, #top-panel-passwd-input {/*background:transparent none repeat scroll 0 0;*/ border:1px solid #CCCCCC; width:120px;margin-top:5px;margin-right:10px;}
#top-panel-ok-btn {float:right;left:413px;position:absolute;top:0;width:38px; cursor:pointer;}
#top-panel-user {margin-left:10px; margin-top:3px; vertical-align:text-top;}
#top-panel-logout {margin-left:30px;}
#eshop_login {z-index:100;}

.generic-page, .form-page, .cart-page, .search-result-page {background:#262626;min-height:684px;}
.generic-page .text {padding-left:10px; padding-top:10px; color:white; width:400px; float:left;}
.form-page .text {padding-left:30px; padding-top:10px; color:white; width:380px; float:left;}
.generic-page .text p {padding-top:5px;}
.generic-page .left-image {float:right;}
.form-page-x {background:transparent url(../images/logo-big.png) no-repeat scroll right bottom;}
.form-page .logo-big {background:transparent url(../images/logo-big.png) no-repeat scroll center bottom; float:right; /*position:relative; left:627px; bottom:25px;*/ min-height:684px;width:258px;margin-right:25px; margin-bottom:25px;}
.form-page table, .form-page td, .form-page tr, .form-page th, .cart-page table, .cart-page td, .cart-page tr, .cart-page th, .search-result-page table, .search-result-page td, .search-result-page tr, .search-result-page th {border:none; text-align:left;}
.form-page table td .input {background: url(../images/form-field.png) no-repeat right top; height:22px; width:171px;border:none;padding-top:5px; padding-left:5px;}
.form-page table td .error {border:1px red solid;}
.form-page table td a {color:white; text-decoration:underline;}
.form-page div.sexy  {height:27px; width:176px;border:none;}
.form-page div.sexy input {background: url(../images/form-field.png) no-repeat right top; height:22px; width:171px;border:none;padding-top:5px; padding-left:5px;}
.form-page div.sexy .icon {left:150px; top:0px;}
.form-page div.sexy div.list-wrapper {left: 5px; top: 21px; color:black; width:171px;}
.form-page table td.select {height:42px;}
table.shopping-cart, table.search-result {width:910px;color:white;margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:20px;}
table.shopping-cart th, table.search-result th {font-size:11px;}
table.shopping-cart tr.product-row:hover, table.search-result tr.product-row:hover {background:#555555;}
table.shopping-cart .cart-itemcount {background:url('../images/cart-itemcount-field.png') no-repeat; width:66px; height:22px; color:white; border:none; padding-top:5px; text-align:center;}
.search-result-page table a {color:white;}
th.margin20 {width:30px;}
.th-kod img {margin-left:4px;}
.th-nazev img {margin-left:1px;}
.hr td {padding-top:0; padding-bottom:10px;}
.hr-bt td {padding-top:10px; padding-bottom:10px;}
.hr hr, .hr-bt hr {margin:0; color:#555555; height:1px;}







.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}


.wraptocenter-v {
    display: table-cell;
    /*text-align: center;*/
    vertical-align: middle;
}
.wraptocenter-v * {
    vertical-align: middle;
}

.wraptocenter-v {
    display: block;
}
.wraptocenter-v span {
    display: inline-block;
    height: 100%;
    width: 1px;
}