@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,500&subset=latin,latin-ext);
* { margin: 0px; padding: 0px; }
html { background: #000000 url('i/bg.jpg') no-repeat top center; }
.contact { text-align: center; width: 207px; height: 327px; background: url('i/kontakt.png') no-repeat; position: absolute; top: 50px; right: 0px; font-family: Roboto; font-size: 15px; color: white; }
.contact p { padding-left: 10px; padding-top: 80px;  }
.contact b { font-size: 17px; }
.contact a { color: white; text-decoration: none; }
.root { min-width: 1020px; width: 1020px; position: relative; margin: 0px auto; }
.logo { width: 450px; height: 124px; margin: 0px auto; }
.circle { width: 823px; height: 422px; margin: 0px auto; padding-top: 70px; }
.show-offer { width: 320px; height: 61px; overflow: hidden; position: absolute; right: 0px; margin-top: -95px; }
.content { margin-top: 47px; padding-top: 30px; text-align: center; color: white; background: url('i/tlobig.jpg') no-repeat; }
.content h1 { font-family: Roboto; font-weight: 300; color: white; font-size: 36px; line-height: 36px; }
.content h2 { font-family: Roboto; font-weight: 300; color: white; font-size: 24px; line-height: 32px; }
.content .subtitle { font-size: 14px; font-family: Roboto; }
.content .text { font-size: 16px; font-family: Roboto; color: #d2c7c0; padding: 20px 0px;   }
.content .text2 { font-size: 16px; font-family: Roboto; color: #d2c7c0; padding: 0px 0px 20px 0px;   }
.content .scroll { padding-bottom: 20px; }
.content ul li { list-style-type: none; }
.footer { min-width: 1020px; width: 100%; height: 42px; background: url('i/footer.png') repeat-x; line-height: 42px; font-family: Tahoma; font-size: 11px; color: #83746a; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer a { color: #83746a; text-decoration: none; }
.blackout { width: 100%; height: 100%; position: absolute; z-index: 900; background: url('i/blackout.png'); display: none; cursor: pointer; }
.centered-box { z-index: 901; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -110px; color: #0101010; width: 400px; height: 220px; background-color: white; border: 4px solid #d4d4d4; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.centered-box h1 { padding: 10px; font-family: Roboto; font-size: 16px; }
.centered-box p { padding: 0px 10px; font-size: 14px; font-family: Roboto; text-align: justify; }
.photos { padding-bottom: 10px; }
.photos img { width: 100px; }