@charset "windows-1251";
/* Простой «резиновый» носитель
   Примечание. Для «резинового» носителя требуется удалить атрибуты высоты и ширины из HTML
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%; 
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}

/*
	Свойства Dreamweaver Fluid Grid
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Вдохновлено книгой «Отзывчивый веб-дизайн» (Responsive Web Design) Итана Маркота (Ethan Marcote) 
	https://www.alistapart.com/articles/responsive-web-design
	
	и системой Golden Grid Джони Корпи (Joni Korpi)
	https://goldengridsystem.com/
*/

/* Мобильный макет: 480 пикс. и меньше. */

html {
height: 100%;
}
body {	
height: 100%;	

}

.gridContainer { 
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%; 
	height:100%; /*min-height: 100%;*/
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#header {
	background: #303945;
	font-weight: bold;
	border-top: 10px solid #FC0; /*#778492*/
	border-bottom: 4px solid #FC0 /*#778492*/;
	color: #cccccc;
	font-size: 28px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	clear: both;
	margin: 20px 0;
	float: left;
	margin-left: 0;
	width: 100%;
	min-height:115px;
	max-height:100%;
	display: block;
}
#Subheader {
 background: #303945 ;
	font-weight: bold;
	border: 0; /*#778492*/
	border-bottom: /*#778492*/;
	color:;
	font-size:;
	font-family: ;
	clear: both;
	margin-top: 0;
	float: left;
	margin-left: 0;
	width: auto;
	height:50px;
	display: block;
}

#menuheader {width: auto ; background: url(../images/backgr.jpg) ; line-height:2em; display: block; margin-left:55px; 
	}
.menuheader { width:auto /*85px*/; height:27px; border-radius: 7px; margin:3px auto 5px 4px; background:url(../images/backgr.jpg); line-height:2em; border:2px solid #778492;/*#a68c53/*fc0 /#778492;*/ text-decoration:blink;
  border-color: ;
	color:#ffffff /*#F93*/;
	font-size: 13px;
	font-weight:bold;
	float:left;
	
	padding: 0 10px;
	text-transform: inherit; display: block; text-align:center;
	
	}
.menuheader a { color:#fff;/*#F93;*/  text-decoration:none; 
	}	
.menuheader a:hover { color: #f93;
	}	

#Poisk { float:right; display:none;
	height:100px;  margin:5px 55px 5px; line-height:; 

}
	
#main { background:#ffffff ;  margin-bottom:5px;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border:3px solid #fc0;/*#778492*/
	height:auto;
	min-height:100%;*/
	
	  
	
}
#Rsidebar { background:#ffffff; margin-bottom:5px;
	clear: both;
	float: left;
	margin-left: 2px;
	width: 100%;
	display: block;
	border: 3px solid #fc0;/*#778492* #a68c53*/; position: relative; 
	
}
#Counter {  background:#ffffff; margin-bottom:5px;
	clear: both;
	float: left;
	margin-left: 2px;
	width: 100%;
	display: block;
	border: 3px solid #fc0;/*#778492*/
}
#Dop {  background:#ffffff; margin-bottom:5px;
	clear: both;
	float: left;
	margin-left: 2px;
	width: 100%;
	display: block;
	border: 3px solid #fc0;/*#778492*//*#a68c53*/
}
#Dop1 {  background:#ffffff; margin-bottom:5px;
	clear: both;
	float: left;
	margin-left: 2px;
	width: 100%;
	display: block;
	border: 3px solid #fc0;/*#778492*//*#a68c53*/
}
#Footer { background: #778492;
  color: #fff; font-size:13px;
  margin-top: 2px;
  padding: 10px 0;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100% /*100%;*/
	display: block;
	border-top: 4px solid #fc0;/*#778492*/ border-bottom: 8px solid #fc0;/*#778492 или #fc0
	border: 2px solid #778492;/*#778492*/
	
/*	height: 50px;
margin-top:-50px;*/
}


#Footer a { 
  color: #333; text-decoration: none
}
.Footer a { 
  color: #333; text-decoration: none
}
.Footer a:hover {text-decoration:none;color: #F93}

/* Макет для планшета: 481–768 пикс. Наследует стили от мобильного макета. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 87%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header { 
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.menuheader { z-index:1000;

}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
	
}

	
/*.table_aaa {
	display: table;
display: table-row;
display: table-cell;}

.table-container {
  width: 100%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
*/
/*.table_aaa {
  margin: 1em 0;width: 100%; height:auto; 
  min-width: 300px;} // adjust to your needs*/
  
  	  
#Rsidebar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Counter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Dop {
	clear: both;

	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Dop1 {
	clear: both;

	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow: visible;
}
}

/* Макет для настольного компьютера: 769–1232 пикс. (максимум). Наследует стили от мобильного макета и макета для планшета. */
 
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 93.1%;
	max-width: 1232px;
	padding-left: 0.95%;
	padding-right: 0.95%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	clear: both;
	float: left;
	margin-left: 5px;
	width: 70%;
	display: block;
	padding-left: 2px;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

#Rsidebar {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
}
#Counter {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 24%;
	display: block;
}
#Dop {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
	background-color: #FFF;
}
#Dop1 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
	background-color: #FFF;
}
#Footer {
	clear: both;
	float: left;
	margin-left: auto;
	width: 71%;
	display: block;
	margin-right: auto;
	color: #006;
	font-size: 12px;
	font-weight: normal;
	background-color: #32383e;
	margin-top: auto;
	margin-bottom: auto;
	overflow: auto;
	position: relative;
}
}
@media screen and (min-device-width: 1600px) {
  .gridContainer {
	width: 93.1%;
	max-width: 1920px;
	padding-left: 0.95%;
	padding-right: 0.95%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	clear: both;
	float: left;
	margin-left: 5px;
	width: 70%;
	display: block;
	padding-left: 2px;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
}

#Rsidebar {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
}
#Counter {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 24%;
	display: block;
}
#Dop {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
	background-color: #FFF;
}
#Dop1 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 25%;
	display: block;
	background-color: #FFF;
}
#Footer {
	clear: both;
	float: left;
	margin-left: auto;
	width: 71%;
	display: block;
	margin-right: auto;
	color: #006;
	font-size: 14px;
	font-weight: normal;
	background-color: #32383e;
	margin-top: auto;
	margin-bottom: auto;
	overflow: auto;
	position: relative;
} } 
	

.gridContainer.clearfix #header .gridContainer {
	font-family: Georgia, "Times New Roman", Times, serif;
}