@font-face {  font-family: 'Roboto-Regular';  src: url('../fonts/Roboto.TTF');   font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'Roboto';  src: url('../fonts/Roboto.TTF');   font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'Proxima';  src: url('../fonts/Roboto.TTF'); font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'ProximaB';  src: url('../fonts/Roboto.TTF');   font-weight: 900;  font-style: normal; }
@font-face {  font-family: 'ProximaExt'; src: url('../fonts/Roboto.TTF'); font-weight: 500;  font-style: normal;}
@font-face {  font-family: 'ProximaSemi';  src: url('../fonts/Roboto.TTF'); font-weight: 700; font-style: normal; }
@font-face {  font-family: 'JetBr';  src: url('../fonts/Roboto.TTF'); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'JetBrains';  src: url('../fonts/Roboto.TTF'); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'Din_pro';  src: url('../fonts/Roboto.TTF'); font-weight: normal; font-style: normal; }


.JB { font-family: 'JetBr';}
.Ro { font-family: 'Roboto';}
.Din { font-family: 'Din_pro';}
.pr { font-family: 'Proxima';}
.prb { font-family: 'ProximaB';}
.pr_e { font-family: 'ProximaExt';}
.pr_s { font-family: 'ProximaSemi';}
.prg { font-family: 'JetBr';}

body  { font: 13px/1.231 JetBr; font-size:12px; margin-top:0px; padding:0px; }
img {border:none; border-radius: 5px 5px 5px 5px;}
q{quotes:none}
a:hover{text-decoration:none}
a img{border:none}
.center{text-align:center}
.att{font-weight:bold} 


.kn_closes_quest_s,
.kn_closes_quest {background:url(../images/svg/krest.svg) no-repeat left top; 
             width:28px;height:28px;
             border:none;cursor:pointer; color:#000;
             font-weight:normal; padding:0; opacity: 0.7; margin-right:-7px; 
             margin-top:3px;
             float:right;}
.kn_closes_quest_s,
.kn_closes_quest:hover {opacity:1}
.kn_closes_quest_s {position:absolute;right:0px;}


.show_rekvizit {height:14px; padding:5px; text-align:left; 
                           border:1px #ccc solid;
                           background-color:#fff;}

.opacit {opacity: 0.8; cursor:pointer;}

.opacit:hover {opacity:1.0;}

.tovgrAdd,
.NapravleniyaAdd,
.brendsAdd {background-color:#fff; margin-top:2px; padding:4px; width:240px; color:#000; border:1px #aaa solid; color:#369;}

.btn_fileOpen {height:30px; width:60px;  border:1px rgba(255, 204, 1, 0.5) solid;
             color:rgba(0, 0, 0, 1);
             background-color:rgba(255, 204, 1, 0.5); 
               font-size:12px; text-align:center; 
               margin: 0;  padding: 0; padding-top:3px;
               cursor:pointer;
              }

.btn_fileOpen:hover { color:#fff;       background-color:#f90; }



h1 {font-size:16px; color:#369; padding:0px;}

.vert {display: table; font-family: Proxima; }
.vert_outer {display: table-cell;  vertical-align: middle; font-family: Proxima;  }

.item_select { 
               color:rgba(0, 0, 0, 0.7);
               font-size:14px; text-align:left; 
               margin: 0;  padding: 2px;
               cursor:pointer;
               background-color: #fff;
               z-index:1;
               border-top:1px rgba(0,0,0,0.15) solid; 
               padding-left:5px; 

}             
.item_select:hover {background-color:rgba(255,204,1,0.5); color:#000;}

#reports_div {text-align:left; padding-left:10px; height:600px; overflow-y: auto; padding-right:10px;}

#pelena { display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#000;  z-index:1000;
          filter:alpha(opacity=50); /* IE 5.5+*/
          -moz-opacity: 0.55; /* Mozilla 1.6 и ниже */
           -khtml-opacity: 0.55; /* Konqueror 3.1, Safari 1.1 */
              opacity: 0.55; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
              position:fixed;

        }


#show_div { display:none;  top:0px; width:100%; position:fixed; overflow:auto; bottom: 0;
                padding:20px; height:100%;
                left:0px;                 
                z-index:1001; 
           
                
          }

#show_div_content { position:absolute; z-index:1003; background-color:#fff; width:1200px; left:50%; margin-left:-635px; min-height:600px; padding:20px;
                    background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 0px;
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); z-index:1002 
                  } 

#show_div_content_close  {position:absolute; z-index:1004; width:48px; left:50%; margin-left:570px; top:27px;}        





#my_iframe  {width:100%; height:150000px; border:0; overflow-x: hidden; overflow-y: auto;}      
     

#napominanie_div { display:none; position:absolute; top:50%; left:50%;  width:500px; margin-left:-250px;  margin-top:-150px;
                background-clip: padding-box;
                background-color: #FFFFFF;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  
                padding: 6px;  paggint-top:16px;background-color:#fbfbfb;        
                z-index:3100;
                 position:fixed;
        }

/*  border: none; */


#menu_s{ position:absolute; top:35px; left:0px;  margin-top:1px; 
         font-family: JetBr; font-weight:600; }
#menu_s ul{	 left:0px; 	margin:2px; padding:0; }
#menu_s ul li{display:block; float:left; vertical-align:bottom; margin-left:3px;  }
#menu_s ul li a{line-height:20px; text-decoration:none; color:#eee;  
                padding:5px 12px; 
                font-size:15px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#368 url(../  ) repeat-x;
                cursor:pointer;
                font-weight:300;
                }

#menu_s ul li a:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:5px 12px; 
                       font-size:15px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#f40 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      font-weight:300;
                       cursor:pointer;
                      }

#menu_s ul li span {line-height:20px; text-decoration:none; color:#FFFFFF;  
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ; 
                      font-size:15px; 
                      background:#3498db url(../  ) repeat-x;
                      padding:4px 12px; 
                      font-size:15px;  border-radius: 3px ;
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                       font-weight:300;
              				float:left; }



.show_rekvizit {height:14px; padding:5px; text-align:left;  border:1px #ccc solid; background-color:#fff;}

.zag_reg  {width:499px; color:#369; font-weight:100;  border-top:1px #eee solid; border-left:1px #eee solid;  border-bottom:0px #ccc solid; 
            border-right:1px #ccc solid; background-color:#F0F8FF; margin-top:1px; text-align: center; padding-bottom:5px; padding-top:5px; font-size:11px;}
.reg_str {width:500px;   border-bottom:2px #fff solid; padding-bottom:4px; background-color:#F2F2F2; border-top:1px #ccc solid; border-left:1px #ccc solid; margin-top:0px;}
.reg_txt{width:140px; float:left; text-align:left; border:0px solid; height:16px;  padding-top:5px;  padding-left:10px;color:#111;}
.reg_txt_e{width:120px; float:left; text-align:left; border:0px solid; height:25px;  padding-top:5px;  padding-left:10px;color:#111;}
.reg_txt_c{width:160px; float:left; text-align:left; border:0px solid; height:16px;  padding-top:5px;  padding-left:10px;color:#111;}

.rez_input{float:left;border:0px solid;height:auto; margin-top:1px; font-size:14px;}

.input_s {width:250px;height:17px; border:solid 1px #aac; color:#369;border-radius: 3px 3px 3px 3px;font-size:14px; padding-left:3px;padding-right:3px;}

textarea:focus, input:focus {  outline: none;}


#footer{ background:url(../images/footer.gif) repeat-x ;  height:21px; width:99%; color:#1160AE; font-size:12px; position:fixed; bottom:0px;  z-index:100; padding:2px; left:0.5%; padding-top:2px;
  background-color: #FFFFFF;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px 6px 6px 6px;
                z-index: 10000000; 
       }

#header{ background:url(../images/head_fon_sm.gif) repeat-x; height:73px;  width: 99.3%;  font-size:12px; position:fixed; margin-top:-2px; z-index: 1000;}
#header a {text-decoration:none; font-size:12px; color:#2168B6; padding:12px;}		
#header a:hover {text-decoration:underline;font-size:12px;  color:#006600; }		


#sots { width:120px; height:165px; position:absolute; bottom:2px; left:74px; border: 1px #9AD0F8 solid; background:#FFFFFF; padding:2px; display:none; z-index:101; text-align:left; padding-top:8px; }	
#sots a {text-decoration:none; font-size:12px; color:#2168B6; padding:8px;}		
#sots a:hover {text-decoration:underline;font-size:12px;  color:#006600; padding:8px; }		



#entry {background:url(../images/vhod.png) no-repeat  left top; width:220px; height:auto;  }
  #entry table td{ padding:1px 1px 1px 8px;  font-family: JetBr;; font-size:16px; color:#666;}
  #entry a{color:#ccc;text-decoration:none;      font-size:10px; font-family: JetBr;}
  #entry a:visited{color:#ccc;text-decoration:none;              font-size:10px; font-family: JetBr;}
  #entry a:hover{color:#333; text-decoration:underline;  font-size:10px; font-family: JetBr;; color:red;}

.zag_window {background-color: #F0F8FF;   border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;   border-style: solid;   border-width: 1px 1px 1px 1px;
    		 color: #336699;   font-size: 12px;   font-weight: 600;   margin-top: 1px;   padding-bottom: 1px;   padding-top: 1px;   text-align: center;}

.bg_window {background-color: #f7f7f7;   border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;  
           border-style: solid;   border-width: 1px 1px 1px 1px;
    		 color: #336699;   font-size: 11px;   font-weight: 100;   margin-top: 3px;   
         padding-bottom: 1px;   padding: 3px;  border-bottom:1px #aaa solid; text-align: center; height: auto;}

.both {clear:both;}

.w {color:white; font-family: JetBr;; font-size:9px;}
.b {color:blue; font-family: JetBr;; font-size:16px; font-weight:bold}
.red {color:red; font-family: JetBr;; font-size:10px; font-weight:bold}

.red1 {color:red; font-family: JetBr;; font-size:12px; font-weight:bold}
.bltxt {color:blue; font-family: JetBr;; font-size:14px; font-weight:bold}
.p1{ font-size:14px; font-family: JetBr;; color:#171762}
.kursiv{ font-size:12px; font-family: JetBr;; color:#006; font-style:italic}
.fon {color:#F3F3F3; font-family: JetBr;; font-size:10px;}
.blue1 {color:#4F93F9; font-family: JetBr;; font-size:15px; font-weight:bold}
.bl {color:black; font-family: JetBr;; font-size:9px;font-weight:normal;}
.bl_s {color:blue; font-family: JetBr;; font-size:9px;font-weight:normal;}

.shap {color:#0E5487; font-family: JetBr;; font-size:9px; }
.si {color:#1F2E85; font-family: JetBr;; font-size:10px; font-weight:bold}
.dt {color:#333; font-family: JetBr;; font-size:7px; font-weight:bold}
.smbl {color:black; font-family: JetBr;; font-size:7px; }


.c_blue  {color:#014078; font-family: JetBr;; font-size:12px;  }
.c_green {color:#1F7709; font-family: JetBr;; font-size:12px;}
.c_goluboy  {color:#5BA3E3; font-family: JetBr;; font-size:12px;}
.c_red   {color:#A61511; font-family: JetBr;; font-size:12px; }
.c_black {color:black; font-family: JetBr;; font-size:12px; }
.c_black1 {color:black; font-family: JetBr;; font-size:12px; font-weight:normal}
.c_brown {color:#836852; font-family: JetBr;; font-size:12px; }

.black {color:black; font-family: JetBr;; font-size:14px; }
.sm {color:#666; font-family: JetBr;; font-size:9px; font-weight:600}
.zag {color:#369; font-family: JetBr;; font-size:18px; font-weight:bold; }

.bg_ism { color: #369; }
.bg_ism :hover {   color: #f40; }

.list_table tr { background: #fff;color: inherit; } 
.list_table tr.row_0 { background: #f5f7fd; color: inherit;}
.list_table tr.row_0:hover { background: #f5c5c2; color: inherit;}

.list_table tr.row_2 { background:#fafafb  color: inherit;}
.list_table tr.row_2:hover { background:#f5c5c2;  color: inherit;}

.list_table tr.row_4 { background:#faeeef;  color: inherit;}
.list_table tr.row_4:hover { background: #f5c5c2; color: inherit;}

.list_table tr.row_1 {  background: #f0f1f7f2;  color: inherit;}
.list_table tr.row_1:hover { background: #fefefe;  color: inherit;box-shadow: inset 0 0 .4em #aaa  }}

.list_table tr.row_11 {  background: #ffffff;  color: inherit;}
.list_table tr.row_11:hover { background: #fefefe;  color: inherit;box-shadow: inset 0 0 .4em #aaa  }}


.list_table tr.row_3 {  background: #f1f1f1;  color: inherit;}
.list_table tr.row_3:hover {  background: #f5c5c2;  color: inherit;}


.list_table tr.row_5 {  background: #ffd1b2;  color: inherit;}

.list_table tr.row_7 {  background-color: #F0FFF0;  color: inherit;}
.list_table tr.row_7:hover {  background-color: #FFF8DC;}

.list_table th {   font-family: JetBr; font-weight:600;
                   background:#c0daeb; color:#000; padding: 2px; padding-bottom:1px; font-weight:300;  font-size:13px;  text-align:center; 
                   border-bottom: 2px #aaa solid; }
.list_table td {   text-align: left; border-bottom: 1px #aaa solid; border-right: 1px #ccc solid;
                   padding: 2px; padding-bottom:1px;
                   font-size:12px;font: 12px font-family: JetBr; border-right:1px #aaa solid;    }


.lt_white th {  background:#34495e; color:#fff; padding: 2px; padding-bottom:1px; font-weight:300;  font-size:11px;  text-align:center; 
                border-bottom: 2px #aaa solid; font-family: JetBr; border-right:1px #aaa solid; }
.lt_white td {  text-align: left; border-bottom: 1px #aaa solid; border-right: 1px #ccc solid; padding: 2px;
                padding-bottom:1px; font-weight:300;  font-size:11px;font-family: JetBr;
                border-right:1px #aaa solid;   }

.lt_white tr { background: #fff;color: inherit; } 

.lt_white tr.row_1 {  background: #eceffb;  color: inherit; font-family: JetBr;}
.lt_white tr.row_1:hover {  background: #f5c5c2;  color: inherit; font-family: JetBr;}

.lt_white tr.row_2 {  background: #f5f5f5;  color: inherit; font-family: JetBr;}
.lt_white tr.row_0 {  background: #fefefe;  color: inherit;font-family: JetBr;}


.window_press  {   background-clip: padding-box;
                background-color: #FFFFFF;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px 6px 6px 6px;
                box-shadow: -3px -2px 10px rgba(0, 0, 0, 0.2);  
                padding: 6px;  background-color:#fbfbfb;  
                font-family: JetBr;
                border-top: 1.5px #909090 solid;
                border-left: 1.5px #909090 solid;
               }

.window_ram {   background-clip: padding-box;
                background-color: #FFFFFF;
                border: 0px solid rgba(0, 0, 0, 0.2);
                border-radius: 0;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);  
                padding: 6px;  background-color:#fbfbfb;  
                font-family: JetBr;
              }

.window_ram_t {   background-clip: padding-box;
                background-color: #FFFFFF;
                border: 1px #ddd solid;
                border-radius: 0;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);  
                padding: 6px;  background-color:#fbfbfb;  
                font-family: JetBr;
              }

.window_ramv {  background-clip: padding-box;
                background-color: #FFFFFF;
                border: 1px solid rgba(0, 0, 0, 0.2);
                border-radius: 6px 6px 6px 6px;
                padding: 0px;  
                background-color:#fbfbfb;  
                font-family: JetBr;
              }

.window_ram_ser {  
                overflow: auto;
                word-wrap: normal;
                border: 1px solid #ccc;
                border-radius: 2px;
                box-shadow: inset 0 0 .5em #ccc;
                padding: .7em 1em;
                font-family: JetBr;
                              }

              
.window_ramz {  background: #fff;   background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                padding-top: 4px;  }      

.window_ramz_press{  background: #fff;   background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
                padding-top: 4px;  }      

.window_ramz_press:hover{  background: #fff;   background-clip: padding-box;
    background-color: #FFFFFF;
    color:red;
    border: 1px solid red;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
                padding-top: 4px;  }   


.window_ramz_vib{  background: #fff;   background-clip: padding-box;
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                padding-top: 4px;    }      

.window_ramz_vib:hover{  background: #fff;   background-clip: padding-box;
    background-color: #FFFFFF;
    color:red;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border: 1px solid red;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
                padding-top: 4px;   }   




.window_gray { background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9DADA;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 14px;
    padding: 2px;
    transition: opacity 0.5s ease 0s;
              }


/*- Menu Tabs 22--------------------------- */
 #tabs22 { font: 11px JetBr; float:left; width:100%;font-size:93%;line-height:normal; font-weight:600; }
    #tabs22 ul { margin:0; padding:0px 10px 0 0; font-family: Roboto;
                    text-transform:uppercase;font-weight:400;}
    #tabs22 li { display:inline; font-weight:100;    
                  margin:0;      padding:0; }
    #tabs22 a {float:left; font-weight:100; cursor:pointer;    margin:0;      
               padding:0 0 0 0px; text-decoration:none;height:24px;
               border-bottom:#E0E0E0 1px solid; 
               color:#1111; font-weight:400; border-right:0px ;
                 
              }

    #tabs22 a span { float:left; display:block;  cursor:pointer;     
                    background:url("../images/ser_menu/tabright22_s.gif") no-repeat right top;
                     padding:5px 15px 4px 6px;  color:#777; height:15px;
                     border-left: 1.5px #D0D0D0 solid;
                     border-right: 0px;
                     border-bottom:#E0E0E0 1px solid; border-radius: 5px 5px 0px  0px ; 
                     font-weight:400; font-size:11px;
                   }
 
   #tabs22 a:hover{ text-decoration:none};
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs22 a span {float:none; color:#6E6E6E; cursor:pointer; font-weight:600;font-size:10px;}
    #tabs22 #vib {color:#2175A3; margin-top:-4px; font-weight:bold; font-size:11px;}
    #tabs22 #vib {float:left; font-weight:600;      background:url("../images/ser_menu/tableft22.gif") no-repeat left top;      margin:0;     
                  padding:0 0 0 5px; text-decoration:none; margin-top:-5px; }
    #tabs22 #vib .vb { float:left; display:block;      background:url("../images/ser_menu/tabright22.gif") no-repeat right top; 
                  padding:5px 15px 4px 6px;  color:#24618E; height:24px; margin-top:0px; }
    #tabs22 #vib a span{color:#CACACA;}
    #tabs22 #vib a:hover span { color:#FFF;text-decoration:none; }

    /* End IE5-Mac hack */
    #tabs22 a:hover span { color:#FFF; }
    #tabs22 a:hover      {   background-position:0% -42px; text-decoration:none;       }
    #tabs22 a:hover span {   background-position:100% -42px; text-decoration:none;     }
/* ``````````````````````````````````````````````````````````````````````````````   */
.serdtse      {background:url(../images/serdtse.png) no-repeat left top; border:0px; width:16px; cursor:pointer; }
.serdtse:hover      {background:url(../images/serdtse_h.png) no-repeat left top; border:0px; width:16px; cursor:pointer; }

.serdtse_none {background:url(../images/serdtse_none.png) no-repeat left top; border:0px; width:16px; cursor:pointer;  }
.serdtse_none:hover {background:url(../images/serdtse_none_h.png) no-repeat left top; border:0px; width:16px; cursor:pointer;  }

.transporant {text-align:center; height:22px; padding:3px; background-color:#f3f3f3;border: 0px solid rgba(0, 0, 0, 0.2);
               border-radius: 6px 6px 6px 6px; color:#369; font-size:12px; cursor:pointer;}
.selectedbox {width:auto;height:17px; border:solid 1px #aac; color:#369;border-radius: background-color:#ff9; 3px 3px 3px 3px;font-size:14px; padding-left:0px;padding-right:0px; cursor:e-resize;}


.navigation{ height:32px;  width:auto; color:#1fff; float:left; margin-top:3px;  }
#str_lst,
.navigation a:link,
.navigation a:visited,
.navigation a:active { width:auto;
                    text-align:center;
                    background-color: #369; 
                    
                    font-size: 14px;
                    line-height: 21px;
                    height: 32px;
                    font-family: Rubik,icomoon,sans-serif;
                    white-space: nowrap;
                    color: #fff;
                    border:0px;
                    border-radius: 3px;
                    text-shadow: 0px 0px 0px #fff;
                    font-weight: 500px;
                    text-decoration: none;
                    padding: 6px 14px 6px 14px;
                    margin-left:5px;
                   }

#str_lst:hover,
.navigation a:hover  {  cursor:pointer; font-size:14px; color:#fff;  text-decoration:none;
                        background-color:#3498db; }



.sel { line-height:20px; text-decoration:none;  padding:4px 8px;  font-size:16px; border-radius: 2px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                      color:#000; 
                      text-shadow: 1px 1px 1px  #fff; 
                      background:#f5f5f5 url(../  ) repeat-x;
                      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);
                       -webkit-box-shadow:0 1px 2px #777;
                       -moz-box-shadow:0 1px 2px #777;
                      cursor:pointer;
                      border: solid 1px #369; 
                      border-top:1px #ddd solid;
                      border-left:1px #ccc solid;
                     }
.sel:hover  {  width:auto;
                    text-align:center; 
                    background-color:#346df1;
                    font-size: 14px;
                    line-height: 21px;
                    height: 32px;
                    font-family: Rubik,icomoon,sans-serif;
                    white-space: nowrap;
                    color: #fff;
                    border:0px;
                    border-radius: 3px;
                    text-shadow: 0px 0px 0px #fff;
                    font-weight: 500px;
                    text-decoration: none;
                    padding: 6px 14px 6px 14px;
                    margin-left:5px;}


.sel1 {  
         color:#000; 
         background:#fff;
         cursor:pointer;
         border-top:2px #999 solid;
         border-left:2px #999 solid;
         border-right:1px #ccc solid;
         border-bottom:1px #ccc solid;
         width:auto;
         text-align:center; 
         font-size: 14px;
         line-height: 21px;
         height: 29px;
         font-family: Rubik,icomoon,sans-serif;
         white-space: nowrap;
         border-radius: 3px;
         text-shadow: 0px 0px 0px #fff;
         text-decoration: none;
         padding: 0px 0px 0px 4px;
         margin-left:5px;
         width:auto;
         font-weight: 600;
       }
.sel1:hover  { width:auto;cursor:pointer; color:red; text-decoration:none;font-weight: 600;}





.navigation1{ height:30px; width:auto; color:#111; background-color:#f5f5f5;  margin-top:3px; font-size:16px; float:left;  }
.navigation1 a:link,
.navigation1 a:visited,
.navigation1 a:active { line-height:20px; text-decoration:none; color:#eee;  padding:4px 8px;  font-size:15px; border-radius: 2px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                      background:#389 url(../  ) repeat-x;
                      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                       
                      border: solid 1px #369; 
                      border-top:1px #ddd solid;
                      border-left:1px #ccc solid;

                     }
.navigation1 a:hover  { background:#f40;  color:#fff; text-decoration:none;}


.kn_operator {background:url(../images/operator_h.png) no-repeat left top;  margin-top:0px; height:24px; border:none;cursor:pointer; font-size:10px; }
.kn_operator_c:hover {background:url(../images/operator_h.png) no-repeat left top;  margin-top:0px; height:24px;border:none;cursor:pointer; }

.CheckBoxClass { display: none; }
.CheckBoxLabelClass{
    background:url("../images/UnCheck.png") no-repeat;
    padding-left: 30px;
    padding-top: 6px;
    margin: 5px;
    height: 20px;
    width: 150px;
    display: block;
}
.CheckBoxLabelClass:hover{ text-decoration: underline; }
.LabelSelected{ background: url("../images/Check.png") no-repeat; coursor:pointer; }

.input_best {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

btn-default {
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
    text-shadow: 0 1px 0 #FFFFFF;
}

.submit-small { display: inline-block; margin: 0;padding: 2;vertical-align: top;border: 0;color: #fff;font: 24px/30px font-family: JetBr;;font-weight: 200; font-size:15px;
                text-decoration: none; background-color: #3498db; cursor: pointer; border-radius: 7px; -webkit-transition: background .3s linear; -moz-transition: background .3s linear;
                -o-transition: background .3s linear;transition: background .3s linear;width:30px;
                height:30px;
              }
.submit-small:hover { color: #fff;background-color: #4ea3db;}  

.otmena { border: 0;color: #fff;font: 24px/30px font-family: JetBr;;font-weight: 200; font-size:15px;
                text-decoration: none; background-color: #e74c3c; cursor: pointer; border-radius: 7px; -webkit-transition: background .3s linear;
                  -moz-transition: background .3s linear; padding-bottom:0px;
                -o-transition: background .3s linear;transition: background .3s linear; 
                width:20px;height:30px;
              }
.otmena:hover { color: #fff;background-color: #f60;}  


.input_shadow { border-radius: 3px 3px 3px 3px; background-color: #fff;   border: 1px #ccc solid;        box-shadow: 4px 2px 6px -2px rgba(0, 0, 0, 0.4) inset;
                     overflow: hidden;  padding: 2px 1px 1px 6px;  width: 100%;    
              }

.input ,
input[type=text]  {  border-radius: 2px 2px 2px 2px; 
                     background-color: #fff;   border: 1px #ccc solid;
                     font-family: JetBr;   
                     font-size: 14px; 
                     padding: 2px 2px 2px 6px;  width: 327px;  
                     margin: 0;
                     padding: 3px 3px;
                     border: 1px solid #b5b5b5;
                   } 

.input {border-radius: 2px 2px 2px 2px; 
                     background-color: #fff;   border: 1px #ccc solid;
                     font-family: JetBr;   
                     font-size: 14px; 
                     padding: 2px 2px 2px 6px;  width: 100%;  
                     margin: 0;
                     padding: 3px 3px;
                     border: 1px solid #b5b5b5;}



.input_select {      border-radius: 2px 2px 2px 2px; 
                     background-color: #fff;   border: 1px #ccc solid;
                     font-family: JetBr;   
                     font-size: 14px; 
                     padding: 2px 2px 2px 6px;  width: 100%;  
                     margin: 0;
                     padding: 3px 3px;
                     border: 1px solid #b5b5b5;
                   }

input[type=password]  {  border-radius: 2px 2px 2px 2px; 
                     background-color: #fff;   border: 1px #ccc solid;
                     font-family: JetBr;   
                     font-size: 14px; 
                     padding: 2px 2px 2px 6px;  width: 100%;  
                     margin: 0;
                     padding: 3px 3px;
                     border: 1px solid #b5b5b5;}

textarea      { 
                border-radius: 3px 3px 3px 3px;  
                background-color: #fff;  
                border: 1px #ccc solid;  
               
                overflow: hidden; padding: 2px;  width: 100%;
              }


select       {   border-radius: 2px 2px 2px 2px; 
                     background-color: #fff;   border: 1px #ccc solid;
                     font-family: JetBr;   
                     font-size: 14px; 
                     
                     padding: 2px 2px 2px 6px; 
                     margin: 0;
                     padding: 3px 3px;
                     border: 1px solid #b5b5b5;
             }              
input[type=checkbox]  { width:16px; cursor:pointer;
                        border-radius: 2px 2px 2px 2px; background-color: #fff;   border: 1px #ccc solid;    
                        box-shadow: 4px 2px 6px -2px rgba(0, 0, 0, 0.4) inset; font-size:14px;
                        overflow: hidden;  padding: 2px 1px 1px 6px;    }

.metka {  margin: 0;  padding:1px;  padding-left:5px; padding-right:5px; vertical-align: top;border: 0;color: #fff;
                sans-serif;font-weight: 200; font-size:15px;
                text-decoration: none; background-color:#f50; cursor: pointer; border-radius: 15px; -webkit-transition: background .3s linear; -moz-transition: background .3s linear;
                -o-transition: background .3s linear;transition: background .3s linear; 
              }
.metka:hover { color: #fff;background-color:#CD8123;}