html { font-size: 62.5%; }
body {margin:0;padding:0; overflow: hidden;font-size: 1em;}
#container {width:100%}

@media (max-width: 200px) {html { font-size: 50%; }}
@media (min-width: 400px) {html { font-size: 60%; }}
@media (min-width: 500px) {html { font-size: 70%; }}
@media (min-width: 700px) {html { font-size: 80%; }}
@media (min-width: 900px) {html { font-size: 90%; }}
@media (min-width: 1200px) {html { font-size: 100%; }}
@media (min-width: 1300px) {html { font-size: 120%; }}

#backgr{display: table-cell; position: fixed; left: 0;  top:0; width:100%;height:100%; z-index: -1;}
#panel_center {display: table-cell; position: fixed; left: 10%;  top: 15%; width:100%;height:100%; z-index:1;}
#butt{ display: table-cell;position:fixed;top:5%;left:75%;width:25%;height:70%;z-index: 1;}
#left{display: table-cell;position:fixed;top:25%;left:5%;width:10%;height:70%; text-align: center;z-index: 1;}

.dg-picture-zoom
{
	cursor : url(cursors/magnify-plus.cur), pointer !important;
}
.dg-picture-zoom-large
{
	cursor : url(cursors/magnify-minus.cur), pointer !important;
}

.dg-picture-zoom-border-container
{
    border : 2px solid #FFF;
    background-color: #FFF;
    margin-left:-7px;
    margin-top:-7px;
    padding:7px;
    box-shadow:10px 10px 20px #000000;
    border-radius: 5px;
}