#loading {position:fixed;width:100%;height:100%;background: #f3f1e7;z-index:50;}
#loading .vilka { position: absolute; top:50%; left:50%; background: url(../images/preloader/vilka.png) no-repeat right top; width:290px; height: 227px; margin: -100px 0 0 92px;
	z-index: 1; }
#loading .pasta {position: absolute; top:0px; left:0px; width:100%;  height:100%; background: url(../images/preloader/line.png) repeat-x 0 50%;
	z-index: 2;}

.floating {position: absolute; top:50%; left:0px; height: 220px; margin: -110px 0 0 0; width:100%;
	z-index: 4;}

.floating div { position: absolute;}
.floating div i { position: absolute; display:block; top:0px; left:0px;  }
.floating div b { position: absolute; display:block; top:5px; left:5px; }

.floating .o1 { top:10px; left:350px; width:58px; height: 62px;}
.floating .o1 i { width:42px; height: 45px; background: url(../images/preloader/o1.png) no-repeat 0 0; }
.floating .o1 b { width:58px; height: 62px; background: url(../images/preloader/o1s.png) no-repeat 0 0;}

.floating .o2 { top:200px; left:1400px; width:70px; height: 67px;}
.floating .o2 i { width:70px; height: 67px; background: url(../images/preloader/o2.png) no-repeat 0 0; }
.floating .o2 b { width:86px; height: 82px; background: url(../images/preloader/o2s.png) no-repeat 0 0;}

.floating .o3 { top:30px; left:1250px; width:42px; height: 43px;}
.floating .o3 i { width:42px; height: 43px; background: url(../images/preloader/o3.png) no-repeat 0 0; }
.floating .o3 b { width:63px; height: 61px; background: url(../images/preloader/o3s.png) no-repeat 0 0;}

.floating .o4 { top:160px; left:550px; width:56px; height: 56px;}
.floating .o4 i { width:56px; height: 56px; background: url(../images/preloader/o4.png) no-repeat 0 0; }
.floating .o4 b { width:84px; height: 81px; background: url(../images/preloader/o4s.png) no-repeat 0 0;}

.floating .o5 { top:12px; left:1100px; width:110px; height: 114px;}
.floating .o5 i { width:110px; height: 114px; background: url(../images/preloader/o5.png) no-repeat 0 0; }
.floating .o5 b { width:127px; height: 132px; background: url(../images/preloader/o5s.png) no-repeat 0 0;}

.floating .o6 { top:50px; left:466px; width:104px; height: 90px;}
.floating .o6 i { width:104px; height: 90px; background: url(../images/preloader/o6.png) no-repeat 0 0; }
.floating .o6 b { width:119px; height: 104px; background: url(../images/preloader/o6s.png) no-repeat 0 0;}

.floating .o7 { top:60px; left:0px; width:130px; height: 126px;}
.floating .o7 i { width:130px; height: 126px; background: url(../images/preloader/o7.png) no-repeat 0 0; }
.floating .o7 b { width:145px; height: 141px; background: url(../images/preloader/o7s.png) no-repeat 0 0;}

.floating .o8 { top:120px; left:220px; width:140px; height: 110px;}
.floating .o8 i { width:140px; height: 110px; background: url(../images/preloader/o8.png) no-repeat 0 0; }
.floating .o8 b { width:154px; height: 125px; background: url(../images/preloader/o8s.png) no-repeat 0 0;}


#loading .center {	position: absolute; top:50%; left:50%; width:504px; height: 227px; margin: -100px 0 0 -122px; background: url(../images/preloader/center.png) no-repeat;
	z-index: 3;}
#loading .center .percents{	position: absolute; top:143px; left:185px; width:50px; height: 30px; font-size: 23px; font-weight: bold; color:#fff; text-align: center; }