html, body{
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	font-size: 1em;
	padding: 0px;
	margin: 0px; 
	color: #242424;
}
h1, h2, h3{
	margin: 0px;
	padding: 0px;
	color: #0f799a;
}
h1{
	font-size: 22px;
	padding-bottom: 15px;
	padding-top: 15px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
.razdl{
	background-color: #EEEEEE;
	border-bottom: 1px solid #CBCBCB;
}
.content{
	background-image: url(../img/vg_left.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
.content1{
	padding: 10px 50px 20px 50px;	
/*	padding: 10px 20px 20px 20px;	*/
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	background-image: url(../img/vg_right.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
.left{
	width: 220px;
/*	width: 181px;*/
	padding: 15px 0px 15px 10px;
	background-image: url(../img/border_left.gif);
	background-position: left;
	background-repeat: repeat-y;
}
.right{
	width: 181px;
	padding: 15px 10px 15px 0px;
	background-image: url(../img/border_right.gif);
	background-position: right;
	background-repeat: repeat-y;
}
.lr_txt{
	font-size: 11px;
	padding-top: 10px;
	padding-left: 22px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CBCBCB;
}
.category{
	background-color: #1685b7;
}
.category div{
	background-image: url(../img/category.jpg);
	background-repeat: no-repeat;
	background-position: 8px 9px;
	color: White;
	font-size: 11px;
	padding-left: 22px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}
.path{
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #14746e;
	line-height: 2,6em;
}
.path a{
	font-weight: normal;
}
.path img{
	margin-left: 7px;
	margin-right: 7px;
}
a{
	color: #14746e;
}
.top_green{
	width: 20%;
	height: 100px;
	border-right: 1px solid white;
	border-top: 5px solid #26b797;
	text-align: center;	
	background-image: url(../img/top_left.gif);
	background-position: left;
	background-repeat: repeat-y;
}
.top_blue{
	height: 100px;
	border-right: 1px solid white;
	border-top: 5px solid #1685b7;
	text-align: center;
}
.top_red{
	text-align: center;
	width: 20%;
	#height: 100px;
	border-top: 5px solid #9d3f61;	
	background-image: url(../img/top_right.gif);
	background-position: right;
	background-repeat: repeat-y;
}
.top_red div{
	padding-left: 30px;
}
.top_red a{
	margin-right: 30px;
}
.top_blue form{
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}
.btn_search{
	background-image: url(../img/but.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 58px;
	height: 25px;
	border: 0px solid;
	color: White;
}
.inp_search{	
	border: 1px solid #CBCBCB;	
	width: 85%;
	height: 20px;
}
.bukva_all{
	background-image: url(../img/menu_continue.gif);
	background-position: top;
	#background-repeat: repeat-x;
	width: 100%;
	#background-color: #1685b7;
}
.bukva{
	text-align: center;
	height: 30px;
	padding-left: 10px;
	padding-right: 12px;
	background-image: url(../img/menu_razd.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline;

}
.bukva1{
	text-align: center;
	height: 30px;
	padding-left: 10px;
	padding-right: 12px;
}
.bukva a, .bukva1 a{
	font-size: 12px;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
		
}

.flex-container {
  padding: 0px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  }
.flex {
  margin: 10px;
  padding: 5px;
  /*background: tomato;*/
  border-radius: 5px;
  /*border: 1px solid #FFF;*/
  width: 250px;
  }
