*{              margin: 0; padding: 0;}
html, body{     width: 100%; height: 100%; background: white; cursor: default;
                font-family: Georgia, serif; font-weight: lighter; font-size: 13px; color: black;}
a img{          border: none;}
a{              text-decoration: none; color: #5c8856; cursor: pointer;}
ul{             list-style: none;}

/* MAIN ITEMS */

#menubar{       position: absolute; left: 50px; height: 100%; width: 250px; z-index: 100; display: none;}
#gallery{       position: absolute; left: 350px; top: 50px; display: none;
                width: 70%; width: -webkit-calc(100% - 400px); width: calc(100% - 400px); /* OLD BROWSERS CORRECTION */
                height: 90%; height: -webkit-calc(100% - 100px); height: calc(100% - 100px);} /* OLD BROWSERS CORRECTION */

/* MENU ITEMS */

#googlepreview{ position: absolute; top: -10000px;}
#language{      position: absolute; top: 0px; left: 0px; width: 250px;}
    .language{  position: absolute; padding: 5px; color: #5c8856; cursor: pointer;}
    .language.current{display: none;}
#logo{          width: 250px; height: auto; margin-top: 50px; margin-bottom: 50px; border-top: 1px solid black; border-bottom: 1px solid black; overflow: hidden;}
    #logo img{  width: 242px; margin: 6px 4px -3px 4px;}
    #logo p{    width: 250px; padding: 5px; letter-spacing: 3px; font-weight: bold;}
#menu{          }
    #menu li{   position: relative; border-top: 1px solid black;}
    #menu li:last-child{border-bottom: 1px solid black;}
    #menu li img, #control img{position: absolute; top:0px; height: 12px; padding: 7px;}
        #app1 img, #app2 img, #app3 img, #app4 img{right: 15px;}
        #appartamenti img:first-of-type{right: 0px;}
        #appartamenti img:nth-of-type(2){right: 17px;}
        #appartamenti img:nth-of-type(3){right: 40px;}
        #appartamenti img:last-of-type{right: 63px;}

.title{padding: 5px; letter-spacing: 3px; font-weight: bold; cursor: pointer;}
.title span{float: right; font-family: helvetica; font-weight: lighter; letter-spacing: 1px; color: black; cursor: default;}
.title.app{color: #5c8856;}
.content{padding: 5px !important; border-top: 1px solid black; display: none;}
.content span{font-family: helvetica; font-weight: lighter;}

#control{       position: absolute; bottom: 50px; width: 250px; border-top: 1px solid black; border-bottom: 1px solid black;}
    #control img{cursor: pointer;}
    #prev{      left: 0px;}
    #next{      right: 0px;}
    #play{      text-align: center;}
    #pause{     text-align: center; display: none;}

/* RESPONSIVE */

@media screen and (max-height: 780px){ /* HEIGHT CORRECTION */
    #logo{      margin-bottom: -1px;}
}
@media screen and (max-height: 720px){
#menubar{       height: auto;}
    #control{   position: relative; bottom: 0px; border-top: none; margin-bottom: 50px;}
}

@media screen and (max-width: 1000px){ /* WIDTH CORRECTION */
#menubar{       position: relative; height: auto;}
    #logo{      margin-bottom: -1px;}
    #control{   position: relative; bottom: 0px; border-top: none; margin-bottom: 0px !important;}
#gallery{       position: relative; left: 50px; height: 60vw;
                width: 85%;width: -webkit-calc(100% - 100px); width: calc(100% - 100px);} /* OLD BROWSERS CORRECTION */
}
@media screen and (max-width: 600px){
#menubar{       margin: 0 auto; left: 0px;}
#gallery{       left: 0px; width: 100%; height: 70vw;}
}