/*
attn.:
 .rfonntable {
*/

body {
 margin: 0 9 9 9; 
/* color: #444444; */
 background-color: #0d99c8;
 background-image: url(/i/fon.jpg);
 overflow:scroll; 
/* overflow-x:hidden;*/
 scroll-behavior: smooth;
}

a {color: #0d99c8}
a:link {color: #0d99c8}
a:visited {color: #0d99c8}
a:hover {color: #0d99c8}
a:active {color: #0d99c8}

a.dashed {
text-decoration: none;
border-bottom: 1px dashed #a9c3ce; 
}
a.dashed:hover {
color: #c8850d; 
background-color: #f2eae1;
border-bottom: 1px dashed #a9c3ce; 
}

h1 {
margin: 0;
font-weight:bold; font-size: 105%; color: #2F718C; font-family: Arial, Helvetica, sans-serif;
PADDING: 21 0 7 0;}

.H1no2 {
margin: 0;
font-weight:bold; font-size: 105%; color: #2F718C; font-family: Arial, Helvetica, sans-serif;
PADDING: 29 0 7 0;}

.H1forhref {
margin: 0;
font-weight:bold; font-size: 100%; font-family: Arial, Helvetica, sans-serif;
PADDING: 0 0 2 0;}

h2 { margin: 0; font-weight:bold; font-size: 100%; color: #2F718C; font-family: Arial, Helvetica, sans-serif; PADDING: 12 0 4 0;
  transition: 1s;  /*   transition: 1.5s; */
  /*   transition-property: color; */
  transition-timing-function: ease-in-out;
}
h2:target {
  PADDING: 12 0 7 0;
  font-size: 105%;
  color: #eea819; 
  /* background-color:#eeeeee;  */
  background-image: url(/i/h2-bg.gif);
  background-repeat: repeat-x; background-position: bottom;
  transition: 1s;  /*   transition: 0.8s; */
  /*   transition-property: color; */
  transition-timing-function: ease-in-out;
}

.h2forrfonn {
margin: 0; font-weight:bold; font-size: 130%; color: #2F718C; font-family: Arial, Helvetica, sans-serif;
PADDING: 0 0 6 0;}

H3 { margin: 0; font-weight:normal; font-size: 100%; color: #555555; font-family: Arial, Helvetica, sans-serif; PADDING: 6 0 3 0;}
H4 { margin: 0; font-weight:normal; font-size: 100%; color: #111111; PADDING: 3 0 2 0; }

.ns { background-color:#AEBDAA; color:#ffffff; text-decoration:none; padding: 0 2 0 1; }
.ns_main { background-color:#eff2ee; color:#222222; text-decoration:none; padding: 0 2 0 1; }
.ns_years_list { color: #b1b1b1; }  /* for separator | (ρμ. c_sort_separator) */
.ns_p_main { padding: 0 0 4 0; margin: 0; }
.ns_p      { padding: 0 0 14 0; margin: 0; }
.ns_current_year {color:#000000;}
.ns_current_year_hidden {color:#ffffff;}

b:target {
  padding: 2 0 2 0;
  font-size: 110%;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #eea819; 
  border-radius: 3px;
  transition: 0.5s;
  transition-timing-function: ease-in-out;
}

.b-alfabet {
  font-size: 110%;
  color: #111111;
}

.hr-content{
  height: 1px;
  margin: 3 0 2 0;
  padding: 0;
  border: none;
  border-top: 1px solid #c7c0b9;
  border-bottom: 1px solid #fbf2e8;
}

.navitd {
 width: 82%; height: 19;
 padding: 0 0 0 7;
 background-color: #787878;
 color: #FFFFFF;
 font-size: 80%; 
}

.navitdshadowed {
 width: 82%; height: 19;
 padding: 0 0 0 7;
 background-color: #787878;
 color: #FFFFFF;
 font-size: 80%; 
}

.navitdmain {
 width: 18%;
 height: 19;
 padding: 0 0 0 7;
 background-color: #787878;
 color: #FFFFFF;
 font-size: 80%; 
}

.navitd a {color: #FFFFFF}
.navitd a:link {color: #FFFFFF}
.navitd a:visited {color: #FFFFFF}
.navitd a:hover {color: #FFFFFF}
.navitd a:active {color: #FFFFFF}

.navitdshadowed a {color: #b2b2b2}
.navitdshadowed a:link {color: #b2b2b2}
.navitdshadowed a:visited {color: #b2b2b2}
.navitdshadowed a:hover {color: #FFFFFF}
.navitdshadowed a:active {color: #FFFFFF}

.buyerstable-td0 a {color: #111111}
.buyerstable-td0 a:link {color: #111111}
.buyerstable-td0 a:visited {color: #111111}
.buyerstable-td0 a:hover {color: #777777}
.buyerstable-td0 a:active {color: #888888}

.customertable-td0 a {color: #111111}
.customertable-td0 a:link {color: #111111}
.customertable-td0 a:visited {color: #111111}
.customertable-td0 a:hover {color: #777777}
.customertable-td0 a:active {color: #888888}

.maptd {
 width: 18%;
 text-align: right;
 padding: 0 7 0 0;
 background-color: #787878;
 color: #FFFFFF;
 font-size: 80%; 
}

.maptdmain {
 width: 22 %;
 text-align: right;
 padding: 0 7 0 0;
 color: #FFFFFF;
 font-size: 80%; 
 background-color: #787878; background-repeat: no-repeat; background-image: url('/i/rfb.gif'); background-position: left top; 
}

.maptd a {color: #b2b2b2}
.maptd a:link {color: #b2b2b2}
.maptd a:visited {color: #b2b2b2}
.maptd a:hover {color: #ffffff}
.maptd a:active {color: #ffffff}

.maptdmain a {color: #b2b2b2}
.maptdmain a:link {color: #b2b2b2}
.maptdmain a:visited {color: #b2b2b2}
.maptdmain a:hover {color: #ffffff}
.maptdmain a:active {color: #ffffff}

.oneptd {width: 1%;}

.lefttd {
 width: 18%;
 background-color: #f4f4f4;
 background-repeat: repeat-y; background-image: url('/i/leftfon50.gif'); background-position: right top;
 vertical-align: top; text-align: right;
}

.lefttd2 {
 width: 18%;
 background-color: #f4f4f4;
 background-repeat: repeat-y; background-image: url('/i/leftfon50.gif'); background-position: right top;
 vertical-align: bottom; text-align: right;
}

.maintd   { width: 58%; vertical-align: top; padding: 0 0 0 0;}
.maintd2 { width: 58%; vertical-align: top; padding: 0 0 14 0;}

.maintdx2 {
 width: 81%;
 vertical-align: top;
 padding: 0 14 0 0;
}

.maintdx22 {
 width: 81%;
 vertical-align: bottom; text-align: right;
 padding: 14 14 14 0;
}

.color787878 { font-size: 100%; color: #787878; }

.righttd {
 width: 22%;
 vertical-align: top;
 font-size: 80%; color: #787878;
 padding: 14 14 14 0;
 background-color: #f4f4f4; background-image: url(/i/rfon.gif); background-repeat: repeat-y;
}

.righttd2 {
 width: 22%;
 vertical-align: bottom; text-align: right;
 font-size: 80%; color: #787878;
 padding: 14 14 14 0;
 background-color: #f4f4f4; background-image: url(/i/rfon.gif); background-repeat: repeat-y;
}

.righttdmain {
 width: 22%;
 vertical-align: top;
 font-size: 80%; color: #787878;
 padding: 0 0 0 0;
 background-color: #f4f4f4; background-image: url(/i/rfon.gif); background-repeat: repeat-y;
}

.newstdmain {
 width: 22%;
 vertical-align: top;
 font-size: 80%;
 color: #787878;
 padding: 0 0 0 0;
 background-color: #d7e4d3; background-image: url(/i/rfongr.gif); background-repeat: repeat-y;
}

.prodtd1 {
 width: 20; padding: 1 1 1 1; background-color: #F4EFE8;
 text-align: center; vertical-align: middle;
}

.prodtd2 { padding: 1 9 1 9; background-color: #F4EFE8;}

.justtechchartd { padding: 4 3 3 7;}
.techchartablebordercolor {background-color: #AAAAAA;}
.techchartrmainbgcolor{background-color: #e7eadb;}
.techchartrbgcolor{background-color: #f2f4ec;}

.techchartdmain {
 color: #222222; padding: 3 3 4 8;
}

.techchartd {
 color: #222222; padding: 3 2 2 7; font-size: 95%; 
}

.techchartdindent {
 color: #222222; padding: 3 2 2 37; font-size: 95%; 
}

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

.buyerstablebordercolor {background-color: #AAAAAA;}

.buyerstable-tr0 { background-color: #E4E9D8; font-size: 100%; text-align: center;}
.buyerstable-tr1 { background-color: #ffffff; font-size: 95%; }
.buyerstable-tr2 { background-color: #f2f4ec; font-size: 95%; } 

.buyerstable-tr1:hover td { background: #e0ebff;}
.buyerstable-tr2:hover td { background: #e0ebff;}

.buyerstable-td0 { padding: 20 0 20 0;}

.buyerstable-td0-active {
 background-color: #f2f4ec;
 font-weight:bold;
 color: #444444;}

.buyerstable-td { padding: 3 4 3 4;}

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

.customertable {
 width: "100%";
 border-top: 1px solid #000000; border-right: 1px solid #cccccc; border-bottom: 1px solid #000000; border-left: 1px solid #cccccc;
 border-collapse: collapse;
 background-color: #AAAAAA;
}

.customers_alfabet{ position: relative; top: 1; font-weight: normal; font-size: 85%; text-align: center; display: inline-block; }
.ca_span { float:left; }
 
.c_sort_select {text-align: right; font-size: 80%; margin: 0 0 5 0; color: #888888;}
.c_sort_separator {color: #b1b1b1;}  /* for separator | (ρμ. ns_years_list) */
.c_sort_current {color: #000000;}
 
.customers_alfabet a {color: #bbbbbb; text-decoration: none; padding: 4 2 4 2;}
.customers_alfabet a:link {color: #bbbbbb;}
.customers_alfabet a:visited {color: #bbbbbb;}
.customers_alfabet a:hover {color: #0d99c8; background-color: #ffffff; text-decoration: none;
}
.customers_alfabet a:active {color: #0d99c8;}
.customers_alfabet a:not(:hover) {transition: 0.1s;}

.customertable-tr0 { background-color: #E4E9D8; font-size: 100%; text-align: center; }
.customertable-tr1 { background-color: #ffffff; font-size: 95%;  vertical-align: middle;}
.customertable-tr2 { background-color: #f5f6f0; font-size: 95%;  vertical-align: middle;} 

.customertable-tr1:hover td { background: #e0ebff;} /* #ccddff; d8e5ff*/
.customertable-tr2:hover td { background: #e0ebff;}


.customertable-td0 {
 border-top: 1px solid #000000; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #000000; border-left: 1px solid #aaaaaa;
 padding: 20 0 20 0;
}

.customertable-td0-active {
 border-top: 1px solid #000000; border-right: 1px solid #aaaaaa; border-bottom: 0px solid #000000; border-left: 1px solid #aaaaaa; 
 background-color: f4f6ef;
 font-weight:bold;  color: #444444;
}

.customertable-td0-active-az {
 border-top: 1px solid #000000; border-right: 1px solid #aaaaaa; border-bottom: 0px solid #000000; border-left: 1px solid #aaaaaa; 
 color: #444444;
}

.customertable-td0-active-za {
 border-top: 1px solid #000000; border-right: 1px solid #aaaaaa; border-bottom: 0px solid #000000; border-left: 1px solid #aaaaaa; 
 color: #444444;
}

.active-az {
 background-color: f4f6ef; background-image: url(/i/aztd2.gif); background-repeat: no-repeat; background-position: right bottom;
}

.active-za {
 background-color: f4f6ef; background-image: url(/i/zatd2.gif); background-repeat: no-repeat; background-position: right top;
}

.cttd {  /* customertable-td */
 padding: 3 4 3 4; border-top: 0px solid #000000; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc;
}

.cttd-t {  /* customertable-td-topped */
 padding: 3 4 3 4; border-top: 1px solid #888888; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc;
}
.cttd-2t {  /* customertable-td-2topped */
 padding: 3 4 3 4; border-top: 2px solid #888888; border-right: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc;
}

.ca { color: #5f5f5f;} /* company_attr */
 
/* ================================================================================================== */

.righttdtable {
 color: #696969;
 padding: 8 8 8 11;
/* background-color: #d7e4d3;*/ /* background-image: url(/i/rfongr.gif);*/
 background-repeat: repeat-y;
}

/* .righttdtable a {color: #638a83} */
.righttdtable a {color: #87a0a9}
/* .righttdtable a:link {color: #0d99c8}*/
/* .righttdtable a:visited {color: #0d99c8}*/
/* .righttdtable a:hover {color: #0d99c8}*/
/* .righttdtable a:active {color: #0d99c8}*/

.newstable {
 color: #696969;
 padding: 8 8 9 8;
 background-color: #d7e4d3;
 background-image: url(/i/rfongr.gif);
 background-repeat: repeat-y;
}
.newstable a {color: #638a83}
.newstable a:link {color: #638a83}
.newstable a:visited {color: #638a83}
.newstable a:hover {color: #6d9891}
.newstable a:active {color: #75a39b}

.historymain {
 padding: 10; font-size: 95%; color: #111111; background-color: #f2f4ec;
}

.righttable {
 color: #787878;
 padding: 8;
}

.anonstable {
 width: 92%;
 color: #787878;
 margin: 40 0 0 0;
 padding: 8px;
 background-image: url(/i/rfonn.gif); background-repeat: repeat-y;
}

.rfonntable {
 width: 100%; font-size: 100%; color: #787878;
 margin: 0 0 0 0; padding: 7 7 7 7;
 border: 1px solid #d6cfc7; border-left: none;
 background-color: #ede5dc; background-image: url(/i/rfonn.gif); background-repeat: repeat-y;
 border-radius: 0px 5px 5px 0px;
}

.rfonntablemain {
 font-size: 100%; color: #787878;
 margin: 0 14 0 0; padding: 7 7 7 7;
 background-color: #ede5dc; background-image: url(/i/rfonn.gif); background-repeat: repeat-y;
}

.righttext { padding: 7;}

.mt { padding: 2 0 5 0; margin: 0;}

.mt-1 {
 margin: 0; padding: 2 0 7 0;
 font-size: 80%; color: #787878;
}

.mtsm1 {
 font-size: 85%; 
 margin: 0;padding: 2 0 7 14;
}

.mtin {
 font-size: 85%; 
 margin: 0; padding: 0 0 0 12;
}

.mttechprim {
 font-size: 85%; 
 margin: 0;padding: 0 0 7 30;
}

.newsdate { font-size: 80%;  color: #787878; }
.newstext {font-size: 80%;}

.primtext { font-size: 80%; color: #999999;}
.primtext a {color: #999999}
.primtext a:link {color: #999999}
.primtext a:visited {color: #999999}
.primtext a:hover {color: #abb7bc}
.primtext a:active {color: #9fc4c0}

.t1 {
BORDER-bottom: #d1d1e1 1px solid; BORDER-right: #d1d1e1 1px solid;
}

.bottTD {
  BORDER-TOP: #F7C400 4px solid; BORDER-BOTTOM: #0087D2 0px solid; vertical-align: middle;
  background-IMAGE: url(/pi/fnb.gif); background-REPEAT: repeat-y;
}

.ltable {
 width : 290px;
 background-color: #F1F2F2;
 border: 1px solid; border-color: #bbbbbb; margin-top: 8px;
}

.warning { border: 1px solid; border-color: #cc3344; text-align: left; padding: 12 12 12 12; margin: 21 0 0 0;  background-color: #ffe4e9; color: #ff0000; font-size: 90%; }

.imgthumb {
 font-size: 80%; 
 float: left;
 border: 1px solid #dddddd; 
 padding: 0px; 
 margin: 4px;  
 background: #f0f0f0; 
 text-align: center; 
}

.imgthumb-more {
 width: 100%;
 font-size: 85%; 
 border: 0px solid #dddddd; 
 padding: 0 0 0 0; 
 margin: 0px;  
 background: #ffffff; 
 display: table;
}

.imgthumb-more-text {
  display: table-cell;
  position: relative;
  top: -10px;
  vertical-align: top;
  text-align: right;
  padding: 0 0 0 0; 
}

.rarr {
  font-size: 80%;
  color: #c7dfe7;
}

a.rarr {
  font-size: 80%;
  color: #c7dfe7;
  text-decoration: none;
}

.clearfix:before,
.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { zoom: 1; /* ie 6/7 */ }

.forclearfix { padding: 0 0 5 0; }

#a_totop_id {
 display: none; position: fixed; z-index: 200;
 bottom: 0%;
 left: -3px; left: calc(0%);
 border: none; outline: none;
 width: 18%; width: calc((100% - 18px) * 0.18);
 opacity: .7;
 padding: 0px; margin: 0px 0px 9px 9px;
 text-align: right;
 transition-property: all; transition-duration: 0.5s;
}

#a_totop_id:hover { opacity: 1;}

#a_tmp_id {
 background-color: #ffffff;
 position: fixed; z-index: 200;
 bottom: 0%;
 left: -3px; left: calc(0%);
 border: 1px solid;
 width: 18%; width: calc((100% - 18px) * 0.18);
 padding: 0px; margin: 0px 0px 39px 19px;
 text-align: right;
}