@font-face {
font-family: "Roboto";  
src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

*{
	box-sizing:border-box;
}

.hr_line{
	margin:10px 0px 10px 0px;
	display:block;
}

.hr_divider{
	margin:40px 0px 0px 0px;
	display:block;
	width:100%;
	height:2px;
	background:#01365A;
}

.center {
	margin:0px auto;
	text-align:center;
}

.left{
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	display:block;
	margin: 0px;
	padding:0px 0px 6px 0px;
	color: #111111;
	font-weight: 500;
	font-family: "Montserrat Alternates", sans-serif;
}

h1{font-size: 70px; color:#01365A;}h2{font-size: 36px;}h3{font-size: 30px;color:#003051;}h4 {font-size: 24px;color:#01365a;}h5{font-size: 18px;color:#335e7a;}h6{font-size: 16px;color:#005e9f;}

.shortline_center{
	display:block;
	width:400px;
	border-bottom:2px solid #ddd;
	height:4px;
	margin:10px auto;
}

.shortline_left{
	display:block;
	width:400px;
	border-bottom:2px solid #ccc;
	height:4px;
	margin:6px 0px;
}

p{
	font-size: 13pt;
	color: #3f3f3f;
	font-family: Roboto, sans-serif;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	line-height: 1.4em;
}

input:focus,select:focus,button:focus,textarea:focus {outline: none;}

a{
	text-decoration:none;
	font-family: "Montserrat Alternates", sans-serif;
	color:#01365A;
}

a:hover,a:focus {
	text-decoration: none;
	outline: none;
	color: #000;
}

img {
	max-width: 100%;
}

body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: none;
	margin:0px;
	padding:0px;
	font-family: "Arial", sans-serif;
}

#top {
	display: block;
	height:32px;
	overflow:hidden;
	background:#01365A;
	color:#3f3f3f;
}

#container {
  display: grid;
  grid-template-columns: 0.3fr 4fr 0.3fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "header_area header_area header_area"
	"menu_area menu_area menu_area"
	"hor_menu hor_menu hor_menu"
    "vis_area vis_area vis_area"
	"multi_content multi_content multi_content"
    "content_area content_area content_area";
}

/* ################# стили для макетов печатей ######################### */

.seals_layout{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin:0px auto;
	justify-content:center;
}

.layout{
	border: 1px solid #ddd;
    margin: 2px;
    box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 10%);
	
}

.layout_name{
	width:100%;
	display:block;
	text-align:center;
	vertical-align:middle;
	padding:0px 0px 20px 0px;
}

.readmore{
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	border-bottom:2px solid rgb(0 0 0 / 10%);
	padding:20px;
}