@media screen, projection {
html {}
body {text-align: center; padding: 0; margin: 0; background: url('../img/bg/body.jpg') repeat-x 0 0 #F2EFE8;}
body.popup-content {background: none #fff; text-align: left; padding: 20px;}

/* POPUP */
.popup {display: none; position: relative;}

/* COLS */
.col-content {float: right; display: inline; width: 789px;}
.col-side {float: left; display: inline; width: 188px;}
.col-content > *:first-child {margin-top: 0;}
.page .col-content .inner {padding: 9px 9px 10px;}

/* WRAP */
#wrap {width: 989px; margin: 0 auto; position: relative;}

/* MAIN */
#main {text-align: left;}
.login #main {}
.login #main .inBox {padding: 30px 9px 10px 300px;}

/* NAVIGATION SKIP */
#nav-skip {position:absolute; left: -5000px; top: 0;}
#nav-skip a:focus,
#nav-skip a:active {position: absolute; top:0; left: 5000px; width: 200px; padding: 2px 0 5px; z-index: 900; text-align: center;}

/* HEADER */
#header {height: 161px; position: relative; background: url('../img/bg/header.png') no-repeat 285px 10px transparent;}

/* LOGO */
#logo {font-size: 100%; margin: 0; padding: 0; line-height: 1; font-weight: normal; position: absolute; top: 12px; left: 0; z-index: 10;}

/* FOOTER */
#footer {font-size: 1.1em; line-height: 34px; margin: 9px 0 0 0; padding: 8px 12px; text-align: left;}
#footer .copy {padding-right: 20px;}
#footer p {margin: 0;}

/* LOGIN FORM */
#login-form {width: 350px;}
#login-form label {display: inline-block; width: 60px;}
#login-form .fix-int {display: inline-block; inline-block; width: 265px;}
#login-form .inline-btn {margin-left: 64px;}

/* BREADCRUMB */
#breadcrumb {padding: 0 0 10px; margin: 0;}

/* SIDE MENU */
.side-menu {padding: 10px 14px; margin: 0 0 10px;}
.side-menu h2 {border-bottom: 1px solid #737371; font-size: 1.1em; font-weight: bold; height: 20px; margin: 0 0 1px; padding: 0 0 0 5px; color: #706664;}
.side-menu a {color: #706664; display: block; padding: 3px 0 5px 5px; text-decoration: none;}
.side-menu a:hover,
.side-menu .active {font-weight: bold;}

/* SEATCH BOX */
#search-box .title {padding-right: 20px;}

/* SHEET */
.sheet {margin: 10px 0;}
.sheet .onpage {padding-right: 10px;}
.sheet .stranky {display: inline-block; background-color: #EEEEEE; border: 1px solid red; padding: 0 2px;}
.sheet .links a {padding: 0 3px;}
.sheet .links span {font-weight: bold; background-color: #EEEEEE; border: 1px solid red; font-weight: bold; padding: 0 2px;}

/* PRODUCT TABLE */
.product-table td {padding: 0 5px;}
.product-table thead th {text-align: center;}
.product-table thead td,
.product-table tfoot td {border: medium none; padding: 5px;}
.product-table tbody tr:nth-child(2n) td {background-color: #F4F4F4;}
.product-table .ptc1 {width: 16%;}
.product-table .ptc2 {width: 30%;}
.product-table .ptc3 {width: 3%;}
.product-table .ptc4 {width: 6%;}
.product-table .ptc5 {width: 13%;}
.product-table .ptc6 {width: 15%;}
.product-table h2 {font-size: 1em; margin: 0; font-weight: normal;}
.product-table .cart_table {line-height: 1.7em;}
.product-table .buy-text {width: 15px;}
.product-table .sprice {font-weight: bold; font-size: 13px;}
.product-table .nav {text-align: right; padding-right: 60px; background: url("../img/ico/downos.gif") no-repeat scroll 284px 8px transparent;}
.product-table tfoot .nav {background-image: url("../img/ico/upos.gif"); background-position: 98% 8px;}
.product-table .compare {font-weight: bold;}
.product-table .active {color: red;}

/* CART BOX */
.cart-box h2 {display: inline-block; padding: 5px 35px 5px 8px; background: url('../img/bg/cart4.gif') 90% 50% no-repeat #F2F2F2; margin: 0; border-color: #DDDDDD; border-style: solid; border-width: 1px 1px 0; font-size: 1.2em; color: #000; text-transform: uppercase;}
.cart-box table {margin: 0 0 5px;}
.cart-box td,
.cart-box th {padding: 1px 5px;}

/* ACCOUT MENU */
#account-menu {position: absolute; left: 308px; top: 80px; text-align: left;}

/* TOP MENU */
#top-menu {border-radius: 0 0 5px 5px !important; position: absolute; right: 0; top: 0; padding: 0 15px; line-height: 40px; background-color: #f6f3ec !important; border-top: medium none !important;}
#top-menu li {display: inline; padding: 0 7px;}
#top-menu a {text-decoration: none; text-transform: uppercase; font-size: 1.1em;}

/* STEP LIST */
.step-list {overflow: hidden; margin: 20px 0; height: 78px; background: url('../img/bg/step-list.png') no-repeat 0 0; font-size: 18px; line-height: 1.2; font-weight: bold;}
.step-list li {display: inline; float: left; width: 33%;}
.step-list .item {text-decoration: none; display: block; padding: 15px 0 0 20px; color: inherit; height: 63px;}
.step-list .active a {color: #fff;}
.step-list strong {display: block;}
.step2-active {background-position: 0 -80px;}
.step3-active {background-position: 0 -160px;}

/* CART TABLE */
.cart-table {border: 2px solid #f0f0f0; border-radius: 5px 5px 0 0;}
.cart-table .fix-int {width: 24px; display: inline-block; vertical-align: middle;}
.cart-table .fix-int .int-text {text-align: center; padding: 5px 0px;}
.cart-table tbody td,
.cart-table thead th {text-align: center; border: 1px solid #dde7f0;}
.cart-table thead th {background-color: #F0F0F0; border-color: #F0F0F0;}
.cart-table tfoot td {text-align: right; padding-top: 15px; padding-bottom: 15px;}
.cart-table .name {text-decoration: none; font-size: 12px; font-weight: bold;}
.cart-table .img {display: block; margin: 5px 0 0;}

/* G BOX */
.g-box {margin: 20px 0;}
.g-box .inner {padding: 10px; border-style: solid; border-width: 0 2px 2px; border-color: #f0f0f0;}
.g-box .title {background: #f0f0f0; margin: 0; display: block; padding: 10px; background-color: #f0f0f0; border-radius: 5px 5px 0 0; font-size: 12px; color: inherit;}

.table-foot p {overflow: hidden; border-top: 1px solid #f0f0f0; padding: 5px 0 0; margin: 0 0 5px;}
.table-foot p:first-child {border-top: medium none;}

.buttons {margin: 20px 0;}
.buttons .l .inline-btn {background: none #8e8e8e;}}

.dp-box label {display: block; padding: 0 100px 0 50px; overflow: hidden;}
.dp-box li {margin: 0 0 10px;}
.dp-box .int {float: left; margin: 3px 0 0 -35px;}
.dp-box .img {float: right; width: 80px; margin-right: -100px; text-align: right;}
.dp-box .name {display: block;}

.registration-form .line {overflow: hidden; clear: both;}
.registration-form .option {padding: 10px 0 0; border-top: 1px solid #d9ecff;}
.registration-form .option input {margin: 0 10px;}

/* INVOICE INFO */
.invoice-info {}
.invoice-info .box {border: 1px solid #000; margin: 0; padding: 0; overflow: hidden;}
.invoice-info .inner {padding: 15px;}
.invoice-info .supplier {float: left; width: 50%; border-bottom: 1px solid #000;}
.invoice-info .customer {float: right; width: 50%;}
.invoice-info .summary {float: left; width: 50%;}
.invoice-info .customer .inner {border-left: 1px solid #000;}
.invoice-info .box h2,
.invoice-info .box h3 {margin: 0 0 10px; font-size: 12px; color: inherit;}
.invoice-info .box h3 {margin: 10px 0;}
.invoice-info .box .title {display: inline-block; width: 100px;}
.invoice-info .box p {margin: 0 0 0.4em;}
.invoice-info table {font-size: 11px; border-bottom: 1px solid #000; margin: 0;}
.invoice-info .v-top {vertical-align: top;}
.invoice-info .v-bottom {vertical-align: bottom;}
.invoice-info .no-border {border-left: medium none; border-right: medium none;}
.invoice-info thead .top .no-v-border {border-bottom: medium none;}
.invoice-info thead .bottom .no-v-border {border-top: medium none;}
.invoice-info tbody td {border: medium none;}
.invoice-info thead th {background: none transparent; border-color: #000; font-weight: normal; padding: 5px;}
.invoice-info .total {margin: 1px 0 0; border-top: 2px solid #000; padding: 10px 0 0; text-align: right; overflow: hidden; font-size: 11px;}
.invoice-info .sum {color: #2a46a1; font-size: 16px;}
.invoice-info .sum span {display: inline-block; width: 150px; text-align: left;}
.invoice-info .sum p {float: right; padding: 10px; background-color: #ebf2f6; border: 1px solid #d1dce4; border-radius: 5px; margin: 0;}

/* RAMECEK */
.login #main,
.page .col-content,
.side-menu,
#top-menu,
#footer {border: 1px solid #7c6e6d; background-color: #fffffd; box-shadow: #7c6e6d 2px 2px 1px; border-radius: 5px;}

/* CARTBOX */
#cartbox {position: absolute; right: 20px; top: 80px; text-align: right;}
#cartbox a {text-decoration: none;}

/* MESSAGE BLOCK */
.message-block {margin-bottom: 1em;}
.message-block .title {color: #009ee0; font-size: 18px; display: block; margin-bottom: .5em;}
}