* {padding: 0;margin: 0;list-style-type: none;text-decoration: none;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
img,svg {display: block;margin: 0 auto;}
section {text-align: center;}
section#product_foto {width: 30%;margin: 0 auto;}
section#paragraph {width: 50%;margin: 0 auto;margin-bottom: 10%;}
section#paragraph figure {width: 40%;margin: 2%;}
section#paragraph p {text-align: justify;}
section#paragraph figure:nth-of-type(1) {float: left;}
section#paragraph figure:nth-of-type(2) {width: 100%;}
section#paragraph figure:nth-of-type(3) {float: right;}
section#paragraph figure:nth-of-type(4) {float: left;}
section#product_foto {margin-bottom: 10%;}
section#opana {padding: 10%;}
section#opana button {padding: 2% 10%;}
img, figure, .button {cursor: pointer;}
figure {position: relative;overflow: hidden;}
.position {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
section#img_preview {position: fixed;background-color: rgba(0,0,0,0.9);z-index: 1100000;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: none;}
section#img_preview figure {width: 100%;height: 100%;}
section#img_preview h2 {position: absolute;top: 0;left: 0;color: #414141;width: 80%;z-index: 1000000;text-align: left;font-size: 120%;padding: 1%;}
section#img_preview figure figcaption .button {position: absolute;fill:#ffffff;width: 50px;}
section#img_preview figure figcaption .button:hover {background-color: rgba(2,158,206,1);}
section#img_preview figure figcaption .button.close {position: absolute;top: 0;right: 0;}
section#img_preview figure figcaption .button.arrows {top: 50%;transform: translateY(-50%;);}
section#img_preview figure figcaption .button.left {left:0;}
section#img_preview figure figcaption .button.right {right:0;}
section#img_preview figure figcaption p {color: #ffffff;position: absolute;left:0;bottom:0;padding: 1%;}
section#img_preview figure figcaption span {position: absolute;top:0;left:0;padding: 1%;color: #888888;}
figure.foto_block figcaption {position: absolute;bottom: 0;right: 0;color: #e43c1e;}
figure.foto_block figcaption .zoom {width: 30px;}
section#foto_gallery ul li {display: inline-block;width: 24.5%;}
section#foto_gallery ul li figure figcaption {background-color: rgba(0,0,0,0.7);color:#ffffff;padding: 2%;width: 100%;transform: translateY(100%);}
section#foto_gallery ul li figure:hover figcaption {transform: translateY(0);}
ul#foto_list:after {content: "";display: block;clear: both;width: 0;height: 0;}
ul#foto_list li {float: left;width:25%;}