* {
	margin: 0;
	padding: 0;
}

/*избавляемся от точечек*/
ul{
	list-style: none;
}
/*избавляемся от подчеркивания*/
a {
	text-decoration: none;
	color: #787878;
}

body{
	background-color: #f9f9f9;
	font-size: 14px;
	font-family: sans-serif;
	color: #787878; 

}
.wrapper{
	/*выровнять по горизонтали по центру*/
	margin: 0 auto;
	width: 1060px;
	padding: 50px 45px 0;
	background-color: #fff;
}
.hadder {

}
.logo {
padding-bottom: 5px;
}
/*указываем настройки для меню1 чтобы ниже указать настройки для меню2 и они отличались иначе настройки будут для всех li на странице*/


.menu1 p {
	/*отступ*/
	padding: 14px 40px;
	/*ширина кнопки*/
	width: 45px;
	text-align: center;
	line-height: 1;
/*выстраиваем менюшки в одну строку*/
display: inline-block;
/*границы с цветом прозрачный чтобы не дергались кнопки при наведении*/
border-left: 1px solid transparent;
	border-right: 1px solid transparent;


}
.menu1 li:hover {
	background-color: #464646;
	/*вводим вертикальные белые черточки слева и справа*/
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
}
.menu1 p:hover {
	background-color: #464646;
	/*вводим вертикальные белые черточки слева и справа*/
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
}

.menu1{
	background-color: #474646;
	background: linear-gradient(#5c5c5c, #c0bbbb);
	
}
.menu1 a {
	color: #fff; 
}
.left-menu {
	width: 250px;
	/*делаем обтекание картинки блоком (можно обтекать картинку текстом с любой стороны)*/
	float: left;
}
.container {
	/*отступ сверху*/
	padding-top: 5px; 
}
	
.menu2 {
	/*делаем рамочку для блока*/
	border: 1px solid #c8c8c8;
}

.menu2 li{
height: 330px;
border-bottom: 1px solid #c8c8c8;
/*выравнивание по вертикали. задаем высоту линии для текста*/
line-height: 20px;
/*отступ от левого края*/
padding-left: 5px;
}

/*обращаемся к меню, обращаемся к последнему ли, и отменяем свойство подчеркивания*/
.menu2 li:last-child {
	border-bottom: none;
}





}

.menu3 {
	/*делаем рамочку для блока*/
	border: 1px solid #c8c8c8;
}

.menu3 li{
height: 40px;
border-bottom: 1px solid #c8c8c8;
/*выравнивание по вертикали. задаем высоту линии для текста*/
line-height: 40px;
/*отступ от левого края*/
padding-left: 25px;
}
/*действия над элементом при наведения мыши увеличиваем отступ слева и меняем цвет бекграунда*/
.menu3 li:hover {
	padding-left: 35px;
	background-color: #f9f9f9;
}

/*обращаемся к меню, обращаемся к последнему ли, и отменяем свойство подчеркивания*/
.menu3 li:last-child {
	border-bottom: none;








.content {
	width: 765px;
	padding-left: 40px;
	float: right;
}
.img {
	border: 1px solid #c8c8c8;
	/*тень вокруг картинки*/
	box-shadow: 0 0 6px 2px #dbdbdb;

}
.text {
	padding: 10px 0px 0;
}
/*отмена работы флоатов*/
.clear {
	clear: both;
}