@font-face {  font-family: 'Roboto';  src: url('../fonts/Roboto-Regular.ttf');    font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'RobotoB';  src: url('../fonts/Roboto-Bold.ttf');    font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'RobotoL';  src: url('../fonts/Roboto-Light.ttf');    font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'RobotoM';  src: url('../fonts/Roboto-Medium.ttf');    font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'RobotoF';  src: url('../fonts/Roboto-Thin.ttf');    font-weight: normal;  font-style: normal; }
@font-face {  font-family: 'ProximaB';  src: url('../fonts/Roboto-Bold.ttf');    font-weight: normal;  font-style: normal; }

.transporant  {text-align:center; color:#2A9E89; font-size:15px; padding-left:10px; padding-right:10px;padding-top:2px; background-color:#fff; line-height:1.0;}

.prb_select { color: #2A9E89;  font-weight:900;}
#pages_str  a {width:auto; padding:0px 3px 0px 3px; text-align:center; float:left; cursor:pointer;}             
#pages_str  a:hover {color: #F15A24;}             
.hidden_box_seo { height:1px; width:1px; display:none;}

.iconsocnet {width:55px; font-size:12px; text-align:center; height:70px;
             float:left; margin-left:10px; cursor:pointer; opacity:0.5;
             filter: grayscale(100%); color:#333;
            }
.iconsocnet:hover {opacity:1.0; filter: grayscale(30); color:green}             

.iconsocnet_sel {width:55px; font-size:12px; text-align:center; height:70px;
             float:left; margin-left:10px; cursor:pointer; opacity:1.0;
              color:green; font-weight:700;
            }
.iconsocnet_sel:hover {opacity:0.8; }             
.smallfont {font-size:11px; color:#777; font-family: 'Roboto'; font-weight:300;}

.img_socnet {width:50px; height:50px;}
.hidens {display:none;}


.copy_svg_right {float:right;width:28px; margin-left:-25px; margin-top:-5px;  height:24px; opacity:1.0; cursor:pointer;}
.copy_svg:hover {opacity:0.7;}

.copy_svg_left {float:left;width:28px; margin-left:-25px; margin-top:-5px;  height:24px; opacity:1.0; cursor:pointer;}
.copy_svg:hover {opacity:0.7;}

pre {white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, с 1999 года*/
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   }

.link_green {text-decoration: underline; color:#046A5D; opacity:1.0;cursor:pointer;}
.link_green:hover {text-decoration: none;   opacity:0.8;}


.viskl_znak {background-color:red; float:left; color:#fff; font-weight:900; width:16px; padding:1px; text-align:center; 
                       font-size:12px; height:15px;border-radius:20px;margin-top:-1px;}
.red_link {color:red;}

.green_link {color:green;}

.gr_send,
.gr_link {color:#2A9E89; font-family:Roboto;}
..gr_send {text-decoration:underline;}

.opacit {opacity:1.0;}
.opacit:hover {opacity:0.7;}
.list_table_free tr { background: #fff;color: inherit; } 
.list_table_free tr.row_0 { background: #f5f5f5; color: inherit;}
.list_table_free tr.row_0:hover { background: #f5c5c2; color: inherit;}


.list_table_free th {   font-family:'Roboto';font-weight:300; min-height:30px;
                   background:#f5f5f5; color:#333; padding: 1px; padding-bottom:1px; font-weight:300; 
                   font-size:14px;  text-align:center; 
                   border-bottom: 1px #ccc solid; opacity: 1;}
.list_table_free td {   text-align: left; border-bottom: 1px #aaa solid; border-right: 1px #ccc solid; padding: 2px; padding-bottom:1px;
                    font-size:14px; font: 12px 'Roboto'; border-right:1px #aaa solid;    }

.list_table_free tr.row_3 {  background: #ffffff;  color: inherit;}
.list_table_free tr.row_3:hover {  background: #f5c5c2;  color: inherit;}


.knGreen {padding: 20px ; background-color:#2A9E89; border-radius:4px; font-weight: 700; cursor: pointer;
                     height:40px; text-align: center; font-size:14px; color:#fff;  line-height:14px; 
                     text-transform: uppercase; width: auto; height:10px; border-radius: 4px;
         opacity: 1.0;
   }
.knGreen:hover {opacity: 0.8; }   


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

.kn_close_btn { background:url(../images/svg/red_krestik.svg) no-repeat left top;
                cursor:pointer; border:0px; border:0px; width:8px; height:18px; 
                opacity: 0.5;}
.kn_close_btn:hover { opacity: 1.0;}


.kn_seach {line-height: 24px; height:44px; padding:10px; cursor:pointer;
         text-decoration: none; cursor:pointer;background-color:#391; 
         color: #fff; border:1px #391 solid; border-radius:4px; opacity:1.0;}
.kn_seach:hover {opacity:0.8;}          

.kn_seach_none {line-height: 24px; height:44px; padding:10px; opacity:0.5;
         text-decoration: none; cursor:pointer;background-color:#f5f5f5; 
         color: #777; border:1px #999 solid; border-radius:4px; }}

.showclass {display: block;}
.galka_element {width:5px; color:#fff; position:absolute; margin-left:-12px; }
.red_metka {border:1px red solid; padding:5px; color:red; font-size:13px;}
.under {text-decoration:none;}
.under:hover {text-decoration:underline;}

.links {color: rgba(26,115,232,1);}
.otvet_galka  {float:right; width:10px; margin-right:-2px;height:20px;cursor:pointer; padding-top:8px;  opacity: 0.1;}
.otvet_galka:hover {opacity: 1.0;}
.ro { font-family: 'Roboto';}
.ro_b { font-family: 'RobotoB';}
.ro_l { font-family: 'RobotoL';}
.ro_m { font-family: 'RobotoM';}
.ro_f { font-family: 'RobotoF';}

.br_div {clear: both; display: none;}


body  {  font-family: 'Roboto'; font-size:14px; margin-top:0px; padding:0px; background-color: #efefef; min-width: 320px; 
         overflow-x: hidden;
      }

.mess_top_red_small {height:10px; background-color: #a00; color:#fff;
                     padding: 1px  3px 1px  3px ;
                     border-radius: 20px; font-size:9px; font-weight:700; cursor:pointer;}

.vibor_box_red {text-align:left;   border-radius:4px; color:#000;
                background-color:rgba(240,240,240); padding:10px; 
                box-shadow: 0px 10px 22px rgba(255, 255, 255, 1); 
                cursor:pointer; border:2px red solid;}


.vibor_box {text-align:left;   border-radius:4px; 
            background-color:rgba(255,255,255); padding:10px; color:#bbb;
             box-shadow: 0px 10px 22px rgba(255, 255, 255, 1); cursor:pointer; border:1.5px #ccc solid;}
.vibor_box:hover {box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1); border:1.5px #777 solid;}


.vibor_box_sel {text-align:left;   border-radius:4px; color:#000;
                background-color:rgba(240,240,240); padding:10px; 
                box-shadow: 0px 10px 22px rgba(255, 255, 255, 1); 
                cursor:pointer; border:1.5px #ccc solid;}

.vibor_box_sel:hover {box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1); border:1.5px #777 solid;}

.opacit100 {opacity:1.0;}
.opacit30 {opacity:0.3;}
.opacit30:hover {opacity:1.0;}


.mess_top_red1 {position:absolute; display: none; height:17px; background-color: #d00; color:#fff; 
                padding: 4px  7px 0px  7px ; border-radius: 30px; margin-top:-45px; margin-left:110px;
                font-size:14px; font-weight:700; cursor:pointer; opacity: 1.0}
.mess_top_red1:hover { background-color: #c00;  }


.mess_top_red2 {position:absolute; display: none; height:17px; background-color: #d00; color:#fff; 
                padding: 4px  7px 4px  7px ; border-radius: 30px; margin-top:-45px; margin-left:65px;
                font-size:14px; font-weight:700; cursor:pointer; opacity: 1.0}
.mess_top_red2:hover { background-color: #c00;  }

.red_round {position:absolute; height:17px; background-color: #a00; color:#fff;
         padding: 3px  5px 0px  5px ; border-radius: 30px; 
         text-align:center; min-width:11px;
          font-size:14px; font-weight:300; cursor:pointer; opacity: 1.0; z-index:100;}
.mess_top_red {position:absolute; display: none; top: 2px; right: 10px;  height:20px; background-color: #a00; color:#fff; padding: 3px  7px 0px  7px ; border-radius: 30px; font-size:14px; font-weight:700; cursor:pointer; opacity: 0.7}
.mess_top_red:hover {opacity: 1.0; background-color: #d00; }

.back_chat{
    
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px; padding: 5px; border-radius: 50px;

}
.back_chat:hover {background-color: #e0e0e0;}

.obr_seach {padding: 0px 60px  40px;}
.window_ramNS1 {background-color: #ffffff; font-weight: normal; padding: 20px; text-align: left;}

.smalls {font-size:10px; color:#000; font-weight:400px;  }

.window_ram_menu {width:204px; height:91px; position: absolute; border: 2px solid #E0E0E0; 
                  border-radius: 2px; background-color: #ffffff;
                  box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                  margin-top:20px; display: none;  right: -5px;
                 }


.kn_plus_green { background:url(../images/svg/plus.png)
        no-repeat left top; cursor:pointer; border:1px solid; width:20px; height:20px; 
               opacity: 0.7;}
.kn_plus_green:hover { opacity: 1.0;}


.sel_click {opacity :0.7;  border: 1px #fff solid;} 
.sel_click:hover { opacity:  1.0;border: 1px red solid; border-radius: 4px;}
.cls {clear: both;}


.close_X {background:url(../images/svg/X.svg) no-repeat left top;  width:34px;  height:34px; 
          cursor:pointer;  border:0px; }
.close_X:hover {box-shadow: 0 5px 10px #00000021; }  

.blue_button { height:45px; width:160px; font-family: 'ProximaSemi'; 
               color:#FCFCFC;       border-radius:4px;
               font-size:17px;       background-color:#0067C1;  
                text-align:center;  line-height: 46px;
                cursor:pointer;
              }
.blue_button:hover {box-shadow: 0 5px 10px #00000021; }   

.kroshki {color: #888; font-size: 16px;}
.kroshki:hover {color: #369;}


html,body,div,span,applet,obJect,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,hr,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure {
    margin:0;
    padding:0;
    border:none;
    outline:none;
    }

:focus {
    outline:none;
    }
.top_main { min-height:80px; width:100%; font-family: 'Roboto'; 
            background: #FFFFFF; 
            box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
  }

.input_titul_bl {width: 360px; text-indent: 15px; margin-top: 20px; height:46px;
                 line-height: 48px; padding: 0px; background-color: #ffffff;
            font-size: 18px; font-weight: 400; border-radius: 4px; border: 1.5px #D0D0D0 solid;}
.titles_h1  {padding-top:3px; padding-left:2%; margin-top:-20px; font-size:24px;}

#right_entry {position:absolute; right: 0px; width: auto;  padding-left: 20px; padding-right: 20px; z-index: 100; background-color: #ffffff;
             height:76px;  }
#kn_entry {border: 1px #aaa solid; padding: 6px; width: 20px; height: 20px; float: left; 
           border-radius: 6px; margin-top: 20px; cursor: pointer;}
#kn_entry:hover {border: 1px  #D4424B solid;}


#kn_burger {border: 1px #ffffff solid; padding: 5px; padding-top: 6px; width: 25px; height: 20px; float: left; 
           border-radius: 6px; margin-top: 20px; cursor: pointer; margin-left: 10px;}
#kn_burger:hover {border: 1px  #D4424B solid;}



#entry_textMenu {padding: 10px; width: 128px; height: 16px; float: left; border-radius: 6px; margin-top: 20px; cursor: pointer; margin-left: 8px;}
#entry_textMenu a {font-family: 'Roboto';text-decoration:none; font-size: 14px; line-height: 16.41px; font-weight: 400; color: #000;}
#entry_textMenu a:hover {text-decoration:underline;}
 

#menu_s{ position:relative; top:14px; left:0px;  margin-top:-2px; text-transform: uppercase;
         font-family: Roboto; font-weight:400; font-size:12px; line-height: 14px; }
#menu_s ul{  left:0px;  margin:6px; padding:0;}
#menu_s ul li {display:block; float:left; vertical-align:bottom; margin-left:14px; 
               font-size:12px;  
              }
#menu_s ul li a  {text-decoration:none; 
                padding:9px 8px 9px 8px;
                border-radius: 3px ;
                background: #fff;
                opacity: 1.0;
                cursor:pointer;
                font-size:12px; 
                font-weight:500;
                line-height: 14px;
                white-space: nowrap;
                color:#000;
                border: 1px  #fff solid;
             }

#menu_s ul li a:hover {text-decoration:none; 
                padding:9px 8px 9px 8px;
                border-radius: 3px ;
                background: #fff;
                opacity: 1.0;
                cursor:pointer;
                font-size:12px; 
                font-weight:500;
                line-height: 14px;
                white-space: nowrap;
                color:#000;
                border: 1px  #D4424B solid;
             }
              

#menu_s ul li span {text-decoration:none; 
                padding:9px 12px 9px 12px;
                border-radius: 3px ;
                background: #fff;
                opacity: 1.0;
                cursor:pointer;
                font-size:12px; 
                font-weight:500;
                line-height: 14px;
                white-space: nowrap;
                color:#000;
                border: 1px  #2A9E89 solid;
             }



.check_box_yes {width:12px; border: 1px solid #383838;  text-align: center;
                cursor: pointer;    border-radius:2px; height:10px; padding:3px}
.check_box_yes:hover { border: 1px solid #2A9E89;}

.check_box_show {width:12px; border: 1px solid #383838;  text-align: center;
                border-radius:2px; height:10px; padding:3px}



.check_box_no {width:12px; border: 1px solid #D0D0D0;  text-align: center;
                cursor: pointer;    border-radius:2px; height:10px; padding:3px}
.check_box_no:hover { border: 1px solid #2A9E89;}   
                
.check_box_yes:hover { border: 1px solid #2A9E89;}                     


.knWhiteBig {padding: 20px ; line-height: 21px; 
             text-align: center;
             font-weight: 700; color: #000; cursor: pointer;
         width:90%; margin:5px;height:20px; border-radius: 4px;
         opacity: 1.0;

         height:26px; line-height:26px;  
         background-color:#fefefe; 
         border:1px #808080 solid;
         padding:0px;color:#303030;
   }

.knWhiteBig:hover {opacity: 0.8; color:#fff; background-color:#2A9E89;}




.knWhiteBigBlink {padding: 20px ; line-height: 21px; 
             text-align: center;
             font-weight: 700; color: #000; cursor: pointer;
         width:90%; margin:5px;height:20px; border-radius: 4px;
         opacity: 1.0;

         height:26px; line-height:26px;  
         background-color: #2A9E89;
         border:1px #808080 solid;
         padding:0px; color:#fff;
         animation: blink 1s infinite;
   }


@keyframes blink {  0% {    opacity: 1.0;  }
                    50% {    opacity: 0.5;  }
                   100% {    opacity: 1.0;  }
                  }

.knSeaBigBlink { padding: 20px;   background-color: #2A9E89;  font-size: 18px;
  line-height: 21px;  text-align: center;  font-weight: 700;  color: #fff;
  cursor: pointer;  text-transform: uppercase;  width: 260px;
  height: 20px;  border-radius: 4px;  opacity: 1.0;
    animation: blink 1s infinite;
   }                  

.knSeaBigZa1,
.knSeaBigZa,
.knSeaBig {padding: 20px ; background-color:#2A9E89; font-size: 18px; line-height: 21px; text-align: center;
           font-weight: 700; color: #fff; cursor: pointer;
         text-transform: uppercase; width:260px; height:20px; border-radius: 4px;
         opacity: 1.0;
   }



.knSeaBig1 {padding: 20px ; background-color:#2A9E89; font-size: 18px; line-height: 21px; text-align: center;
           font-weight: 700; color: #fff; cursor: pointer;
         text-transform: uppercase; width:260px; height:20px; border-radius: 4px;
         opacity: 1.0;width:auto; margin-left:14px; width:200px;font-size:14px; 
        font-weight:700; height:30px; padding:5px 20px 5px; line-height:30px; margin-left:22px;
   }   

.knSeaBigZa1:hover,
.knSeaBigZa:hover,
.knSeaBig1:hover,
.knSeaBig:hover {opacity: 0.8; }





.knSeaBig2 {padding: 20px ; background-color:#2A9E89; font-size: 14px; line-height: 21px; text-align: center;
           font-weight: 700; color: #fff; cursor: pointer;
          width:260px; height:20px; border-radius: 4px;
         opacity: 1.0;
   }

.knSeaBig2:hover {opacity: 0.8; }



.knSeaBig_gray {padding: 20px ; background-color:#f5f5f5; font-size: 18px; line-height: 21px; text-align: center;
           font-weight: 700; color: #888; cursor: pointer;
         text-transform: uppercase; width:260px; height:20px; border-radius: 4px;
         border-top: #999 1.5px solid;  ;
         border-left: #bbb 1.5px solid;  ;

         opacity: 0.8;
   }

.knSeaBig_Yellow {padding: 20px ; background-color:#f40; font-size: 18px; line-height: 21px; text-align: center;
           font-weight: 700; color: #fff; cursor: pointer;
         text-transform: uppercase; width:260px; height:20px; border-radius: 4px;
         border-bottom: #f90 1.5px solid;  ;
         border-right: #f90 1.5px solid;  ;

         opacity: 0.8;
   }

.knSeaBig_Yellow: hover {opacity:0.7;}   



.lebel_18 {font-family: 'Roboto'; font-size: 18px; font-weight: 700; padding: 10px; padding-right: 0px; line-height: 21px; }
.lebel_24 {font-family: 'Roboto'; font-size: 24px; font-weight: 700; padding: 10px; padding-right: 0px; line-height: 25.2px; }

.lebel_14 {font-family: 'Roboto'; font-size: 14px; font-weight: 400; padding: 10px; padding-right: 0px; line-height: 18px }
.lebel_12 {font-family: 'Roboto'; font-size: 12px; font-weight: 400; padding: 10px; padding-right: 0px; line-height: 14.1px }

.text_18 {font-family: 'Roboto'; font-size: 18px; font-weight: normal; padding: 10px; padding-right: 0px; line-height: 21px; text-align: left; }

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
::-webkit-input-placeholder {color:#D0D0D0;}
::-moz-placeholder          {color:#D0D0D0;}/* Firefox 19+ */
:-moz-placeholder           {color:#D0D0D0;}/* Firefox 18- */
:-ms-input-placeholder      {color:#D0D0D0;} 


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


.pelena_service_select{z-index:10000;width:100%; top:0px; left:0px; position:fixed;height:100%; 
  background-color:#fff; opacity:0.7; display:none;}

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


        }
#pelena_tit1 { display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#303030;  z-index:101000;font-family: Roboto; 
          filter:alpha(opacity=36); /* IE 5.5+*/
          -moz-opacity: 0.86; /* Mozilla 1.6 и ниже */
           -khtml-opacity: 0.36; /* Konqueror 3.1, Safari 1.1 */
              opacity: 0.36; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
              position:fixed;


        }        


#pelena_tit0 { display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#000000;  z-index:100999;font-family: Roboto; 
          filter:alpha(opacity=36);  -moz-opacity: 0.86;   -khtml-opacity: 0.36;
          opacity: 0.36;  position:fixed;

        }
#pelena_tit01 {z-index:101999;display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#000000;  z-index:100999;font-family: Roboto; 
          filter:alpha(opacity=36);  -moz-opacity: 0.86;   -khtml-opacity: 0.36;
          opacity: 0.36;  position:fixed;}        


#pelena_tit2 { display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#000000;  z-index:101000;font-family: Roboto; 
          filter:alpha(opacity=36); /* IE 5.5+*/
          -moz-opacity: 0.86; /* Mozilla 1.6 и ниже */
           -khtml-opacity: 0.36; /* Konqueror 3.1, Safari 1.1 */
              opacity: 0.36; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
              position:fixed;


        }



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


        }


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

        }


#pelena2 { display:none;  top:0px; left:0px;  width:100%; height:100%; 
           background-color:#111111;  z-index:22101;font-family: Roboto; 
          filter:alpha(opacity=56); /* IE 5.5+*/
          -moz-opacity: 0.56; /* Mozilla 1.6 и ниже */
           -khtml-opacity: 0.56; /* Konqueror 3.1, Safari 1.1 */
              opacity: 0.56; /* 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; 
           
                
          }
#alert_window_main_big,
#order_window_main,
#alert_window_main,
#quest_simple { display:none;  top:0px; width:100%; position:fixed; 
                overflow:auto; bottom: 0;
                padding:0px; height:100%;
                left:0px;                 
                z-index:101000; 
              }
#alert_window_main {z-index:102000; }             
#order_window_main {z-index:101001}
#alert_window_main_big {z-index:102002}


#show_div_tit01,
#show_div_tit0 { display:none;  top:0px; width:100%; position:fixed; 
                overflow:auto; bottom: 0;
                padding:0px; height:100%;
                left:0px;                 
                z-index:101000; 
              }

#show_div_tit01 {z-index:111000; }

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

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


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


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


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


#show_div_content_fixed {  z-index:1004;
                    background-color:#fff; width:880px; margin-top: 0px; 
                    left:50%;
                    margin-left:-470px;
                    min-height:50px; padding:20px;
                    background-clip: padding-box;  
                    height:80px; 
                    
                  } 

#show_div_content_tit01,
#show_div_content_tit0 { position:absolute; z-index:1002;
                    background-color:#ffffff; width:960px; margin-top: 10px; 
                    left:50%;
                    margin-left:-520px;
                    min-height:500px; padding:20px;
                    background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);  
                    border:1px solid; margin-bottom:30px;
                    
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); z-index:101002 
                  } 

#show_div_content_tit01 {z-index:1003; margin-top:20px; matgin-left:-500px;left:51%;}

#show_div_content_tit2 { position:absolute; z-index:1002;
                    background-color:#ffffff; width:960px; margin-top: 20px; 
                    left:50%;
                    margin-left:-510px;
                    min-height:500px; padding:20px;
                    background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);  
                    border:1px solid; margin-bottom:30px;
                    
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); z-index:101003 
                  } 


#show_div_content_tit { position:absolute; z-index:1003;
                    background-color:#ffffff; width:960px; margin-top: 20px; 
                    left:50%;
                    margin-left:-500px;
                    min-height:500px; padding:20px;
                    background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);  
                    border:1px solid; margin-bottom:30px;
                    
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); z-index:101002 
                  } 

#show_alert_window_main_big, 
#show_alert_window_main, 
#show_div_content_quest 
{  
    position: fixed; 
    z-index: 1003;
    background-color: #ffffff; 
    width: 400px; 
    min-height: 245px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-clip: padding-box; 
    border: 1px solid rgba(0, 0, 0, 0.2);  
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); 
    z-index: 101002;
}



#show_alert_window_main_big, 
#show_order_window_main 
{
    position: fixed;
    z-index: 1003;
    background-color: #ffffff;
    width: 400px;
    min-height: 245px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2);
    z-index: 101002;
    overflow-y: auto; /* Добавляем прокрутку по вертикали */
    max-height: calc(100vh - 20px); /* Ограничиваем высоту блока */
}
#show_order_window_main {width:360px;   padding:10px; background-color:#efefef;}

#show_alert_window_main_big {width:600px; background-color:#efefef; overflow-x: hidden;}




#show_alert_window_main {z-index: 102002;} 
#show_order_window_main_big {z-index: 102003; }


#show_div_content_tit1 { position:absolute; z-index:1003; background-color:#efefef; width:960px; margin-top: 25px; 
                    left:48%;
                    margin-left:-500px;
                    min-height:500px; padding:20px;
                    background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);  
                    border:1px solid; margin-bottom:30px;
                    
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 1.2); z-index:101001 
                  } 

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





#show_div_content1 { position:absolute; z-index:1003; background-color:#efefef; 
                     width:960px;   max-width:960px; left:48%;
                    margin-left:-500px;
                    min-height:500px; 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:2001;
                    top: 15px; 
                  } 


#show_div_content2 { position:absolute; z-index:3205; background-color:#efefef; 
                     width:960px; left:52%;
                    margin-left:-490px;
                    min-height:500px; 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:2001;
                    top: 15px; 
                  } 


#show_div_content_close  {position:absolute; z-index:1004; width:14px; height:14px; 
                          border:0px;
                          left:50%; margin-left:550px; top:25px;}   

#show_div_content_close1  {position:fixed; z-index:1004; width:14px; height:14px; 
                          border:0px;
                          left:48%; margin-left:555px; top:25px;}                                 

#show_div_content_close_tit01,
#show_div_content_close_tit0  {position:fixed; z-index:101004; width:14px; height:14px; 
                          border:0px; margin-left:460px;
                          left:50%;  top:15px;}  
#show_div_content_close_tit01 {z-index:111004}                          

#show_div_content_close_tit2  {position:fixed; z-index:101005; width:14px; height:14px; 
                          border:0px; margin-left:465px;
                          left:50%;  top:30px;}  


#show_div_content_close_tit  {position:fixed; z-index:101004; width:14px; height:14px; 
                          border:0px; margin-left:460px;
                          left:50%;  top:25px;}  

#strelka_vniz  {width:30px;margin-top:12px;  float:left;text-align:left;}

#show_div_content_close_tit1  {position:absolute; z-index:101004; width:14px; height:14px; 
                          border:0px; margin-left:480px;
                          left:48%;  top:30px;}                                  



#show_div_content_close1  {position:fixed; z-index:2004; width:14px; 
                          height:14px;  border:0px;
                          left:50%; margin-left:555px; top:20px;}        

#show_div_content_close2  {position:absolute; z-index:2005; width:14px; 
                          height:14px;  border:0px;
                          left:50%; margin-left:650px; top:30px;}        


.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:hover {opacity:1}

.kn_closes_tit {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.3; }

.kn_closes_tit:hover {opacity: 1.0; }

.kn_closes_tit1 {background:url(../images/svg/krest.svg) no-repeat left top; 
             width:28px;height:28px; margin-left: -10px;
    border:none;cursor:pointer; color:#000; font-weight:normal; padding:0; opacity: 0.3; }
.kn_closes_tit1:hover {opacity: 1.0; }    

.kn_closes_tit01,
.kn_closes_tit0 {background:url(../images/svg/krest.svg) no-repeat left top; 
             width:28px;height:28px; margin-left: -10px;
    border:none;cursor:pointer; color:#000; font-weight:normal; 
    padding:0; opacity: 0.3; }

.kn_closes_tit01,
.kn_closes_tit0:hover {opacity: 1.0; }    

.kn_closes_tit01 { margin-left: 10px; margin-top:13px;}

.kn_closes_tit2 {background:url(../images/svg/krest.svg) no-repeat left top; 
             width:28px;height:28px; margin-left: -10px;
    border:none;cursor:pointer; color:#000; font-weight:normal; 
    padding:2; opacity: 0.3; }



.gdi { position:fixed;height:66px; display:block; 
       width:66px; border:0px #aaa solid; left:50%; top:50%; cursor: pointer;
       margin-top:-33px; margin-left:-33px; z-index:200000099999; display:none; 
     }    


.mess {position:fixed; top:15px; width:92%; border:0px solid; 
              text-align:center; font-size:16px; vertical-align:center;padding:10px; 
              color:#369;  display:none; margin-left:1%; 
              z-index:10000111111111; background-color:rgb(255, 255, 221);}               


.window_ram {background: #FFFFFF;
             box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
            }

.window_ram_select {border:1px #ccc solid; background-color:#fafafa; border-radius: 10px; color:#303030; padding:10px;}
.window_ram_select:hover  {box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1); border: 1px #2A9E89 solid;}



.window_ramNS {background: #FFFFFF;}

.grayDiv {background-color: #E0E0E0; color:#383838; min-height: 200px; font-size: 14px; line-height: 16.41px;
         }
.redDiv {background-color: #D4424B; color:#ffffff; min-height: 240px;}
#footer {background-color: #383838; font-size: 12px;color:#ffffff; min-height:400px;}
#footer_mob {background-color: #383838; font-size: 12px;color:#ffffff; padding-top: 30px; min-height:400px;}
.footer_center {width: 1280px; font-size:12px; line-height:14px;   }

.kn_black {width: 120px; padding: 10px;font-size:12px; line-height:14px; color: #FFFFFF; border:1px #888 solid; border-radius: 4px; background-color: inherit; }
.kn_black:hover {border: 1px #fff solid; }
.footer_vert_div { width: 14%;padding-left: 1%; float:left; min-height:160px;padding-top:29px;}
.footer_bottom_down_div {width:30%; font-size: 14px; padding: 20px; width: auto;
                        border:0px yellow solid;text-align: left; line-height: 16px; 
                        color: #fff; float: left;}
.a_white {text-align: left; text-decoration:none;cursor: pointer; 
          color: #dedede; font-size: 12px; line-height: 1.4;}
.a_white:hover {text-decoration: underline;color: #ffffff; }

.text_white {text-align: left; text-decoration:none;
          color: #ccc; font-size: 12px; line-height: 14px;}


.input_titul {background-color: #ffffff; font-family: 'Roboto';}
.width_selectsBox {width:50%; float:left;}
.show_spaceStr_mobiles {clear:both; height:20px; display:none;}

.kn_grays_INN {text-align: center; border: #ccc 1px solid; cursor: pointer; padding: 3px; border-radius: 2px;  
               background-color: #fff; padding:0px;
               box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
               color: #000;
               font-weight: 400;
       }

.kn_grays_INN:hover {background-color:#2A9E89; color:#fff;}       
#titul_topItems_menu_left,
#titul_topItems_menu {width:160px; line-height: 2.1; padding:10px; padding-right: 30px;  
                      padding-left:10px;  position: absolute; 
                      border: 2px solid #E0E0E0;  margin-top: 10px;
                      border-radius: 2px; display:none; font-size:12px;
                       }

#titul_topItems_menu a {color: #303030; cursor: pointer; font-weight:300; line-height:2.3}   


.lupa_katalog {width:22px;cursor:pointer;}

#placeAnOrder {margin-top:31px;text-transform: uppercase; width:360px; height:20px; border-radius: 4px;
               font-size: 18px;
                 }



.titul_top_zag {padding:10px; font-size:24px; font-weight:700;}
#srok_sdachi {width: auto; float:right; font-size:13px; padding-top: 5px; font-weight:700; font-family: Roboto; padding-left:10px;} 
#text_order_top {font-size: 14px;}
.send_messages_send {display:none; padding:10px; margin-left:-40px;}
#tag_bog21, 
#tag_bog2 {height:100px;margin-right: 26px; margin-top: 15px; width:45%; min-width:100px;  
                  float:right;}
.mob_hide {display:block;}             
.top_begin_utoven {width:96%; min-height:400px; margin-top:55px; border:0px;padding:10px;}


    body {
          touch-action: manipulation; /* Отключает масштабирование на сенсорных устройствах */
    }

.contents_one {padding:40px;padding-right:45px; padding-top:0px;}

#tit_quest2,
#tit_quest1 {position:fixed; cursor:pointer; right:2px; bottom:10px; 
              z-index:100000;}


#tit_quest2 {display:none;}
#top_up {position:fixed; bottom:10px;left:2px; bottom:10px; width:24px; display:none; z-index:10000; opacity:0.5;}
#top_up:hover {opacity:1.0;}

.desktop {display:block;}
.mobile {display:none;}

#order_for_pay {width:100%; min-height:100px; padding-top:10px; text-align:left;background: #FFFFFF;
             box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);padding:20px;
         }
#info_payments {padding:30px; min-height:200px; min-width:300px;}    

.knSeaBigZa1,
.knSeaBigZa {width:auto;  margin-top:-6px; font-size:14px; padding:10px; 
                            text-transform:none; font-weight:700; line-height:24px;
                            height:23.5px;text-align:center; width:55px; float:left; 
                            padding:5px; opacity:1.0;}

.knSeaBigZa1 {display:none;}

@media  (min-width: 0px) and (max-width: 384px)
{ /* мобильники */


  #show_alert_window_main_big {width:300px;}
  .knSeaBigZa {display:none;}  
  .knSeaBigZa1 {display:block; width:25px;}  
  .transporant  {font-size:10px; }

  .desktop {display:none;}
  .mobile {display:block;}
  #info_payments {padding:0px; margin-left:0px;}
  #order_for_pay {padding:0px; margin:0px; background: #fefefe; margin-left:-20px; margin-top:-10px;}
  #titul_orders_add {display:none1;}

   #top_up,
   #tit_quest2 {display:block; bottom:40px; }
   #tit_quest1 {display:none;}

   #show_div_content_quest{ width:325px; }
   .contents_one {padding:15px; padding-right:20px;}
   .mob_hide {display:hide;}             
   .top_begin_utoven {margin-top:30px;}
   .send_messages_send { margin-left:-160px;}
   .br_div {display:block;}
   .titul_top_zag {padding:12px; font-size:17px; font-weight:700;} 
   #text_order_top {font-size: 12px;}

   #show_div_content_fixed{width: 70%; margin-left: 13%;height:50px; left:0%; padding: 0px;} 
   #show_div_content_tit1{margin-top: 10px;width: 83%; margin-left: 2%; left:0%; padding:10px; } 
   #show_div_content_tit {margin-top: 10px;width: 83%; max-width:325px;margin-left: 2%; left:0%;  } 
   #show_div_content_tit2,
   #show_div_content_tit01,
   #show_div_content_tit0 {margin-top: 5px;width: 94%; margin-left:1%; left:1%; padding:0px;
                           padding-top:10px; min-width:325px;} 
   #show_div_content_tit2 {margin-left:2%; margin-top:10px;width: 94%;}                          
   #show_div_content_tit01{margin-top: 10px;margin-left:0%; width:95%;}
   
   #show_div_content_close_tit1{margin-left: 40%; margin-top: -15px;}
   #show_div_content_close_tit {margin-left: 39%; margin-top: -10px;}
   #show_div_content_close_tit01{margin-left: 38%; margin-top: -8px;}

   #show_div_content_close_tit0 {margin-left: 42%; margin-top: -7px;}
   #show_div_content_close_tit2 {margin-left: 41%; margin-top: -8px;}


   .titles_h1  {font-size: 13px;}
   .obr_seach {right: 30px; width: 50%; }
   .lupa_katalog {width: 16px; margin-left: 10px;}
   #placeAnOrder  {width: 88%; font-size: 14px;} 
   #srok_sdachi {float: left; text-align: left; }
   #footer {display: none;}
   #footer_mob {display: block;}
   #titul_topItems_menu {right:20px;}
   #titul_topItems_menu_left {left:10px}
   #tag_bog21,
   #tag_bog2 {float:left; width:96%;}
   

}

@media  (min-width: 385px) and (max-width: 767px)
{ 
 
   #show_alert_window_main_big {width:400px;}
  .transporant  {font-size:12px; }
  .desktop {display:none;}
  .mobile {display:block;}
   #info_payments {padding:0px; margin-left:0px;}
   #order_for_pay {padding:0px; margin:0px; background: #fefefe; margin-left:0px;margin-left:-20px; margin-top:-10px;}
   
   #top_up,
   #tit_quest2 {display:block; bottom:40px; }
   #tit_quest1 {display:none;}
   #order_for_pay {padding:0px; margin:0px; background: #fefefe;}
   #show_div_content_quest{ width:340px; } 
   .contents_one {padding:20px; padding-right:25px;} 
    #show_div_content_fixed{width: 66%; margin-left: 11%; left:0%;} 
   .top_begin_utoven {margin-top:30px;}
   #show_div_content_tit01,
   #show_div_content_tit2,
   #show_div_content_tit0 {margin-top: 5px;width: 94%; margin-left:1%; left:0%; padding:0px; min-width:330px;}    
   #show_div_content_tit01{margin-top: 10px;margin-left:2%; }
   #show_div_content_tit2 {width: 94%;margin-left:2%; margin-top: 10px;}
   
   #show_div_content_tit1 ,
   #show_div_content_tit {max-width:570px; width: 83%; margin-left: 4%; left:0%; } 
   #show_div_content_close_tit1{margin-left: 500px;}
   .titles_h1  {font-size: 16px;}
   .obr_seach {right: 40px; width: 47%; }
   #placeAnOrder  {width: 88%; max-width: 360px;font-size: 14px;} 
   #srok_sdachi {float: left; text-align: left;}
   .send_messages_send { margin-left:-160px;}  
   #footer {display: none;}
   #footer_mob {display: block;}
   #titul_topItems_menu {right:10px;}
   #titul_topItems_menu_left {right:150px}
   #show_div_content_close_tit1{margin-left: 250px;}
   #show_div_content_close_tit {margin-left: 39%;} 
   #show_div_content_close_tit01 {margin-left: 36%; margin-top: -7px;}
   #show_div_content_close_tit0 {margin-left: 39%; margin-top: -7px;}
   #show_div_content_close_tit2 {margin-left: 40%; margin-top: -5px;}

   #right_entry {margin-right:-26px;}
   .br_div {display:block;}
   #tag_bog21,
   #tag_bog2 {float:left; width:96%;}

}

@media  (min-width: 768px) and (max-width: 1279px) 
{ 
   #order_for_pay {padding:20px; margin:0px; background: #fefefe; margin-left:0px;margin-left:-20px; margin-top:-10px;}
   #info_payments {padding:0px; margin-left:0px;}
  .transporant  {font-size:13px; }
  .contents_one {padding:30px; padding-right:35px;}  
  #show_div_content_fixed{width: 590px; left:50%; margin-left:-320px; } 
 .send_messages_send { margin-left:-120px;}
  #show_div_content_tit1,
  #show_div_content_tit {width: 700px; left:50%; margin-left:-370px; } 
  #show_div_content_close_tit1{margin-left: 380px;}
  #show_div_content_close_tit {margin-left: 330px;}
  #show_div_content_close_tit01 {margin-left: 340px;}
  #show_div_content_close_tit0 {margin-left: 355px;}
  #show_div_content_close_tit2 {margin-left: 357px}
  #show_div_content_tit01{max-width: 700px; left:51%; margin-left:-360px; } 
  #show_div_content_tit0 {max-width: 700px; left:50%; margin-left:-370px; } 
  #show_div_content_tit2 {max-width: 700px; left:51%; margin-left:-364px; } 



    
  #srok_sdachi {float: left; text-align: left; }
  #titul_topItems_menu {right:10px;}
  #titul_topItems_menu_left {right:120px}
  #tag_bog21,
   #tag_bog2 {float:left;width:96%;}
}
 
@media  (min-width: 1280px) 
{  /* большой экран */
  #titul_topItems_menu {left:50%; margin-left:440px;}
  #titul_topItems_menu_left {left:50%; margin-left:300px;}
  #tag_bog2 {float:left;width:47%;}
  .transporant  {font-size:14px; }

    
} 

.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:#F3F3F3;
                    border: 1px #bbb solid;
                    font-size: 14px;
                    line-height: 21px;
                    height: 32px;
                    font-family: 'Roboto';
                    white-space: nowrap;
                    color: #383838;
                    
                    border-radius: 3px;
                    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:#000;  
                        text-decoration:none;
                        background-color: #fff; 
                        border: 1px #fff solid;
                        border-right: 1px #aaa solid;
                        border-bottom: 1px #aaa solid;
                    }


.selects { width:auto;
                    text-align:center; 
                    background-color:#fff;
                    border: 1px #bbb solid;
                    font-size: 14px;
                    line-height: 18px;
                    height: 23px;
                    font-family: 'Roboto';
                    white-space: nowrap;
                    color: #383838;
                    
                    border-radius: 3px;
                    font-weight: 500px;
                    text-decoration: none;
                    padding: 6px 14px 0px ;
                    border: 1px #e1e1e1 solid;
                    border-top: 1px #444 solid;
                    border-left: 1px #444 solid;
                    margin-left:5px;
                     }


.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:green;
                    font-size: 14px;
                    line-height: 21px;
                    height: 32px;
                    font-family: 'Roboto';
                    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: 'Roboto';
         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:green; text-decoration:none;font-weight: 600;}