body { background:#fff; padding:0px; margin:0px; font-family: 'PT Sans', sans-serif; }



#header, #ffooter {background:#DEF; border-bottom:1px solid #fff; color:#369; padding:10px 0px 20px 0px; text-align:center;

background:#def;
background: linear-gradient(0deg, rgba(255,255,255,1) 42%, rgba(0,112,192) 100%);
}


#header .logobox { display:inline-block; width:840px; font-size:100%; text-align:left;  ; border-radius:8px;    ttext-shadow:none;}
#header .logobox img {margin-right:40px;}
#header .logobox small {color:rgba(0,112,192); ffont-style:italic; font-size:120%; text-shadow:none;}

#header .container       { width:1280px; margin:0px auto; padding:0px 0px 0px 0px; }


#header #header_contacts {
    float:right;
    display:inline-block;  
    font-size:100%; 
    text-align:center; 
    padding:10px 42px;  
    margin-top:0px;
    border-radius:8px;    
    background:#369; 
    color:#fff; 
     margin-left:0px;
}
 


#header_contacts a.phone {color:#fff; text-decoration:none; color:#fff; font-size:120%;}

#header .firmname {font-size:140%; color:#fff	; rgba(0,112,192); font-weight:bold; padding-bottom:5px;display:inline-block; padding-top:0px;}




#menuProducts {vertical-align:top; font-size:16px; width:1280px; margin:0px auto; padding:0px 0px 0px 0px;
text-align:center;}

#menuProducts > a {width:280px; display:inline-block; vertical-align:top; height:260px; 
margin:5px; border:1px solid #ccc; padding:20px 10px;
border-radius:10px; text-decoration:none; color:#000; }

#menuProducts > a:hover { border:1px solid #333; background:#def; ; cursor:pointer;}
#menuProducts > a h2 {font-size:120%; text-decoration:underline;}
#menuProducts > a:hover > h2 {color: rgba(var(--bs-link-color-rgb)); }



.container       { width:1280px; margin:0px auto; padding:20px 0px 20px 0px; }

.png-shadow-369 {-webkit-filter: drop-shadow(5px 5px 5px #036 );  filter: drop-shadow(5px 5px 5px #036);}
.png-shadow-000 {-webkit-filter: drop-shadow(5px 5px 5px #000 );  filter: drop-shadow(5px 5px 5px #000);}
.png-shadow-fff {-webkit-filter: drop-shadow(5px 5px 5px #fff );  filter: drop-shadow(5px 5px 5px #fff);}

#menu {width:380px;   max-width:380px;   min-width:380px;   vertical-align:top; border-right:2px solid rgba(0,112,192);  padding:0px; line-height:100% ;}
#content {width:871px%;max-width:871px; min-width:871px; overflow-x:visible; vertical-align:top;padding:0px;  padding-left:20px ; }



.mt-10 {margin-top:10px;}
.mb-10 {margin-bottom:10px;}

#menu a         { color:#007bff;; display:block; ffont-weight:bold; font-size:100%; text-decoration:none; margin-top:5px;  }
#menu a:hover   { color:#f00;text-decoration:underline; cursor:pointer;
    
    
}







#menu a.currentUri:after {  
    content: "  ";
    display:block;
    
    color:transparent;
    height:32px;
    width:32px;
    background-image:url(favicon-32x32.png)   ;/*arr-right.png*/
    
    position:absolute;
    left:96% ;
    top:-10px;
    background-repeat: no-repeat;
    z-index:10000;
background-position: 0px 0px;
     background-size: 32px 32px;
  }    
  

#menu a.currentUri  { color:#f00;  dddbackground: linear-gradient(90deg, rgba(2,0,36,0) 38%, rgba(255,0,0,0.4) 100%);  

position:relative;
    
}

#menu h3 { bborder-bottom:2px solid #333;  background:#369; color:#fff; padding:5px 20px; margin-left:-20px; margin-top:10px;}
#menu h4 {padding:0px; margin-bottom:0px; border-bottom:2px solid #369; margin-top:20px;}
#menu h5 {bborder-bottom:2px solid #333; padding:0px;margin:0px; margin-top:10px;}

#menu small {color:#999; font-style:italic; fon-size:60%; }

#menu .button {border-radius:12px; background:#9cf ;background:#369; display:inline-block; padding:17px 30px 18px 30px; color:#fff; box-shadow: inset 0 0 18px rgba(0,0,0,1); font-weight:bold; 
border: 1px solid #fff; color:#369;color:#fff;	margin:20px; font-size:120%; text-shadow: 1px 1px 2px rgba(0,0,0,1);}
#menu .button:hover {border: 1px solid #f00;  }






#menu .dimara_background {background-color:#f76723;}
#menu .dimara_color {color:#f76723;}





#menu .metaaramid_background {background-color:#f72367;}
#menu .metaaramid_color {color:#f72367;}


#menu .uhmwpe_background {background-color:#33aa66;}
#menu .uhmwpe_color {color:#f72367;}


.underconstruction { background:#fc9; padding:5px 10px;   display:inline-block;}

#content h1 {    font-size: 2.0rem;}
#content h2 {    font-size: 1.75rem;}
#content h3 {    font-size: 1.5rem;}
#content h4 {    font-size: 1.25rem;}
#content h5 {    font-size: 1.0rem;}

 h1, h2, h3, h4, h5, h6 {
     
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 900;
    line-height: 1.1;
    color: inherit; 
    margin-top: 0;
    margin-bottom: .5rem;
}  

#content * {line-height:120%;}

/*==========================*/

.d-inline-block {display:inline-block;}
.w-49           {width:49%;}
.w-100           {width:100%;}


.pr-2 {padding-right:4px;}
.pb-2 {padding-bottom:4px;}





.card-columns {
width:100%;     
display: block;
-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 10px;
    word-wrap: inherite;
}

.card-columns .card {
    display: inline-block;
    width: 100%;
    
    margin-bottom: 10px;

    position: relative;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    
    word-wrap: break-word;
    
    border: none
    border-radius: 20px;
}

.card-columns .card img {
    width: 100%;
    border-radius:  10px;
}

.card-columns .card.vertical img {
    width: calc(50% - 5px);
    display: inline-block;
}

.card-columns .card.vertical img:first-child {
    margin-right:10px;
}




    #book       {width:800px;position: relative;  margin-top:10px; }
    #book #page_img {box-shadow:4px 4px 14px #333; width:100%;  z-index:1000; border-radius:8px;}
    #book #page_indexer { border-radius:8px;  height:40px; width:100%; text-align:center; font-weight:bold; font-size:20px;}
    #book #prev_page ,
    #book #next_page {position: absolute; right:0px; top:0px; background:transparent; border-radius:8px; z-index:100; cursor:pointer; height:100%; width:120px;
        vertical-align:middle; text-align:center; text-decoration:none; font-weight:bold; font-size:20px; box-sizing:border-box;      }
    #book #prev_page {left:0px;}
    #book #next_page {right:0px;}
    #book #prev_page:hover { background: linear-gradient(90deg, rgba(51,102,153,1) 0%, rgba(255,255,255,0) 100%);    }      
    #book #next_page:hover { background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(51,102,153,1) 100%);    }
    #book #hidden_links {  display:none;}