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

/* NAVIGATION SKIP */
#nav-skip{position: absolute; left: -2000px; top: 0; width:980px;}
#nav-skip a:focus, #nav-skip a:active{position: absolute; left: 2000px; width: 250px; background: #fff; padding: 2px 0 5px; z-index: 99; text-align: center;}

/* LAYOUT */
#mother{position:relative; width:992px; margin:0 auto; background:url('../img/bg/mother.png') 0 0 repeat-y; text-align:left;}
#header, #main, #footer{background:#fff; margin: 0 6px; padding:1px 0;}
#header{height:113px; border-bottom:5px solid #17d02a;}
#main{background:#fff url('../img/bg/main.png') 0 0 repeat-x; padding: 1px 0 20px;}
#basket #main {background-image:url('../img/bg/main-fullpage.png'); padding:46px 60px 20px; position:relative;}

#col-content{float:right; display:inline; width:625px; margin:0 20px 0 0;}
#page #col-content{margin:13px 13px 0 0; background:url('../img/bg/col-content.png') 0 0 no-repeat; width:555px; padding: 6px 36px 1px;}
#col-side {float:left; display:inline; width:328px;}
#content{background:url('../img/bg/content.png') 50% 0 no-repeat; padding:25px 0 0;}
#home #col-content {width:651px; float:left; margin:0;}
#home #col-side {float:right;}
.col-l {float:left; display:inline; width:49%;}
.col-r {float:right; display:inline; width:48%; margin-right:1%;}
.col-q-r {width:42%; float:right; display:inline;}
.col-q-l {width:52%; float:left; display:inline; margin-left:25px;}
.col-qq-r {width:60%; float:right; display:inline;}
.col-qq-l {width:35%; float:left; display:inline;}

/* LOGO */
#logo{margin:0; padding:28px 0 0 40px; font-size:100%; font-weight:normal; line-height:1;}

/* BASKET BOX */
#basket-box{position:absolute; top:0; right:6px; background:url('../img/bg/basket-box.png') 0 50% no-repeat; height:93px; width:200px; padding:20px 0 0 125px; color:#192746;}
#basket-box p{margin:0 0 5px;}

/* ANNOT BOX */
#annot-box{padding:50px 90px 1px 0; min-height:169px; background:url('../img/bg/annot-box.png') 100% 100% no-repeat;}
#annot-box img.l{margin:-30px 15px 0 20px;}
#page #annot-box{padding:50px 0 1px; min-height:151px; background:none;}
#page #annot-box h1{background:url('../img/bg/h1.png') 0 50% no-repeat; padding:0 0 0 30px;}

#home #annot-box{background:url('../img/bg/annot-box.jpg') 100% 100% no-repeat; padding:50px 370px 1px 215px; position:relative;}
#home #annot-box .img {position:absolute; left:10px; top:15px; width:200px; text-align:center; text-decoration:none;}
#home #annot-box p {line-height:1.6;}

/* PRODUCT DETAIL */
#product-detail{padding:40px 90px 0 220px; min-height:180px; background:url('../img/bg/annot-box.png') 100% 100% no-repeat;}
#product-detail .img {width:200px; height:200px; background:#fff; position:relative; line-height:200px; float:left; display:inline; margin:-30px 0 0 -215px; text-align:center;}
#product-detail .img img {vertical-align:middle;}
#product-detail .img span {position:absolute; width:23px; height:23px; background:url('../img/bg/h1.png') 0 0 no-repeat; cursor:pointer; right:10px; bottom:10px;}
#product-detail .price {color:#17d02a; float:left; display:inline;}
#product-detail .price span {font-size:150%;}
#product-detail form {float:left; display:inline; width:200px; background:#ecedf2; padding:6px 10px; margin:5px 0 0 15px;}
#product-detail form p {margin:0;}
#product-detail .l input {vertical-align:middle; border:1px solid #d2d7e1;}
#product-detail input.r {font-size:92%;}

/* TREE COLS LIST */
.tree-cols-list{border-bottom:2px solid #f3f5f9; padding: 0 0 20px; margin: 0 0 15px;}
.tree-cols-list ul{float:left; display:inline; width:30%; margin-right: 3%; font-size:92%; font-weight:bold;}

/* TESTIMONIALS*/
#testimonials-list li{margin: 0 0 25px; width:100%; overflow:hidden;}
#testimonials-list strong{color:#26b735; display:inline-block; margin:7px 0 0;}
#testimonials-list img.r{margin: 0 0 0 15px;}
#testimonials-list img.l{margin: 0 15px 0 0;}

#testimonials-box {background:url('../img/bg/testimonials-box.png') 0 0 no-repeat; padding:1px 20px; overflow:hidden;}
#testimonials-box h2 {margin:20px 0 5px;}
#testimonials-box img {float:right; display:inline; margin-left:15px;}
#testimonials-box strong {color:#26b735;}

/* PRODUCT LIST */
#product-list {margin:0 45px;}
#product-list li h2, #product-list li h3 {font-size:133%; margin:0 0 0.2em; font-weight:bold;}
#product-list li h2 a, #product-list li h3 a {color:#304e93; text-decoration:none;}
#product-list li {color:#38465b; border-top:2px solid #f8f9fb; padding:15px 155px 0 0; margin:15px 0 0;}
#product-list .img {float:right; display:inline; width:145px; text-align:center; margin-right:-155px;}
#product-list p {margin:0 0 5px;}
#product-list .price {color:#17d02a; float:left; display:inline; line-height:1.2;}
#product-list .price span {font-size:150%;}
#product-list form {float:left; display:inline; width:270px; background:#f3f5f9; padding:6px 10px; margin:5px 0 0 15px;}
#product-list form p {margin:0;}
#product-list .l input {vertical-align:middle; border:1px solid #d2d7e1;}
#product-list input.r {font-size:92%;}

#product-list-wrap {background:url('../img/bg/product-wrap.png') 0 0 no-repeat; padding:22px 25px 0; margin-top:-15px;}
#product-list-wrap #product-list {margin:0;}
#product-list-wrap #product-list ul {margin:-24px 0 0 25px;}
#product-list-wrap p.l {color:#fff; font-weight:bold;}
#product-list-wrap p.r {color:#a3a9bb;}
#product-list-wrap p.r a {color:#a3a9bb; font-weight:bold; margin:0 3px;}
#product-list h2 a:hover, #product-list-wrap p.r a:hover {color:#26b735;}

.col-l #product-list {margin:0 0 0 25px; position:relative;}
.col-l #product-list h2 {margin-top:10px;}
.col-l #product-list p {text-align:justify;}
.col-l #product-list form {width:190px; margin-right:-155px;}
.col-l #product-list .more a {position:absolute; width:110px; text-align:center; height:27px; padding:3px 2px 0 0; text-decoration:none; font-weight:bold; color:#304e93; top:0; right:0; background:url('../img/bg/more.png') 0 0 no-repeat;}
.col-l #product-list .more a:hover {text-decoration:underline;}

/* PARAMS LIST */
.params-list {margin: 0 25px 25px;}
.params-list h2{font-size:108%; font-weight:bold;}
.params-list ul {overflow:hidden;}
.params-list li {margin-top:-1px; border-top:1px solid #d4d8e3; padding: 5px 0;}
.params-list span {display:inline-block; width:270px;}

/* BASKET */
#basket form {width:100%;}
#basket h1 {color:#fff; position:absolute; left:37px; top:23px; font-size:100%; font-weight:bold; margin:0;}
#basket table a {color:#304e93; text-decoration:none; font-weight:bold;}
#basket table a:hover {color:#304e93; text-decoration:underline;}
#basket table .bold {font-size:108%;}
#basket table input {vertical-align:middle; border:1px solid #d2d7e1;}
#basket table img {vertical-align:middle; margin-left:5px;}
#basket table .arows {display:inline-block; vertical-align:middle; width:8px; height:14px; position:relative;}
#basket table .arows .up {position:absolute; left:0; top:0; width:8px; height:5px; background:url('../img/ico/arows.png') 0 0 no-repeat;}
#basket table .arows .down {position:absolute; left:0; bottom:0; width:8px; height:5px; background:url('../img/ico/arows.png') 0 100% no-repeat;}
#basket table tbody {background:url('../img/bg/content.png') 50% -1px no-repeat;}
#basket .transport, #basket .price {text-align:right; color:#304e93; font-weight:bold; font-size:108%; margin:0 0 5px;}
#basket .transport span, #basket .price span {display:inline-block; vertical-align:middle; background:#eeedee; padding:5px 20px; width:130px; margin-left:5px;}
#basket .payment, #basket .price {text-align:right; color:#304e93; font-weight:bold; font-size:108%; margin:0 0 5px;}
#basket .payment span, #basket .price span {display:inline-block; vertical-align:middle; background:#eeedee; padding:5px 20px; width:130px; margin-left:5px;}
#basket .price{color:#304E93; margin-bottom:15px;}
#basket .price span{font-size:125%;}
#basket h2{background:url('../img/bg/h2-long.png') 0 0 no-repeat; padding:0 0 0 25px; margin:15px 0 7px; font-size:108%; color:#304e93; font-weight:bold;}
#basket label{color:#26b735;}
#basket ul{margin-bottom:23px;}
#basket li{background:#eeedee; margin-bottom:1px; padding:7px 10px; overflow:hidden;}
#basket li label{font-weight:bold; float:left; display:inline;}
#basket li strong{float:right; display:inline;}
#basket .green {margin:0 0 5px;}
#basket .green a{font-weight:bold; font-size:108%;}
#basket .col-q-r h3 {font-weight:bold; color:#fff; background:url('../img/bg/h3.png') 0 0 no-repeat; margin:0; padding:0 15px; line-height:26px; width:170px; font-size:108%;}
#basket .more a {padding: 4px 0 4px 30px; background:url('../img/bg/h1.png') 0 50% no-repeat; display:block; font-weight:bold;}

/* MAIN MENU */
#main-menu{position:absolute; bottom:100%; left:32px; margin-bottom:-120px;}
#main-menu ul{border-right:3px solid #fff; margin-bottom:0px;}
#main-menu li{float:left; display:inline; border-left:3px solid #fff; background-color:transparent; padding:0px 0px;}
#main-menu a{display:block; line-height:28px; color:#304e93; font-weight:bold; text-decoration:none; padding: 0 10px; border-bottom:5px solid #17d02a;}
#main-menu a:hover, #main-menu .active a{border-bottom-color:#304e93;}

/* SIDE MENU */
#side-menu{background:#233663; padding:3px 5px 6px; margin-top:-1px;}
#side-menu ul li{background:url('../img/bg/sidemenu-li.png') 0 0 repeat-x; border-top:3px solid #233663; width:100%; vertical-align:bottom;}
#side-menu a{line-height:50px; text-decoration:none; color:#fff; font-weight:bold; font-size:108%; padding: 0 35px; display:block; background:url('../img/bg/sidemenu-a.png') 100% 20px no-repeat;}
#side-menu .active a, #side-menu a:hover{background-position:100% -90px;}

#home #side-menu{margin:0; padding:0; background: url('../img/bg/product-menu.png') 0 -5px no-repeat;}
#home #side-menu ul {overflow:hidden; position:relative; top:-4px; padding-left:15px; background: url('../img/bg/product-menu-ul.png') 0 4px no-repeat;}
#home #side-menu li{float:left; display:inline; background:none; border:none; width:155px; text-align:center;}
#home #side-menu a{line-height:1; height:200px; background-position:50% 0; padding:0; font-size:92%; font-weight:bold;}
#home #side-menu a:hover{background-position:50% -110px;}
#home #side-menu span{line-height:36px; padding:4px 0 160px; display:block; background:50% 44px no-repeat;}
#home #side-menu .catid2 span{background-image:url('../img/bg/pristroje-fototerapie.png');}
#home #side-menu .catid3 span{background-image:url('../img/bg/doplnky.png');}
#home #side-menu .catid4 span{background-image:url('../img/bg/prislusenstvi.png');}
#home #side-menu .catid5 span{background-image:url('../img/bg/balneo.png');}
#home #side-menu .catid1 span{background-image:url('../img/bg/pristroje-fototerapie.png');}
#home #side-menu .catid6 span{background-image:url('../img/bg/pristroje-fototerapie.png');}
#home #side-menu .catid7 span{background-image:url('../img/bg/pristroje-fototerapie.png');}
#home #side-menu .catid8 span{background-image:url('../img/bg/pristroje-fototerapie.png');}

/* QUEALITY BOX */
#queality-box h2{background:url('../img/bg/h2.png') 15px 100% no-repeat; padding:13px 0 0 40px; margin:0 0 7px; font-size:108%; color:#304e93; font-weight:bold;}
#queality-box .in {background:url('../img/bg/queality-box.png') 0 0 no-repeat; padding:20px; font-size:92%; overflow:hidden;}
#queality-box img {float:right; display:inline; margin-left:15px;}

/* SIDE FORM */
#frm-side-form {background:url('../img/bg/testimonials-box.png') 0 0 no-repeat; padding:1px 30px;}
#frm-side-form h2{background:url('../img/bg/h2.png') 0 100% no-repeat; padding:15px 0 0 25px; margin:0 -25px 5px; font-size:108%; color:#304e93; font-weight:bold;}
#frm-side-form label {color:#26b735; font-weight:bold; font-size:108%;}
#frm-side-form .w-full {padding:3px 0; margin: 1px 0 0;}

/* COR BOX */
.cor-box {position:relative; margin: 0 0 15px;}
.cor-box .in {border:3px solid #f2f1f2; padding:15px; overflow:hidden;}
.cor-box h2 {font-size:183%; color:#304e93; margin:0 0 5px;}
.cor-box .grey {color:#a1a6b1;}
.cor-box img {margin-left:15px;}
.cor-box .cor {width:3px; height:3px; background-image:url('../img/bg/cor-box.png');}

/* CORNERS */
.cor{position:absolute; background-repeat:no-repeat; display:block; z-index:10; height: 4px; width: 4px; line-height: 1px; font-size: 1px;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 100%;}
.cor-br{bottom:0; right:0; background-position:100% 100%;}

/* FOOTER */
#footer {position:relative; background:#304e93 url('../img/bg/footer.png') 0 0 repeat-x; padding: 30px 40px; color:#fff;}
#footer p {margin:0;}
#footer p.r a {color:#fff; text-decoration: none; border:none;}
#footer .l a {color:#fff; padding: 0 0 0 25px; background:url('../img/bg/footer-a.png') 8px 50% no-repeat;}
#footer .l a.first{padding:0; background:none;}
#footer .link a {position:absolute; top:0; right:0; background:#39d749; color:#fff; text-transform:uppercase; letter-spacing:4px; text-decoration:none; font-weight:bold; font-size:85%; text-align:center; padding:2px 0; width:300px;}

/* INLINE BTN */
.inline-btn{color:#fff; background:#39d749; display:inline-block; font-weight:bold; font-family:arial; text-decoration:none; padding:2px 5px; border:none; cursor:pointer; overflow:visible;}
.inline-btn-big{padding:10px 15px; font-size:125%; margin: 10px 0 0;}
.inline-btn:hover{color:#fff;}