﻿a*{margin: 0; padding:0}

img{border: 0px}

body { 
    /*background: url("../images/bg_all.png") repeat #d1e6ff;*/
    font-family: Arial,sans-serif;
    color: #52035;
    font-size: 12px;
}


a{text-decoration: none}


/*zmena z 1300px na 100%*/ 
.lvl2{
    width: 100%;
    margin:0 auto;
    background: url("../images/bg_wrapper.png") repeat-x #FFF;
    /* min-height: 800px;*/
}



div.lvl2_banner_center{float:left;}


.wrapper_lvl2{
    width: 99%;
    position: absolute;
    z-index: 1;
    /*height: nastavuje sa v style.tpl*/
    top: 0px;
    left: 0px;
}


.wrapper_body_lvl2{
    margin: 0 auto;
    /*weight,height: nastavuje sa v style.tpl*/
}



/*zmena z 1000px na 80%*/
#wrapper{
    width: 1000px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    z-index: 2;
    top: 10px;
    /*background: url("../images/bg_wrapper.png") repeat-x #FFF;*/
    padding: 10px;
}



div#wrapper div#cartData{
    float: right;
    padding: 30px 25px 0px 0px;
    position: relative;
    z-index: 10;
}


#main{
    background: #FFF;
    /*border: 1px solid #a29f9f;*/
}


/*.hr_blue{height: 3px; background: #e5ebff}*/


.header {
    position: relative;
    /* margin-top: 5px;*/
    padding: 5px 10px;
    height:100px;
    top: -18px;
    /*background: url("../images/bg_header.png") repeat center;*/
    /*border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
}


.user{
    float:right;
    height: 20px;
    padding: 6px 15px 0px 15px;
    position: relative;
    top: 20px;
    /*left: 600px;*/
    /* width: 150px;*/
    z-index: 2;
    /* background: #f8f8f8;
     border-width: 1px;
     border-style: solid;
     border-color: #a29f9f;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;*/
    font-size: 12px;
}


.langPadding
{   
    top: 20px;
    left: 628px;
}


.langBar, .currBar
{
    float:left;
    height: 20px;
    padding: 6px 10px 0px 10px;
    margin: 0px 2px;
    position: relative;
    top: 0px;
    z-index: 9999;
}

.langBar img {/*height: 14px;*/ border: 0px}

.langBar span>img, .lang_kontajner img{max-height: 15px; max-width: 30px}





.breadCrumb{float:left; width:730px; height: 40px; font-size: 10px;font-weight: bold; border-bottom: 1px solid #EFEFEF; margin: 5px 5px 5px 10px;}

.breadCrumb a{display: block; float: left; font-size: 11px; padding: 11px 5px 0 5px;text-transform: uppercase;}
.breadCrumb a:hover{text-decoration: underline;}

.breadCrumb i {padding: 15px 0 10px 0;background: url("../images/big_arrow.png") no-repeat top left transparent; display: block; float:left}




.btn{background: url("../images/bg_rating.png") repeat scroll 0 0 #52035;/* border: 1px solid #a29f9f;*/ display: block; float: left; /*height: 25px;*//*border-radius: 5px;*/ margin: 0px 1px}

.btn:hover{background-position: 0 -30px;}

.btn a{display: block; /*height: 15px;*/ padding: 6px 10px;text-align: center; background-color: #52035; color: #fff;}



div.userForm form div span.btn{height: 28px;}


div.priceDetail div span.btn{background: url("../images/bg_button_detail.png") repeat scroll 0 0 #52035;}
div.priceDetail div span.btn a.cartAdd{position: relative; top: 5px;}


.smallBoxes{/*background: url("../images/btn_light_gr.png") repeat-x;*/ display: block; height: 35px; float: left; margin: 5px; font-weight: bold; /*border-radius: 3px;*/ box-shadow: 1px 4px 2px #EFEFEF;}
.smallBoxes a{padding: 10px 10px 10px 10px;display: block;}


.tinyBoxes{/*background: url("../images/btn_light.png") repeat-x;*/ background-color: #52035; display: block; height: 22px; float: left; /*border: 1px solid #a29f9f;*/  margin: 5px;}
.tinyBoxes a{padding: 4px 8px;display: block; /*color: #FFF;*/}
.tinyBoxes:hover{background-position: 0 -25px;}


.pager .tinyBoxes{margin: 3px 1px}


.activePage{background: none;}
.activePage a{cursor: default; border: 1px solid; font-weight: bolder}


#pager_kontajner{float:left; width: 100%; margin-bottom: 15px; }
.pager{}


.orderPanel{float: left;margin: 30px 5px; width: 250px;}
.orderArrow{background: url("../images/az_arrows.png") no-repeat left transparent;}
.tailToHead.active {background-position:  0 0}
.headToTail.active {background-position:  -40px 0}
.tailToHead{background-position: -21px 0}
.headToTail{background-position:  -60px 0}



/*.topRadius{border-top-left-radius: 5px;border-top-right-radius: 5px;}
*/
/*.leftRadius{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}*/
/*.rightRadius{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}*/
/*.bottomRadius{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.fullRadius{border-radius: 5px;}*/
/*
.radius_shadow{
    -webkit-box-shadow: 1px 5px 10px 0px #d1d1d1;
    box-shadow: 1px 5px 10px 0px #d1d1d1;
}*/


.shadow{ -webkit-box-shadow: 1px 5px 10px 0px #d1d1d1; box-shadow: 1px 5px 10px 0px #d1d1d1;}

.text_shadow{text-shadow: 4px 2px #DFDFDF;}

/*.text_shadow{text-shadow:2px 2px #000;}*/


.topRight {position: absolute; /*width: 440px;*/ height: 28px; top: 60px; right: 2px; font-weight: bold; padding: 5px;}
.topRight #cartData{float: right; margin-top: 6px; font-size:12px; padding-bottom: 18px; position: relative;}

.topRight .search{float: left; position: relative; z-index: 999;}
.topRight .search input{margin-top: 0px;}
.search input {width: 250px; height:20px; padding-top: 5px; color: #324c7b; font-size: 12px; padding-left: 5px;}


.newsletter{display: block}


.newsletter input {height:20px; padding-top: 5px; color: #324c7b; font-size: 12px; /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;*/ padding-left: 5px;}

.newsletter a {float: left;}


.left{
    float: left;
    width: 23%;
    margin: 0 5px 0 0;
}
.content{
    /*padding: 1px 5px;*/
    float:left;width:53%;
    z-index: 20;
}

.spreadContent{width: 75%}
.fullWidth{width: 100%; display: block;}


.right{
    float:right;
    width: 23%;
}




.module{float:left; width: 100%; margin-bottom: 10px;}

/*.module h3{background: url("../images/btn_light.png") repeat-x; display: block; height: 25px; padding-top: 10px}*/

/*.module h4{color:#000; text-align: center; padding-left: 20px; text-transform: uppercase; font-size: 14px;}*/


/*.left .module h4{font-size: 11px;}*/


ul.slidesjs-pagination{list-style: none outside none; margin: 10px 0px; position: absolute; bottom:0; right:0px; z-index: 100}

ul.slidesjs-pagination li {float:left; margin-left: 2px}

ul.slidesjs-pagination li a {float:left; overflow: hidden; padding-top: 13px; background: url("../images/slide_paginator.png") no-repeat; display: block; height:0px; width: 22px}

ul.slidesjs-pagination li a.active{background-position: 0 -13px}

ul.slidesjs-pagination li a:hover{background-position: 0 -26px}
.bigger li a{font-size: 13px;}


.main_menu {position: relative; z-index: 999;}
ul.menu {
    padding-left:5px;
    list-style: none;
}


.menu ul{
    padding-left:10px;
    list-style: none;
}


.menu li{

}


.menu li a{
    font-size: 10px;
}


.menu li a:hover{
    text-decoration: underline;
}


.categorylist ul{
    padding: 0 0 0 0;
    list-style: none;
    margin-top: 0px;
}


.categorylist li a{
    font-size: 11px;
}


.categorylist ul.nav>li.top>span{
    display: block;
    height: 20px;
    padding: 10px 0 10px 15px;
    /*border-bottom: 1px solid #a29f9f;*/
    position: relative;
}
span.collapsable
{
    position: relative; 
    left: -5px; 
    width: 10px; 
    height: 10px; 
    display: inline-block; 
    float: left;
    margin-top:5px
}
span.collapsable{background: url("../images/menu/plusbox.png") no-repeat transparent;}


.categorylist ul.nav>li.top>span a{
    font-size: 12px;
    font-weight: bold;
    float: left;
    display: inline-block;
}


.categorylist ul.nav ul{padding-left: 12px; padding-bottom: 10px;}

.categorylist div.menu ul.nav li.top ul.sub li span a{padding: 5px 0px; color:#000;}



/*start:Categorylist-images*/

div#categorylist.images{margin: 0 auto; width: 100%;}

div#categorylist.images ul.images{float: left; list-style: none outside none;width: 100%;}

div.left div.module div#categorylist.images ul.images{padding: 0px;}

/*LEFT modul*/

div#categorylist.images ul.images li{list-style: none;}

div#categorylist.images ul.images li.item{float: left; width:225px; height: 132px; margin: 2px; text-align: center; border: 1px solid #EFEFEF;}

div#categorylist.images ul.images li.item a.top{font-weight: bold;}

div#categorylist.images ul.images li.item a.top:hover{-moz-box-shadow: 0px 20px 11px #EFEFEF;-webkit-box-shadow: 0px 20px 11px #EFEFEF;box-shadow: 0px 20px 11px #EFEFEF;}

div#categorylist.images ul.images li.item a div.title{font-size: 15px; font-weight: 100; position: relative; top: 5px;}

div#categorylist.images ul.images li.item a.top img{position:relative; top: 10px;}


div#categorylist.images ul.images li.item ul.lvl1{float: left;height: 105px; overflow: hidden; position: relative;top: -90px;}

div#categorylist.images ul.images li.item ul.lvl1 li{float: left;}

div#categorylist.images ul.images li.item ul.lvl1 li img{display: none;}
div#categorylist.images ul.images li.item ul.lvl1 li div.title{font-size: 10px;}

/*end:Categorylist-images*/



.cmsCategory ul{list-style: none}
.cmsCategory{padding-left: 0px}
.cmsCategory ul{ padding-left: 5px; margin-left: 10px;}
.cmsCategory ul li{width: 220px;}


.module .caption{padding:15px; margin-bottom: 4px; font-size: 1.2em;}


.clr{
    clear:both;
}


.clr_10{
    clear: both;
    height: 10px;
}
.clr_img{
    background: url("../images/clr.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 900px;
    left: -140px;
    position: absolute;
    top: 0;
    width: 1270px;
    z-index: -1;
}


#footer a{color: #E1E1E1; text-decoration: none}

#footer a:active{color: #E1E1E1}
#footer a:visited{color: #E1E1E1}

#footer .caption{background: none; /*color: #fff*/}


.float{position: absolute}



/*Grid Default - kocka*/

.grid{ position: relative; background: #FFF;}
.grid .item{display: block; float:left; width: 232px; /*height: 345px;*/ margin: 10px 3px; border: 1px solid #DDDDDD; position: relative; /*padding: 5px 3px;*/}

.grid .item h4 {padding-left:3px; height: 30px;font-size: 13px; text-align: center;}

.grid .item p {margin: 0px;}
.grid .cmsContent{height: 250px; padding: 0px 5px}

.grid .cmsContent img {max-height: 200px; max-width: 200px}

.grid div div.item div div.rating{float: left; margin-bottom: 5px; margin-top: 10px;}

.grid  div div.item div div.qty{float: left; padding-top: 15px;}

span.zobrazenie_default {display: inline-block;margin-right: 5px;}

span.zobrazenie_default a{float: left; width: 20px; height: 20px;}
span.zobrazenie_default a img{float:left; padding: 4px;}

.right_control div.kocka{padding-left: 30px;}

.itemFooter div.price{padding: 0 3px}


/*Grid Line*/


.item_line{display: block; float:left; width: 100%; margin: 10px -2px; border: 1px solid #DDDDDD;}

.item_line div.img_thumb{ float: left; padding:12px 10px; width: 10%;}
.item_line div.img_thumb img{max-width: 80px}

.item_line div.item_text_line{float:left; width: 63%;}

.item_line div.floating_left div.itemPerex{width: 100%; height: auto; margin: -5px 0px 3px 0px;}

.item_line div.rating_line{float: left; padding: 0;}

.item_line div div.rating_line div.qty{padding: 3px 10px; font-size: 10px;}

.item_line .itemFooter>div {padding: 0 1%}
span.zobrazenie_line a{float: left;}


.item_line .itemCodes {display: inline-block; width: 150px; color: #999; font-size: 9px; padding: 5px 0}


.itemStockCart{display: inline-block; width: 250px}


.item_line .itemStockCart .qty {float: left}


.item_line .price {display: inline-block;vertical-align: bottom; line-height: 25px; width: 250px}


.itemmain{height: 140px}
.grid img.thumb {max-height: 129px; max-width: 210px;}



.center, .grid .item p.center{
    margin-left:auto;
    margin-right:auto;
    position: relative;
    display: block;
    text-align: center;
}


.img_product {
    height: 70px;
    width: 150px;
}


.btn_product{padding: 10px;}


.btn_product a{color:#FFF;}

.btn_product a:hover {color:#000;}


.center_img{
    margin: 0 auto;
    position: relative;
    top: 15%;
    left: 25%;
}


.next{background: #a29f9f; display: block; position: absolute; right: 0; top: 0; height: 100%; z-index: 100;}
.prev{background: #a29f9f; display: block; position: absolute; left: 0; top:0; height: 100%; z-index: 100}


.hidden{display: none}


.cart{ margin-top: 20px}

.emptyCart {text-align: center}

.emptyCart h4{font-size: 18px; color: #a29f9f; margin-bottom: 10px}


table {border-spacing: 0; border-collapse: collapse}

table th, table td {/*padding: 0;*/}



.cartQuantity {width: 50px; height: 27px; border: #d1e6ff 1px solid; text-align: right; padding-right: 5px; margin-top: 8px;}


table.niceTable{margin-bottom: 10px}


table.cartData, table.niceTable {width: 720px}

table.cartData > tbody td, table.cartData thead th{text-align: right}

table.cartData > thead, table.niceTable > thead {background: #d1e6ff; height: 35px;}

table.cartData > thead th:nth-child(2){width: 300px; text-align: left;}

table.cartData > thead th , table.niceTable > thead th{padding: 0 10px 0 10px;}

table.cartData > tbody td:first-child img{max-height: 50px; max-width: 50px}
table.cartData > tbody td:first-child {text-align: left}

table.cartData > tbody td:nth-child(2) {text-align: left; font-size: 16px}
table.cartData > tbody tr td, table.niceTable > tbody tr td{border-bottom: #E1E1E1 1px solid; padding:  5px 0px}

table.cartData > tfoot {padding-top: 10px}
table.cartData > tfoot tr.cartNav{height: 100px}


table.cartSum {margin-top: 10px; text-align: right;font-size: 16px; width: 620px}

table.cartSum td:nth-child(2){width: 200px}


.addToCart{float: right; margin-right: 5px;}

.itemPerex{display: block; height: 65px; margin: 10px;}

.itemFooter{padding: 7px 0px}

#itemRatingAndQty{width:100%; height:50px;}

.addToCart input.cartQuantity{ height: 18px; width: 13px; float: left; margin-top: 1px; margin-right: 5px; font-size: 10px}


.debug {font-size: 10px; background-color: #ffffbe}

.debug table td{border: 1px solid}

.debug table th{border: 1px solid}


.userForm{
    width: 450px;
    margin-left:auto;
    margin-right:auto;
}


.userForm form .btn{float: right; margin-top: 10px}

.userForm #captcha img{margin-left: 110px; margin-top: 10px}


.userForm form .podmienky label{width: 300px; border: none}

.userForm form .podmienky label a {color: #000;}
.userForm form label
{
    color: #000;
    font-size: 90%;
    font-weight: bold;
    display: block;
    float: left;
    width: 150px;
    text-align: left;
    border-bottom: #809431 1px dotted;
    margin: 4px 5px 0px 0px;
}

.userForm form fieldset
{
    /* background-color: #E7F3E1;*/
    border-width: 2px 2px 2px 10px;
    border-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 20px 15px 20px 20px;
    width: 400px;
    position: relative;
    display: block;
    padding: 0px 10px 10px 10px;
    float:left;
}

.userForm form fieldset legend
{
    /* background-color: #ecefcb;*/
    border-width: 1px 1px 1px 10px;
    /*border-color: #9ed0ff;*/
    border-style: solid;
    /* color: #5c71a2;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
    text-align: center;
    width: 186px;
    padding: 3px 5px;
    margin: 0px 0px 10px -40px;
    position: relative;
    top: -14px;
}

.userForm form .button{
    background-color:#dbeeff;
    background-image:none;

    border-width:1px;
    border-style:solid;
    border-color:#9ed0ff;

    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;

    padding:2px;
    margin:0px 0px 0px 20px
}


.userForm register .button
{
    width: 800px;
}


.userForm form input{
    /*background-color:#E7F3E1;*/

    width:200px;
    margin:2px 0px 0px 0px;

    border-width: 0px 0px 1px 0px;
    border-style: solid solid dotted solid;
    border-color:#809431;

    color:#000000;
    /*font-family:"Courier New", Courier, mono;*/

    padding:1px 2px;
}

.userForm form input[type=checkbox]{width: 20px; margin-top: 5px; border: none}

.userForm form input[type=radio]{width: 20px; margin-top: 5px; border: none}

.userForm form select{border-width: 0px 0px 1px 0px;
 border-style: solid solid dotted solid; border-color:#809431;margin-top:1px}

.userForm form p{margin-top: 5px}


.userForm form textarea{

    width:198px;
    margin:2px 0px 0px 0px;

    border-width: 1px;
    border-style: dotted dotted dotted dotted;
    border-color:#809431;

    color:#000000;
    /*font-family:"Courier New", Courier, mono;*/

    padding:1px 2px;
}

.userForm .center{width: 80px}

.userForm .btn{margin-top: 10px}


.checkbox {width: 10px; margin-left: 70px;}
.smallItem {border-bottom: #E1E1E1 1px solid; float: left; padding: 5px; width: 98%;}

.smallItem .thumb {float: left; margin: 10px 5px;}
.smallItem .thumb img{width: 45px; max-height: 40px;}

.smallItem .detail {float: left; margin-left: 2px; width: 65%; margin-top: 20px;}

.smallItem .detail_title{width: 99%;}

.smallItem .price {font-size: 11px; font-weight: bold; padding-top: 10px; float: right; margin: 10px 5px 0 0;}


.smallItem div.service div{ float: left}

div.boxur {font-size: 18px; padding: 2px 6px 0 0; color: #D1D1D1; float: left}

.smallItem div.service {padding-left: 60px; margin-top: 2px}

.smallItem div.service .thumb {margin: 1px 5px}

.smallItem div.service .thumb img{max-width: 32px; max-height: 32px;}

.smallItem div.service .detail{margin-top: 2px}

.smallItem div.service .price{font-size: 11px; font-weight: bold; padding-top: 10px; float: right; margin: 2px 5px 0 0;}


.ui-widget-content {border:none}

.ui-tabs {padding: 0;}

.ui-tabs .ui-tabs-panel {padding: 1em 0}


.ui-tabs .slidePaginator{top:290px}

/*div.slides_container{height: 270px;}*/

div.slides_container div.item {height: 230px; border: none;}



.smallText{font-size: 8px}

.centered{text-align: center; float: none}


#cartList{
    background: #f8f8f8; position: absolute; top: 20px; right: 25px;
    border-left: 1px solid #a29f9f; 
    border-right: 1px solid #a29f9f; 
    border-bottom: 1px solid #a29f9f; 
    width: 468px;
    z-index: 99999;
    opacity: 0.9
}

.productDetail h1 {/*clear: both;*/ float:left; margin: 5px 5px 7px 0; font-size: 20px}

.productImage{float:left; width: 300px; margin: 5px 10px 5px 0; background: #FFF;position: relative;}

.productImage div div img.default_img{max-width: 270px; max-height: 230px; position: relative; top: 75px; left: 0px;}

.productImage>div.thumb{height: 320px; text-align: center; /*background: url("../images/bg_images.png");*/ background-color: #FFF;}



.smallGalery img{max-height: 100px; max-width: 90px;}

.smallGalery {position: relative; padding: 5px 0}

.smallGalery .slides_container{margin-left: 10px; height: 80px; margin-top: 8px}


.mainInfo{float: left; width: 430px; margin-left: 5px}

.mainInfo .cartQuantity{float:left}

div.priceDetail div.Allcart{float: left;}


.itemInfo {float:left; width:100%; color: #444; font-size: 11px; padding: 5px; margin-top: 5px;}

.itemInfo table {width: 300px}
div.itemInfo table tbody tr td {border-bottom: 1px solid #EFEFEF; padding: 2px;}



/*start:Stock*/
#stock{float: left; width: 100%; padding-top: 20px;}

div#stock span.title{background: none repeat scroll 0 0 #EFEFEF; float: left; padding: 10px; width: 96%; }

div#stock span.title span.text {float: left; font-size: 12px;}
div#stock div.stock_row{float:left; width: 47%; border-bottom: 1px solid #EFEFEF; padding: 5px;}

div#stock div.stock_row div.stock_name{float:left; padding-right: 15px; font-weight: bold;}
div#stock div.stock_row div.stock_count{float:left; clear: left}

/*end:Stock*/



#tabs-params table{width: 450px; margin: 0 10px}

#tabs-params table td{height: 30px; padding-left: 10px}

#tabs-params table tr.altrow{background: #dbeeff}


.priceDetail .price{float: right; color: #FFF; font-size: 11px}
.productDetail .caption .rating{margin-top: 9px}

.productDetail .caption .rating span{position: absolute; top: 3px; left: 115px}

.productDetail .caption { width: 700px; padding: 0 5px; margin-top:25px }

.productDetail .perex{text-align: justify; margin: 5px 0; 

/*background: #dbeeff;*/ 

color: #444; width:100%; height:100px}

div.priceDetail div span.btn {height: 31px; margin: -2px 3px;}

div.priceDetail div span.btn a.cartAdd img{float: left; left: -5px; position: relative; top: -3px;}

.priceDetail div span.btn a.cartAdd{color: #000;}

.priceDetail p.mainPrice{font-size: 20px;}

.priceDetail p.mainPrice .price{font-size: 20px;}


div.productInfo{ margin-top: 25px;}

div.productInfo a{text-decoration: underline}


.priceDetail p {margin: 8px 0; vertical-align: middle; font-size: 11px}

.priceDetail {margin: 5px 0; display: block; width: 100%; /*color: #FFF;*/}

/*.priceDetail div span.btn{background: url("../images/bg_button_detail.png") repeat scroll 0 0;}*/

.socialPanel {background: #dbeeff; margin: 5px 0; padding: 10px 0; width: 100%; float: left}

div.socialPanel iframe{width:385px; }

.ui-tabs-nav li sup{position: relative; top: 1px; right: 5px}


.price{font-weight: bold; /*float: left;*/ padding-top: 1px; font-size: 15px}
.priceAlt{font-size: 9px}


#footer .module {float:left; display: block; width: 200px;background: none; margin: 5px 8px}

.footer_name {font-size: 16px; color: #520350;}

#tabs-obr{text-align: center;
}
#tabs-obr img{max-width: 500px; max-height: 500px}

.comment{margin: 5px; background: #dbeeff}
.comment .caption{padding: 6px 0;}

.comment .caption h4{margin-left: 10px; float: left; font-size: 13px; margin-top: 6px}

.comment .caption span.rating,div.comment div.caption div.rating{float: left}

.comment .caption span.datetime{ float: right; margin-right: 10px; font-size: 10px; color: #444}

.comment div.body{padding: 5px}


div#authUserStuff .fav {position: relative;display: inline-block; vertical-align: middle; padding-left: 20px; padding-top: 8px;}

div#authUserStuff div.fav a{float:left; padding: 5px;}
div#authUserStuff div.fav a img{ float: left;}

div#authUserStuff div.fav a span{ float: left; padding-top: 5px; padding-left: 5px;}


div.carrier img, div.payment img{max-height: 32px; max-width: 32px; margin-right: 5px; vertical-align: top}

div.carrier, div.payment {margin: 5px 0;display: block; position:relative;}

div.carrier span, div.payment span{display: inline-block;  vertical-align: middle; padding-bottom: 5px}


.orderNav{margin-top: 10px}


#carrier{float: left; margin-left: 50px; background: #E1E1E1; padding: 10px; width: 250px}

#payment{float: right; margin-right: 100px; background: #E1E1E1; padding: 10px; width: 250px}

#payment_all{padding: 5px; text-align: center;}


#payment input[type=checkbox], #carrier input[type=checkbox]{margin: 5px 5px 0 0}


div#handling {padding: 10px; margin: 10px; background: #E1E1E1}

span#handling {font-weight: bold}


.invoiceInfo{color: #a29f9f; background: #dbeeff; padding: 10px; margin: 10px 0}

.invoiceInfo h3{margin-bottom: 7px}

.invoiceInfo p{margin-top: 3px}


.invoiceInfo div.addr{float: left;width: 350px}


.deliveryAddress{margin: 10px 0 20px 0}

.deliveryAddress h2{margin: 5px 0}


.slidesjs-next{text-indent: -9999px;background: url("../images/arrow-next.png") no-repeat;background-size: auto 80px;position: absolute; height: 80px; width: 20px; display: block; z-index: 55; top: 10px; right: 3px}

.slidesjs-previous{text-indent: -9999px;background: url("../images/arrow-prev.png") no-repeat;background-size: auto 80px;position: absolute; height: 80px; width: 20px; display: block; z-index: 55; top: 10px; left: 3px}


.rating {width: 113px; height: 25px; background: url("../images/stars_empty.png") no-repeat transparent; position: relative; /*float:left*/}

div#product_rating.rating{float: left;}

.rating_over{height: 25px; text-indent: -9999px; background: url("../images/stars.png") no-repeat transparent; position: absolute; top: 0}

.rate {height: 25px; background: transparent; position: absolute; top: 0; z-index: 99}

.rate a{text-indent: -9999px; width: 22.6px; height: 25px; display: inline-block; margin:0;padding:0; float: left;}


.ratingDetail{float: left; width:100%; margin: 5px 0;}
div.rStar{height: 25px; display: block; width: 245px}

span.rStar{background: url("../images/small_star.png") no-repeat transparent right; display: inline-block; width: 28px;height: 18px; padding-top:5px;}

span.rchart{margin: 0 3px; min-width: 1px; height: 7px; background: #9ed0ff;display: inline-block}



.logo{position: absolute; z-index: 0;}

.logo h1 a{font-size: 34px; font-weight: bolder; color: #556167; position: relative; top: 10px; left: 5px;}

.logo a{float:left;text-transform: uppercase;}
div.logoAlter a{float: none;}

div.logoAlter {float: left; position:relative; left: 10px; top: -15px;}

div.logoAlter p {font-weight: bold;
                 position: relative;
                 padding-left: 10px;
                 margin-bottom: 5px}

.logo .slogan{margin-top: 0}

.logo img{float:left; max-height: 100px}



a.cartAdd{background: url("../images/kosik_m.png") no-repeat transparent left; margin-left: 3px;}

.btn a.cartAdd{margin: 5px}


.delete{background: url("../images/delete.png") no-repeat transparent left; display: inline-block; width: 20px; height: 20px}

.edit{background: url("../images/edit.png") no-repeat transparent left; display: inline-block; width: 20px; height: 20px}


.wizard{width: 94%; display: block; padding: 0; border-bottom: 0px solid #E1E1E1; padding-left: 55px; margin: 4px;}


.step1,.step2,.step3,.step4,.step5,.step6, .step7{float: left; color: #a29f9f; font-size: 16px; font-weight: bold; display: inline-block; padding-right: 35px; background: url("../images/big_arrow.png") no-repeat top right transparent;}

.step7{background: none}

.activeStep{color: #324c7b}

.step_number{float: left; padding: 8px 10px;}

.step_text{float: left; padding-top: 10px; font-size: 13px; text-align: center;}
.searchResult{margin: 15px 0; padding: 0 15px;}

.searchResult>div {margin: 5px; border-bottom: 2px solid #E1E1E1}

.searchResult>div>a {margin: 5px; font-size: 14px; text-decoration: underline}

.searchResult>div>div.description {margin: 5px; font-size: 9px}


div.readonly span{width: 130px; display: inline-block; color: #000000}


div.readonly p {border-bottom: 1px dotted #a29f9f}


div.readonly {background: #E1E1E1; padding: 10px;}

.video{text-align: center; margin: 10px 0}

/*t*/


.disable_kontajner {position: absolute; left: 0px; z-index: 9999; width: 46px; background-color: #FFF;/* height: 40px;*/}

.disable_kontajner span {float: left; padding: 7px 5px; margin-left: 5px;}

div#options_panel{
    position: fixed;
    z-index: 9999;
    top: 220px;
    right: 0px;
    width: 30px;
    height: 120px;
    background-color: #EAEAEA;
}


.red{
    background-color:#D50600;
}


.close{
    cursor: pointer;
    float: right;
    height: 20px;
    position: relative;
    right: 0;
    z-index: 99;
}

.sub_cat_img{float:left; padding: 5px;}

.sub_cat_link{float:left; position: relative; left: -5px;}



/*Rychly kontakt*/


div.contact_kontajner{
    float:left;
    width: 230px;
    min-height: 120px;  
}


div.contact_kontajner div#contact_row{
    float:left;
    width: 220px;
    padding: 5px;
}


div.contact_kontajner div#contact_row div.contact_images{
    float:left;
    width: 25px;
    padding-right: 10px;
}


div.contact_kontajner div#contact_row div.contact_text{
    float:left;
    font-size: 12px;

}



/*newsletter*/


div#newsletter_kontajner{
    float:left;
    width: 285px;
    position: relative;
    padding-left: 25px;
}


a#inline{float:left;padding-top: 0px;padding-right: 10px;}

a#inline img{padding-top: 10px; padding-right: 5px;}


.text_odhlasenie{
    float:left;
    padding-top:15px;
}




/*Selectbox*/


html body div#wrapper div#main.fullRadius div.content div div div.pager{
    float: left;    
    padding-left: 20px;
}

div.pager span{
    float: left;
    margin-top: 15px;
}

div.pager form{
    float: left;
    margin: 5px;
}
.sbHolder{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    position: relative;
    width: 40px;
}

.sbHolder:focus .sbSelector{

}

.sbSelector{
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 30px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #52035;
    outline: none;
    text-decoration: none;
}

.sbToggle{
    background: url(../images/selectbox/select-icons.png) 0 -116px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.sbToggle:hover{
    background: url(../img/select-icons.png) 0 -167px no-repeat;
}

.sbToggleOpen{
    background: url(../img/select-icons.png) 0 -16px no-repeat;
}

.sbToggleOpen:hover{
    background: url(../img/select-icons.png) 0 -66px no-repeat;
}

.sbHolderDisabled{
    background-color: #86CEFF;
    border: solid 1px #86CEFF;
}

.sbHolderDisabled .sbHolder{

}

.sbHolderDisabled .sbToggle{

}

.sbOptions{
    background-color: #212121;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 40px;
    z-index: 5;
    overflow-y: auto;
}

.sbOptions li{
    padding: 0 7px;
}

.sbOptions a{
    border-bottom: dotted 1px #515151;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px;
}

.sbOptions a:link, .sbOptions a:visited{
    color: #FFF;
    text-decoration: none;
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #FFF;
}

.sbOptions li.last a{
    border-bottom: none;
}

.sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbSub{
    padding-left: 17px;
}



/*CategoryHeader*/

.border_bottom_text{
    float:left;
    margin-top: 10px;
    margin-bottom: 10px;
    width:740px;
    border-bottom: 1px solid #EFEFEF;
}



/*CategoryFooter*/


.categoryFooter_kontajner{
    float: left;
    width: 100%;
}



/*Banner*/


.banner{
    /*background: url(../images/banner/bg_banner.png) 0 0px no-repeat;*/
    /* padding-bottom: 30px;*/
}


/*start:Kocka - top images*/
div.kocka #top{float:left; left:5px; position: absolute; top: 110px; z-index: 4;}

/*end:Kocka - top images*/


/*start:line - top images*/

div.line #top{float:left; left:5px; position: absolute; padding-top: 25px; padding-left: 50px; z-index: 4;}

/*end:line - top images*/


/*start: module top*/

div.module_header img{float: left; position: absolute; z-index: 8;}

div.module_header span{padding-left: 32px;}

/*end: module top*/



#detail_top{
    float: left;
    padding-left: 20px;
}
/*start:Kocka - flag*/

div.kocka div.item div#flag{position: absolute; top: 0px; right: 0px; z-index: 7;}

div#flag div img{float: left;}

/*end:Kocka - flag*/



/*start:Line - flag*/

div.line div.item_line div#flag{position: absolute; right: 155px;}

div.line div.item_line div#flag div img{float:left; max-height: 90px;}

/*end:Line - flag*/


.flag{
    background: url(../images/banner/flag.png) 0 0px no-repeat;
    width: 107px;
    height: 107px;
    padding: 25px 10px;
    position: absolute;
    top: 150px;
    right: 25px;
}


.flag_text{
    font-size: 14px;
    color:#FFF;
    text-transform: uppercase;
}


.flag_float{
    position: absolute;
    right: 95px;
    z-index: -1;
    border: 6px solid #fff;
}


.flag_perex{
    left: 60px;
    top: 70px;
    padding: 50px 20px 32px;
    position: absolute;
    text-shadow: -4px 4px 18px #D1D1D1;
 /*  width: 350px;*/ z-index: -1;
}


.active_button{ width: 20px; height: 20px; padding: 5px;}


.banner_name{
    top: 45px;
    left:-105px;
    position: relative;
}


a.banner_name span{
    box-shadow: -4px 4px 18px #D1D1D1;
    background: #FFF;
    font-size: 20px;
    font-weight: 300;
    padding: 20px 10px;
}



.transform{
    transform: skew(2deg,7deg);
    -ms-transform: skew(2deg,7deg); 

/* IE 9 */

    -webkit-transform: skew(2deg,7deg); /* Safari and Chrome */
}


.anti_transform{
    transform: skew(-2deg,-7deg);
    -ms-transform: skew(-2deg,-7deg); /* IE 9 */
    -webkit-transform: skew(-2deg,-7deg); /* Safari and Chrome */
}

.flag_img{
    height: 0px;
    z-index: 3;
    position: relative;
    float:right;
}


div.flag_img img{
    position: relative;
    top: 0px;
}


.features_img{
    float: right;
    position: absolute;
    right: 25px;
    top: 165px;
    z-index: 3;
    width: 30px;
}


.features_img>img{
    float: left;
    padding: 1px;
}


.features_img_no_flag_picture{
    float: right;
    position: relative;
    right: 25px;
    top: -145px;
    z-index: 3;
    width: 30px;
}
.features_img_item{
    box-shadow: 0px 1px 5px #EFEFEF;
    margin: 2px 0px;
    border: 1px solid #D1D1D1;
}



/*Universal*/


.bold{font-weight:bold;}


.box_shadow_inset{box-shadow: 1px 0px 10px 0px #888888 inset;}


.floating_left{float:left;}

.floating_right{float:right;}


.margin_center{margin: 0 auto;}

.margin_25{margin-left: 25px;}

.module_name{font-size: 1.2em; padding: 15px 0px 10px 20px; }


.padding_top_m{padding-top: -5px;}

.padding_top_30{padding-top: 30px;}

.padding_left_right_5p{padding:0 5% 0 5%;}

.padding_left_right_10{padding: 0px 10px;}

.padding_left_30{padding-left: 30px;}

.padding_top_bottom_10{padding: 10px 5px;}

.padding_5{padding:5px;}


.padding_all_5{padding:5px;}

.padding_right_5{padding-right: 5px;}

.padding_right_55{padding-right: 55px;}

/*
.radius{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}*/
/*.radius_top{-webkit-border-radius:6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}*/
.width_95{width: 95%;}


.fixed{position: fixed;}

.width_section{width:1020px;}


.width100{width: 100px}

.width80{width: 80px}


.width_7{width:7%;}

.width_9{width:9%;}

.width_13{width:13%;}

.width_18{width:18%;}

.width_30{width:30%;}

.width_33{width:33%;}

.width_95{width: 95%;}

.width_98{width:98%;}

.width_100{width:100%;}

.width_150{ width:150px;}

.width_530{width: 530px;}

.width_715{width: 715px;}


.margin_left_150{margin-left: 150px;}

.margin_left_1150{margin-left: 1170px;}

.margin_bottom_small{margin-bottom: 10px;}


.text_align_right{ text-align:right;}


.qty_detail{float: right;font-weight: bold;font-size: 13px; padding: 3px 0}

.qty{float: right; ; padding: 0 10px}

.note{font-size: 9px}


.none{display: none;}

.userForm form p {position: relative}


.element_error{display:none; background: #d9b9b9; position: absolute; left: 365px; width: 250px; border-radius: 5px; padding: 5px; border: 1px solid #c4c4c4; top: -7px}

.element_error:hover{z-index: 9999}

.error{background: #d9b9b9; border-radius: 5px; padding: 5px}


div.waiting{
    background: url("/images/admin/waiting.png") no-repeat center 10px #ccc;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:auto;
    opacity: 0.5;
    z-index: 9999999;
}


.itemHorizontal {border-bottom: 1px solid #E1E1E1}

.cms h3 {margin: 5px 0 20px 15px; font-size: 16px; border-bottom: 1px solid }


.enquiry {}
.quest {display: block; clear: both; margin: 10px 5px}

.quest p {margin: 0}
.enquiry p.qName{margin-bottom: 5px}

.enquiry p.qHits{float: left; min-width: 1px; margin-right: 10px}

.enquiry p.qHitsVal{float: left}


.flashMessage, .flashMessageError{padding: 7px 5px; margin: 3px 0}

.flashMessage {background-color: #a2b899; border: 1px solid #4f9135}

.flashMessageError {background-color: #b8a5a5; border: 1px solid #b34b4b}

.uiicon{width: 16px; height: 16px; background-image: url(/js/jquery/css/images/ui-icons_222222_256x240.png);}

.alertIco{ background-position: -16px -144px}

.errorIco{ background-position: 0 -144px}




.serviceNoIn, .serviceNoInCart{float: left; display: block;width: 641px; vertical-align: middle}

.serviceNoIn>span>img, .serviceNoInCart>span>img{height: 22px; margin: 0 5px; vertical-align: bottom}

.serviceNoInCart {background: #E1E1E1}
tr.service {}

tr.service td span{margin-left: 10px; font-size: 12px}

tr.service td{border-bottom: none}


.orderState{margin: 10px 0; padding: 10px; font-size: 14px; background: #dbe084; border: 1px solid #d0d929}

.orderState span{font-weight: bold;}


.naceste{color: red;}

.skladom{color:green;}


div.productInfo>div#tabs li>a {font-size: 11px}


.favQuickView{position: fixed; bottom: 0; left: 50%; margin-left: 525px; display: block; background: url("../images/nav_bg.png") repeat-x scroll 0 0;z-index: 9999}

.favQuickView img {vertical-align: middle}
.favQuickView>div>span{height: 23px; display: block; padding: 7px 10px; cursor: pointer}
.favQuickView>div{float: left;}
.favItems{display: none; position: absolute; bottom: 37px; width: 100%;}
.favItem img {max-height: 20px; max-width: 20px; margin: 0 5px}

.favItem {border-bottom: 1px solid #999; padding: 1px 0; background: #fff}

.favItem:hover {background-color: #e3ebff}
/*start:Top produkt-Zoznam*/

div#top_product{margin:0 auto;}

div#top_product div#module_header{padding: 5px 0px;font-weight: bold;}

div#list{float: left;border-bottom: 1px dotted #F90;}

div#list div#item_list{float: left;padding: 5px 0px;}

div#list_price{float:right; width: 50px;}

div#list_add_cart{float: right;}

div#list_add_cart a{float: left; color: #FFF;}

/*end:Top produkt-Zoznam*/


/*start:Top produkt-Detail*/

/*div#top_product_detail{min-height: 290px;}
div#top_product_detail.grid div.slides_container div.slidesjs-container{height: 290px;}*/


div#top_product_detail div.slide{position: relative; margin-left: 10px;}
/*end:Top produkt-Detail*/



/*start:Panel*/

div#panel{position: fixed; bottom: 0px; left: 0px; width: 100%;  height: 30px; background: #809431; z-index: 99;}

div#panel_section{width:1000px; margin: 0 auto;}

/*end:Panel*/



/*start:CMS*/

#cmscategory_name{
    font-size: 1.3em;
    padding: 5px;
}

/*end:CMS*/




/*DROPDOWN*/

div#main_menu.main_menu div div#menu.menu div.drop_down{float:left; width: 100%; top: 45px; left: 0px; box-shadow: 0px 0 0px 0 #888888 inset;/*pozadie menu*/}

div#main_menu.main_menu div div#menu.menu div.drop_down ul{margin: 0; font-weight: bold; padding:0px;}
div#main_menu.main_menu div div#menu.menu div.drop_down ul li {float: left; margin: 0px; zoom: 1; background: none;}

div.menu>div.drop_down>ul>li {position: relative;}

div#main_menu.main_menu div div#menu.menu div.drop_down>ul>li.hover{ background:#FFF; /*po kliknutí pozadie tlačidla*/}

div#main_menu.main_menu div div#menu.menu div.drop_down>ul>li.hover a{color:#444;}

div#main_menu.main_menu div div#menu.menu div.drop_down ul li a{display: block; font-size: 13px; padding:15px 12px; color: #FFF;}

div#main_menu.main_menu div div#menu.menu div.drop_down>ul>li a:hover{color:#444;text-decoration: none;}
div#main_menu div div#menu.menu div.drop_down div.drop_down {position: absolute; float:left; background: #FFF; width: 1000px;  z-index: 9999}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul{float:left; width:100%; padding-bottom: 5px;}
div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li {float:left; width:23%; margin:0px 10px;}
div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li span{float:left; width: 95%; margin-top: 10px; padding-left: 5%;}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li img{float: left; padding:0px 5px;}
div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li a{float: left; font-size: 12px; font-weight: bold; padding: 10px 0px;}


div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li ul{float: left; width: 100%;}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li ul li{float: left; width: 100%; margin: 0px;}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li ul li span{float:left; width: 95%; padding: 0px; margin: 0px;}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li ul li a{float:left; width:100%; font-size: 11px; font-weight: normal; background: #FFF; color:#444; padding:5px 0px 5px 5%;}

div#main_menu div div#menu.menu div.drop_down ul li div.drop_down ul li ul li a:hover{color:#444; text-decoration: none;}





/*DROPDOWN*/


/*start:"Vertical*/

div#menu.vertical ul{float: left;}

div#menu.vertical ul li{float: left; width:100%; /*margin-left: 20px;*/}

div#menu.menu ul li span img{float: left; padding-right: 5px;}

div#menu.vertical ul li ul li{float: left;}

/*end:Vertical*/


.compareHeader .compareItemHeader {background: #FFF;}

.compareItem{width: 20%; float: left}

.compareItemHeader{background: #EFEFEF; height: 170px; position: relative}

.fValue, .valueHeader{padding: 5px; border-bottom: 1px solid #dcd2bf}

.fValue>p,.valueHeader>p{margin: 0}
.valueHeader{background: #e3ebff}

.compareLast{padding-left:10px }

.compareItemHeader>p{padding: 3px; margin: 0}