html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'NikaiaRegular';
  src: url("../font/Nikaia-webfont.eot");
  src: url("../font/Nikaia-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Nikaia-webfont.woff") format("woff"), url("../font/Nikaia-webfont.ttf") format("truetype"), url("../font/Nikaia-webfont.svg#NikaiaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'belloscript';
  src: url("../font/bello-script_6557-webfont.eot");
  src: url("../font/bello-script_6557-webfont.eot?#iefix") format("embedded-opentype"), url("../font/bello-script_6557-webfont.woff") format("woff"), url("../font/bello-script_6557-webfont.ttf") format("truetype"), url("../font/bello-script_6557-webfont.svg#belloscript") format("svg");
  font-weight: normal;
  font-style: normal; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

* {
  outline: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.cb {
  clear: both; }

.overflow {
  overflow: hidden; }

::selection {
  background-color: #962f28;
  color: white; }

::-moz-selection {
  background-color: #962f28;
  color: white; }

html, body {
  width: 100%;
  height: 100%; }

html {
  background: url("../img/main-back.png") no-repeat top center #380a0a; }

a {
  text-decoration: none; }
  a.button {
    cursor: pointer;
    z-index: 200;
    width: 205px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-family: "belloscript";
    color: #f6dd97;
    font-size: 30.12px;
    background-repeat: repeat;
    background-image: url("../img/nav1.png");
    padding: 17px 0px;
    margin-bottom: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-shadow: 2px 2px 9px #000; }
    a.button:hover {
      background-image: url("../img/nav2.png"); }
  a#nyears {
    top: 0px;
    right: 0px;
    position: absolute;
    display: block;
    float: right;
    background: url("../img/90godina.png") no-repeat top left transparent;
    width: 230px;
    height: 101px; }

.sprite, #content #col-left nav a#menu span, #content #col-right #footer-right a {
  background-color: transparent;
  background-image: url("../img/sprite.png");
  background-position: 3000px 3000px;
  background-repeat: no-repeat; }

.hideme {
  display: none !important; }

.showme {
  display: block !important; }

.kamen {
  position: absolute;
  top: 20px;
  left: 260px;
  background: url("../img/probna.png") transparent no-repeat top left;
  width: 232px;
  height: 86px;
  display: block; }

header {
  position: relative;
  z-index: 200;
  width: 100%;
  height: 118px;
  overflow: hidden;
  border-bottom: 2px solid #854633;
  background: url("../img/header.gif") top center; }
  header #header {
    position: relative;
    width: 710px;
    height: 58px;
    padding: 30px 25px;
    margin: 0px auto;
    overflow: hidden; }
    header #header a#logo {
      float: left;
      display: block;
      text-indent: -9999px;
      width: 205px;
      height: 67px;
      background-position: -1px 0px; }
  header #hud {
    pointer-events: none;
    cursor: default;
    display: none;
    position: relative;
    float: right;
    width: 480px;
    overflow: hidden;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
    font-family: "NikaiaRegular"; }
    header #hud span#level, header #hud span#tries {
      color: #f6dd97; }
    header #hud span.level-max {
      color: #a35537; }
    header #hud .left {
      float: left;
      width: 270px; }
      header #hud .left p {
        margin-top: 4px;
        text-transform: uppercase;
        font-size: 20px;
        color: #e8dbbc;
        padding: 1px 0px 7px 30px; }
        header #hud .left p.level-hud {
          background-position: -245px -243px; }
        header #hud .left p.level-tries {
          background-position: -245px -278px; }
    header #hud #time {
      font-size: 56px;
      padding: 3px 0px;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 220px;
      text-align: right;
      background-position: -236px -326px;
      color: #e8dbbc;
      -webkit-transition: color 0.4s ease-in-out;
      -moz-transition: color 0.4s ease-in-out;
      -ms-transition: color 0.4s ease-in-out;
      -o-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
      header #hud #time.paused {
        color: #a35537;
        background-position: -236px -166px; }

footer {
  position: relative;
  width: 100%;
  height: 22px;
  border-top: 2px solid #854633;
  border-bottom: 2px solid #854633;
  background: url("../img/header-back.png") top left;
  font-family: "NikaiaRegular";
  font-size: 12px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56);
  color: #e8dbbc; }
  footer #footer {
    width: 710px;
    height: 22px;
    margin: 6px auto 0px auto;
    text-align: center; }
    footer #footer p {
      display: inline-block;
      text-transform: uppercase; }
      footer #footer p strong {
        color: #f6dd97; }
      footer #footer p em {
        color: #a35537; }
    footer #footer a#tocka {
      text-indent: -9999px;
      display: block;
      float: right;
      margin-top: -3px;
      background-position: -216px -1px;
      width: 57px;
      height: 16px; }
      footer #footer a#tocka:hover {
        background-position: -216px -19px; }

#content {
  position: relative;
  z-index: 100;
  width: 710px;
  height: 590px;
  margin: 0px auto 0px auto;
  padding-bottom: 25px; }
  #content #col-left {
    position: relative;
    z-index: 100;
    float: left;
    width: 205px;
    height: 565px;
    overflow: hidden;
    margin-top: 25px; }
    #content #col-left nav ::selection {
      background-color: transparent;
      color: inherit; }
    #content #col-left nav ::-moz-selection {
      background-color: transparent;
      color: inherit; }
    #content #col-left nav a {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      position: relative;
      display: block;
      text-align: center;
      font-family: "belloscript";
      color: #f6dd97;
      font-size: 30.12px;
      background-repeat: repeat;
      background-image: url("../img/nav1.png");
      padding: 17px 0px;
      margin-bottom: 10px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px;
      text-shadow: 2px 2px 9px #000; }
      #content #col-left nav a:hover {
        background-image: url("../img/nav2.png"); }
      #content #col-left nav a.active, #content #col-left nav a.opened {
        color: #a35537;
        background-image: none;
        background-color: #000; }
      #content #col-left nav a#menu {
        cursor: pointer;
        vertical-align: middle; }
        #content #col-left nav a#menu span {
          vertical-align: middle;
          margin-top: -6px;
          margin-right: 12px;
          display: inline-block;
          width: 27px;
          height: 27px;
          background-position: -7px -72px;
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.79); }
        #content #col-left nav a#menu.opened span {
          background-position: -39px -72px; }
  #content #col-right {
    position: relative;
    z-index: 50;
    float: right;
    width: 480px;
    height: 600px; }
    #content #col-right #footer-right {
      position: absolute;
      bottom: 0px;
      left: 0px;
      text-align: center;
      width: 480px; }
      #content #col-right #footer-right a {
        display: inline-block;
        height: 36px;
        margin: 0px 5px; }
        #content #col-right #footer-right a.first {
          width: 80px;
          background-position: -1px -116px; }
        #content #col-right #footer-right a.second {
          width: 62px;
          background-position: -94px -115px; }
        #content #col-right #footer-right a.third {
          width: 95px;
          background-position: -170px -114px; }
    #content #col-right .contentdiv {
      top: -590px;
      left: 0px;
      position: absolute;
      height: 510px; }
    #content #col-right .fakescroll {
      overflow-y: hidden; }
      #content #col-right .fakescroll .jspPane {
        padding: 0px 20px 50px 0px !important;
        width: 450px !important; }
      #content #col-right .fakescroll .jspContainer .jspVerticalBar {
        top: 0px;
        right: 0px;
        overflow: hidden;
        width: 10px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        background: none; }
        #content #col-right .fakescroll .jspContainer .jspVerticalBar .jspTrack {
          background: url("../img/nav1.png"); }
          #content #col-right .fakescroll .jspContainer .jspVerticalBar .jspTrack .jspDrag {
            background: #f6dd97;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            -ms-border-radius: 15px;
            -o-border-radius: 15px;
            border-radius: 15px; }
    #content #col-right #playgame .kempfich06 {
      opacity: 0;
      z-index: -10;
      position: absolute;
      top: 175px;
      left: -230px;
      background: url("../img/kempfich06.png");
      width: 267px;
      height: 347px;
      pointer-events: none;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -ms-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out; }
    #content #col-right #playgame.opendiv .kempfich06 {
      opacity: 1; }
    #content #col-right #intro {
      top: 0px;
      padding-top: 25px; }
      #content #col-right #intro .balloon {
        display: block;
        z-index: 200;
        position: relative;
        margin-bottom: 25px;
        font-family: "NikaiaRegular";
        font-size: 18px;
        line-height: 24px;
        text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
        color: #e8dbbc;
        padding: 20px 24px;
        background: url("../img/balloon.png") repeat top left transparent;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px; }
        #content #col-right #intro .balloon h2 {
          font-size: 28px;
          margin-bottom: 15px;
          font-weight: bold; }
        #content #col-right #intro .balloon .pointer-left {
          position: absolute;
          bottom: -63px;
          left: 50px;
          width: 55px;
          height: 63px;
          background-position: -220px -50px; }
      #content #col-right #intro .kempfich01 {
        z-index: 300;
        position: absolute;
        top: 135px;
        left: 30px;
        background: url("../img/kempfich01.png");
        width: 465px;
        height: 407px;
        pointer-events: none; }
        #content #col-right #intro .kempfich01 .info {
          pointer-events: all;
          cursor: help;
          position: absolute;
          width: 32px;
          height: 32px;
          background-position: -81px -73px;
          top: 140px;
          left: 30px;
          color: #e8dbbc;
          font-family: "NikaiaRegular"; }
          #content #col-right #intro .kempfich01 .info:hover > .show-info {
            display: block; }
          #content #col-right #intro .kempfich01 .info .show-info {
            display: none;
            top: 0px;
            right: 0px;
            position: absolute;
            width: 300px; }
            #content #col-right #intro .kempfich01 .info .show-info span {
              position: absolute;
              top: 7px;
              right: 27px;
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-left: 10px solid #a75e3c;
              border-right: 10px solid transparent;
              border-bottom: 10px solid transparent; }
            #content #col-right #intro .kempfich01 .info .show-info strong {
              display: block;
              font-size: 16px;
              margin-bottom: 5px; }
            #content #col-right #intro .kempfich01 .info .show-info p {
              margin-top: -10px;
              margin-right: 45px;
              font-size: 14px;
              line-height: 18px;
              background-color: #a75e3c;
              padding: 15px;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              -ms-border-radius: 10px;
              -o-border-radius: 10px;
              border-radius: 10px;
              -moz-box-shadow: 1px 1px 8px #000;
              -webkit-box-shadow: 1px 1px 8px #000;
              box-shadow: 1px 1px 8px #000; }
    #content #col-right #scoreboard {
      width: 480px;
      margin-top: 25px;
      font-family: "NikaiaRegular";
      color: #e8dbbc; }
      #content #col-right #scoreboard h2 {
        text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
        font-size: 36px;
        font-weight: bold; }
      #content #col-right #scoreboard .kempfich02 {
        opacity: 0;
        z-index: 0;
        position: absolute;
        top: 245px;
        left: -250px;
        background: url("../img/kempfich02.png");
        width: 330px;
        height: 327px;
        pointer-events: none;
        -webkit-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out; }
      #content #col-right #scoreboard.opendiv .kempfich02 {
        opacity: 1; }
      #content #col-right #scoreboard #slider-wrapper {
        margin: 0px -10px 0px -10px;
        position: relative; }
        #content #col-right #scoreboard #slider-wrapper #bxslider .div:first-child span.prev {
          display: none; }
        #content #col-right #scoreboard #slider-wrapper #bxslider .div:last-child span.prev {
          right: 13px; }
        #content #col-right #scoreboard #slider-wrapper #bxslider .div:last-child span.next {
          display: none; }
        #content #col-right #scoreboard #slider-wrapper span.button {
          cursor: pointer;
          top: 27px;
          position: absolute;
          width: 40px;
          height: 40px;
          display: block; }
          #content #col-right #scoreboard #slider-wrapper span.button.prev {
            right: 58px;
            background-position: -3px -165px; }
            #content #col-right #scoreboard #slider-wrapper span.button.prev:hover {
              background-position: -100px -165px; }
          #content #col-right #scoreboard #slider-wrapper span.button.next {
            right: 13px;
            background-position: -47px -165px; }
            #content #col-right #scoreboard #slider-wrapper span.button.next:hover {
              background-position: -144px -165px; }
        #content #col-right #scoreboard #slider-wrapper time {
          display: block;
          color: #a35537;
          font-size: 14px;
          text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.67);
          padding: 15px 15px;
          margin: 15px 0px 0px 0px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
          background: #4b0f0e;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiMGYwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTEwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(left, #4b0f0e 0%, #4e100f 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4b0f0e), color-stop(100%, #4e100f));
          background: -webkit-linear-gradient(left, #4b0f0e 0%, #4e100f 100%);
          background: -o-linear-gradient(left, #4b0f0e 0%, #4e100f 100%);
          background: -ms-linear-gradient(left, #4b0f0e 0%, #4e100f 100%);
          background: linear-gradient(to right, #4b0f0e 0%, #4e100f 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b0f0e', endColorstr='#4e100f',GradientType=1 ); }
          #content #col-right #scoreboard #slider-wrapper time strong {
            font-size: 28px;
            color: #e8dbbc;
            margin-right: 5px; }
        #content #col-right #scoreboard #slider-wrapper ul {
          margin-top: 20px;
          font-size: 14px;
          padding: 0px 10px;
          text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.67); }
          #content #col-right #scoreboard #slider-wrapper ul li {
            text-transform: capitalize;
            display: block;
            border-bottom: 1px dotted #000;
            overflow: hidden;
            padding: 3px 10px;
            line-height: 24px; }
            #content #col-right #scoreboard #slider-wrapper ul li i {
              float: left;
              width: 25px; }
            #content #col-right #scoreboard #slider-wrapper ul li strong {
              float: left;
              width: 375px; }
              #content #col-right #scoreboard #slider-wrapper ul li strong b {
                color: #a35537;
                text-transform: uppercase;
                margin-left: 5px; }
            #content #col-right #scoreboard #slider-wrapper ul li em {
              float: right;
              width: 60px; }
            #content #col-right #scoreboard #slider-wrapper ul li.first i, #content #col-right #scoreboard #slider-wrapper ul li.first strong, #content #col-right #scoreboard #slider-wrapper ul li.first em {
              color: #ffdc7a; }
    #content #col-right #howtoplay {
      margin-top: 25px;
      font-family: "NikaiaRegular";
      color: #e8dbbc; }
      #content #col-right #howtoplay h2 {
        text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
        font-size: 36px;
        font-weight: bold; }
      #content #col-right #howtoplay h3 {
        font-size: 28px;
        margin: 20px 0px 10px 0px; }
      #content #col-right #howtoplay p {
        margin-top: 15px;
        font-size: 12px;
        line-height: 16px; }
      #content #col-right #howtoplay a {
        text-decoration: none;
        color: #fff; }
        #content #col-right #howtoplay a:hover {
          text-decoration: underline; }
    #content #col-right .education {
      padding-top: 25px;
      color: #e8dbbc;
      font-family: "NikaiaRegular"; }
      #content #col-right .education .balloon {
        display: block;
        z-index: 200;
        position: relative;
        font-size: 26px;
        line-height: 30px;
        font-weight: bold;
        text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
        padding: 20px 24px;
        background: url("../img/balloon.png") repeat top left transparent;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px; }
        #content #col-right .education .balloon .pointer-right {
          position: absolute;
          bottom: -63px;
          left: 25px;
          width: 55px;
          height: 63px;
          background-position: -287px -53px; }
      #content #col-right .education .right {
        margin: 30px 0px 0px 0px;
        float: right;
        width: 280px;
        padding-right: 40px; }
        #content #col-right .education .right h2 {
          font-size: 28px;
          margin-bottom: 10px; }
        #content #col-right .education .right p {
          text-shadow: none;
          font-size: 14px;
          line-height: 18px;
          margin: 0px 0px 0px 0px; }
        #content #col-right .education .right img {
          width: 100%;
          margin-top: 15px; }
        #content #col-right .education .right a.button {
          margin-top: 15px !important;
          margin-bottom: 0px !important; }
      #content #col-right .education .kempfich03 {
        opacity: 0;
        z-index: 300;
        position: absolute;
        top: 105px;
        left: -240px;
        background: url("../img/kempfich03.png");
        width: 350px;
        height: 418px;
        pointer-events: none;
        -webkit-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out; }
      #content #col-right .education.opendiv .kempfich03 {
        opacity: 1; }
    #content #col-right .sfail {
      font-family: "NikaiaRegular";
      padding-top: 25px;
      width: 100%; }
      #content #col-right .sfail .balloon {
        float: right;
        position: relative;
        right: 0px;
        color: #e8dbbc;
        width: 320px;
        display: block;
        z-index: 200;
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67);
        padding: 35px 35px;
        background: url("../img/balloon.png") repeat top left transparent;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px; }
        #content #col-right .sfail .balloon .pointer-left {
          position: absolute;
          bottom: -63px;
          left: 65px;
          width: 55px;
          height: 63px;
          background-position: -287px -53px; }
        #content #col-right .sfail .balloon .pointer-left-left {
          position: absolute;
          top: 130px;
          left: -56px;
          width: 56px;
          height: 47px;
          background-position: 0px -220px; }
        #content #col-right .sfail .balloon h2 {
          font-size: 28px;
          margin-bottom: 15px;
          font-weight: bold; }
          #content #col-right .sfail .balloon h2.red {
            color: #cc2b2b; }
          #content #col-right .sfail .balloon h2.green {
            color: #a1dc23; }
      #content #col-right .sfail.successgame .balloon {
        text-align: center;
        width: 330px;
        padding: 35px 35px 25px 35px; }
        #content #col-right .sfail.successgame .balloon p.upper {
          text-transform: uppercase;
          font-size: 14px;
          margin-top: 10px; }
          #content #col-right .sfail.successgame .balloon p.upper strong {
            font-size: 18px;
            color: #f6dd97; }
            #content #col-right .sfail.successgame .balloon p.upper strong.big {
              margin-top: 0px;
              font-size: 26px; }
      #content #col-right .sfail .kempfich04 {
        opacity: 0;
        z-index: 300;
        position: absolute;
        top: 125px;
        left: -90px;
        background: url("../img/kempfich04.png");
        width: 304px;
        height: 427px;
        pointer-events: none;
        -webkit-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out; }
      #content #col-right .sfail .kempfich05 {
        opacity: 0;
        z-index: 300;
        position: absolute;
        top: 105px;
        left: -250px;
        background: url("../img/kempfich05.png");
        width: 346px;
        height: 461px;
        pointer-events: none;
        -webkit-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -ms-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        transition: opacity 2s ease-in-out; }
      #content #col-right .sfail.opendiv .kempfich04, #content #col-right .sfail.opendiv .kempfich05 {
        opacity: 1; }

form.forma {
  margin-top: 0px;
  margin-right: 40px;
  text-align: center;
  float: right;
  width: 320px;
  color: #e8dbbc;
  font-size: 16px; }
  form.forma p {
    font-family: "NikaiaRegular";
    margin-bottom: 15px;
    line-height: 20px;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67); }
  form.forma label, form.forma input[type="text"] {
    float: left;
    text-align: left;
    border: 1px solid #611616;
    font-family: "NikaiaRegular"; }
  form.forma label {
    width: 94px;
    text-transform: uppercase;
    background-color: #601615;
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 6px 0px 0px 6px; }
  form.forma input[type="text"] {
    color: #e8dbbc;
    width: 182px;
    height: 32px;
    background-color: #651616;
    margin: 0px 0px 3px 0px;
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 0px 6px 6px 0px; }
  form.forma input[type="submit"] {
    float: right;
    margin: 5px 65px 0px 0px;
    cursor: pointer;
    z-index: 200;
    width: 140px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-family: "belloscript";
    color: #f6dd97;
    font-size: 18px;
    border: none;
    background-color: transparent;
    background-repeat: repeat;
    background-image: url("../img/nav1.png");
    padding: 8px 0px;
    margin-bottom: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-shadow: 2px 2px 9px #000; }
    form.forma input[type="submit"]:hover {
      background-image: url("../img/nav2.png"); }

#popupregister {
  display: none;
  z-index: 1000;
  top: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../img/nav2.png") repeat center; }
  #popupregister .popup {
    position: relative;
    width: 395px;
    padding: 20px 0px 10px 0px;
    margin: 180px auto 0px auto;
    background-color: #fff;
    text-align: center;
    background: url("../img/popup.png") no-repeat top center transparent;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); }
    #popupregister .popup #closepopup {
      cursor: pointer;
      position: absolute;
      top: -10px;
      right: -10px;
      width: 27px;
      height: 26px;
      background: url("../img/close.png") top left; }

#sharescore {
  color: #e8dbbc; }
  #sharescore p {
    font-family: "NikaiaRegular";
    margin-bottom: 15px;
    line-height: 20px;
    padding: 0px 20px;
    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.67); }
    #sharescore p strong {
      display: block;
      font-size: 30px;
      margin: 10px 0px 20px 0px;
      color: #f6dd97; }
  #sharescore a {
    margin: 0px 2px;
    display: inline-block;
    cursor: pointer;
    background-image: url("../img/sharethis.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px; }
    #sharescore a#share-facebook {
      background-position: 0px 0px; }
      #sharescore a#share-facebook:hover {
        background-position: 0px -47px; }
    #sharescore a#share-twitter {
      background-position: -48px 0px; }
      #sharescore a#share-twitter:hover {
        background-position: -48px -47px; }
    #sharescore a#share-googleplus {
      background-position: -94px 0px; }
      #sharescore a#share-googleplus:hover {
        background-position: -94px -47px; }
    #sharescore a.buttonok {
      color: #641515 !important;
      font-size: 22px;
      color: #000;
      margin: 15px 0px 15px 0px;
      padding: 10px 20px;
      text-shadow: none;
      width: auto;
      height: auto;
      background-image: none;
      background-color: #ffdc7a;
      border-radius: 5px;
      font-weight: bold; }
      #sharescore a.buttonok:hover {
        background-color: #e3d4ab; }