.box {
  position: relative;
  overflow: hidden;
}


.box .caption {
  background-color: rgba(17,37,71,0.9);
  position: absolute;
  font: 14px; 
  color: #fff;
  z-index: 100;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out; 
    transition: all 500ms ease-out;
  left: 0;
}

.box .full-caption {
  width: 100%;
  height: 100%;  
  top: -100%;
  text-align: left;
  padding-left: 15px;
}

.box:hover .full-caption {
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  opacity: 1;
  transform: translateY(100%);
}







   .table_name1 { 
      width: 100%;
      border: 3px solid #B40404; 
      border-radius: 10px 10px 10px 10px; 
      background: #F3F781; 
      box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);
   }
   .table_name2 { 
      width: 100%;
      border: 1px solid #DAA520; 
      border-radius: 10px 10px 10px 10px; 
      background: #FFFACD; 
      box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);
   }
   .table_block1 { 
      width: 100%;
      border: 1px solid #DAA520; 
      border-radius: 10px 10px 10px 10px; 
      background: linear-gradient(to top, #ffe4b2, #FDF5E6); 
      box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);
   }

   .table_top { 
      width: 100%;
      align: center;
      cellpadding: 10px;
      border: 1px solid #DAA520; 
      border-radius: 10px 10px 0px 0px; 
      background: #FFFACD; 
      box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);
   }

   .table_bottom { 
      width: 100%;
      align: center;
      cellpadding: 10px;
      border: 1px solid #DAA520; 
      border-radius: 0px 0px 10px 10px; 
      background: linear-gradient(to top, #ffe4b2, #FDF5E6); 
      box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);
   }

   td.left-line {
      width: 3px;
      background: #e7001e;
   }

   td.left-line2 {
      width: 6px;
      background: #ff4f19;
   }

   td.left-space {
      width: 10px;
   }

   hr {
      border: none; /* Убираем границу */
      background-color: DarkSlateGray; /* Цвет линии */
      color: DarkSlateGray; /* Цвет линии для IE6-7 */
      height: 1px; /* Толщина линии */
   }