div span.kat, label.punkt, td img.udalenie {
   cursor: pointer;
}

img.udalenie {
   vertical-align: middle;
}

ul.s_kat {
   list-style-type: none;
}

input.ves {
   width: 37px;
   color: green;
}
a {text-decoration:none;color:#e84c3d;}
a:hover {text-decoration:underline;color:#e84c3d;}
#tablica, #spisok {
   height: 470px;
   overflow-y: auto;
   overflow-x: hidden;
}

.tekst_tbl {
   border-color:;
   border-collapse: collapse;
   background: #fff none repeat scroll 0% 0%;
}

.tekst_tbl td {
   border: 1px solid;
   border-color: #e84c3d;
   padding: 5px;
   vertical-align: top;
   font-size: 1em;
}

#tekst {
   width: 100%;
   max-width: 990px;
}

.vsego_tbl {

}

.lev_s {
    width: 280px;
}

.elem {
   margin-top: 10px;
}

.elem_tbl {
   margin-top: 6px;
}

td .z_ves {
   color: green;
}

td .z_belki {
   color: teal;
}

td .z_zhiry {
   color: orange;
}

td .z_uglevody {
   color: darkblue;
}

td .z_kkal {
   color: darkred;
}

td .z_ves, td .z_belki, td .z_zhiry, td .z_uglevody, td .z_kkal, td .z_udalenie {
   width: 97px;
   background: #FFF2CC none repeat scroll 0% 0%;
   border: 1px solid #CA8;
   border-radius: 2px;
   box-shadow: 0px 0px 2px 0px #FFD inset, 0px 2px 20px 0px #ECA inset;
   text-align: center;
   vertical-align: middle;
}

.kat[list="0"]::before {
   content: "+";
}

.kat[list="1"]::before {
   content: "−";
}

.kat::before {
   background: #EEE none repeat scroll 0% 0%;
   color: #444;
   font-size: 0.75em;
   text-align: center;
   line-height: 1;
   display: block;
   width: 12px;
   height: 12px;
   margin: 3px 5px 0px 0px;
   float: left;
   border: 1px solid #666;
   border-radius: 2px;
}

#copyright {
   padding-top: 15px;
}