body {background-color: #f2f2f2;margin:0;padding:0;color:#222;font:12px arial, Helvetica, sans-serif;}
h1 {text-align: center;}
h2 {text-align: center;font: italic 15px arial, Helvetica, sans-serif normal;}
a {text-decoration:none;color: darkslategrey;}

.container{margin: 3% auto;font-family: Tahoma, Geneva, sans-serif;}
.wrap{margin: 0 auto; width: 95%;}
.table {display: table;width: 100%;table-layout: fixed;clear: both;}
.row {display: table-row;}

.top {position: relative;display: block;}
.gallery {text-align: center;}

.slides-wrapper {width: 60%;height: auto;vertical-align:top;margin-left: 10px;float: left;margin-bottom: 2%;}
#slides,#slides li {height: auto;}
#slides li {display: none;list-style-type:none;}
#slides img {max-width: 100%; height: auto;box-shadow: 12px 12px 16px 1.5px #c3c3c3;}
.text {width: 35%;text-align:justify;padding-left: 28px;margin: auto;line-height: 24px; display:inline-block;}

.thumb-wrapper {display: table-cell;vertical-align: bottom;}
.thumb {padding: 10px;margin: 5% auto 0 auto;max-width: 220px;}
.thumb img {box-shadow: 0px 0px 5px 1.5px #7c7cb3;max-height: 100%; width: auto; max-width: 100%;}
.thumb img:hover {opacity:0.95;box-shadow: 0px 0px 5px 1.5px #fc7cb3;}
.back {margin-top: 5%; margin-bottom: 14px; padding: 10px;}
.back .table {max-width: 221px;box-shadow: 0px 0px 5px 1.5px #7c7cb3;margin: auto;}
.back .table:hover {opacity:0.95;box-shadow: 0px 0px 5px 1.5px #fc7cb3;}
.back_thumb {display: table-cell; margin: 0px;padding: 0px;}
.back_thumb img {max-height: 49%;width: 98%;padding: 1%;margin: auto;}