#shade_nat {
position: fixed;
z-index: 1000;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}

#loader_nat {
display: block;
position: fixed;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
margin-left: -23px;
margin-top: -23px;
z-index: 1001;
background: url(../img/loading.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 50%;
display: none;
background-color: rgba(255, 255, 255, 0.8);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         7px 7px 5px 0px rgba(0, 0, 0, 0.75);
}

#img_nat {
padding: 0;
background-color: white;
position: fixed;
z-index: 1002;

left: 50%;
margin-left: -800px;


-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         7px 7px 5px 0px rgba(0, 0, 0, 0.75);

display: none;
}

#wraper {
display: block;
} 

#img_nat img {
width: 100%;
height: auto;
}

#close_nat {
display: block;
width: 60px;
height: 60px;
position: fixed;
top: 10px;
right: 10px;
z-index: 1004;
background: url(../img/close.png);
background-position: center center;
background-size: 80%;
background-repeat: no-repeat;
display: none;
}