@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

html, body, #container{
	height: auto;
}


body {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 14px;	
	/*background-color: #bcd5ec;*/
	/*background-color: #d0dbdd;*/
        /*background-color: #83b701;*/
	margin: 0;
}

#container {
	height: auto;
	/*background-color: #fff;*/ /*#ec394c;*/
	width: 990px;
	margin: 15px auto 15px;
	box-shadow: -11px 0px 14px -4px rgba(0,0,0,0.5),
				 11px 0px 8px -4px rgba(0,0,0,0.5) ;
}

.needfield {
	color: #ff0000
}

a.line{
	font-size: 9pt;
	color: #194a97;
}

.town {
	font: 9pt Arial; 
	margin-right: 5px;
	color: #194a97;
}

a.tod{
	font-size: 9pt;
	color: #194a97;
	text-decoration: none;
}

#content a{
	color: #194a97;
}

#content a:link {
	color: #194a97;
}

#content a:visited {
	color: #194a97;
}

#content a:hover {
	color: #194a97;
}

#header {
	height: 176px;
	/*background-color: #20bbf4;*/
	// background: url(logo_1.jpg) no-repeat center bottom;
	// background: url(logo_2.jpg) no-repeat center bottom;
	background: url(logo_2_3.jpg);
}

#menu {
	width: 100%;
	margin: 0 auto;
	height: 40px;
	/*background: linear-gradient(to bottom, #0078bf, #009cdf);*/
	/*background: linear-gradient(to bottom, #83b701, #83b701);*/
	/*background: linear-gradient(to bottom, #20bbf4, #20bbf4);*/
	/*background: linear-gradient(to bottom, #ec394c, #ec394c);*/
	/*border-radius: 10px;*/
	margin-bottom: 15px;
}

ul, li {
	margin: 0;
	padding: 0;
}

/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	/*font-family: 'PT Sans Narrow', sans-serif;
	font-size: 16px;*/
	font-size: 14px;
        font-family: 'Lato', Helvetica, sans-serif;
	float:left;
	width:93%;
	list-style:none;
	/*font-weight:bold;*/
	/*background-color: #a1d226;*/
	/*background-color: #faa701;*/
	/*background-color: #20bbf4;*/
	background-color: #ec394c;
	/*text-align: center;*/
	padding-left: 70px;
}
#nav li{
	float:left;
	/*margin-left:13px;*/
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	/*padding: 10px 25px 10px 15px;*/
	padding: 12px 10px 12px 10px;
	color:#fff;
	text-decoration:none;
}

#nav li a:hover{
	text-decoration:underline;
	/*color:#ffff00;*/
	color:#ec394c;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	z-index: 1000;
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity: 0;
	margin: auto;
	padding: 0;
	display: inline-block;
	text-align: justify;
}
#nav ul li{

	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}

#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0;  /*Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */

}

#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	/*background:#a1d226;*/
	/*background: #faa701;*/
	background: #f2adc0;
	/*background-color: #20bbf4;*/
	text-decoration:underline;
}

#nav li:hover a ul{
	color: #ffff00;
}

#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

#maincontent {
	background-color: #fff;
	position: relative;
	min-height: 470px;
	overflow: hidden;
	/*font-size: 16px;
	font-family: 'PT Sans Narrow', sans-serif;*/
	font-size: 14px;
    font-family: 'Lato', Helvetica, sans-serif;
}

#content {
	width: 710px;
	margin-left: 25px;
	padding: 10px 15px;
	/*background: #bcd5ec;
	background: linear-gradient(to bottom, #bcd5ec, #ffffff);*/
	/*border: 2px;
	border-radius: 10px;
	margin-right: 10px;*/
	z-index: 2;
	position: relative;
}

#pr {
	height: 150px;
	width: 740px;
	margin-left: 25px;
	position: absolute;
	/*background: #bcd5ec;*/
	/*background: #d0dbdd;*/
	/*background: #83b701;*/
	/*background: #a1d226;*/
	/*background: linear-gradient(to bottom, #bcd5ec, #ffffff);*/
	/*background: linear-gradient(to bottom, #a1d226, #ffffff);*/
	/*background: linear-gradient(to bottom, #faa701, #ffffff);*/
	background: linear-gradient(to bottom, #ec394c, #ffffff);
	border: 2px;
	/*border-radius: 10px;*/
}

#fon {
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	background: #bcd5ec;
	background: linear-gradient(to bottom, #bcd5ec, #ffffff);
	border: 2px;
	border-radius: 10px;
	margin-right: 10px;
	z-index: 1;
	position: relative;
}

#content b {
	color: #194a97;
}

#other {
	text-align: center;
	float: right;
	width: 200px;
	margin-right: 25px;
}

.news {
	color: black;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.newsdate {
	width: 14%;
	float: left;
}

.newscontent {
	width: 86%;
	float: left;
	text-align: justify;
	margin-bottom: 15px;
}




.input_text {
	width: 215px;
	padding: 5px 8px;
	font-size: 1.2em;
	color: #777;
	// color: white;
	border: none;
	// background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
    border-radius: 4px;
}


.hb {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 40px;
  // font-size: 20px;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.h11 {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  // font-size: 40px;
  font-size: 30px;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.h15 {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 15px;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

	.button7 {
		font-size: 17px;
		border-style: solid none;
		// font-weight: 700;
		color: white;
		text-decoration: none;
		padding: .8em 1em calc(.8em + 3px);
		border-radius: 3px;
		// background: rgb(64,199,129);
		background: rgb(236,150,153);
		// box-shadow: 0 -3px rgb(53,167,110) inset;
		box-shadow: 0 -3px rgb(236,57,76) inset;
		transition: 0.2s;
		width: 240px;
			border: none;
			} 
	// .button7:hover { background: rgb(53, 167, 110); }
	.button7:hover { background: rgb(236,57,76); }
	.button7:active {
		// background: rgb(33,147,90);
		// box-shadow: 0 3px rgb(33,147,90) inset;
		background: rgb(236,57,76);
		box-shadow: 0 3px rgb(236,57,76) inset;
	}


	.button8 {
		font-size: 17px;
		border-style: solid none;
		// font-weight: 700;
		color: white;
		text-decoration: none;
		padding: .8em 1em calc(.8em + 3px);
		border-radius: 3px;
		background: rgb(232,95,76);
		box-shadow: 0 -3px rgb(212,75,56) inset;
		transition: 0.2s;
		width: 240px;
			border: none;
			} 
	.button8:hover { background: rgb(212,75,56); }
	.button8:active {
		background: rgb(232,95,76);
		box-shadow: 0 3px rgb(212,75,56) inset;
	}