@import url(style_cs.css);
/* CSS Document */

.main.pages {
position:relative;
margin:auto;
height:771px;
width:900px;
min-height:771px;
z-index:2;
}

#pun-main h1,#pun-status span,#pun-crumbs1 p.container,#pun-status .container,#pun-about p span,#pun-crumbs2 .container {display: none;}

#pun-navlinks .container {
font-size: 10px !important;
}

#map2 {
margin-left:-5px;
position:absolute;
z-index:99;
}

span {
font-size: 1.2em;
font-family: arial black;
text-transform: uppercase;
}

p {
text-align:justify;
padding: 5px 0px 10px 0px;
}

div#n2 a:link, div#w7 a:link, div#n6 a:link {
background-color: rgba(238, 221, 255, 0.49);
padding: 5px;
border-radius: 5px;
box-shadow: 2px 2px 0px rgba(93, 92, 92, 0.34);
font-weight: bold;
}

#n1, #n3 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i3.imageban.ru/out/2016/10/28/e2224a6536074d0f1a8d149ee927f7f2.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:16%;
left:18%;
}

#n2 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i3.imageban.ru/out/2016/10/28/e2224a6536074d0f1a8d149ee927f7f2.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:24%;
left:45%;
}

#n4 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i6.imageban.ru/out/2016/10/28/1bacaff03a6da509b5795353545873ef.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:28%;
left:8%;
}

#n5 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i3.imageban.ru/out/2016/10/28/e2224a6536074d0f1a8d149ee927f7f2.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:59%;
left:51%;
}

#n6 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i2.imageban.ru/out/2016/10/28/9588705c456bd74f1b042b8364055507.jpg");
background-repeat: no-repeat;
background-position: -21px 15px;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:59%;
left:51%;
}

#n7 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i3.imageban.ru/out/2016/10/28/e2224a6536074d0f1a8d149ee927f7f2.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:33%;
left:26%;
}

#sh1, #sh2, #sh3, #sh4, #sh5, #sh6, #sh7 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i2.imageban.ru/out/2016/10/28/190af0b32f64e180541a6c945bd25260.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:22%;
left:50%;
}

#w1, #w2, #w3, #w4, #w5, #w6 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i6.imageban.ru/out/2016/10/28/428765a28e718c106612702c1cab3871.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:28%;
left:8%;
}

#w7 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i3.imageban.ru/out/2016/10/28/8ab4cc08d604227798a103afb951e221.jpg");
background-repeat: no-repeat;
background-position: -21px 15px;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:28%;
left:8%;
}

#r1, #r2, #r3, #r4, #r5, #r6 {
position: absolute;
width: 350px;
height: auto;
max-height: 200px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i5.imageban.ru/out/2016/10/28/e51e8b6765fd8f78b8ba1f1803314179.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:57%;
left:7%;
}

#t1, #t2, #t3, #t4, #t5, #t6 {
position: absolute;
width: 350px;
height: auto;
max-height: 155px;
z-index: 9999;
overflow-y:auto;
overflow-x:hidden;
background-image: url("http://i6.imageban.ru/out/2016/10/28/66b7e1d7d9965c630e3bc8923917f823.jpg");
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #bbbfbb;
color: #324233;
border: 3px double rgba(174,174,174,0.9);
text-align:center;
padding:8px;
line-height: 100%;
top:50%;
left:47%;
} 

div#n1:before, div#n2:before, div#n3:before, div#n4:before, div#n5:before, div#n6:before, div#n7:before, div#sh1:before, div#sh2:before, div#sh3:before,div#sh4:before, div#sh5:before, div#sh6:before, div#sh7:before, div#w1:before, div#w2:before, div#w3:before, div#w4:before, div#w5:before, div#w6:before, div#w7:before, div#r1:before, div#r2:before, div#r3:before, div#r4:before, div#r5:before, div#r6:before, div#t1:before, div#t2:before, div#t3:before, div#t4:before, div#t5:before, div#t6:before {
content: '';
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 10;
pointer-events: none;

-webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.1);
}