body {margin-top: 0; margin-bottom: 0;margin-left: 0; margin-right: 0 ; 
 	font-family: Verdana;font-size: 11pt; }

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #0058a0;
 	font-style: italic;
 	text-align:center;
 	margin-top: 0;
 	margin-bottom: 0;
 }

h2 {
	font-family: Verdana;
	font-size: 1.5em;
	color: #0058a0;
 }

h3 {
	font-family: Verdana;
	font-size: 12pt;
	color: #000;
	font-style: normal; 
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left:10px;
    text-align:left;
  } 
  
h4 {
	color: #000;
	font-family:"Trebuchet MS";
	font-size: 16pt;
	font-style: italic;
	font-weight: 400;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 15px;
  }

h5 {
	font-family: Verdana;
	font-size: 11pt;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 5px;
	color: #000;
	text-align:left;
 }

/* h6 для серого низа */
h6 {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0 ;
	color: #FFF;
 }


.h4-left {
	text-align:left;
}
.red {
	color: red;
}

h1 .red, h2 .red  {
color: red;
font-family: Verdana;
font-size: 1.0em;
}

.blue {
	color: #0058A0;
}
.gelb {
	color: #FFFF00;
}

.norma {
    font-weight: normal !important;
}

.centr {
	text-align:	center;
}

.revo {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-weight: 700;
	margin-left: 30px;
	text-align:	left;
}
.otstup_lew_50 {
	margin-left: 50px;
}

.font_bez_lew_stolbza,.font_bez_lew_stolbza_2
	{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	font-family: Verdana;
	font-size: 11pt;
	font-weight: 400;
	color:#000
	}
.font_bez_lew_stolbza_2	
	{
	font-size:16pt;
	font-weight:bold;
	text-align:	center;
	color:#0e518D;
	}
hr          {color:#0058a0; size:1px; margin-left:10px;margin-right:10px;}

a  {color:#0058A0;} 
A:hover {color: red;} 

p
{
margin-top: 0; 
margin-bottom: 0;
}

img
{
width: 100%;
height: auto;
}

.osnovnoy_glavnuy_block_new
{
    display: block;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;  
}

.Schapka{
	display:flex;
	/* max-width: 1200px; */
	justify-content:space-between ;
	background-color: #2177BD;
}

.block-1{
	display:inline-block;
	min-width: 300px;
	margin: 10px;
	margin-top:0px;
	text-align: center;
	
}
.block-2{
	display: inline-block;
	/* max-width:350px; */
	margin: 10px;
	margin-top:0px;
	text-align: center;
}
.block-3{
	display: inline-block;
	max-width:300px;
	margin: 10px;
	margin-top:0px;
	text-align: center;
}
.nazva_sayta_new
{
	font-family: Century;
	font-size: 48pt;
	color: #FFF;
	font-style: italic;
	font-weight: 700;
	margin-left: 10px;
	
}
.font_schapka_1_new, .font_schapka_3_new
{
	font-family: Verdana;
	font-size:16pt;
	color: #FFF;
	line-height: 1; 
	padding-top:20px;
	font-weight: 400;
}
.font_schapka_3_new
{
  font-size:14pt;
  padding-top:5px;
}

.font_schapka_2_1_new 
{
	font-family: "Trebuchet MS";
	font-size: 28pt;
	color: #FFFFFF;
    padding-top:20px;
    font-weight: 700;
}
.telefon{
	display: block;
	float: left;
}
.jazuk{
	display:inline-block;
	background-color: #2177BD;
	width: 100%;
	/* height: 60px;  */
	position:relative;
	 }
 .rus, .ukr {
 	display:inline-block;
 	width:52px;
	margin-top: 10px; 
	margin-left: 40px; 
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	cursor: pointer;
 }

.jazuk>span{
	color: #FFF;
}


.Fotoblock_160_80_proz
{
	width: 161px;
	height: 300px; 
    padding: 5px;
    margin-left: auto;
	margin-right: auto;
}
.Fotoblock_250
{
	width: 250px;
    padding-left: 45px; 
}


#block_banner {
    display: block;
    width: 99%;
    background-color: #FFF;
    text-align:center;
    font-family:"Trebuchet MS";
    font-size: 16pt; font-style: italic;
    font-weight: 400;
    color: #FF0000;
	margin-top:3px;
	float: left;
}

.shernuy_block
{
 display: block;
 width: 100%;
 height: 47px; 
 margin-top:1px; 
 background-color: #000;
 text-align:center;
 float: left
}


#content_plus_lewuy_stolbez {
    display: flex;
    width: 99%;
    gap: 5px;
    align-items: flex-start;
}


#lewuy_stolbez {
    flex: 0 0 21%;
}





#lewuy_stolbez_menu
{
	width: 99%;
	float: left;
	margin-bottom: 5px;
	border: 1px solid #cccccc; 
}


.oglavlenie_w_lew_stolbze
{
display: block;
width: 100%;
color:#FFF;
text-align:center;
font-family:"Trebuchet MS";
font-size:14pt;
font-weight:normal;
font-style:italic;
/* background:#009933; */
background:#0058A0;
border: 1px solid #009933c;  
}


#content {
    flex: 1 1 auto;
}

#content_lewogo_stolbza {
    flex: 0 0 20%;
    border: 1px solid #20748C;
	background: #FFF;
	margin-top: 10px;
}

/*   Вставка новый футер  */

.flex-conteyner-reklama
{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1px;
    justify-content: space-evenly;
    background-color: #2177BD;
    border: 2px solid #2177BD;  
}

.flex-gruppa-logotip {
    min-width: 150px;
	height: auto;
	margin: 2px;
	padding-right: 2px;
/*	border: 1px solid #000080; */
	background-color:#FFF;
}

.flex-gruppa-text, .flex-gruppa-slogan {
    display: flex;
    width: 40%;
	height: auto;
	font-family: Arial;                      /*  "Trebuchet MS"; */
	font-size: 13pt;
	text-align: left;
	color: #FFF;
	text-decoration: none; 
	padding-bottom: 10px;
	padding-left: 3px;
	align-items: center;
}

.flex-gruppa-slogan {
    display: flex;
	font-size: 14pt;
}

.copyright {
	font-family: Arial;
	font-size: 10pt;
	color: #FFF;
	text-align: right;
}

@media (max-width: 768px) {
  .flex-gruppa-text, .flex-gruppa-slogan {
    width: 100%;
  }
}

/*   Конец вставка новый футер  */


.block_kontaktu_schetchik_posesheniy
{
	display: block;
	width: 100%;
	height: 100%;
	background-color:#FFF;
	margin: 20px;
    border: 2px solid #2177BD;
 	float: left;
}

.schetchik_posesheniy
{
	display: block;
	width:150px;
	margin-left:5px;
	margin-top:5px;
	float:left; 
}

#Fotoblock_88x61
{
display: block; 
width: 88px;
height: 61px;
float: right;
}



.kontaktu
{
	display: block;
	width:100%;
	color: #FFF;
	text-align: center;
	background: #0058A0;
	border: 2px solid #2177BD;
}

.dekor {
	color: #FFF;
}

#futer
{
    display: block;
	width: 99%; 
	margin-left: 3px;
	float: left;
    border: 1px solid #20748C;
	background: #333333;
	color: #FFF;
}

#mini_menu
{
display: block;
width: 100%;
}

.Fotoblock_100_proz, .Fotoblock_99_proz_border
{
display: block;
width: 100%;
float: left;
}

.Fotoblock_99_proz_border
{
width: 99%;
border: 1px solid #20748C;
margin-bottom: 10px;
}

.Fotoblock_90_proz
{
width: 90%;
min-width: 290px;
margin: 0 auto;
}

.Fotoblock_50_proz_left
{
width: 50%;
float: left;
}
.Fotoblock_50_proz_right
{
width: 50%;
float: right;
}

.Fotoblock_450_left
{
	display: block;
	width: 450px;
	min-width: 290px;
	float: left;
}
.Fotoblock_55_proz_left
{
	width: 50%;
	float: left;
	min-width: 290px;
}


.FB_70_proz_L
{
	width: 70%;
	min-width: 290px;
	margin: 5px;
	float: left;
}

.Fotoblock_75_proz_center
{
width: 75%;
margin: 0 auto;
min-width: 290px;
border: 1px solid #20748C;
margin-bottom: 5px;
}

.Fotoblock_25_proz, .Fotoblock_30_proz
{
display: block;
width:25%;
float: left;
}

.Fotoblock_30_proz
{
width:30%;
border: 1px solid #20748C;
margin: 5px;
text-align: center;
/* border-radius: 10px; */
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px;
}


.Fotoblock_30_proz:hover
{
background:  #FFFFCC;
border-bottom: 4px solid #20748C;
}

.Fotoblock_40_proz
{
display: block;
width:40%;
float: left;
}


.block_24_proz_seruy_niz
{
display: block;
width:24%;
margin-left: 10px;
color: #FFF;
float: left;
}

.Fotoblock_88_right, .Fotoblock_110_right
{
width: 88px;
float: right;
}
.Fotoblock_110_right
{
width: 110px;
}

.Fotoblock_140_left, .Fotoblock_140_right, .Fotoblock_170_left
{
width:140px;
margin: 10px;
float: left;
} 

 .Fotoblock_140_right
{
float: right;
}

.Fotoblock_150_left
{
width: 150px;
margin: 10px;
float: left;
}

.Fotoblock_100  {
	display: block; 
	width: 100px;
	float: left;
	padding-right:20px;
}

.flex-box-produkt{
	display:flex;
	width:100%;
	justify-content: space-around;
	flex-wrap: wrap;
}

.Fotoblock_170_left
{
width:170px;
}

.Fotoblock_290_center
{
width: 33%;
margin: 0 auto;
min-width: 290px;
}
.Fotoblock_200_ogl_napol_luk
{
width: 200px;
height: 60px;
font-size: 14pt;
border: 1px solid #20748C;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
.mini_menu_font {
	font-size: 14pt;

}

 .Fotoblock_200_left, .Fotoblock_200_right 
{
width: 200px;
margin: 10px;
float: left;
}
.Fotoblock_200_right
{
float: right;
}
.Fotoblock_200_center
{
width: 200px;
margin: 0 auto;
}

.Fotoblock_250_left, .Fotoblock_250_right, .Fotoblock_250_index

{
	width: 250px;
	margin: 10px;
	float: left;
}

.Fotoblock_250_right
{
	float: right;
}

 .Fotoblock_250_index
{
	margin-left: 20px;
}

.Fotoblock_250_center
{
	width: 250px;
	margin: 0 auto;
}


.Fotoblock_290_left, .Fotoblock_290_right
{
	width: 290px;
	margin: 10px;
	float: left;
}

 .Fotoblock_290_right
{
float: right;
}

.FB_350_L
{
	width: 350px;
	min-width: 290px;
	margin: 5px;
	float: left;
}

.Fotoblock_360_left, .Fotoblock_360_right

{
	width: 48%;
	min-width: 290px;
	margin: 8px;
	float: left;
}

.Fotoblock_360_right
{
	float: right;
}


.Fotoblock_400_left, .Fotoblock_400_right, .Fotoblock_400_left_ramka
{
width: 45%;
min-width: 290px;
margin: 5px;
float: left;
}

.Fotoblock_400_right 
{
float: right;
}

.Fotoblock_400_left_ramka {
 border: 1px solid #1F97BA;
}

.td_tovar_luki
{
font-family: Verdana;
font-size:10pt;
text-align:center;

}

/* Таблица цен */

/* Контейнер для центрирования и ограничения ширины */
.price-table-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 20px 0;
}

/* Основные стили таблицы */
.price-table {
  width: 60%;
  border-collapse: collapse;
  border: 1px solid #808080;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  text-align: center;
}

/* Стили заголовков и ячеек */
.price-table th, 
.price-table td {
  padding: 4px; /* Заменяет старый cellpadding */
  border: 1px solid #808080;
}

/* Главный заголовок */
.price-table .table-title {
  background-color: #0058A0;
  color: #FFFFFF;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14pt;
  font-weight: normal;
}

/* Шапка колонок и подзаголовок */
.price-table .table-headers th,
.price-table .sub-title {
  background-color: #F8EEDC;
  font-weight: normal;
}

.price-table .sub-title {
  font-size: 12pt;
  font-weight: bold;
}

/* Разделение колонок (эффект серой полосы посередине, как в оригинале) */
/* Вместо пустой колонки красим левую границу 3-й колонки */
.price-table td:nth-child(3),
.price-table th:nth-child(3) {
  border-left: 4px solid #808080; 
}



/* Таблица размеров */

/* Контейнер для выравнивания таблицы по левому краю (как в оригинале) */
.hatch-table-container {
  display: flex;
/*  justify-content: flex-start; */
  justify-content: center;
  width: 100%;
  margin: 20px 0;
}

/* Контейнер таблицы прижимается влево, текст идет справа */
.hatch-table-container {
 /* float: left;           Прижимаем таблицу к левому краю */
  width: 65%;           /* Ширина таблицы */
  min-width: 280px;     
  margin-right: 20px;   /* Отступ справа, чтобы текст не прилипал */
  margin-bottom: 15px;  
}




/* Стили самой таблицы */
.hatch-params-table {
  width: 100%; /* Базовая ширина таблицы из исходного кода */
  min-width: 280px; /* Защита от избыточного сжатия на экранах поменьше */
  border-collapse: collapse;
  border: 1px solid #808080;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

/* Общие стили для всех ячеек данных и заголовков */
.hatch-params-table th,
.hatch-params-table td {
  padding: 4px;
  border: 1px solid #808080;
  text-align: center;
}

/* Левая колонка выравнивается по левому краю, как в оригинале */
.hatch-params-table td:first-child {
  text-align: left;
}

/* Стили главного синего заголовка */
.hatch-params-table .main-title-row th {
  background-color: #1879A5;
  color: #FFFFFF;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 13pt;
  font-weight: bold;
  padding: 12px;
}

/* Стили шапки с названиями колонок */
.hatch-params-table .header-labels-row th {
  background-color: #F8EEDC;
  font-size: 9pt;
  font-weight: bold;
  line-height: 1.4;
}

/* Стили для строки-разделителя "Стандартні розміри" */
.hatch-params-table .section-title-row th {
  background-color: #F8EEDC;
  color: #0058A0;
  font-size: 11pt;
  font-weight: bold;
}

/* Опционально: эффект зебры для более удобного чтения длинных таблиц */
.hatch-params-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Конец таблицы размеров */


.razmer_gor, .razmer_vert {
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
}

.razmer_vert {
	background-color: #FFF;	
	font-weight: bold;
	text-align: right;
}



.orang {
	background-color: #FF9966;
	border: 1px solid #0058A0;
	font-family: Verdana;
	font-size: 10pt;

}

/* уНИВЕРСАЛЬНЫЙ CSS для таблицы */

.table {
	border-collapse: collapse;
	border: 1px solid #0058A0;
	margin-bottom: 20px;
	padding: 5px;
}

.table th {
	padding: 5px;  
	border: 1px solid #dddddd;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.zagolovok_tabl, .sub_zagolovok {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14pt;
	color: #FFF;
	padding: 5px; 
	background-color: #0058A0;
	border: 2px solid #0058A0;
}
.sub_zagolovok  {
	font-size: 14pt;
	color: #0058A0;
	font-weight: 200;
	background-color: #F8EEDC;
}

.oglav {
	font-size: 10pt;
	font-weight: 200;
	background: #F8EEDC;
	border: 2px solid #0058A0;
}
.razmer {
	font-family: Verdana;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	background: #FFF;
}

.table td{
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
}
.table tbody tr:nth-child(odd){
	background: #fff;
}
.table tbody tr:nth-child(even){
	background: #F7F7F7;
}

.fiolet {
	background: #FF9999;
}

.table_dopusk {
	border-collapse: collapse;
    font-family: Verdana;
	font-size: 10pt;
	border: 1px solid #000;
	color: #000;
}

.table_dopusk td {
	border: 1px solid #000;
}

.table_dopusk th {
	background: #C0C0C0;
	border: 1px solid #000;
}
.table_dopusk .primitka {
	border: 3px solid #FF0000;
	background: #FFF;
}
.table_dopusk .orang {
   background: #FF9966;
}
.table_dopusk .center {
  text-align: center;
}

.table_zena_revo {
	border-collapse: collapse;
    font-family: Verdana;
	font-size: 11pt;
	border: 1px solid #808080;
	color: #000;
}

.table_zena_revo td {
	padding-left: 10px;
	border: 1px solid #808080;
	font-weight: 400;
	text-align:center;
}
.table_zena_revo .oglav_2 {
	color: #0058A0;
}
.oglav_2 {
	font-size: 13pt;
	font-weight: 200;
	background: #F8EEDC;
	border: 2px solid #0058A0;
}




/* Стили таблицы цен на откидные люки*/

.otkid_table, .usilen_table {
  width: 33%;
  border-collapse: collapse;  
  border: 1px solid #000;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

.usilen_table, .usilen_table_2 {
	width: 49%;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size:10pt;
	text-align:center;
}
.usilen_table td {
	border: 1px solid #000;
}

.usilen_table_2 {
	width: 60%;
	border-collapse: collapse;
}
.usilen_table_2 td {
	border: 1px solid #000;
}



.otkid_table td {
	border: 1px solid #000;
	text-align:center;
}
.otkid_title {
	background: #1879A5;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13pt;
	text-align: center;
	border: 1px solid #000;
	color: #FFF;
}
.otkid_sub_title {
	font-family: Verdana;
	font-size: 13pt;
	text-align: center;
}

.otkid_razm_gor, .otkid_razm_vert, .otkid_wusota {
	background: #FFFF99;
	border: 1px solid #000;
	width: 5%;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.otkid_razm_vert {
	width: 4%;
}

.otkid_wusota {
	color: #FF0000;
	width: 7%;
}

.otkid_td_goluboy {
	background: #DAEEF3;
	border: 0px solid #000;
}

.seraj_kletka {
	background: #C0C0C0;
}	

.gelb {
	color: #FFFF00;
}
.gelb_2 {
	background: #FFFF00;
}
.berusovuy {
	background: #00FFFF;
}

.grau {
	background: #808080;
}
.red {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: red;
}
.border_red {
  border-bottom: 2px solid red;
}
.otkid_table th {
	font-weight: 400;
}
                          
.siniy {
	background: #A8D3FF;
}

/* Конец стилей таблицы цен на откидные люки*/
.table_pokraska {
	border-collapse: collapse;
	border: 1px solid #0058A0;
	margin-bottom: 20px;
	padding: 5px;
}


/* Стили таблиц под покраску и обои */

.table_pokraska {
	border-collapse: collapse;
/*	border: 1px solid #0058A0; */
	margin-bottom: 20px;
	padding: 5px;
	font-family: Verdana;
	font-size: 11pt;
	text-align: center;
}

.zagolovok_tabl_pokraska {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14pt;
	color: #FFF;
	padding: 5px;
	background-color: #0058A0;
/*	border: 2px solid #0058A0; */
}

.sub_zagolovok_pokraska {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.table_pokraska td {
	border: 1px solid #C0C0C0;
}

/* Опционально: эффект зебры для более удобного чтения длинных таблиц */
.table_pokraska tbody tr:nth-child(even) {
  background-color: #F0F0F0;
}


/* Конец стили таблиц под покраску и обои */

#Book
{
width: 227px;
heigth: 200px;
margin: 5px;
float: right;
}

.flex-conteyner
{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
}



.flex-gruppa:hover
 {
	background-color:#D7DeF1;
	color: red;
}

.flex-gruppa {
    width: 135px;
    height: 80px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12pt;
    text-align: center;
    border: 2px solid #000080;
    border-radius: 10px;
    /* Выравнивание содержимого (ссылки) по центру */
    display: flex;
    justify-content: center; /* По горизонтали */
    align-items: center;     /* По вертикали */
}

/* Настройки для самой ссылки */
.flex-gruppa a {
    text-decoration: none;
    color: inherit; /* Наследует цвет текста */
    padding: 0px;   /* Безопасный отступ от краев рамки */
}

.flex-gruppa_kontakt{
	width: 27%;
	height: 70px;
	font-family: Trebuchet MS;
	font-size: 12pt;
	text-align: center;
	color: #FFF;
	text-decoration: none; 
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	border: 2px solid #FFF;
	border-radius: 10px;
}


.gruppowoy_towar
{
width: 47%; 
min-width: 260px; 
margin-top: 15px;
margin-bottom:1px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
border: 1px solid #000080;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
}




.gruppowoy_towar:hover
 {
/* background-color:#D7DeF1; */
border-color:red;
}