html, body {
	width:100%;
	height:100%;/* для ие6, т.к. не понимает min-height */
	color:#333;
}
body {
	padding:0px;
	margin:0px;
	background: #eeeeee url(../img/fon.jpg);
}

a img {
	border: 0px none; 
}

.all {
	width:900px;
	height:635px;
	margin: -350px auto 0px -450px;
	position: absolute;
    top: 50%;
	left: 50%;
	/*background: url(../img/test/test.jpg);*/
}
.dom {
	width:588px;
	height:610px;
	background: url(../img/gl_fon.png);
	margin-top:0px;
	margin-bottom:-610px;
	margin-left:152px;
	float:left;
	z-index:0;
}

/*Форма поиска*/
.oblako {
	width:150px;
	height:86px;
	background: url(../img/obl.png) no-repeat;
	margin-top:65px;
	margin-left:90px;
	float:left;
	z-index:1;
}
.search {
	width:69px;
	height:30px;
	background: url(../img/searchtext.jpg) no-repeat;
	color:#FFF;
	border: 0px none;
	outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
	margin-top:26px;
	margin-left:30px;
	float:left;
	z-index:2;
}
.button {
	width:30px;
	height:30px;
	background: url(../img/search.jpg) no-repeat;
	border: 0px none;
	outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
	margin-top:28px;
	float:left;
	z-index:3;
	cursor: pointer;
}

/*Анимированные пункты меню*/
.piramida {
	width:150px;
	height:150px;
	margin-top:136px;
	margin-left:436px; /*расстояние от предыдущего элемента*/
	float:left;
	z-index:2;
	overflow: hidden;
}
.piramida a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/piramida2.png) 0 0 no-repeat;
	animation:fly 5s infinite;
	cursor: pointer;
}

.piramida a:hover {
    -webkit-animation: move1  .5s steps(5) infinite;
    animation: move1  .5s steps(5) infinite;
}

@-webkit-keyframes move1 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}
@keyframes move1 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}





.kollektiv {
	width:150px;
	height:150px;
	margin-top:231px;
	margin-left:-792px; /*расстояние от предыдущего элемента*/
	margin-bottom:-100px;
	float:left;
	z-index:2;
	overflow: hidden;
}
.kollektiv a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/kollektiv.png) 0 0 no-repeat;
	animation:fly 6s infinite;
	cursor: pointer;
}
.kollektiv a:hover {
    -webkit-animation: move2  .6s steps(6) infinite;
    animation: move2  .6s steps(6) infinite;
}

@-webkit-keyframes move2 {
  from { background-position: 0 0; }
  to   { background-position: -900px 0; }
}
@keyframes move2 {
  from { background-position: 0 0; }
  to   { background-position: -900px 0; }
}





.doctor {
	width:150px;
	height:150px;
	margin-top:-4px;
	margin-left:742px; /*расстояние от предыдущего элемента*/
	float:left;
	z-index:2;
	overflow: hidden;
}
.doctor a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/doctor.png) 0 0 no-repeat;
	animation:fly 7s infinite;
	cursor: pointer;
}
.doctor a:hover {
    -webkit-animation: move3  .7s steps(5) infinite;
    animation: move3  .7s steps(5) infinite;
}

@-webkit-keyframes move3 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}
@keyframes move3 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}





.zayac {
	width:150px;
	height:150px;
	margin-top:-71px;
	margin-left:257px; /*расстояние от предыдущего элемента*/
	float:left;
	z-index:2;
	overflow: hidden;
}
.zayac a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/zayac.png) 0 0 no-repeat;
	animation:fly 5s infinite;
	cursor: pointer;
}

.zayac a:hover {
    -webkit-animation: move4  .5s steps(4) infinite;
    animation: move4  .5s steps(4) infinite;
}

@-webkit-keyframes move4 {
  from { background-position: 0 0; }
  to   { background-position: -600px 0; }
}
@keyframes move4 {
  from { background-position: 0 0; }
  to   { background-position: -600px 0; }
}





.document {
	width:150px;
	height:150px;
	margin-top:-38px;
	margin-left:-403px; /*расстояние от предыдущего элемента*/
	float:left;
	z-index:2;
	overflow: hidden;
}
.document a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/document.png) 0 0 no-repeat;
	animation:fly 6s infinite;
	cursor: pointer;
}

.document a:hover {
    -webkit-animation: move5  .6s steps(5) infinite;
    animation: move5  .6s steps(5) infinite;
}

@-webkit-keyframes move5 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}
@keyframes move5 {
  from { background-position: 0 0; }
  to   { background-position: -750px 0; }
}



.group {
	width:150px;
	height:150px;
	margin-top:0px;
	margin-left:289px; /*расстояние от предыдущего элемента*/
	float:left;
	z-index:2;
	overflow: hidden;
}
.group a {
	width:150px;
	height:150px;
	display: block;
	background: url(../img/group.png) 0 0 no-repeat;
	animation:fly 3s infinite;
	cursor: pointer;
}

.group a:hover {
    -webkit-animation: move6  .3s steps(3) infinite;
    animation: move6  .3s steps(3) infinite;
}

@-webkit-keyframes move6 {
  from { background-position: 0 0; }
  to   { background-position: -450px 0; }
}
@keyframes move6 {
  from { background-position: 0 0; }
  to   { background-position: -450px 0; }
}




/*Кнопки внизу*/
.novosti {
	width:80px;
	height:80px;
	margin-top:102px;
	margin-left:-369px; /*расстояние от Облака поиска*/
	float:left;
	z-index:3;
	overflow: hidden;
}
.novosti a {
    background: url(../img/novosti.png) no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 80px; /* Ширина рисунка */
    height: 80px; /*  Высота рисунка */
	cursor: pointer;
   }
.novosti a:hover {
    background: url(../img/novosti2.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
   }
   
   
.kontakt {
	width:80px;
	height:80px;
	margin-top:115px;
	margin-left:-299px; /*расстояние от Новостей*/
	float:left;
	z-index:3;
}
.kontakt a {
    background: url(../img/kontakt.png) no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /* Рисунок как блочный элемент */
    width: 80px; /* Ширина рисунка */
    height: 80px; /* Высота рисунка */
	cursor: pointer;
   }
.kontakt a:hover {
    background: url(../img/kontakt2.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
   }
   
   

.forum {
	width:80px;
	height:80px;
	margin-top:107px;
	margin-left:-240px; /*расстояние от Контактов*/
	float:left;
	z-index:3;
}
.forum a {
    background: url(../img/forum.png) no-repeat; /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 80px; /* Ширина рисунка */
    height: 80px; /*  Высота рисунка */
	cursor: pointer;
   }
.forum a:hover {
    background: url(../img/forum2.png) no-repeat; /* Путь к файлу с заменяемым рисунком  */
   }