.Таблица_6_2013 h1  {
        font-family:tahoma;        font-size:10pt;
}

#mainwrapper {
  font: 10pt normal Arial, sans-serif;
  height: auto;
  margin: 0px auto 0 auto;
  /*text-align: center;*/
  width: 880px;
}

#mainwrapper .box {
    border: 4px solid #fff;
    cursor: pointer;
    height: 182px;
    float: left;
    margin: 2px;
    position: relative;
    overflow: hidden;
    width: 200px;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}
#mainwrapper .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

#mainwrapper .box .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

#mainwrapper .box .slide_1 {          /* 1 */
    height: 30px;
    width: 200px;
    display: block;
    bottom: -30px;
    line-height: 25pt;
    text-align: center;
}
#mainwrapper .box:hover .slide_1 {    /* 1 */
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

#mainwrapper .box .slide_2 {            /* 2 */
    width: 170px;
    height: 170px;
    top: -200px;
    text-align: left;
    padding: 15px;
}

#mainwrapper .box:hover .slide_2 {      /* 2 */
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

#mainwrapper .box .slide_3, #mainwrapper .box .slide_6 { /* 3 */
    opacity: 0;
    width: 170px;
    height: 170px;
    text-align: left;
    padding: 15px;
}

#mainwrapper .box:hover .slide_3 {                             /* 3 */
    opacity: 1;
}

#mainwrapper .box .slide_4 {                                  /* 4 */
    width: 170px;
    height: 170px;
    text-align: left;
    padding: 15px;
    left: 200px;
}
#mainwrapper .box:hover .slide_4 {                            /* 4 */
  background-color: rgba(0,0,0,1) !important;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  opacity: 1;
  transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {                               /* 4 */
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#mainwrapper #box-5.box .slide_5 {                           /* 5 */
    width: 170px;
    height: 170px;
    text-align: left;
    padding: 15px;
    top: 200px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#mainwrapper .box .rotate {                                        /* 5 */
    width: 200px;
    height: 400px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#mainwrapper .box:hover .rotate {                                  /* 5 */
    background-color: rgba(0,0,0,1) !important;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#mainwrapper .box .slide_6 h1, #mainwrapper .box .slide_6 p {
    position: relative;
    left: -200px;
    width: 170px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#mainwrapper .box .slide_6 h1 {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}
#mainwrapper .box:hover .slide_6  {
	opacity: 1;
}
#mainwrapper .box .slide_6 p {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    transition-delay: 500ms;
}
#mainwrapper .box:hover #image-6 {
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
#mainwrapper .box:hover .slide_6 h1,
#mainwrapper .box:hover .slide_6 p {
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
}

#mainwrapper h1 {margin-top: 0px; margin-bottom: 0px;}
#mainwrapper a {color: #FFFFFF; font-size: 12pt}
#mainwrapper a:hover {color: red;}