/* 
    Documnent  : com_webshop
    Created on : 2014.12.22., 9:28:39
    Author     : Gege <gergo@infoartnet.hu>
*/

div#content .part-webshop{
    margin: 0 0 20px;
}
div#content .part-webshop h1.component-heading{
    font-size: 21px;
    background: #004B84;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 10px;
    /* border-radius: 5px 5px 0 0; */
    font-family: 'Open Sans Light', sans-serif;
    text-transform: uppercase;
}

h1.component-heading {}

h1.component-heading {}

div#content .part-webshop div.component-body{
    margin: 10px 0 0;
/*    padding: 0 20px 20px;*/
    box-sizing: border-box;
}
/*webshop index category list----------*/

div#content .part-webshop div.webshop-category-list{ display: none; }
div#content .part-webshop div.webshop-category-list ul.category-list{}
div#content .part-webshop div.webshop-category-list ul.category-list li{}
div#content .part-webshop div.webshop-category-list ul.category-list li a{}

/*************************/
/*webshop index----------*/
div#content .part-webshop div.ws-cat-item{
    
}

div#content .part-webshop div.ws-cat-item .wsr-box{
    display: block;
    width: 218px;
    float: left;
    border: 1px solid #D9E4EC;
    box-sizing: border-box;
    margin: 0 10px 20px 10px;
    position: relative;
}
/*div#content .part-webshop div.ws-cat-item .wsr-box:nth-child(3n+0){
    margin: 0 0 20px 0;
}*/
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img{
    width: 218px;
    height: 250px;
    white-space: nowrap;
    display: table-row;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link{
    display: inline-block;
    width: 218px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link img{
    display: inline-block;
    max-width: 216px;
    max-height: 248px;
    vertical-align: middle;
}

div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-title{
    display: block;
    min-height: 68px;
    width: 100%;
    background: rgba(255,255,255,0.85);
    position: absolute;
    bottom: 60px;
    left: 0px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-title a.product-head-link{
    display: block;
    box-sizing: border-box;
    padding: 12px 10px;
    width: 100%;
    height: 100%;
}

div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price{
    height: 60px;
    display: block;
    background: #D9E4EC;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price{
    padding: 18px 10px 12px 10px;
    font-size: 21px;
    color: #004B84;
    /* font-weight: 600; */
    display: block;
    font-family: 'Open Sans', sans-serif;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price span.sign,
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price span.currency{
    font-size: 21px;
    color: #004B84;
    /* font-weight: 600; */
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price span.wsp-oldprice{
    display: block;
    text-decoration: line-through;
    font-size: 14px;
    color: #004B84;
    margin: -6px 0 -3px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price span.wsp-oldprice > span{
    font-size: 14px;
    font-weight: 400;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-price span.wsp-price-net{display: none;}

div#content .part-webshop div.ws-cat-item .wsr-box div.wsp-readmore{}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsp-readmore > a{}

div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions{
    position: absolute;
    bottom: 12px;
    right: 10px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions > span{ display: none;}

div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_amount{
    float: left;
    margin: 0 2px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_amount input{
    width: 26px;
    border: none;
    padding: 0 5px;
    color: #004B84;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_plus{
    float: left;
    margin: 0 2px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_plus a{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #004B84 url(../gfx/plus.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_plus a:hover{
    background: #FFF url(../gfx/plus-hover.png) no-repeat 50% 50%;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_minus a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #004B84 url(../gfx/minus.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_minus a:hover{
    background: #FFF url(../gfx/minus-hover.png) no-repeat 50% 50%;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_minus{
    float: left;
    margin: 0 2px;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_addtocart{
    float: right;
    display: block;
}
div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_addtocart a{
    display: block;
    width: 36px;
    height: 36px;
    background: transparent url('../gfx/basket.png') no-repeat 50% 50%;
    text-indent: -9999px;
}

/*kiemelések*/
div#content .part-webshop div.ws-cat-item .wsr-box a.new{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('../../../gfx/badge-new.png') no-repeat 0 0;
    display: block;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
}

div#content .part-webshop div.ws-cat-item .wsr-box a.reduced{
    position: absolute;
    z-index: 100;
    top: 2px;
    right: 2px;
    width: 54px;
    height: 54px;
    background: transparent url('../../../gfx/badge-akcios.png') no-repeat 50% 50%;
    text-indent: -9999px;
}
div#content .part-webshop div.ws-cat-item .wsr-box a.promoted{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 121px;
    height: 121px;
    background: transparent url('../../../gfx/badge-kiemelt.png') no-repeat 50% 50%;
    text-indent: -9999px;
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout,
div#content .part-webshop div.ws-cat-item div.wsr-onstock {
    box-sizing:border-box;
    font-size:12px;
    padding-top:5px;
    text-indent:48px;
    margin-right:-2px;
    margin-bottom:10px;
}

div#content .part-webshop div.ws-cat-item div.wsr-onstock {
    color:#004B84;
    background-color:#D9E4EC;
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout {
    color:#ffffff;
    background-color:#D9E4EC;
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout span,
div#content .part-webshop div.ws-cat-item div.wsr-onstock span {
    display:block;
    font-size:18px;
    font-family:Open Sans Bold;
    margin-top:5px;
    text-transform:uppercase;
    text-indent:0;
    padding:2px 10px 2px 48px;
    position:relative;
    z-index:1;
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout span::before,
div#content .part-webshop div.ws-cat-item div.wsr-onstock span::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 2px;
    bottom: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 46px;
    z-index: 2;
}

div#content .part-webshop div.ws-cat-item div.wsr-onstock span {
    background-color:#004B84;
    color:#D9E4EC;
}

div#content .part-webshop div.ws-cat-item div.wsr-onstock span::before {
    background-image:url('../gfx/store_on.svg');
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout span {
    color:#D9E4EC;
    background-color:#ffffff;
    border:solid 1px #D9E4EC;
}

div#content .part-webshop div.ws-cat-item div.wsr-soldout span::before {
    background-image:url('../gfx/store_off.svg');
}

/*kiemelések end*/

/***************************/
/*webshop flypage----------*/

div#content .part-webshop div.ws-cat-item div.wsp-flypage{}
/*termekkep*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img{
    width: 400px;
    height: 400px;
    position: relative;
    display: table;
    background: rgba(212,217,232,0.25);
    float: left;
}
/*kiemelések*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.new{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('../../../gfx/badge-new.png') no-repeat 0 0;
    display: block;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
}

div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.reduced{
    position: absolute;
    z-index: 100;
    top: 2px;
    right: 2px;
    width: 54px;
    height: 54px;
    background: transparent url('../../../gfx/badge-akcios.png') no-repeat 50% 50%;
    text-indent: -9999px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.promoted{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 121px;
    height: 121px;
    background: transparent url('../../../gfx/badge-kiemelt.png') no-repeat 50% 50%;
    text-indent: -9999px;
}
/*kiemelések end*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic img{
    display: inline-block;
    max-width: 390px;
    max-height: 390px;
    
}
/*tovabbi termekkepek*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp{
    margin: 0 10px 0;
    float: left;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image{
    display: table;
    width: 90px;
    border: 1px solid #D4D9E8;
    margin: 0 0 10px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image:last-child{
    margin: 0 0 0px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span{
    display: table-row;
    width: 90px;
    height: 90px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a img{
    display: inline-block;
    max-width: 88px;
    max-height: 88px;
}

/*reszletek*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details{
    /*margin: 0 0 20px;*/
    float: left;
}
/*reszletek - cikkszam*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-sku{
    color: #004B84;
    font-size: 15px;
}

/*reszletek - br. ar*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price{
    padding: 10px 0;
    font-size: 30px;
    color: #004B84;
    font-weight: 600;
    display: block;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price span.sign,
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price span.currency{
    font-size: 30px;
    color: #004B84;
    font-weight: 600;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price span.wsp-oldprice{
    display: block;
    text-decoration: line-through;
    font-size: 14px;
    color: #004B84;
    margin: -6px 0 -3px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price span.wsp-oldprice > span{
    font-size: 14px;
    font-weight: 400;
}
/*reszletek - net. ar*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price-net{
    color: #004B84;
    display: block;
    margin: 0 0 20px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price-net div.wsp-price-net-mod,
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price-net div.wsp-price-net-mod span.sign,
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-price-net div.wsp-price-net-mod span.currency{
    color: #004B84;
    display: inline-block;
}
/*reszletek - kosar actions*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_amount{ 
    float: left;
    margin: 0 5px 0 0;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_amount input{
    width: 100px;
    box-sizing: border-box;
    padding: 0 10px;
    color: #004B84;
    border: 1px solid #CCC;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_plus{ 
    float: left; 
    margin: 0 5px 0 0;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_plus a{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #004B84 url(../gfx/plus.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_plus a:hover{
    background: #D4D9E8 url(../gfx/plus-hover.png) no-repeat 50% 50%;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_minus{ 
    float: left;
    margin: 0 5px 0 0;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_minus a{
    display: inline-block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    background: #004B84 url(../gfx/minus.png) no-repeat 50% 50%;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_minus a:hover{
    background: #D4D9E8 url(../gfx/minus-hover.png) no-repeat 50% 50%;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_addtocart{ 
    float: none; 
    clear: both;
    display: block;
    padding: 5px 0 0;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_addtocart a{
    width: 145px;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 36px;
    background: #D4D9E8 url(../gfx/basket.png) no-repeat 27% 50%;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket span.pr_row_basket_addtocart a:hover{
    background: #004B84 url(../gfx/basket-hover.png) no-repeat 27% 50%;
    color: #D4D9E8;
}


/*reszletek - egyeb*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-unitprice{display: none;}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-fields{display: none;}

/*reszletek -  termekleiras*/
div#content .part-webshop div.ws-cat-item div.wsp-flypage h3.wsp-f-title{
    font-size: 30px;
    background: #004B84;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 10px;
    /* border-radius: 5px 5px 0 0; */
    margin: 10px 0 0;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-description{
    margin: 10px 0 0px;
}
/*historyback*/

div#content .part-webshop div.ws-cat-item div.wsp-flypage div.history-back{
    display: block;
    padding: 10px 0 0;
    float: none;
    clear: both;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.history-back a{
    text-transform: uppercase;
}
div#content .part-webshop div.ws-cat-item div.wsp-flypage div.history-back a:hover{
    text-decoration: underline;
}

/*webshop sorting----------*/
div#content .part-webshop div.ws_sorting{} 
div#content .part-webshop div.ws_sorting form#ws-orderform{} 
div#content .part-webshop div.ws_sorting form#ws-orderform select{
    display: inline-block;
    /*! padding: 7px 0; */
    height: 36px;
    line-height: 1;
    font-size: 16px;
} 
div#content .part-webshop div.ws_sorting form#ws-orderform select option{
    line-height: normal;
    height: auto;
} 


/*webshop sorting----------*/
div#content .part-webshop div.pager-bottom{
    display: block;
}
div#content .part-webshop div.pager-bottom > div{
    padding: 10px 0;
}
div#content .part-webshop div.pager-bottom > div > strong,
div#content .part-webshop div.pager-bottom > div > a{
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    background: #D9E4EC;
    color: #004B84;
    text-align: center;
    margin: 0 2px 0 0;
    float: left;
}
div#content .part-webshop div.pager-bottom > div > strong,
div#content .part-webshop div.pager-bottom > div > a:hover{
    color: #D4D9E8;
    background: #004B84;
}
div#content .part-webshop div.pager-bottom > div > a.pagi-first,
div#content .part-webshop div.pager-bottom > div > a.pagi-prev,
div#content .part-webshop div.pager-bottom > div > a.pagi-next,
div#content .part-webshop div.pager-bottom > div > a.pagi-last{
    color: #D4D9E8;
    background: transparent;
}
div#content .part-webshop div.pager-bottom > div > a.pagi-first:hover,
div#content .part-webshop div.pager-bottom > div > a.pagi-prev:hover,
div#content .part-webshop div.pager-bottom > div > a.pagi-next:hover,
div#content .part-webshop div.pager-bottom > div > a.pagi-last:hover{
    color: #004B84;
    background: transparent;
}



/*------- MEDIA QUERIES -------*/

@media only screen and (min-width: 1324px){
    div#content .part-webshop div.ws-cat-item .wsr-box{
        width: 293px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link{
        width: 293px;
        height: 336px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link img{
        max-width: 291px;
        max-height: 334px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_amount,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_plus,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-actions span.pr_row_basket_minus{
        display: block;
    }
    
    /**/
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img {
        width: 500px;
        height: 500px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic img {
        max-width: 490px;
        max-height: 490px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image {
        width: 115px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span {
        width: 115px;
        height: 115px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a img {
        max-width: 113px;
        max-height: 113px;
    }                                                                                                                    
}
@media only screen and (min-width: 994px) and (max-width: 1323px) {
}

@media only screen and (min-width: 640px) and (max-width: 993px) {
    div#content .part-webshop div.ws-cat-item .wsr-box{
        width: 186px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link{
        width: 186px;
        height: 212px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link img{
        max-width: 184px;
        max-height: 210px;
    }
    /**/
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details {
        float: none;
        clear: both;
        display: block;
        position: relative;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img {
        width: 478px;
        height: 518px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic img {
        max-width: 450px;
        max-height: 480px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image {
        width: 120px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span {
        width: 120px;
        height: 120px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a img {
        max-width: 118px;
        max-height: 118px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket{
        position: absolute;
        top: 10px;
        right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    div#content .part-webshop div.ws-cat-item .wsr-box{
        width: 210px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link{
        width: 210px;
        height: 240px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link img{
        max-width: 208px;
        max-height: 238px;
    }
    /**/
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details {
        float: none;
        clear: both;
        display: block;
        position: relative;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img {
        width: 358px;
        height: 360px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic img {
        max-width: 340px;
        max-height: 340px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image {
        width: 80px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span {
        width: 80px;
        height: 80px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a img {
        max-width: 78px;
        max-height: 78px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket{
        position: absolute;
        top: 10px;
        right: 0;
    }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    div#content .part-webshop div.ws-cat-item .wsr-box{
        width: 290px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img,
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link{
        width: 290px;
        height: 332px;
    }
    div#content .part-webshop div.ws-cat-item .wsr-box div.wsr-img a.product-head-link img{
        max-width: 288px;
        max-height: 330px;
    }
    /**/
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details {
        float: none;
        clear: both;
        display: block;
        position: relative;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img {
        width: 310px;
        height: 310px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-img a.ws-pic img {
        max-width: 290px;
        max-height: 290px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp {
        margin: 0px;
        width: 310px;
        padding: 10px 0;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image {
        width: 70px;
        float: left;
        margin: 0px 5px 5px 0px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image:first-child{
        margin: 0 5px 0 1px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image:last-child{
        margin: 0 0 5px 0;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span {
        width: 70px;
        height: 70px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.pr_moreimages_fp div.pr_row_image span a img {
        max-width: 68px;
        max-height: 68px;
    }
    div#content .part-webshop div.ws-cat-item div.wsp-flypage div.wsp-f-details div.wsp-f-basket{
    
    }
    
}

/* webshop categ leírás */
.part-webshop .webshop-category p img{
    width:100%;
    height:auto;
}