BODY { FONT-SIZE: 11px;	background-color: #1A1A1A; FONT-FAMILY: arial;width:100%;margin:0 auto;}
/*плавная загрузка страниц*/
@-webkit-keyframes fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-moz-keyframes    fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
 
body {
  -webkit-animation: fade-in .8s linear; /* Safari 4+ */
  -moz-animation: fade-in .8s linear; /* Fx 5+ */
  -o-animation: fade-in .8s linear; /* Opera 12+ */
  animation: fade-in .8s linear; /* IE 10+, Fx 29+ */
}

.view > .point { 
display:none; 
} 
.view:hover > .point {
display: block;position:absolute;top:333px;left:263px;z-index:1000; -webkit-animation: fade-in .5s linear;  -moz-animation: fade-in .5s linear  -o-animation: fade-in .5s linear;  animation: fade-in .5s linear;
}

h1 { FONT-SIZE: 16px;
     COLOR: #8085a8;
     FONT-FAMILY: verdana, helvetica, arial;
     font-weight: lighter;
     margin-top: -2px; }

A {	TEXT-DECORATION: underlined;
	COLOR: #aaccff;}
A:hover { TEXT-DECORATION: underlined; COLOR: #ff6699}
A.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 11px; }
A:hover.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 11px; }
A.h1 { TEXT-DECORATION: none; COLOR: #8085a8; FONT-SIZE: 16px }

.gallery { width:100%;max-width:800px;margin:0 auto;}
img.gallery { outline: #fff 1px solid; width:800px;height:600px;margin:0 auto;}
.play, .show { z-index:10;
    position: absolute;
    top:600px;
    left:50%;
    margin-left:340px; }

.text {
FONT-FAMILY: tahoma, arial;
	color: #fff;
	font-size: 12px;
    text-align: justify;
    width: 600px;margin:0 auto; 
}
.pano {border:1px solid #ffffff;width:100%;height:auto;margin:0 auto;
}
.pano_rights {position:relative;top:30px;width:480px;margin:0 auto;font-size:12px; color:#666;text-align:center;margin-bottom:40px;
}

@media only screen and ( max-width: 1100px ){
body { width:100%; font-size:12px;}
TD { FONT-SIZE: 16px;}
A.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 14px; }
A:hover.gray { TEXT-DECORATION: none; COLOR: #aaa; FONT-SIZE: 14px; }
.gallery { width:99%;margin:0 auto;}

img.gallery {
    width: 100%;
    max-width: 800px;
    height: auto;
	margin:0 auto;
}
.text {
	font-size: 14px;
    text-align: left;
    width: 95%; 
	margin:0 auto;
}

.invis {display:none;}

.play {position:relative;
	top:-20px;
	left:0;
	text-align:center;
	width:100%;
	margin:0 auto;
    margin-left:0;
 }
.pano {width:100%;margin:0 auto;
}
.pano_rights {width:100%;
}

}