@charset "utf-8";
/* CSS Document */

/*-------------------------- ПЕРЕОПРЕДЕЛЯЕМ ЭЛЕМЕНТЫ HTML --------------------------------------*/
header, nav, section, article, aside, footer, figure {
   display:block;
}
body {	background: #ECECFF;
		font-family: Arial, Helvetica, sans-serif;	/*	шрифты с засечками для основного текста — Georgia (32%) и Times New Roman (4%).
												шрифты без засечек для основного текста — Arial (28%), Verdana (20%) и Lucida Grande (10%).*/
		color: #014052; font-size:16px;
		text-align: justify;
		margin: 5px 0;	/*убираем отступ по краям  (обычно видно вверху документа)*/
		}
table {
		width: 100%;
		margin: auto;				/*выравниваем таблицу по середине html*/
		border-collapse: collapse;	/* Убираем двойные границы между ячейками (cellspacing="0")значение атрибута cellspacing тега <table> игнорируется*/
		border: 0;		/* Рамка вокруг таблицы */
		table-layout: fixed; /* Ячейки фиксированной ширины для ускорения постраения таблиц*/
		}		
		TD {
			padding: 5px;			/* Поля вокруг текста действие атрибута cellpadding тега <table> игнорируется. */
			border: 0;	/* Рамка вокруг ячеек 1px solid #00*/
   			}		
.cell0 {width: auto;}
.cell1 {width: 7%;} .cell2 {width: 15%;}
.cell3 {width: 23%;} .cell4 {width: 31%;} .cell5 {width: 39%;}
.cell6 {width: 50%;}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;/*	шрифты с засечками для заголовков — Georgia (28%) и Baskerville (4%)
																шрифты без засечек для заголовков — Arial (28%), Helvetica (20%) и Verdana (8%).*/
	font-size: 24px; font-style: italic; font-weight: bold;
	text-align: center; vertical-align: middle;
	padding: 5px; margin: 0;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px; font-style: italic; font-weight: bold;
	text-align: center; vertical-align: middle;
	padding: 5px; margin: 0;
	background-image: url(../img/linegrndSM.png); background-repeat: repeat;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; font-style: italic; font-weight: bold;
	text-align: left; vertical-align: top;
	padding: 5px; margin: 0;
	background-image: url(../img/linegrndSM.png); background-repeat: repeat;
	}
h4 {
	font-size: 16px; font-weight: bold;
	text-align: left; vertical-align: top;
	padding: 0 15px; margin: 0;	
	}
p {text-indent: 5%; padding: 5px 15px 5px 15px;}

a {
	color: #006;
	text-decoration:none;/*нет нижнего подчеркивания*/
	}
	a:hover {
		text-decoration:underline;/*при наведении показываем нижнию черту*/
		}

img.imge {float: left; margin: 5px 15px 5px 15px; 
	display: inline-block; /*для обтекания картинки списком*/}
	img.imgerigth {float: right; margin: 5px 15px 5px 15px; 
		display: inline-block; /*для обтекания картинки списком*/}
ul {display: inline-block; /*для обтекания картинки списком*/}
ol {display: inline-block; /*для обтекания картинки списком*/}

	/*align
	-----------------------------------------------------------------------------*/
.align-cntr {text-align: center; vertical-align: middle;}
.align-lft {text-align: left; vertical-align: top;}
.align-rght {text-align: right; vertical-align: bottom;}

.float-lft {float: left;}
.float-lft-end {clear: left;}
.float-rght {float: right;}
.float-rght-end {clear: right;}

/*-------------------------- ОПРЕДЕЛЯЕМ ИНДИВИДУАЛЬНОСТЬ ЭЛЕМНТОВ --------------------------------------*/

.begn {/*height: 150%;*/
		width:90%;
	/*	min-height: 100%;			background-color:#CF0;		растягиваем на всю высоту если не заполнено автоматом
		background-color: #FFF;*/
		background-image: url(../img/linegrnd.png); background-repeat: repeat;
		margin: auto;				/*выравниваем таблицу по середине html*/;
}
.fonTDtf {background-image: url(../img/linegrndSM.png); background-repeat: repeat;}
 
.readlim { text-align:right; font-style:italic; font-weight:bold; padding: 5px; }
a.readlim {color: #006; text-decoration:none;}
	a.readlim:hover {text-decoration:underline;}

header table {
	background-image: url(../img/linegrndSM.png); background-position: left; background-repeat: repeat-y;
	}
header h1 {
	color: #F00;
	font-size: 16px;
	text-align: left;
	padding: 0;
	}
header h2 {
	background: none;
	font-size: 16px;
	text-align: right;
	padding: 0 5% 0 0;
	}

header img.logo, footer img.logo {width: 80%}

footer table {
	width: 90%;
	clear: left; /* Отменяем действие float */
	border-top: #FF0 solid;
	}
footer h1 {
	color: #F00; font-size: 16px;
	text-align: center;
	padding: 0;
	}
footer h2 {
	background: none;
	font-size: 16px; font-family: "Courier New", Courier, monospace; font-weight: bolder;
	margin: 5px; padding: 5px;
}
/*-----------------------------------------------------------------------------------------------------*/
#leftcol1 { /* Левая колонка */
	margin-left: 1%; /* Отступ слева */
	float: left; /* Обтекание справа */
	width: 69%; /* Ширина колонки */
  	/*min-height: 60%;				растягиваем на всю высоту если не заполнено автоматом*/
	}
	#leftcol0 { /* ОДНА Левая колонка без правой*/
		margin-left: 1%; /* Отступ слева */
		float: left; /* Обтекание справа */
		width: 98%; /* Ширина колонки */
  		/*min-height: 60%;				растягиваем на всю высоту если не заполнено автоматом*/
	}
#rightcol { /* Правая колонка */
	margin-left: 71%; /* Отступ слева */
	width: 28%;
	}
/*-----------------------------------------------------------------------------------------------------*/

article h2 {background-image: url(../img/grnd.png); background-repeat: repeat;}
article .borderdiv {
		background: #ECECFF; border-top: #006 thin solid;
		background-image: url(../img/linLftRgth.png); background-position: left; background-repeat: repeat-y;
		margin: 15px 0;
		}
		.linRgth {background-image: url(../img/linLftRgth.png); background-position: right; background-repeat: repeat-y;}

aside .borderdiv {text-align:center;}
aside p {text-indent:0; padding:0 2px;}
aside input.but {width: 89px;}

.general {
	width: 100%;
	vertical-align: top; padding-top: 15px;/* text-align: center;*/
	}
	#imge110, #imge120, #imge130, #imge140 {width: 70px; height: 70px;}
/*видемость текстовых блоков*/
.hiddenpic {list-style-image: url(../img/ico/minus.gif);}
.itempic {list-style-image: url(../img/ico/plus.gif);}
.hidden {display: none;}	 
.item {display: block;}
a.expref {color: #003; font-size: 20px; text-decoration:none;}
	a.expref:hover {text-decoration:underline;}
table.prc {width: 80%;}
	td.prc {
		border: 1px solid #000;	/* Рамка вокруг ячеек */
		}
	th.prc {
		font-weight: bold;
		text-align: center;
		border: 1px solid #000;	/* Рамка вокруг ячеек */
		}
		.rd {color: #F00;}
/*содержание*/
.leftCont {
	margin-left: 0; /* Отступ слева */
	float: left; /* Обтекание справа */
	width: 49%; /* Ширина колонки */
	}
.rigthCont {
	margin-left: 51%; /* Отступ слева */
	width: 49%; /* Ширина колонки */
	}
	.lrFloat {clear: left; /* Отменяем действие float  */}

.generalFoto {
	width: 100%;
	vertical-align: top; padding-top: 15px; text-align: center;	
	}
	.foto {padding: 1px 1px; border: 0;}
/*6 страница*/
td.connect {padding: 5px 15px;}
th.connect {text-align: center;}
.bordleft {border-left: #003 thin solid;}
.rigthText {text-align: right;}
img.lgo {
	width: 100px; height: 100px;
	margin: 0 15px; border: 0;
	}
img.operator {width: 34px; height: 32px;}
		
/*вело трек*/
#YMapsID {
	width: 100%;
	height: 90%;
	}
.many {
	width: 228px; height: 54px; border:none;
	}

div.video {width:23%; margin:1%; float:left;}
iframe.video {width: 95%; border:none;}

figure.fotoGalerey {width:14%; min-width:142px; height:180px; margin:1%; float:left;}
h2.fotoGalerey {font-size:16px; font-weight:400; font-style:normal;}
.gnrl {overflow: hidden;}
	.gnrl {
		-ms-transition: all 3s ease-out; -moz-transition: all 3s ease-out; -o-transition: all 3s ease-out; -webkit-transition: all 3s ease-out;
	  transition: all 3s ease-out;
		}
	.gnrl:hover {
		-ms-transition: all 2s ease-out; -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3);
	  transform: scale(3); 
		}
.width140 {width:100%; min-width:140px; margin:1%; }