body {
    background: url(images/bg.png); /* Цвет фона и путь к файлу */
    background-attachment: fixed
   }
.header { 
	height:180px;
	background: url(images/tete.png) no-repeat;
	background-position: center center;
	background-size: contain;
    -moz-background-size: contain; 
	margin: 0 10% auto;}
.layout { position: relative;}
.layout DIV { position: absolute; margin: 0 10% auto;}
.col1 { 
	width: 13%; 
}
.col2 { 
	height:500px;
	background: url(images/pere.png) no-repeat;
	background-position: center center;
	background-size: contain;
    -moz-background-size: contain;
	left: 13%; right: 13%;}
.col3 { 
	width: 13%; right: 0; 
	}
	
#one a img,#one a
{
	display: block;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	margin: 40px 0% 10% 0%;
	max-width: 100%;
	height: auto;
	min-width: 70px;
}
 
 #one a:hover img {
	-webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
	transform: rotate(360deg) scale(1.1);
	margin-top: -20%;
	}
 
 #two a img,#two a
{
	display: block;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	margin: 40px 0% 5% 0px;
	max-width: 100%;
	min-width: 70px;
	height: auto;
}
 
 #two a:hover img {
	-webkit-transform: rotate(360deg) scale(1.1);
    -moz-transform: rotate(360deg) scale(1.1);
    -o-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
	transform: rotate(360deg) scale(1.1);
	margin-top: -20%;
	}