body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:1004px; /* ширина нашего макета*/
background-color:#fff;
}
img {
	border:0px;}
/*Здесь пишем стили для шапки сайта */
#header{
	background:url(img/header.gif);
	height:239px;
		
}
#header a{
		
		text-decoration:none;
}
.logo{
	text-align:center;
	padding-top:50px;
	background:url(img/logo.gif) no-repeat;width:100%; height:63px;
	
	font-style:italic;
	color:#000;
	}
.logo a{text-align:center; color:#000;
font-size:44px;}
/*навигация*/
#menu {margin:0px auto;
 width:1004px; height:31px;  text-align:center; color:#000; background:url(img/fon_gor_menu.gif); }
#menu a { text-decoration:none;margin:0 0px;color:#000; font-size:18px; padding:0 30px; vertical-align:middle;}
#menu a:hover{color:#096ceb;}

/*Здесь пишем стили для левой колонки сайта */
#left{
width:200px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/

background:#fff;
}
.perechen {background:#d7dadc; border: #c5c9cd solid 2px; margin-bottom:10px; margin-top:10px;}
#left h3{ padding:0 10px 10px 10px;  color:#247ae8; border-bottom: #c5c9cd solid 2px; text-align:center; }
#left ul {margin-left:-20px; }
#left li a{
		color:#000;
	text-decoration:none;
	font-size:14px;
	}
#left li a:hover{color:#247ae8;}	
/*Здесь пишем стили для правой колонки сайта */
#right{
width:190px; /*ширина правой колонки */
background-color:#fff;
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}
#right a{ color:#000; text-decoration:none; padding:0 10px;}
#right a p{ color:#000;padding: 0 10px;}
#right h3{color:#247ae8;padding: 0 10px; text-align:center;}


/*Здесь пишем стили для блока контента */
#content{
background-color:#fff;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:202px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:192px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding:10px;
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:10px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
text-align:justify;
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{
	width: 1004px;
	height:100px;
	text-align:center;
	background:#096ceb;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
color:#fff;
font-size:14px;
}
#footer p a {color: #000; padding: 10px 10px; text-decoration:none;}
#footer p a:hover {color: #fff;}
#schetchik {text-align: center;}