body {
	font-family: 'Rubik', Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px;
	color: #000000;
	background-color: #FFFFFF;
}

table {
	font-size: 15px;
}


.b1 {
  background-color: #ffffff;
  border: thin dashed #000000;
  position: static;
  height: auto;
  width: 99%;
  padding: 2px;
  margin-top: 10px;
  margin-right: 5px;
}

.hd_ft_tb {
	background-color: #000000;
	color: #CCCCCC;
}
.mainmenu_tb {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #B1B1B1;
	text-align: center;
	font-size:12px;
	font-weight: bold;
}
.mainmenu_tb:hover { text-decoration: none}


.stat_tb {
	border-color: #CCCCCC;
}
.h_stat_tb {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size:12px;
	background-color: #B1B1B1;
}

.main_tb {
	background-color: #F0F0F0;
	vertical-align: top;
	border: thin ridge #000000;
	padding: 3px;
}

.txt3big {  font-size: 18px; color: #666666}
.txt2 {  font-size: 12px; color: #333333}
.txt3 {  font-size: 12px; color: #666666}
.txt {  font-size: 12px; color: #000000}
.txt12 {  font-size: 14px; color: #333333}
.txt13 {  font-size: 14px; color: #666666}
.txt1 {  font-size: 14px; color: #000000}


a { color: #000066; } /* font-weight: bold */
a:hover {  color: #000066; text-decoration: none}
.anorm {  color: #000066; font-weight: normal}
.afon {  color: #000000; font-weight: normal}


/* .tblink {  font-size:10px; color: #FFFFFF; } */
.tblink:hover {  font-size:10px; color: #FFFFFF; text-decoration: none}
INPUT {BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid; BORDER-LEFT: #959595 1px solid; FONT-SIZE: 10px; COLOR: #000000; }
.INPUT  {BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid; BORDER-LEFT: #959595 1px solid; FONT-SIZE: 10px; COLOR: #000000;}
.form {  font-size: 16px; color: #000000}

#modal_info {
    display: none;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -100px;
    padding: 10px;
    width: 200px;
    height: 100px;
    box-shadow: 0 0 3px 5px rgba(0,0,0,.3);
}


/* new */
h1 {font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase;}                                              
h2 {font-size: 16px; font-weight: normal; text-align: center; text-transform: uppercase;}
h3 {font-size: 15px; font-weight: normal; text-transform: uppercase; text-align: center;}                                              

/* Tables */
.tabl  { border-collapse: collapse; 	font-size: 14px;}
.tabl thead tr {color: #ffffff; font-weight: bold; background: #B1B1B1; text-align: center;}    
.tabl  thead tr td {border: 1px solid #CCCCCC; padding: 5px;}
.tabl  tbody tr td {border: 1px solid #e8e9eb; padding: 5px;}
.tabl  tbody tr:nth-child(2n) {background: #f4f4f4;}
.tabl  tbody tr:hover {background: #e8f6ff;}

/* Tabs */
#tablist { margin: 10px 0;	overflow: hidden; }
.tablist-nav {	width: 150px;	float: left;	overflow: hidden;	margin: 0;	padding: 0;	position: relative; }
.tablist-nav:after {
	content: '';
	display: inline-block;
	width: 1px;	height: 1px;
	background: #ccc;
	position: absolute;
	top: 0px;
	right: 0px; 
}
.tablist-nav li {	display: block;	padding: 0;	margin: 0; }    
.tablist-nav a {
	display: block;
	padding: 10px 20px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fbfbfb; 
	font-size: 12px;
	text-decoration: none;
	color: #999;
}		
.tablist-nav li:first-child a {	border-radius: 5px 0 0 0; }
.tablist-nav li:last-child a {	border-bottom: 1px solid #ccc;	border-radius: 0 0 0 5px; }
.tablist-nav a.active {	border-right: 1px solid #fff;	background: #fff;	color: #000;}    
.tablist-items {	margin-left: 149px;	background: #fff;	height: auto; }
.tablist-item {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;	
	min-height: 320px;
}



/**
 * Reset button styles
 * It takes some work to achieve a “blank slate” look.
 */
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
}


.btn {
  /* default for <button>, but needed for <a> */
  display: inline-block;
  text-align: center;
  text-decoration: none;

  /* create a small space when buttons wrap on 2 lines */
  margin: 2px 0;

  /* invisible border (will be colored on hover/focus) */
  border: solid 1px transparent;
  border-radius: 4px;

  /* button size comes from text + padding, avoid height */
  padding: 0.5em 1em;

  /* make sure colors have enough contrast! */
  color: #000;
  background-color: #f4f4f4;
  border-color: #959595;
}

/* old-school "down" effect on clic + color tweak */
.btn:active {
  transform: translateY(1px);
  filter: saturate(150%);
}

/* inverse colors on hover */
.btn:hover {
  border-color: currentColor;
  background-color: #D3D3D3;
}

/* Firefox: remove the inner border shown on focus */
.btn::-moz-focus-inner {
  border: none;
}

/* make sure we have a visible focus ring */
.btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #CCCCCC,
    0 0 0 1.5px #CCCCCC;
}

/* hide focus style if not from keyboard navigation */
.js-focus-visible .btn:focus:not(.focus-visible) {
  box-shadow: none;
}

/* Navigation */
#navbar {
  margin: 0;
  padding: 0;
  /* border: 0px solid #fff; */
  width: 100%;
  text-align: center;
  background-color: #888;
	border-top: 1px solid #fff;
}
#navbar > li { 
	display: inline;
	list-style-type: none;
	border-right: 2px dotted #fff;
	padding: 10px 10px; 
	
 }
#navbar > li:last-child{
	border-right: none; /* убираем рамку справа у последнего елемента */
}
#navbar a {
  font-family: 'Exo 2', arial;
  font-size: 100%;
  font-weight: normal;
	text-transform: uppercase;
  color: #fff;
	white-space: nowrap;
  padding: 10px 10px; /* высота и ширина блока */
  text-decoration: none;
  display: inline-block;
  /* width: 100px; */
  margin-right: 4px;
	min-width: 80px;
  -webkit-transition: background-color 0.15s linear; /* Анимация для браузеров основаных на Webkit */
}
#navbar a:hover {
  /* border-radius: 20px; */
  background-color: #B1B1B1;
}

/* left block */
label.block {
  display: block;
  cursor: pointer;
	padding: 4px;
}

div.contentL {
  width: 250px;
  margin: 8px auto 30px; /* auto центрует */
  /* border: 1px dotted gray; */
}


.select {
	font-size: 14px;
  border: solid 1px;
  border-radius: 4px;
  padding: 0.5em 1em;
  color: #000;
  background-color: #f4f4f4;
  border-color: #959595;

}

/* mini form */
.formMini {

}
.formMini input[type="text"], 
.formMini input[type="password"], 
.formMini input[type="email"] {
	font-size: 14px;
	border-radius: 3px;
	width: 100%;
	padding: 5px;
	margin-top: 2px;
	box-sizing: border-box;
}

.formMini label  {
	margin: 5px 5px;
	font-size: 12px;
  display: block;
  cursor: pointer;
}
.formMini button {
	width: 100%;
}

/* Grid 2 колонки */
.grid2col {
		display: grid;
		grid-template-columns: 1fr 1fr;	grid-template-rows: 1fr;	grid-gap: 0vw;
		margin: 20px;
}
.grid2col > div {
	  padding: 0px 15px;
		
}
.grid2col > div:last-child {
		border-left: 1px solid #ccc;
}

/* List */
.li-blok {list-style: none; padding: 0;	margin: 5px 30px;}
.li-blok li {padding: 4px; text-align: center}
.li-blok li:nth-child(odd) {background: #f4f4f4;}
.li-blok li:nth-child(even) {background: white;}		

/* BODY */
.gridConternt2col {
		display: grid;
		grid-template-columns: 0.5fr 1fr;	grid-template-rows: 1fr;	grid-gap: 0vw;
		margin: 1px;
}
.gridConternt2col > div {
		border: 0px ridge #000;
	  background: #F0F0F0;
	  padding: 2px 5px;
}
.gridConternt2col > div:last-child {
		border-left: 1px solid #000;
}

/* 3 clumns */
.gridConternt3col {
		display: grid;
		grid-template-columns: 0.5fr 1fr 0.5fr;	grid-template-rows: 1fr; grid-gap: 0vw;
		margin: 1px;
}

.gridConternt3col > div {
		border: 0px ridge #000;
	  background: #DBE8E8;
	  padding: 2px 5px;
		border-right: 1px solid #000;
}

.gridConternt3col > div:last-child {
		border-right: 0px;
}