body {
    margin:0 auto;
    padding:80px 0 0 0;
    background: url(../images/imart-2.jpg) #b3c6ca 50% 70px no-repeat;
    font-family: Arial;
    font-size:18px;
    width:1100px;
    color:#fff;
}

div.body {
    display: none;
}

a {
    text-decoration: none;
    color:#181f62;
}

.logo {
    font-size: 4em;
    padding-left:21%;
    padding-right:5%;
    font-weight: bold;
    opacity:0.7;
    line-height:130%;
    padding-bottom: 1%;
}

#aside {
    float: left;
}

#content {
    float:right;
    width:75%;
    color:#660000;
    padding:1% 2%;
    height:540px;
    overflow: auto;
    background:rgba(255,255,255,0.6);
}

#aside a {
    color:#fff;
    opacity: 0.8;
    font-size: 1.5em;
    font-weight: bold;
}
#aside ul {
    padding-left:20%;
}
#aside ul li{
    display: block;
    padding: 10px 0;
}

.pagination ul {
    margin:auto;
}

.pagination li {
    float: left;
}

.pagination li a {
    padding:2px 5px;
    color:#660000;
}

#jg_photocontainer {
    color: #660000;
}

.jg_row {
    float:left;
    width:200px;
}

.jg_element_cat {
    height:140px;
}

@media screen and (max-width: 1111px)
{
    body{
        padding: 0;
        background-size:100%;
        background-position: 50% 0;
        width:100%;
        font-size: 12px;
    }
    
    #content{
        height: 400px;
    }
    
    .jg_row {
        width:160px;
    }
}

@media screen and (max-height: 760px){
    body {
        padding:0;
        
        background-position: 50% 0;
    }
}

@media screen and (max-width: 880px)
{
    body{
        background-repeat: repeat-y;
    }
    
    .logo {
        padding-left: 1%;
    }
    
    #content{
        height: auto;
        width: auto;
        float:none;
    }
    
    #aside {
        position: absolute;
        right:1%;
        top:0;
        width:180px;
    }
    
    #aside::before{
        content: "≡";
        font-size:5em;
        cursor:pointer;
        line-height: 100%;
        float:right;
    }
    
    #aside ul.menu {
        display: none;
    }
    
    #aside:hover ul.menu {
        display: block;
        width: auto;
        background: #b3c6ca;
        padding-left: 10%;
        padding-right: 10%;
    }
    
    .jg_row {
        width:152px;
    }
}