@media all  {
.yan {
opacity:0.3px;
-moz-opacity:0.3px;
filter:alpha(opacity=30);
}
}

body {
background:url(shablons/foto/fon/blue2.jpg);
width:810px;
margin:0;
padding:0;
}

#container {
width:420px;
margin:0 auto;
padding:0;
}

h1 {
color:#787A78;
font:28px verdana, arial, helvetica, sans-serif;
font-weight:900;
margin:6px 0 0 80px;
padding:0;
}

.ppp {
color:#787A78;
font:12px verdana, arial, helvetica, sans-serif;
font-weight:700;
text-align:center;
}

#counter {
display:none;
text-align:center;
}

.yan {
width:468px;
height:60px;
margin:0 auto;
padding:0 0 4px;
}

a.link {
background:#DBDBDB;
border:1px solid #B4B4B4;
font:13px verdana, arial, helvetica, sans-serif;
font-weight:900;
color:#555;
text-decoration:none;
margin:5px 10px;
padding:9px;
}

a.link:hover {
color:#fff;
font:13px verdana, arial, helvetica, sans-serif;
font-weight:900;
background-color:#9A9A9A;
border:1px solid #727272;
text-decoration:none;
}

a.current {
background:#DDD;
border:1px solid red;
font:13px verdana, arial, helvetica, sans-serif;
font-weight:900;
color:#666;
text-decoration:none;
margin:5px 10px;
padding:9px;
}

a.current:hover {
color:#fff;
font:13px verdana, arial, helvetica, sans-serif;
font-weight:900;
background-color:#A3A3A3;
border:1px solid red;
text-decoration:none;
}

#holder {
position:relative;
background:transparent url(pic1b.gif) 175px 54px no-repeat;
margin-bottom:10px;
z-index:1;
}

#scrollbox {
width:800px;
height:380px;
overflow:hidden;
border:0 solid #aaa;
margin-top:-280px;
}

a.gallery,a.gallery:visited {
display:block;
color:#000;
border:1px solid #fff;
width:75px;
height:45px;
float:left;
font-size:1px;
margin:3px;
}

a.slide1 {
background:url(shablons/foto/2.jpg);
}

a.slide2 {
background:url(shablons/foto/1.jpg);
}

a.slide3 {
background:url(shablons/foto/3.jpg);
}

a.slide4 {
background:url(shablons/foto/7.jpg);
}

a.slide5 {
background:url(shablons/foto/4.jpg);
}

a.slide6 {
background:url(shablons/foto/ara1.jpg);
}

a.slide7 {
background:url(shablons/foto/ara2.jpg);
}

a.slide8 {
background:url(shablons/foto/ara3.jpg);
}

a.slide9 {
background:url(shablons/foto/ara5.jpg);
}

a.slide10 {
background:url(shablons/foto/6.jpg);
}

a.slide11 {
background:url(shablons/foto/zz.jpg);
}

a.slide12 {
background:url(shablons/foto/9.jpg);
}

a.slide13 {
background:url(shablons/foto/beg.jpg);
}

a.slide14 {
background:url(shablons/foto/vovan2.jpg);
}

a.slide15 {
background:url(shablons/foto/beg3.jpg);
}

a.slide16 {
background:url(shablons/foto/vovan.jpg);
}

a.slide17 {
background:url(shablons/foto/bazilio.jpg);
}

a.slide18 {
background:url(shablons/foto/daun.jpg);
}

a.slide19 {
background:url(shablons/foto/daun2.jpg);
}

a.slide20 {
background:url(shablons/foto/daun3.jpg);
}

a.slide21 {
background:url(shablons/foto/dd.jpg);
}

a.slide22 {
background:url(shablons/foto/dezl.jpg);
}

a.slide23 {
background:url(shablons/foto/durak.jpg);
}

a.slide24 {
background:url(shablons/foto/moshenik4.jpg);
}

a.slide25 {
background:url(shablons/foto/vovan3.jpg);
}

a.gallery span {
display:block;
position:absolute;
left:150px;
top:-1px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
font-size:12px;
}

a.gallery:hover {
white-space:normal;
border:1px solid #fff;
}

a.gallery:hover img {
border:1px solid #000;
z-index:100;
}

a.gallery:active img,a.gallery:focus img {
border:1px solid #000;
z-index:50;
}

a.gallery:active {
border:1px solid #eee;
}

#thumbs {
width:840px;
height:60px;
}

#pad {
height:320px;
width:100px;
}

a.gallery:hover span,a.gallery:active span,a.gallery:focus span {
display:block;
position:absolute;
width:400px;
height:450px;
top:-10px;
left:418px;
z-index:100;
padding:2px;
}