:root {
    
  --color-bg: white;
  --image-bg: url(image/bg-pattern.png) top left repeat;
    
  --html_font: 'framd';/*Roboto,sans-serif;*/
  --body-font: 'framd';
  
  /*--colorButton: #349bc7; DEFAULT  */
  --colorButton: #038bc4;
  --colorButtonText: white;
  --contrast_ButtonGradient: 20;   /* default: 20 */
  --is_button-border-radius: 8px; 
  --colorA-text: white; /* Верхняя строка с адресом*/
  --colorB-text: black;/*#27212e;*/  /* Название организации, адрес, телеыон в шапке*/
  --colorC-text: black;
  --contrast_Button_colorA: 15;  /* default: 5 */
  --contrast_colorA_colorB: 5;  /* default: 5 */
  --contrast_colorB_colorC: 20;  /* default: 30 */
  --colorNoActive-text: #383838;
  --colorNoActive-background: #737373;
  --colorError-text: red;
  --colorError-background: #fc746a;

  
  /*--currentdate-color-title: hsl(from var(--currentdate-color) h s calc(l + 25));*/
    /*--currentdate-color-title: #f5cab8;*/
  --currentdate-color-title_end: hsl(from white h s calc(l + 2));
  
  
  --header_toprow-height: 20px;
  --header_toprow-background: var(--colorA-background) url(image/bogr-bg.png) top left repeat;
  
  --header-height: 200px;
  --header-padding: 10px 0 10px 0;
  --header-background: url(image/Header.jpg) top left no-repeat;
  --header-background-size: 1200px 100%;
  --header-border-top: 1px solid hsl(from #ff0000 h s calc(l - 10));
  --header-border-bottom: 2px solid #ff0000;
  

  
  --company_logo-width: 50px;
  --company_logo-height: 50px;
  --company_logo-left: 10px;
  --company_logo-top: 0px;
  --company_logo-background: url("image/logo.png") center center no-repeat;
  
  
  --company_title-width: 400px;
  --company_title-height: 60px;
  --company_title-left: 700px;
  --company_title-top: 120px;
  --company_title-padding: 10px 4px 4px 14px;
  --company_title-font_size: 12pt;
  --company_title-background: url("../../images/transparent50.png") left top repeat;
  
  
  --footer-height: 30px;
  --footer-padding: 0 0 0 0;
  --footer-font_size: 9pt;
  
  /*--bodyback-background_top: var(--colorC-background);
  --bodyback-background: var(--colorC-background) url(image/Page-BgTexture.jpg) bottom left repeat-x;
  */
  /*  фиксированный вариант  */
  /*--bodyback-background: fixed var(--colorC-background) url(image/bg4.jpg) center right no-repeat;*/
  
  --body-background_top: white url("../../images/transparent25.png") left top repeat;
  --body-background: white url("../../images/transparent25.png") left top repeat;
  
  
  
  /*---  Если нужен другой цвет фона   ----------------------------------------------------------------------------------*/
  /*--colorA-background: hsl(from var(--colorButton) h s calc(l + var(--contrast_Button_colorA)));*/
  /*--colorB-background: hsl(from var(--colorA-background) h s calc(l + var(--contrast_colorA_colorB)));*/
  /*--colorC-background: hsl(from var(--colorB-background) h s calc(l + var(--contrast_colorB_colorC)));*/
  /*--- end Если нужен другой цвет фона   ----------------------------------------------------------------------------------*/
  
  
  

}




/*-----Страница---------------------*/

@font-face {
    font-family: var(--html-font);
    src: url('fonts/framd.eot');
    src: local('framd'), url('fonts/framd.woff') format('woff'), url('fonts/framd.ttf') format('truetype');
}


html
{
    font-family: var(--html-font);
    line-height: 1.15;    
}


body {
    background-color: var(--color-bg);
    background:  var(--image-bg);
    font-family: var(--body-font);
}

html, body
{
    color: var(--body-text-color);
}




.page_header_tr
{
    height: var(--header-height);
}


.header_table_tr_toprow
{
    height: var(--header_toprow-height);
}



.header_table_td_toprow
{
    background: var(--header_toprow-background);
    color: var(--header_toprow-text-color);
    padding: var(--header_toprow-padding);
    border-top: var(--header_toprow-border-top);
    border-bottom: var(--header_toprow-border-bottom);
    border-left: var(--header_toprow-border-left);
    border-right: var(--header_toprow-border-right);
}





.header_table_tr
{
    /*height: var(--header-height);*/
}

.header_table_td .div_flex_container
{
    height: var(--header-height);
}

.header_table_td
{
    vertical-align: top;
    margin: 0;
    padding: var(--header-padding);
    background: var(--header-background);
    background-size: var(--header-background-size);
    border-top: var(--header-border-top);
    border-bottom: var(--header-border-bottom);
    border-left: var(--header-border-left);
    border-right: var(--header-border-right);
}


.div_flex_container #company_logo_div
{
    justify-content: flex-start;
}

.div_flex_container #company_title_addres_tel_div
{
    /*flex-grow: 1;   */
}


.div_flex_container #company_title_div
{
    flex-grow: 1;
}

.div_flex_container #company_addres_tel_div
{
    /*justify-content: flex-end;*/
}


#company_logo_div
{
    width: var(--company_logo-width);
    height: var(--company_logo-height);
    position: relative;
    margin-left: var(--company_logo-left);
    top: var(--company_logo-top);
    background:  var(--company_logo-background);
    background-size: cover;
}


#company_title_addres_tel_div
{
    width: var(--company_title-width);
    height: var(--company_title-height);
    position: relative;
    top: var(--company_title-top);
    padding: var(--company_title-padding, 0,0,0,0);
    background: var(--company_title-background);
    border: var(--company_title-border);
    FONT-SIZE: var(--company_title-font_size);
    -webkit-border-radius:  13px 13px 13px 13px;
    border-radius: 13px 13px 13px 13px;
    color: var(--company_title-text-color);     
    font-weight: bolder;
    line-height: normal;
    margin-left: var(--company_title-left);
}


#company_title_addres_tel_div .title
{
}

#company_title_addres_tel_div .contact
{
    FONT-SIZE: calc(var(--company_title-font_size)*0.9);
    color: hsl(from var(--company_title-text-color) h s calc(l + 15));     
    font-weight: normal;
}



.page_body_top_td
{
    /*background: var(--bodyback-background_top);*/
    border-top: var(--bodyback-border-top);
    border-bottom: var(--bodyback-border-bottom);
    border-left: var(--bodyback-border-left);
    border-right: var(--bodyback-border-right);
    padding-top: var(--bodyback-padding-top);
    padding-right: var(--bodyback-padding-right);
    padding-bottom: 0px;
    padding-left: var(--bodyback-padding-left);
}

.body_top_table
{
   background: var(--body-background_top);
   border-top: var(--body-border-top);
   border-bottom: 0;
   border-left: var(--body-border-left);
   border-right: var(--body-border-right);
}




.page_body_td
{
    /*background: var(--bodyback-background); */
    border-top: var(--bodyback-border-top);
    border-bottom: var(--bodyback-border-bottom);
    border-left: var(--bodyback-border-left);
    border-right: var(--bodyback-border-right);
    /*padding: var(--bodyback-padding);*/
    padding-top: 0px;
    padding-right: var(--bodyback-padding-right);
    padding-bottom: var(--bodyback-padding-bottom);
    padding-left: var(--bodyback-padding-left);
    
}

.page_body_table
{
   background: var(--body-background); 
   border-top: var(--body-border-top);
   border-bottom: var(--body-border-bottom);
   border-left: var(--body-border-left);
   border-right: var(--body-border-right);
}


.page_body_table td
{
   
}


.page_footer_tr
{
    height: var(--footer-height);
}



.page_footer_table
{
    background: var(--footer-background);
    border-top: var(--footer-border-top);
    border-bottom: var(--footer-border-bottom);
    border-left: var(--footer-border-left);
    border-right: var(--footer-border-right);
}

.footer_table_td
{
    padding: var(--footer-padding);    
}


.footer_table_td, .footer_table_td a
{
    color: var(--footer-text-color);
    FONT-SIZE: var(--footer-font_size);
}










@media (max-width: 1000px) {
    #company_title_addres_tel_div {
        margin-left: 550px;
    }
}