img { border:0px; }
a { outline: none; /* Убираем границу вокруг ссылок  */ }
html { height:100%; }
	
body {
	margin:0; padding:0; height:100%;
	font: Geneva, Arial, Helvetica, sans-serif; 	
	background: url(images/fon1.jpg) center center fixed no-repeat;
   -moz-background-size: 100% 100%; /* Firefox до 4.0 */
   -webkit-background-size: 100% 100%; /* Safari и Chrome */
   -o-background-size: 100% 100%; /* Opera до версии 10.53 */
  background-size: 100% 100%; /* CSS3 */
;  }

.image {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}

#left { height:100%; width:22%; position:fixed; left:0; margin:0; }

#menu { width:100%; font: 90%/120% Verdana, Geneva, sans-serif; top:14%; position: relative; }

#menu p { font: 100%/120% Verdana, Geneva, sans-serif; padding:0; margin:0; }

#menu a { letter-spacing: 0px; 
	color:#000000; text-transform: none; font-weight:normal;
	text-decoration: none; padding:5px; display: block;
	}

#menu a:link { letter-spacing: 0px; 
	color:#000000; text-transform: none; font-weight:normal;
	text-decoration: none; padding:5px;
}

#menu a:visited { letter-spacing: 0px; 
	color:#000000; text-transform: none; font-weight:normal;
	text-decoration: none; padding:5px;
}

#menu a:hover { letter-spacing: 0px; 
	color:#000000; text-transform: none; font-weight:normal;
	text-decoration: underline; padding:5px;
}

#menu a:active { letter-spacing: 0px; 
	color:#000000; text-transform: none; font-weight:normal;
	text-decoration: none; padding:5px;
}

#center { height:100%; width:56%; position:fixed; left:22%; margin:0; top:0; background-color:#EFEFEF; padding:0; }

#center img { margin:0; top:0; }

#head { height:6%; width:56%; position:fixed; top:0; left:22%; background:url(images/head.png) no-repeat left; background-size: contain;  }

#red {  height:6%; width:8%; top:6%; left:22%; position:fixed; background:url(images/red.jpg) #ff0000 no-repeat center; background-size: contain;  }

#orange { height:6%; width:8%; left:30%; top:6%; position:fixed;  background:url(images/orange.jpg) #ff8000 no-repeat center; background-size: contain;  }

#yellow { height:6%; width:8%; position:fixed; left:38%; top:6%; background:url(images/yellow.jpg) #ffff00 no-repeat center; background-size: contain;  }

#green { height:6%; width:8%; position:fixed; left:46%; top:6%; background:url(images/green.jpg) #00aa00 no-repeat center; background-size: contain;  }

#blue { height:6%; width:8%; position:fixed; left:54%; top:6%; background:url(images/blue.jpg) #00aaee no-repeat center; background-size: contain;  }

#dark_blue { height:6%; width:8%; position:fixed; left:62%; top:6%; background:url(images/dark_blue.jpg) #4040ff no-repeat center; background-size: contain;  }

#purple { height:6%; width:8%; position:fixed; left:70%; top:6%; background:url(images/purple.jpg) #800080 no-repeat center; background-size: contain;  }


#home1 { width: 20%; border:0px; color: #bfbfbf; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	position:fixed; bottom:0px; margin:0px; left:0px;
	text-align: center; padding: 10px; letter-spacing: 1px; }

#home { width: 20%; border:0px; color: #bfbfbf; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	position:fixed; bottom:0px; margin:0px; right:0px;
	text-align: center; padding: 10px; letter-spacing: 2px; }
	
#home a { letter-spacing: 2px; background: none;
	color:#bfbfbf; text-transform: none; font-weight:bold;
	text-decoration: none; text-transform:uppercase
	}

#home a:hover { letter-spacing: 2px; text-decoration: underline blink; color: #000000; background: none; font-weight:bold; text-transform: none; text-transform:uppercase
}

.gradient {
    background: #EFEFEF; /* Для старых браузров */
    background: linear-gradient(to top, #EFEFEF, #ffffff);  
	background-color: #ffffff; /* Для не css3 обозревателей */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EFEFEF)); /* chrome, safary, etc. webkit */
background: -moz-linear-gradient(top, #ffffff, #EFEFEF); /* FireFox */
background: -o-linear-gradient(top #ffffff, #EFEFEF,); /* Opera */
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#EFEFEF); /* MS IE 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EFEFEF')"; /* MS IE 8 */ 
   }