/* 
    Document   : com_menusitemap
    Created on : 2014.10.31., 17:11:46
    Author     : Gege <gergo@infoartnet.hu>
*/

div#content div.part-menusitemap{
    margin: 0 auto;
    display: block;
    padding: 10px 0;
}


div#content div.part-menusitemap div.component-body > div.clear{
    display: none;
}


/*--- menus ---*/

div#content div.part-menusitemap ul.menus{
    list-style: none;
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
}
div#content div.part-menusitemap ul.menus > li{
    list-style: none;
    color: #1A74BA; /*#206FB6*/
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 10px;
    list-style-position: inside;
}
div#content div.part-menusitemap ul.menus > li ul{
    margin: 0 0 0 20px;
}

div#content div.part-menusitemap ul.menus > li ul li.menu{
    list-style: none;
    list-style-image: url(../../../gfx/icon-list.png);
    padding: 0 0 5px;
    list-style-position: inside;
}



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

@media only screen and (min-width: 1654px){
    div#content div.part-menusitemap{
        width: 1560px;
    }
    div#content div.part-menusitemap ul.menus{
        width: 32%;
        margin: 0 1% 0 0;
    }
}
@media only screen and (min-width: 1324px) and (max-width: 1653px){
    div#content div.part-menusitemap{
        width: 1260px;
    }
    div#content div.part-menusitemap ul.menus{
        width: 32%;
        margin: 0 1% 0 0;
    }
}
@media only screen and (min-width: 994px) and (max-width: 1323px){
    div#content div.part-menusitemap{
        width: 960px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 993px){
    div#content div.part-menusitemap{
        width: 630px;
    }
    div#content div.part-menusitemap ul.menus{
        width: 100%;
        margin: 0 0 1% 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 639px){
    div#content div.part-menusitemap{
        width: 470px;
    }
    div#content div.part-menusitemap ul.menus{
        width: 100%;
        margin: 0 0 1% 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px){
    div#content div.part-menusitemap        {
        width: 310px;
    }
    div#content div.part-menusitemap ul.menus{
        width: 100%;
        margin: 0 0 1% 0;
    }
}