body {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	
	background-attachment: fixed; /*          */
	/*margin: 0px;*/
	margin-bottom: 10px; /*  */
	padding: 0px;

	background-image: url(../im/background-photo-road.jpg); /*background-image: url(../im/fon.png);*/
	background-position: center center; /*           */  
	background-repeat: no-repeat; /*    */ 
 
	background-size: cover; /*            */  
	margin-top: 0%; /*   */ 
}

/*    */
.borderimg {   
border-radius: 10px 10px 10px 10px;
text-align: center;
}

/*   ,    */
a.suptext {
	font-size:10px;
	color:green;
	border-bottom: 2px dotted DarkGreen;
	text-decoration: none;
	vertical-align: super;
}


.content1 {
	background: none;
	text-align: left;
	vertical-align: top;
	color: #000;
	font-size: 15px;
	/*font-family: tahoma, helvetica*/
}

/*   DIV production*/
.main {
	margin:0 auto;/*   */
	width:100%; /*   100%,     */
	max-width:775px; /*    */
}

/*   DIV production*/
.inline div {
	display:inline-block; /*     */
	vertical-align:top; /*    */
}

/*   DIV production*/
div.inline {
	font-size:0; /*    0,     */
} 

/*   DIV   */
.left-block {
	width:30%; /*        */
	/*height:100%;    */
/* border: 2px solid #E81E25; /*   */
margin-right: 2%;
}

/*   DIV   */
.content-block {
	width:60%;
	/*margin-bottom: 10px;*/
	/*height:100%;    */
}





/*      */
.container {
	width: 620px;
	text-align: center;
}

/*    */
.container img {
	width: 600px;
	height: auto;
	text-align: center;
}


.dateheader, .dateheader a:link, .dateheader a:hover, .dateheader a:visited, .dateheader a:active {
	font-size: 10px;
}

.error_message {
	font-weight: bold;
	background-color: #4B3625;
	color: #fff;
	padding: 5px;
	text-align: center;
}

h1 {
	color: #666;
	font-size: 12px;
	/*text-indent: 30pt;*/
	/*vertical-align: text-bottom;*/
}

h2 {
	color: #000;
	font-size: 14px;
	/*text-indent: 30pt;*/
	/*vertical-align: text-bottom;*/
}

h3, h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {
	color: #666;
	font-size: 12px;
}

h4 {
	color: #666;
	font-size: 10px;
}

.logo {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: bold;
}

.nav, .nav a:link, .nav a:hover, .nav a:visited, .nav a:active {
	background: #000;
	font-size: 12;
	font-weight: bold;
	text-align: center;
	word-spacing: 50;
	color: #A9A889;
}



a:active, a:visited, a:link, a:hover {
	color: gray; /* gray; 07.2024*/
	text-decoration: none;
}

a:hover {
	color: #b21018;
	text-decoration: none;
}

strong {
	font-size: 11px;
}

img {
	border: 0;
}

#title {
	padding: 15px;
	font-size:232%;
	text-align: center;
	margin-left: - 150px;
}

#tooltip {
	background: #333;
	font: verdana;
	font-size: 9px;
	border:1px solid #FFFFFF;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding: 3px;
	position: absolute;
	visibility: hidden;
}

input, textarea, select{
	border: 1px solid #ccc;
}

/*   */
input[type="button"]{
	background: #FFF;
	border: 1px solid #9e9e9e;
	color: #666666;
	font-family: Verdana, Tahoma, helvetica, sans-serif;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px; 
	margin:2px;
	height: 21px;
}

#main {
	margin-top: 0px; /*   */  
	text-align: center;
}

#news {
	width: 775px;
	/* border: 1px solid #000; */
	background-color: #fff;  
	padding: 0px; /*     */
	margin: auto; /*     */ 
	background-color: rgba(255,255,255,0.70);  /* background-color: #fff;  background-color: rgba(255,255,255,0.13);*/
	backdrop-filter: blur(10px); /*07.2024*/
	border-radius: 0 0 10px 10px;
}

#polosa,
#polosa2 {
	background-image: url(../im/pix.gif);
	height: 5px;
	padding: 0px;
	width: 775px;
	background-repeat: repeat-x;
}

#content {
	padding: 15px;
	text-align: left;
}

#counter {
	width: 775px;
	text-align: right;
	padding: 25px;
}

#bottom {
	padding-top: 10px;
}

.button {
	background: #FFF;
	border: 1px solid #9E9E9E;
	color: #666666;
	font-family: Verdana, Tahoma, helvetica, sans-serif;
	padding: 2px;
	vertical-align: middle;
	font-size: 10px; 
	margin:2px;
	height: 21px;
}

.textbox {
	/*text-indent: 20px; */  /*     ,      */
    border: 1px solid #cfcfcf;
	/* padding: 15px; */
	padding-top: 7px;
	
	padding-bottom: 7px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 14px; 
	border-radius: 10px 10px 10px 10px;
	/*background-color: #000000;*/
	background-color: rgba(255,255,255,0.50);
}


#upBlock {
        position:fixed;
		
        }


.stat {
   color:#333;
   font-size:11px;
   margin:1px 1px 5px 1px
}

.stat FIELDSET {
   border:1px solid #CCC;
   margin:1px 5px 1px 5px;
   padding:1px 5px 1px 5px;
   text-align:center
}

.code {
   background-color: #F4F9FD; 
   font-size: 13px; 
   color: #000030; 
   border: 1 solid #7F9DB9
}

#copyright {
   padding: 15px;
   font-size: 10px;
   color: gray;
   text-align: right;
}

#edit {
   padding: 15px;
   font-size: 10px;
   color: gray;
   text-align: center;
}

.work {
   background-color:#C0C0C0; /* #C0C0C0;  07.2024*/
   width:100%;
}

.work_sort {
   color:#222; 
   height:28px; 
   padding:5px;
   /*background:#FBFBFB;*/
   background-color: rgba(255,255,255,0.85);
}
/*       */
.work_time {
   text-align: center;
   color:#222; 
   font-size: 15px;
   height:35px; 
   padding:10px;
   background:#FBFBFB;
   user-select: none; /*   */
}

.gr {
   font-weight:bold; 
   font-size: 11px;
   color:#2E9C15;
}

.re {
   font-weight:bold; 
   font-size: 11px;
   color:#ba0202;
}

.bl {font-weight:bold; 
   font-size: 11px;
   color:#15689C;
}

/*  ,     <div class="hr"><hr></div>*/
.hr {
	position:relative;
	width:100%;
	margin:20px -10px;
	height:2px;
	clear:both;
	overflow:hidden
}

/*  */
.hr:after,
.hr:before {
	content:'';
	position:absolute;
	left:-50px;
	top:0;
	width:100%;
	height:2px;
	background:url(../im/line.png) no-repeat
}

/*  */
.hr:after {
	left:auto;
	right:0;
	width:50px
}

/*  */
hr {
	display:none
}



//  
.mainmenu {
	width: 775px;
	display: flex;
	flex-flow: row wrap;
	//justify-content: space-around;
	padding-top: 0px;
   
}

a.buttonmainmenu {
	width: 80px;
	height:15px; 
	display: inline-block;
	font-family: arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: rgb(68,68,68);
	text-decoration: none;
	user-select: none;
	margin-right: 2px; /*   */
	margin-left: 2px; /*   */
	padding: .2em 1.8em; /*      */
	outline: none;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 2px;
	background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
	transition: all .218s ease 0s;
}
a.buttonmainmenu:hover {
	color: rgb(24,24,24);
	border: 1px solid rgb(198,198,198);
	background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.buttonmainmenu:active {
	color: rgb(51,51,51);
	border: 1px solid rgb(204,204,204);
	background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
	box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

/*  */

/*  <div> -      */
.menudropdown {
	position: relative;
	display: inline-block;
}

/*   (  ) */
.menudropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 135px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1; /*   */
}

/*     */
.menudropdown-content a {
	color: black;
	padding: 12px 16px;
	font-family: arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*text-decoration: none;*/
	display: block;
}

/*        */
.menudropdown-content a:hover {
	/*background-color: #ddd;   */
	color: rgb(24,24,24);
	border: 1px solid rgb(198,198,198);
	background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.menudropdown-content a:active {
	color: rgb(51,51,51);
	border: 1px solid rgb(204,204,204);
	background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
	box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

/*       */
.menudropdown:hover .menudropdown-content {display: block;}

/*            */
/*.menudropdown:hover {background-color: #e34234;}*/




/*      */
.center-block {
	text-align: center;
}


/* */
.arrow-8 {
    position: relative;
	cursor:pointer;
    width: 30px;
    height: 30px;
    margin: 15px auto 0px auto;
	        top:15px;
        left:15px;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opacity: 0.05;
-khtml-opacity: 0.05;
opacity: 0.05;
}
.arrow-8:before,
.arrow-8:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-left: 10px solid #ffdf4b;
    border-bottom: 10px solid #ffdf4b;
    animation: arrow-8 3s linear infinite;
}
.arrow-8:after {
    animation: arrow-8 3s linear infinite -2s;
}
@keyframes arrow-8 {
    0% {
        opacity: 0;
        transform: translate(0, 30px) rotate(135deg);
    }
    10%, 90% {
        opacity: 0;
    }
    50% {
        opacity: 1;  
        transform: translate(0, 0) rotate(135deg);
    }
    100% {
        opacity: 0;
        transform: translate(0, -30px) rotate(135deg);
    }
}

/*  10 */
p { 
	text-indent: 1.5em; /*   ,   */
	line-height: 1.5; /*     */
	font-size: 14px; /*     */ 
	/* font-stretch: expanded;   */
	font-weight: 500;  /*   */
}

/* ,  +*/
.error_red {
	font-size: 15pt;
	font-weight: 600; 
	color: #de3f00; 
}

.error_red_id {	
	font-size: 30pt;
	font-weight: 600; 
	color: #de3f00; 	
}

/*   */
.error_grey {
	color:#6c6960;
	font-size:15px;
}

.errorbox {
	text-align: center;
}



/*   ,       */
@media only screen and (max-width: 767px) {
	body { background-image: url(../im/background-photo-road-min767.jpg); /*    */ }

.main {
	max-width:480px; /*    */
	width: 100%;
}

.textbox {
	font-size: 14px; 
	line-height: 1.5; /*  ,     */
}

#news {
	max-width:480px;
	width: 100%;
}

#polosa,
#polosa2 {
	background-image: url(../im/pix.gif);
	height: 5px;
	padding: 0px;
	max-width:480px;
	width: 100%;
	background-repeat: repeat-x;
}

.logoimg {
	width: 250px;
	height: auto;
}

/*    */
.borderimg {   
	width: 100%;
	max-width: 480px;
	height: auto;
}

.maps {
	width: 250px;
	height: auto;
}

/*     */
.inline {
	display: flex;
	flex-direction: column;
	font-size: initial; /*   ,   */
}
  
 /*        */
 .left-block,
 .content-block {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px; /*      */
 }
  
.left-block {
	text-align: center; /*    inline- */
}

}