@import url(//fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic);

@font-face {
  font-family: 'Inter';
  src: url('https://amicon.ru/fonts/inter.woff2') format('woff2'), /* Основной формат */
       url('https://amicon.ru/fonts/inter.ttf') format('truetype'); /* Резервный формат */
  font-weight: 100 900; /* Укажите диапазон весов, если это переменный шрифт */
  font-style: normal; /* Стандартный стиль */
}
@font-face {
  font-family: 'Shentox';
  src: url('https://amicon.ru/fonts/shentox.ttf') format('truetype');
  font-weight: 100 900; /* Укажите диапазон весов, если это переменный шрифт */
  font-style: normal; /* Стандартный стиль */
}

html {   
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%)); }
body { 
  margin: 0 auto;
  width: 100%;
  height: 100%;
  font-family: 'Inter', sans-serif;
}

/* Медиа-запрос для устройств с шириной экрана менее 768px (пример) */
@media (max-width: 768px) {
  body {
    display: grid;
    grid-template-columns: 1fr; /* Один столбец на мобильных устройствах */
    align-items: stretch;
    justify-items: stretch;
  }
}

/*
.content { 
  flex: 1 0 auto;
  width: 995px !important;
  margin: 0 auto;
}

.footer { flex: 0 0 auto; margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 30px;
  background-color: #1F192E;
  box-shadow: 0px 2px 2px rgba(0,0,0,.4);
  color: white;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  align-items: center;
  width: 100%;
}
*/
.main {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Минимальная высота равна высоте экрана */
  width: 100%;
}

.content {
  width: 1000px;
  flex: 1; /* Контент занимает всё доступное пространство */
  margin: 0 auto; /* Центрируем контент */
  box-sizing: border-box; /* Учитываем padding в ширине */
}

.footer {
  flex-shrink: 0; /* Футер не сжимается */
  margin-top: auto; /* Прижимаем футер к низу */
  display: flex;
  justify-content: center;
  gap: 30px;
  background-color: #1F192E;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}

.footer > div { padding: 15px;
  box-sizing: border-box; /* Включаем padding и border в ширину */
}
.footer a {
color: white; font-family: 'Inter', sans-serif; font-size: 13px;
line-height: 18px; text-decoration: underline;
}
.footer img { vertical-align: middle; width: 150px; }
/*****************        PRICE     *********************/
/**************************************************/
#price_title {
font-family: 'Roboto Condensed', sans-serif; margin:0 auto; width: 970px; border-bottom: 1px solid grey; padding: 15px; font-weight: bold; font-size: 20px; color: #444;
}
#price_title2 {
font-family: 'Roboto Condensed', sans-serif; margin:0 auto; width: 100%; padding: 0px; font-weight: bold; font-size: 14px; color: #444;
}

.tr_hover{height: 50px;}
.tr_hover:hover { background: #e9e9e94f; }
.tr_temp { background-color: #eee;
  height: 50px;
}
.td_sold { width: 90px; border-bottom: 1px solid #afafaf; }
.td_sold img { width: 90px; }

.td_sold1 { width: 185px; border-bottom: 1px solid #afafaf; }
.td_sold1 img { height: 30px; }
/*****************   TOP MENU    ******************/
/**************************************************/

.top_header {
  height: 25px;
  width: 100%;
  text-decoration: none;
  background: #178cff;
}

.top_header a { color: #757575; font-size: 12px; text-decoration: none; }
.top_header a:hover { color: #757575; font-size: 12px; text-decoration: none; }
.top_menu { width: 1000px;  text-align:center; }

.top_menu a {
 width: 95px;
 color: #e8e8e8; font-weight: bold; font-size: 12px;
 text-align:center;
 border-bottom: 1px solid red;  height: 23px;
}

.top_menu a:hover {
 color: #ccc;	font-weight: bold; height: 21px;
 background-color: white;
 border-bottom: 3px solid #03387f;

}

/**************************************************/

.main_header  {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(/dizzz/header-fon.jpg); background-repeat: no-repeat;
width: 100%; height: 290px;
}

  .header1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    top: 0;
    background: #ffffffc9;
    display: flex;
    /* width: 1134px; */
    justify-content: center;
    align-items: flex-start;
    align-content: center;
}

.header2  {
background-image: url(/dizzz/header-fon-2.jpg); background-repeat: no-repeat;
width: 1000px; height: 165px; padding-top: 40px;
}

.header3  {
color: white; font-size: 14px; 
background-image: url(/dizzz/footer-fon.jpg); background-repeat: no-repeat;
width: 1000px; height: 50px; padding-left: 15px; padding-bottom: 3px;
}

.header3 a {
color: white; font-size: 14px; font-weight: bold; text-decoration: none;
}
.header3 a:hover {
color: white; font-size: 14px; font-weight: bold; text-decoration: none; 
}


.small_grey {
font-size: 11px; color: grey;
}


.tel {
padding-right: 5px; padding-top: 0px;
font-weight: bold;
text-align: middle; color: #03387f; font-size: 15px; text-decoration: none;
}

/******************  Левые / правые / центральные  блоки ******************/
/*************************************************************************/
.left_block { width: 220px;}

.version_PO {  border-radius: 0.4rem;
  border: 2px solid #edeef1;;
  background-color: #fff;
  box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 0.04); 
}



.block_name {
padding: 15px; font-weight: bold; font-family: 'Shentox', sans-serif;
font-size: 16px; font-weight: bold; color: #584f64;
}

#leftcol_PO {  margin:0px;  }
#rightcol_PO {  font-size: 12px; padding-left: 5px }
#leftcol_PO a { color: #7330e2; text-decoration: none; font-size: 12px;}
#leftcol_PO a:hover { color: #584f64;}

#leftcol_COD { width: 145px;  float: left; padding: 2px;  }
#rightcol_COD { margin-left: 145px; width: 75px ; padding: 2px; font-size: 10px;   }

.center_block_r { padding-left: 10px;  width: 780px; margin-top: 11px; }
.center_block_l { padding-right: 0px;}

.d_b { padding: 0px; margin: 0px;    width: 170px; height: 65px;  display: block;}
.d_b a { width: 170px; height: 65px;  display: block;     background-image: url(/dizzz/download_buttom.jpg);  opacity : 1; }
.d_b a:hover { width:170px; height: 65px;  display: block;   background-image: url(/dizzz/download_buttom1.jpg);  opacity : 1;  }

.block_names {
padding: 15px; font-weight: 500; font-size: 14px; font-family: Roboto Condensed, sans-serif; color: #333;
}
.block_names a { font-size: 14px;  font-weight: 500; font-family: Roboto Condensed, sans-serif; color: #333; text-decoration: none; }
.block_names a:hover { font-size: 14px;  font-weight: 500; font-family: Roboto Condensed, sans-serif; color: #333; text-decoration: underline; }

.right_block {  width: 240px; word-wrap: break-word;
padding: 10px 10px 10px  10px;  margin-bottom: 10px; 
background: #f1efef;
border: 1px solid #bcbcbc;
}
.right_block a { color: #024b98; font-weight: bold; font-size: 12px; text-decoration: none;}
.right_block a:hover { color: #024b98; font-weight: bold; font-size: 12px; text-decoration: none;}


.main_content {
font-family: 'Inter', sans-serif;
width: 1000px; height: 100%;
}

.blue_menu_block {
-moz-box-sizing: border-box; box-sizing: border-box;
font-size: 13px; font-weight: bold;
 color: #ffffff; text-decoration: none;
}
.blue_menu_block a {
font-size: 13px; font-weight: bold;
color: #ffffff; text-decoration: none;
}
.blue_menu_block a:hover {
font-size: 13px; font-weight: bold;
 color: #daecff; text-decoration: underline;
}

.main_content_text {
font-family: 'Inter', sans-serif; font-size: 14px;
}

  /*  ВЫВОД НОВОСТЕЙ  */
 /*************************************************************/
.news_title1 {
  font-size: 20px;
  color: #444;
  margin-top: 14px;
  padding: 10px; 
}

.hr {
color: #daecff;
background-color: #daecff;
height: 1px;
}
 /*************************************************************/

 .catalog_button {
	box-shadow: 0px 10px 14px -7px #c6c0ce;
  background: #dac6f9;
  color: #584f62;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
}
.catalog_button:hover {
	background:linear-gradient(to bottom,#ccaff3  5%, #7330e2 100%);
	background-color:#408c99;
  color: #fff;
}
.catalog_button.active {
	box-shadow: 0px 10px 14px -7px #c6c0ce;
  background: #6c10f4;
  color: #fff;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
}

.right-aligned {
  float: right; /* Прижать к правому краю */
}

/* Очистка float, если нужно */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
 /*************************************************************/
.newsButton {
	box-shadow: 0px 10px 14px -7px #c6c0ce;
	background-color:#584f64;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.newsButton:hover {
	background:linear-gradient(to bottom,#584f64  5%, #7330e2 100%);
	background-color:#408c99;
}
.newsButton:active {
	position:relative;
	top:1px;
}

 /*************************************************************/
.edit_button {
color: #05709e;
font-size:14px;
padding:5px;
font-family: 'Roboto Condensed', sans-serif; text-decoration: none;
background: #eee;
border: 1px solid #adadad;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.edit_button:hover{
background: #0073a4;

text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
color: white; font-family: 'Roboto Condensed', sans-serif; text-decoration: none;

}
.edit_button:active {
	position:relative;
	top:1px;
}

.price_button {
	background-color:#44c767;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	padding:5px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.price_button:hover {
	background-color:#5cbf2a;
}
.price_button:active {
	position:relative;
	top:1px;
}

.price_table { width: 1000px;
  border-radius: 0.4rem;
  border: 0px solid var(--default-border);
  background-color: #fff;
  box-shadow: 0 0.15rem 0.1rem rgba(0, 0, 0, 0.04);  
}

 /********************       _F_A_Q_       *********************/
/**************************************************************/
.answer {
padding: 3px 3px 3px 3px;
background-color: #f4f4f4; margin-bottom: 5px; margin-top: 25px;
font-weight: bold;  font-size: 12px; color: #02369f;
border-bottom: 1px solid grey;
}

.answer_first {
padding: 3px 3px 3px 3px;
background-color: #f4f4f4; margin-bottom: 5px; margin-top: 5px;
font-weight: bold;  font-size: 12px; color: #02369f;
border-bottom: 1px solid grey;
}

.answer_part {
height: 40px; padding: 10px;
font-family: 'Roboto Condensed', sans-serif;
}
.answer_part a, .answer_part a:hover {
padding-left: 0px; line-height: 1.6;
font-size: 20px;  color: #006400; text-decoration: none;
}

ol a { font-size: 13px; font-weight: bold; color: #024b98; text-decoration: none; }
ol a:hover { font-size: 13px; font-weight: bold; color: #024b98; text-decoration: underline; }

 /********************      DOWNLOAD      *********************/
/**************************************************************/

.td_w { border: 1px solid  #a7a7a7; padding: 5px; font-size: 11px; }
.td_w a { font-weight: bold; color: #1059a5; font-size: 11px; text-decoration: none; }.td_w a { font-weight: bold; color: #1059a5; font-size: 11px; text-decoration: none; }
.td_w a:hover { font-weight: bold; font-size: 11px; text-decoration: underline; }

.td_b { border: 1px solid  #a7a7a7; background-color: #e5e5e5; color: black; padding: 6px; font-weight: bold; }


/********************   УВЕЛИЧЕНИЕ КАРТИНОК    *****************************************/
/************************************************************************************************/

.img { z-index: 0; }
.end { margin-right: 0; }
.clear { clear: both; }
.img a img { position: relative; border: 0 solid #fff; }

/********************    КОНЕЦ   УВЕЛИЧЕНИЕ КАРТИНОК    *****************************************/
/************************************************************************************************/

.grey_table td {  border-bottom: 1px solid grey; padding: 5px;  font-size: 9px;  }

.big_blue_name {  border-bottom: 1px solid grey; padding: 10px; margin-bottom: 5px;  font-size: 16px; font-weight: bold; color: #053982; font-family: Roboto Condensed, sans-serif; }

.small_grey1 {  border-top: 1px solid #d3d3d3; padding: 20px; margin-top: 5px;  font-size: 12px; color: grey; }


/********************************************************************************************************/

.price_td {
font-size: 12px; color: #afafaf; font-family: 'Roboto Condensed', sans-serif;  border-bottom: 1px solid #afafaf;
}
.price_td1 {  border-bottom: 1px solid #afafaf; padding: 10px;  font-size: 13px ; font-family: 'Roboto Condensed', sans-serif; }
.price_td1 a {  text-decoration: none; font-size: 13px ; font-family: 'Roboto Condensed', sans-serif; }
.price_td1 a:hover {  text-decoration: none;  color: #3c3c3c; font-size: 13px ; font-family: 'Roboto Condensed', sans-serif; }

.price_td2 {  border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; border-bottom: 1px solid grey; padding: 10px;
font-size: 12px ; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
background-color: #d3d3d3;  }

.price_td3 {  border-bottom: 1px solid #afafaf; padding: 10px;  font-size: 13px ; font-family: 'Roboto Condensed', sans-serif; text-align: right; }

.price_td_cat { padding: 40px 0px 10px 10px; font-family: 'Roboto Condensed', sans-serif;
font-size: 15px ; font-weight: bold; color: #1059a5; }


/************************************************************************************************/
/********************           АРХИВ ПРОДУКЦИИ          ****************************************/
/************************************************************************************************/
.link_ { display: block; }
.link_ ul{ list-style-type: none; margin-left: -40px; }
.link_ ul li a{ display: block;  height: 120px; text-decoration: none;  padding:10px; border-top: 1px solid #eee;}
.link_ ul li a:hover{ text-decoration: none;padding:10px;
border-top: 1px solid #adadad;

-webkit-box-shadow: 0px 0px 19px 0px #DDDDDD;
-moz-box-shadow:    0px 0px 19px 0px #DDDDDD;
box-shadow:         0px 0px 19px 0px #DDDDDD;
}
.img_ { padding: 5px; width: 130px; }


#cod { font-family: Roboto Condensed, sans-serif; font-size: 14px; color:#185baa; padding: 3px; margin-left: 130px; font-weight: bold; }
#name_ { font-family: Roboto Condensed, sans-serif; font-size: 14px; color:#444; padding: 3px;  }


.link_2 { display: block; }
.link_2 ul{ list-style-type: none; margin-left: -40px; }
.link_2 ul li { display: block;  text-decoration: none;padding-bottom:10px; }
.link_2 ul li a{ display: block;   text-decoration: none;  padding-bottom:10px; border-top: 1px solid #eee;}
.link_2 ul li a:hover{ text-decoration: none; padding-bottom:10px;
border-top: 1px solid #adadad;

-webkit-box-shadow: 0px 0px 19px 0px #DDDDDD;
-moz-box-shadow:    0px 0px 19px 0px #DDDDDD;
box-shadow:         0px 0px 19px 0px #DDDDDD;
}
#cod_2 { font-family: Roboto Condensed, sans-serif; font-size: 14px; color:#185baa; padding: 3px; margin-left: 0px; font-weight: bold; }
#name_2 { font-family: Roboto Condensed, sans-serif; font-size: 14px; color:#444; padding: 3px;  }




/********************                КНОПКИ              *****************************************/
/************************************************************************************************/


.btn11 {
    background-color: #fff; 	text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    padding: 10px;
}

/* стиль кнопки при наведении */
.btn11 a {
	text-decoration: none;
    background-color: #4683ea;
    border: 1px solid #4387fd;
    color: #fff;
 }

.btn11:hover {
	text-decoration: none;
    background-color: #4683ea;
    border: 1px solid #4387fd;
    color: #fff;
 }