
#container {
width: 1000px; 
margin: 0 auto; 
background-color:;
margin-top:20px;
}
#header {
height:110px;

background:#828387; 

border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:15px;

 }	

#Menu {
width:auto;
height:auto;
padding: 20px; 
background-color:;
 text-align: center;
}	
#left{
background-color:#d9d9d9;/*красный фон div блока*/
margin-top:0px;
float:left; /*располагаем по левому краю, с обтеканием справа*/
width:155px; /*ширина левого div блока */
height: 500;
border: 1px black solid; 
padding: 8px; /* Отступы вокруг текста */ 
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:15px;
}
/*Стили для div блок по центру*/
#content{

background-color:#d9d9d9;/*желтый фон div блока*/
margin:0px; /*необходимые обнуления*/
margin-left:181px; /*отступ слева, ширина левого div блока + 1px*/
margin-top:0px;
height:auto;
 border: 1px black solid;  
  padding: 15px; /* Отступы вокруг текста */
border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:15px;

}
  #footer {
    background: #534d4d; /* Цвет фона */
    color: #fff; /* Цвет текста */
    padding: 5px; /* Отступы вокруг текста */
margin-top: 45px; /* Отступ сверху */
  border-radius:7px; 
-webkit-border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:15px;
}
#liniya { 
width:200px; 
height:200px; 
background:; 
float:left; 
margin-left:45px; 
text-align:center;
        }

hr {
    border: none; /* Убираем границу */
    background-color: #828387; /* Цвет линии */
    color: #828387; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
   }
Ss {
	font: bold 150%/170% Arial, Helvetica, sans-serif;
}  
Ss2 {
	font: bold 100%/100% Arial, Helvetica, sans-serif;
}  
  


.button{text-decoration:none; text-align:center; 
 padding:10px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#a8fafa; 
 background-color:#85a2ab; 
 background-image: -moz-linear-gradient(top, #85a2ab 0%, #2d3f45 100%); 
 background-image: -webkit-linear-gradient(top, #85a2ab 0%, #2d3f45 100%); 
 background-image: -o-linear-gradient(top, #85a2ab 0%, #2d3f45 100%); 
 background-image: -ms-linear-gradient(top, #85a2ab 0% ,#2d3f45 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3f45', endColorstr='#2d3f45',GradientType=0 ); 
 background-image: linear-gradient(top, #85a2ab 0% ,#2d3f45 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #8a7c7c; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #8a7c7c;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #8a7c7c;  
  
  }.button:hover{
 padding:10px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#a8fafa; 
 background-color:#b6c1c4; 
 background-image: -moz-linear-gradient(top, #b6c1c4 0%, #5e6466 100%); 
 background-image: -webkit-linear-gradient(top, #b6c1c4 0%, #5e6466 100%); 
 background-image: -o-linear-gradient(top, #b6c1c4 0%, #5e6466 100%); 
 background-image: -ms-linear-gradient(top, #b6c1c4 0% ,#5e6466 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6466', endColorstr='#5e6466',GradientType=0 ); 
 background-image: linear-gradient(top, #b6c1c4 0% ,#5e6466 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #d4c9c9; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #d4c9c9;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #d4c9c9;  
  
 }.button:active{
 padding:10px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px "Arial Black", Gadget, sans-serif; 
 font-weight:bold; 
 color:#a8fafa; 
 background-color:#a5a8a6; 
 background-image: -moz-linear-gradient(top, #a5a8a6 0%, #2d3f45 100%); 
 background-image: -webkit-linear-gradient(top, #a5a8a6 0%, #2d3f45 100%); 
 background-image: -o-linear-gradient(top, #a5a8a6 0%, #2d3f45 100%); 
 background-image: -ms-linear-gradient(top, #a5a8a6 0% ,#2d3f45 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3f45', endColorstr='#2d3f45',GradientType=0 ); 
 background-image: linear-gradient(top, #a5a8a6 0% ,#2d3f45 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #8a7c7c; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #8a7c7c;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #8a7c7c;  
  
 }
 
 *{
	margin: 0;
	padding: 0;
}

ul.menu {
	margin: 0;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
	background-color: #828387;  /*цвет кнопок*/
	width: 155px;
}

ul.menu li {
	list-style: none;
	position: relative;
}

ul.menu li a {
	padding: 10px 12px 12px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
	display: block;
	border-top: 1px solid #c4c4c4;  /*цвет полосок между кнопками*/
}

ul.menu li a:hover {
	background-color: #78c0c1;   /*цвет кнопок(при наведении на них)*/
}

ul.menu li:first-child a {
	border-top: none;
}

ul.menu li:first-child a:hover {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}

ul.menu li:last-child a:hover {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}
/*Выпадающее меню*/
ul.menu li ul {
	display: none;
}

.mact {
	background-color: #78c0c1;   /*цвет кнопок(при наведении на них)*/
}
.name{
color:white;
}
.img{
border-radius:15px;
}

ul.menu li:hover ul {
	display: block;
	position: absolute;
	left: 155px;  /*растояние от основного меню до выпадающего*/
	top: 1px;
	background-color: #67686b;  /*цвет выпадающих кнопок*/
	width: 150px;
	z-index: 1000;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}

ul.menu li:hover ul li:first-child a:hover {
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}

ul.menu li:hover ul li:last-child a:hover {
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
}