.contoa
{
	overflow:hidden;width:100%;padding: 10px 0 10px 0;
}

.conto
{
	max-width:600px;margin: 0 auto;
}

.conti {
   position: relative;
   width: 100%;
   padding-top: 100%; 
   
}

.img3d {position:absolute;top:0;height:100%;width:auto;transition: 0.3s ease;margin:auto;box-shadow: 5px 5px 20px;cursor:zoom-in;}

.prev, .next {
  cursor: pointer;
  position: absolute;
  left:0;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.3s ease;
  border-radius: 5px;
  user-select: none;
}

.next {right: 0;left:unset;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

.input {border-radius: 10px; padding: 10px;border:1px solid #555;font-size:1em;color:#555;}

.modal {display: none;position: fixed;z-index: 1;padding-top: 0;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
.modalimg {margin: 0 auto;display: block;max-width: 100%;max-height: 100%;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.modalup {position: absolute;top: 50%;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.modalup:hover,.modalup:focus {color: #bbb;text-decoration: none;cursor: pointer;}
.modaldown {position: absolute;top: 50%;left: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.modaldown:hover,.modaldown:focus {color: #bbb;text-decoration: none;cursor: pointer;}

.videocontainer {position: relative;overflow: auto;margin: auto;width: 90%;border: none;padding-top: 51%;background: lightgray;box-shadow: 10px 10px 10px #555;}
.videoiframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: 0;}
.videocontainerempty {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;border: 1px solid darkgray;box-shadow: 10px 10px 10px #555;}

.over {display:inline-block;text-align:center;border:1px solid #555;padding:15px;border-radius:10px;margin:20px;width:100%;max-width:245px;cursor:pointer;transition: 0.3s;color:#555;}
.over:hover {transform: scale(1.05);}
.prize {color: white; background-color: #2db92d;padding: 0.3em;position:absolute; bottom: 0.5em; right: 1.7em;border-radius:0.5em;}

.overo {text-align:center;}

@media screen and (max-width: 700px) 
{
  .overo {text-align:center;}
}