BODY
{
  font-size: 16px;
  font-family: Tahoma, sanf-serif;
  color: #0f0f0f;
  background-color: #f7f7d7;
}

A { color: #000000; text-decoration: none; }
A:hover { color: #5f0000; text-decoration: underline; }

H1 { font-size: 24px; font-weight: bold; margin: 10px 0 10px 0; }
H2 { font-size: 18px; font-weight: bold; margin: 5px 0 10px 0; color: #1f1f1f; }
H3 { font-size: 18px; font-weight: bold; margin: 10px 0 10px 0; color: #1f1f1f; }


.m { width: 980px; margin: 15px auto; }
.foto { width: 260px; float: left; }
.foto IMG { width: 280px; border: 2px solid #ffffff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); position: fixed; }
.txt { width: 680px; float: right; margin-left: 30px; }

@media screen and (max-width: 1023px) {
  .m { width: 98%; margin: 15px auto; }
  .foto { width: 100%; float: none; margin: 1px auto; align: center; text-align: center; }
  .foto IMG { width: 50%; border: 2px solid #ffffff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); position: initial; }
  .txt { width: 98%; float: none; margin-left: 10px; }
}


P { margin-top: 18px; margin-left: 5px; line-height: 130%; text-align: justify; }
LI { line-height: 135%; }
.tesimese { font-size: 18px; color: #0f0f0f; font-weight: bold; margin: 10px auto 30px auto; text-align: center; }