/* 
    Document   : com_webshop_categ
    Created on : 2014.12.18., 14:25:43
    Author     : Gege <gergo@infoartnet.hu>
*/

div#content .part-webshop_categ{
    width: 225px;
    margin: 0 0 20px;
    position:static !important;
}

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

div#content .part-webshop_categ div.component-body{
    margin: 1px 0 0;
    
}

/*WS kategoria*/
div#content .part-webshop_categ div.ws_categories{
}

div#content .part-webshop_categ div.ws_categories ul{
    list-style: none;
}
div#content .part-webshop_categ div.ws_categories ul li.cat{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    background: #D9E4EC;
}
div#content .part-webshop_categ div.ws_categories ul li.cat:hover,
div#content .part-webshop_categ div.ws_categories ul li.cat.open{
    background: #004B84;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.open > span.product_txt > a,
div#content .part-webshop_categ div.ws_categories ul li.cat:hover > span.product_txt > a{
    color: #D4D9E8;
}

div#content .part-webshop_categ div.ws_categories ul li.cat:last-child{
    border-bottom: none;
}

div#content .part-webshop_categ div.ws_categories ul li.cat span.product_txt{
    display: block;
}
div#content .part-webshop_categ div.ws_categories ul li.cat span.product_txt a{
    text-transform: uppercase;
    display: block;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

/*lvl2*/

div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul{
    display: none;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.parent.open ul{
    display: block;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li{
    background: #DEDEDE;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li a {
    padding: 10px 10px 10px 40px;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li.active,
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li.active a,
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li:hover,
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li:hover a{
    color: #FFF;
    background: #AAA;
}
div#content .part-webshop_categ div.ws_categories ul li.cat.parent ul li.open span.product_txt a {
    color: #FFF;
    background: #AAA;
}


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


@media only screen and (min-width: 1323px){
    div#content .part-webshop_categ{
        width: 300px;
    }
}

@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_categ{
        width: 620px;
    }
    div#content .part-webshop_categ h2.component-heading{
        background: #004B84 url('../gfx/menuicon.png') no-repeat 576px 50%;
        cursor: pointer;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    div#content .part-webshop_categ{
        width: 460px;
    }
    div#content .part-webshop_categ h2.component-heading{
        background: #004B84 url('../gfx/menuicon.png') no-repeat 416px 50%;
        cursor: pointer;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    div#content .part-webshop_categ{
        width: 310px;
    }
    div#content .part-webshop_categ h2.component-heading{
        background: #004B84 url('../gfx/menuicon.png') no-repeat 266px 50%;
        cursor: pointer;
    }
}