@charset "windows-1251";
/* CSS Document */
html,body{ width:100%; height:100%; font-family:Verdana, Geneva, sans-serif;}
.menu ul li a{text-decoration:none; font-family:Verdana, SansSerif; font-size:24px; text-align:center; color:#FFF; display:block; margin:auto;}
.menu{ width:1225px; background-color:#099; z-index:5; border-radius:10px; opacity:0.8; border:3px solid #000000; margin:0 auto; overflow:hidden;}
li{ float:left; list-style:none; margin-left:10px; width:180px; background-color:#FC0; margin-bottom:12px; height:40px; border-radius:5px;}

.had  { margin:0 auto; width:1225px; height:300px; background-size:100%; background-image:url(hader4.jpg); background-repeat:no-repeat; background-position:center center;}
.wriper{ width:1200px; background-color:#5EA0FE; margin:0 auto; padding:10px; border:2px solid #000; overflow:hidden; border-radius:10px;}
.menu ul{ margin:1% auto;}
.text{ width:100%; border:2px solid #000; padding:20px;}
img{ margin:10px;  border-radius:7px}
h2{ margin-left:30%;}
.afon{ float:left;}
#dost li{ width:300px; background-color:#fc0; clear:both; margin-left:35%; margin:5px auto; border:3px solid #063	; box-shadow:3px 3px #000;}
#dost li a{ font-family:Verdana, Geneva, sans-serif; display:block; font-size:16px; text-decoration:none; color:#FFF; display:block; height:100%;}
.menu ul li:hover{ background-color:#60c;}
.menu ul li{  box-shadow:-4px -4px #000; border:3px solid #063;}
.had{ border-radius:15px;}
h3{ margin-left:30%;}
.wriper img{ float:left;}
#hist a{ margin-left:10%;}
#dost{ overflow:hidden; width:30%; float:left;}
#dost li:hover{ width:300px; background-color:#60C; clear:both; margin-left:35%; margin:5px auto; border:3px solid #063	; box-shadow:3px 3px #000;}