/*specific*/
#menu{display:none;}
#content{
margin:0em auto;
padding:0em;
max-width:none;/*
max-height:none;
width:100%;
height:100%;*/
background:none;
}
#footer{display:none;}

/*global*/
html{
margin:0px;
padding:0px;
height:100%;
}
body{
margin:0px;
padding:0px;
height:100%;
}
#gallery{
position:relative;
margin:0em;
padding:0em;
width:100%;
height:100%;
background:#eee;
}
#gallery ul#pages{
margin:0em;
height:100%;
padding:0.5em 0.5em 2.5em 0.5em;
list-style-type:none;
}
#gallery ul#pages:after{
content:"";
display:block;
clear:both;
}

#gallery ul#pages li{
margin:0em auto;
padding:0em;
width:49.9%;
height:100%;
display: flex;
align-items: center;
}
#gallery ul#pages li.one{width: auto}

#gallery.left li.first{float:right}
#gallery.left li.second{float:left; justify-content: flex-end;}
#gallery.right li.first{float:left; justify-content: flex-end;}
#gallery.right li.second{float:right}

#gallery ul#pages li a{
    height: 100%;
    display: flex;
    align-items: center;
}
#gallery ul#pages li img{
display:block;
margin:0em;
padding:0em;
max-width:100%;
max-height:100%;
border-width:0px;
}

#gallery.left li.first img{float:left}
#gallery.left li.second img{float:right}
#gallery.right li.first img{float:right}
#gallery.right li.second img{float:left}

#gallery ul#panel{
position:fixed;
margin:0em -8em;
padding:0em;
width:16em;
left:50%;
bottom:0em;
list-style-type:none;
line-height:2em;
background:url("/img/menubg_default.png");
}
#gallery ul#panel li{
margin:0em;
padding:0em;
width:4em;
text-align:center;
color:#ddd;
}
#gallery.left ul#panel li{float:left;}
#gallery.right ul#panel li{float:right;}
#gallery ul#panel a{
display:block;
margin:0em;
padding:0em;
width:100%;
height:100%;
text-decoration:none;
color:#fff;
}
#gallery ul#panel a:hover{
color:#fff;
background:url("/img/menubg_active.png");
}