/* CSS Document */
/* Структура сайта */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
	padding-right: 35px;
	padding-left: 35px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
	color: #FFFFFF; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
	color: #FFFFFF;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}

/* ~~ прочие классы float/clear ~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если overflow:hidden удалено в .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
	width: 100%;
	max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 530px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
	background-color: #FFF;
	margin: 5px auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}

/* ~~ Информация по макету. ~~ 
1) Поля размещены только вверху и/или внизу DIV. Элементы в этом DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями. */
.content-1 {
	position:relative;
	text-align: center;
	color: #3d3f55;
	background:#fefdf6;
	/*	background-image: url(../img/fon-1.jpg); */
	padding: 10px 0;
	border:0px solid #ffffff;
	border-radius: 0px;
	padding-top: 165px;
}
/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content-1  ~~ */
.content-1 ul, .content-1 ol { 
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}
.content-1 table td {
	height:auto;
}
.content-1 p { text-align: justify; margin: 10px 60px 10px 10px; font-size:19px; font-weight:normal;}

.content-2 {
	padding: 10px 0;
	text-align: center;
	color: #000000;
	margin: 0 auto;
	padding: 10px 0;
	border:0px solid #ffffff;
	border-radius: 0px;
/*	background-image: url(../img/fon3.jpg); */
	height:auto;
}
.content-2 ul, .content-2 ol { 
	padding: 0 15px 15px 40px;
}
.content-2 td { text-align: left; padding-right: 5px; font-size:16px; font-family:"Times New Roman", Times, serif}

.content-3 {
	text-align: center;
	color: #000000;
/*	background-image: url(../img/fon-1.jpg); */
	background:#fefdf6;
	margin: 0 auto;
	padding: 10px 0;
	border:0px solid #ffffff;
	border-radius: 0px;
}

.content-2 {
	text-align: center;
	color: #000000;
	background: #fefdf6;
	margin: 0 auto;
	padding: 10px 0;
	border: 0px solid #ffffff;
	border-radius: 0px;
	float: left;
	display: inline;
}
.content-2 p { text-align: justify; margin: 10px 60px 10px 10px; font-size:19px; font-weight:normal;}

.content-3 {
	text-align: center;
	color: #000000;
	background:#fefdf6;
	margin: 0 auto;
	padding: 10px 0;
	border:0px solid #ffffff;
	border-radius: 0px;
}
.content-3 table tr {
	background: #fefcd5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3d3f55;
}
.content-3 table td { word-wrap:normal; word-wrap:break-word;}

.goroda ul {text-align:center; margin: 20px 40px;} 
.goroda li {
  display:inline;
  float: left;
  width: 180px;
  width: 240px;
  margin-right: 50px;
  text-align:left;
  font-size: 19px;
  text-decoration: none;
}
.goroda a:link { color: #6b95a2;}
.goroda a:hover { color: #a52828;} 
.goroda a:visited { color: #6b95a2;}
.style1 { 
    font-family: Arial, Helvetica, sans-serif; 
    color: #E12E17; 
	font-size: 30px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3d3f55;
	font-weight: bold;
}
.style4 {color: #E12E17;}
.style5 {font-family: Arial, Helvetica, sans-serif;}
img.izo { width: 300px; margin: 10px; }

.table911 table tr {
	background: #fefcd5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3d3f55;
}
.table911 table td { word-wrap:normal; word-wrap:break-word;}