html,body {
	font-family: Roboto, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #000000;
/*	background-image: url(images/fon3.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
	background-attachment:fixed;
    background-size: 100% auto; 
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
background-size: 100% auto; /* ѮⰥ쥭� ᰠ�祰� */
-moz-background-size: 100% auto; /* Firefox 3.6+ */
-webkit-background-size: 100% auto; /* Safari 3.1+ 蠃hrome 4.0+ */
-o-background-size: 100% auto; /* Opera 9.6+ */
}


    #imgh {width: 1000px;}

   @media screen and (max-width:  1280px) {
    #imgh {width: 1000px;}
	 html,body {font-size: 25pt;}
   }
   @media screen and (max-width: 600px) {
    #imgh {width: 500px;}
	 html,body {font-size: 30pt;}
   }
   @media only screen and (max-device-width: 480px) {
     html,body {font-size: 30pt;}
   }
   
 :root {
  --color-primary: #7F0000;
  --color-primary-dark: #660000;
  
}

   
.divsite{
	background-color: #000000;
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
  --color-primary: #45fa4f;
  --color-primary-dark: #05612d;
}

header {
	padding : 0px;
	height : 334px;
	width : 100%;
	margin-top : 0px;
	margin-right : auto;
	margin-left : auto;
	/*background-image : url(images/headerpwf3.png);*/
	background-color : #7F0000;
	/*background-color : var(--color-primary, #7F0000);*/
}
 




.fwl, .fwc, .fwr {color:#FFFFFF;}
.fyl, .fyc, .fyr {color:#FFFF00;}
.fpp, .fpc, .fpr {color:#FF00FF;}
.fbp, .fbc, .fbr {color:#000000;}


.fwl, .fyl, .fpl, .fbl {text-align:left;}
.fwr, .fyr, .fpr, .fbr {text-align:right;}
.fwc, .fyc, .fpc, .fbc {text-align:center;}

hr{ color:#7F0000;
    border-color:#7F0000;
	background-color:#7F0000;
	clear: both;
}




.cl { clear: both;background-color: #000000; height:1px; }

section {  
    min-height:100%-300px;
	padding-bottom: 70px;
	margin:0;
	overflow:hidden;
}
section div.top {
display: block;
padding: 0px 20px;
/*overflow:visible;*/
/*overflow:auto;*/
min-height: 200px;

}



div.imgB  { 
text-align:center;
}

div.imgB img  { 
border: 3px;
border-color: #000000; 
}

div.imgB img[tabindex="0"] {
	cursor : zoom-in;
	height : 200px;

}
div.imgB img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
div.imgB img[tabindex="0"]:focus,  /*  при клике на увеличенное фото, оно возвращалось в исходное состояние */
div.imgB img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}


span.fem { display: none;}

section div.vodeoleft {
	display : inline-block;

	width : 100%;


	overflow : auto;
	
}

section div#ibc {
	display : inline-table;
	width : 100%;
	height: 100%;
 }

section div#ibc p {
	display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }


footer {
    color:#FFFFFF;
	height:60px;
	margin: 0 auto;
	padding:0;
	margin-top: -70px;
	width: 1000px;
}
footer div {
	display: inline-block;
}
footer div#left {
float:left;
width:86px;
margin-left:5px;
}
footer div#right {
float:right;
width:88px;
margin-right:5px;
}
footer div#midle {
float:inherit;
margin:6px auto;
    width: 810px;
    text-align: center;
}


div.topXmas {
height: 100px;
background-image:url(/images/xmas1.png);
background-repeat:repeat-x;
padding: 0px 0px;
overflow:visible;
}


section div.col {
display: inline-block;
}


section div#left {
float:left;
min-width: 48%;
min-height: 200px;
margin: 0px 10px 10px 10px;
overflow:visible;
}


section div#right {

width:250px;
float:right;
padding: 5px 5px 0px 0;

}
















a {
color: #dd0000;
}
a.head_ {
	color : black;
	text-decoration : none;
	text-shadow : 1mm 1mm 1px #c31818;
}


   @media screen and (max-width:  1280px) {
   
	 a.head_ {font-size: 25pt;}
   }
   @media screen and (max-width: 600px) {
    
	 a.head_ {font-size: 15pt;}
   }























section div.tabs {
	display : inline-block;
	padding : 0px 20px;
	max-width : 1000px;
	min-width : 450px;
	/*overflow : visible;
	*/border-width : 4px;
	border-style: double;
	border-color: #26e916;
	overflow : auto;
	@mediadisplay : none;
}
	margin: 1px auto;
	}
	
   @media screen and (max-width: 1001px) {
 
    section div.tabs {width: 50%;}
   }   
   @media screen and (max-width: 1000px) {

   section div.tabs {width: 100%;}
   }













	
a#c4s {
rel: nofollow;
}








section div.top img_ {
margin: 10px 2px;
width:150px; height:100px;
}
section div.top img#r {
float:right;
}
section div.top img#l {
float:left;
}
section div#h120 {
 min-height:120px;
}
section div#w150 {
 max-width:150px;
}