<STYLE>
       
    /**FOOTER**/
@font-face {font-family: 'WebSymbolsRegular';src: url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.eot');src: url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.woff') format('woff'),
    url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.ttf') format('truetype'),
    url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');}
#footer{
    -webkit-box-shadow:0 0 7px black;    
    -moz-box-shadow:0 0 7px black;    
    box-shadow:0 0 7px black;
background:url(http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/viewn_bsag.jpg);
height-max:20px;
width:100%;
    margin-top:24px;
    padding-left:20px;
    padding-bottom:20px;
    padding-top:20px;
    border-top:1px solid black;
    margin-left:0 !important;
    margin-right:0 !important;
}
.knopka3{
    font-size:11pt;
    font-family: tahoma, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
    vertical-align:middle;
width:100px;
    height:25px;
    color:black;
padding:5px;
    padding-top:10px;
text-align:center;
    float:right;
    color:white;
    border-left:1px solid black;
    border-bottom:1px solid black;
}
.knopka3:hover{
    -webkit-box-shadow:0 0 5px black;    
    -moz-box-shadow:0 0 5px black;    
    box-shadow:0 0 5px black;
color:white;
cursor:pointer;
}
.knopka{
    font-size:11pt;
    font-family: tahoma, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
    vertical-align:middle;
width:100px;
    height:25px;
    color:black;
padding:5px;
    padding-top:10px;
text-align:center;
    float:right;
    color:white;
    border-left:1px solid black;
    border-bottom:1px solid black;
}
.knopka:hover{
color:white;
cursor:pointer;
    -webkit-box-shadow:0 0 5px black;    
    -moz-box-shadow:0 0 5px black;    
    box-shadow:0 0 5px black;
}
.knopka1{
    font-size:11pt;
    font-family: tahoma, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
    vertical-align:middle;
width:100px;
    height:25px;
    color:black;
padding:5px;
    padding-top:10px;
text-align:center;
    float:right;
    color:white;
    border-left:1px solid black;
    border-bottom:1px solid black;
}
.knopka1:hover{
color:white;
cursor:pointer;
    -webkit-box-shadow:0 0 5px black;    
    -moz-box-shadow:0 0 5px black;    
    box-shadow:0 0 5px black;
}
.knopka2{
    position:absolute;
    display:inline-block;
background:#404040;
width:100px;
height:15px;
    color:white;
    float:right;
padding:5px;
text-align:center;
    margin-left:89%;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}
.knopka2:hover{
background:white;
color:black;
    -webkit-box-shadow:0 0 5px black;    
    -moz-box-shadow:0 0 5px black;    
    box-shadow:0 0 5px black;
cursor:pointer;
}
.knopka2:active{
    -webkit-box-shadow:inset 0 0 5px black;
    -moz-box-shadow:inset 0 0 5px black;
    box-shadow:inset 0 0 5px black;
}
.drop{
-webkit-box-shadow:0 0 5px rgba(0,0,0,25);
    -moz-box-shadow:0 0 5px rgba(0,0,0,25);
    box-shadow:0 0 5px rgba(0,0,0,25);
width:200px;
height:100px;
background:#4C4C4C;
display:none;
border-radius:4px;
border:1px solid black;
padding:3px;
color:white;
}
.drop2{
-webkit-box-shadow:0 0 5px rgba(0,0,0,25);
    -moz-box-shadow:0 0 5px rgba(0,0,0,25);
    box-shadow:0 0 5px rgba(0,0,0,25);
width:200px;
height-max:115px;
background:#404040;
display:none;
border-radius:4px;
border:1px solid black;
padding:3px;
color:white;
}
.drop1{
-webkit-box-shadow:0 0 5px rgba(0,0,0,25);
    -moz-box-shadow:0 0 5px rgba(0,0,0,25);
    box-shadow:0 0 5px rgba(0,0,0,25);
width:200px;
height:223px;
background:#404040;
display:none;
border-radius:4px;
border:1px solid black;
padding:3px;
color:white;
}
.knopka:hover .drop{
display:block;
position:absolute;
cursor:pointer;
margin-top:18px;
    right:120px;
}
.knopka1:hover .drop1{
display:block;
position:absolute;
cursor:pointer;
margin-top:18px;
    right:10px;
}
.knopka3:hover .drop2{
display:block;
position:absolute;
cursor:pointer;
margin-top:18px;
    right:230px;
}
</style>
<div style="margin-top:20px"><table cellspacing="0" width="100%" style="font-family: tahoma, sans-serif;font-size: 11px;font-style: normal;font-variant: normal;font-weight: normal;">
<tr><td width="100%"><div class="knopka2" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">Наверх</div></td></tr></table>    
</div><table id="footer" cellspacing="0" style="font-family: tahoma, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;"><tr><td width="70%">

    <div style="text-shadow:0 0 3px #ccc;padding:4px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:86px;border-radius:3px;color:black;text-align:center;">
    $POWERED_BY$</div></td><td width="100" align="left"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:90px;height:31px;">    
<img src="http://orel-cs.ru/designs_156/blank/88x31.png" width="88" height="31"></a>
    </div></td><td width="100"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:88px;height:31px;">
    <a href="http://www.cys.ru/"><img src="http://www.cys.ru/button.png?url=zornet.ru" width="88" height="31"></a> </div>
</div></td><td width="100" style="margin-right:15px;"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:90px;height:31px;">