#clock_loader {
    background: url("/modules/layout/tlo_albert_riele_opera.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 158px;
    width: 238px;
    display: inline-block;
    margin: -87px 0px -39px 662px;
}

#clock_main {
    height: 100px;
    padding: 0 0 30px;
    width: 100px;
}
#flash_center {
    margin: 0 auto;
    width: 100px;
}
.clockFrame {
}
.dialContainer {
    margin: 0 auto;
    width: 100px;
}
.dial {
    background: url("/modules/layout/dial.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100px;
}
.clockHand{
    transform-origin: 29% center;
    -webkit-transform-origin: 29% center;
}


.secondsHand { width: 53px;
    height: 10px;
    background: url("/modules/layout/seconds.png");
    background-repeat:no-repeat;
    z-index: 4;
    animation: secondsHandRotation 60s steps(60, end) infinite;
    -webkit-animation: secondsHandRotation 60s steps(60, end) infinite;
    position: absolute;
    left: 31px;
    top: 44px;
}

.minutesHand { width: 53px;
    height: 10px;
    background: url("/modules/layout/minutes.png");
    background-repeat:no-repeat;
    z-index: 3;
    animation: minutesHandRotation 3600s linear infinite;
    -webkit-animation: minutesHandRotation 3600s linear infinite;
    position: absolute;
    left: 31px;
    top: 44px;

}

.hoursHand { width: 53px;
    height: 10px;
    background: url("/modules/layout/hours.png");
    background-repeat:no-repeat;
    z-index: 2;
    animation: hoursHandRotation 43200s linear infinite;
    -webkit-animation: hoursHandRotation 43200s linear infinite;
    position: absolute;
    left: 31px;
    top: 44px;

}


@keyframes secondsHandRotation
{
    to { }
}
@-webkit-keyframes secondsHandRotation
{
    to { }
}
@keyframes minutesHandRotation
{
    to { }
}
@-webkit-keyframes minutesHandRotation
{
    to { }
}
@keyframes hoursHandRotation
{
    to { }
}
@-webkit-keyframes hoursHandRotation
{
    to { }
}
.clockMarkings { width: 296px;
    height: 296px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -48px;
    left: 2px;
    list-style: none }
.clockMarkings li { height: 84px;
    position: absolute;
    left: 97px;
    text-align: center;
    border-top: solid 64px #8D8D8D;
    width: 2px;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom
}
.clockMarkings li:nth-child(1) { transform: rotate(6deg);  -webkit-transform:rotate(6deg); }
.clockMarkings li:nth-child(2) { transform: rotate(12deg); -webkit-transform: rotate(12deg);}
.clockMarkings li:nth-child(3) { transform: rotate(18deg); -webkit-transform: rotate(18deg);}
.clockMarkings li:nth-child(4) { transform: rotate(24deg); -webkit-transform: rotate(24deg);}
.clockMarkings li:nth-child(5) { transform: rotate(36deg); -webkit-transform: rotate(36deg); }
.clockMarkings li:nth-child(6) { transform: rotate(42deg); -webkit-transform: rotate(42deg);}
.clockMarkings li:nth-child(7) { transform: rotate(48deg); -webkit-transform: rotate(48deg); }
.clockMarkings li:nth-child(8) { transform: rotate(54deg); -webkit-transform: rotate(54deg);}
.clockMarkings li:nth-child(9) { transform: rotate(66deg); -webkit-transform: rotate(66deg); }
.clockMarkings li:nth-child(10) { transform: rotate(72deg); -webkit-transform: rotate(72deg); }
.clockMarkings li:nth-child(11) { transform: rotate(78deg); -webkit-transform: rotate(78deg); }
.clockMarkings li:nth-child(12) { transform: rotate(84deg); -webkit-transform: rotate(84deg); }
.clockMarkings li:nth-child(13) { transform: rotate(96deg); -webkit-transform: rotate(96deg); }
.clockMarkings li:nth-child(14) { transform: rotate(102deg); -webkit-transform: rotate(102deg); }
.clockMarkings li:nth-child(15) { transform: rotate(108deg); -webkit-transform: rotate(66deg); }
.clockMarkings li:nth-child(16) { transform: rotate(114deg); -webkit-transform: rotate(114deg); }
.clockMarkings li:nth-child(17) { transform: rotate(126deg); -webkit-transform: rotate(126deg); }
.clockMarkings li:nth-child(18) { transform: rotate(132deg); -webkit-transform: rotate(132deg); }
.clockMarkings li:nth-child(19) { transform: rotate(138deg); -webkit-transform: rotate(138deg); }
.clockMarkings li:nth-child(20) { transform: rotate(144deg); -webkit-transform: rotate(144deg);  }
.clockMarkings li:nth-child(21) { transform: rotate(156deg); -webkit-transform: rotate(156deg);  }
.clockMarkings li:nth-child(22) { transform: rotate(162deg); -webkit-transform: rotate(162deg);  }
.clockMarkings li:nth-child(23) { transform: rotate(168deg); -webkit-transform: rotate(168deg);  }
.clockMarkings li:nth-child(24) { transform: rotate(174deg); -webkit-transform: rotate(174deg);  }
.clockMarkings li:nth-child(25) { transform: rotate(-6deg); -webkit-transform: rotate(-6deg);  }
.clockMarkings li:nth-child(26) { transform: rotate(-12deg); -webkit-transform: rotate(-12deg);  }
.clockMarkings li:nth-child(27) { transform: rotate(-18deg); -webkit-transform: rotate(-18deg);  }
.clockMarkings li:nth-child(28) { transform: rotate(-24deg); -webkit-transform: rotate(-24deg);  }
.clockMarkings li:nth-child(29) { transform: rotate(-36deg); -webkit-transform: rotate(-36deg);  }
.clockMarkings li:nth-child(30) { transform: rotate(-42deg); -webkit-transform: rotate(-42deg);  }
.clockMarkings li:nth-child(31) { transform: rotate(-48deg); -webkit-transform: rotate(-48deg);  }
.clockMarkings li:nth-child(32) { transform: rotate(-54deg); -webkit-transform: rotate(-54deg);  }
.clockMarkings li:nth-child(33) { transform: rotate(-66deg); -webkit-transform: rotate(-66deg);  }
.clockMarkings li:nth-child(34) { transform: rotate(-72deg); -webkit-transform: rotate(-72deg);  }
.clockMarkings li:nth-child(35) { transform: rotate(-78deg); -webkit-transform: rotate(-78deg);  }
.clockMarkings li:nth-child(36) { transform: rotate(-84deg); -webkit-transform: rotate(-84deg);  }
.clockMarkings li:nth-child(37) { transform: rotate(-96deg); -webkit-transform: rotate(-96deg);  }
.clockMarkings li:nth-child(38) { transform: rotate(-102deg); -webkit-transform: rotate(-102deg);  }
.clockMarkings li:nth-child(39) { transform: rotate(-108deg); -webkit-transform: rotate(-108deg);  }
.clockMarkings li:nth-child(40) { transform: rotate(-114deg); -webkit-transform: rotate(-114deg);  }
.clockMarkings li:nth-child(41) { transform: rotate(-126deg); -webkit-transform: rotate(-126deg);  }
.clockMarkings li:nth-child(42) { transform: rotate(-132deg); -webkit-transform: rotate(-132deg);  }
.clockMarkings li:nth-child(43) { transform: rotate(-138deg); -webkit-transform: rotate(-138deg);  }
.clockMarkings li:nth-child(44) { transform: rotate(-144deg); -webkit-transform: rotate(-144deg);  }
.clockMarkings li:nth-child(45) { transform: rotate(-156deg); -webkit-transform: rotate(-156deg);  }
.clockMarkings li:nth-child(46) { transform: rotate(-162deg); -webkit-transform: rotate(-162deg);  }
.clockMarkings li:nth-child(47) { transform: rotate(-168deg); -webkit-transform: rotate(-168deg);  }
.clockMarkings li:nth-child(48) { transform: rotate(-174deg); -webkit-transform: rotate(-174deg);  }
.clockDigits { width: 296px;
    height: 296px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -48px;
    left: 2px;
    list-style: none }
.clockDigits li { height: 64px;
    position: absolute;
    left: 96px;
    text-align: center;
    border-top: solid 84px #000000;
    width: 4px;
    transform-origin: center bottom;
    -webkit-transform-origin: center bottom;}
.clockDigits li:nth-child(1) { transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.clockDigits li:nth-child(2) { transform: rotate(30deg); -webkit-transform: rotate(30deg);}
.clockDigits li:nth-child(3) { transform: rotate(60deg); -webkit-transform: rotate(60deg);}
.clockDigits li:nth-child(4) { transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.clockDigits li:nth-child(5) { transform: rotate(120deg); -webkit-transform: rotate(120deg); }
.clockDigits li:nth-child(6) { transform: rotate(150deg); -webkit-transform: rotate(150deg); }
.clockDigits li:nth-child(7) { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.clockDigits li:nth-child(8) { transform: rotate(210deg); -webkit-transform: rotate(210deg);}
.clockDigits li:nth-child(9) { transform: rotate(240deg); -webkit-transform: rotate(240deg); }
.clockDigits li:nth-child(10) { transform: rotate(270deg); -webkit-transform: rotate(270deg); }
.clockDigits li:nth-child(11) { transform: rotate(300deg); -webkit-transform: rotate(300deg); }
.clockDigits li:nth-child(12) { transform: rotate(330deg); -webkit-transform: rotate(330deg); }