@font-face {
    font-family: 'Proxima';
    src: url('font/font.eot');
    src: url('font/font.eot?#iefix') format('embedded-opentype'),
        url('font/font.woff') format("woff"),
        url('font/font.otf') format("opentype"),
        url('font/font.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.container {
	margin: auto; 
	overflow: hidden;
	margin-bottom: 20px;
	background: url('images/numerologiya_bg.png') top center no-repeat
}

.clock {
	width:400px;
	height: 400px;
	margin:0 auto; 
	color:#fff; 
	background: url('/images/clock/clock_fon.png') top center no-repeat;
}

#Date { 
	font-family:'Proxima', Arial, Helvetica, sans-serif; 
	font-size:25px; 
	text-align:center; 
	text-shadow:0 0 5px #00c6ff;
	padding-top: 100px;
}

.clock ul {
	display: table;
	margin:0 auto; 
	padding:0px; 
	list-style:none; 
	text-align:center; 
	padding: 5px 35px 5px 35px;
	background: #202023;
	border-radius: 5px;
	box-shadow: 2px 2px #2E2929;
	color: #dad5d5;
	position: relative;
	margin-top: 0px;
}

.clock ul li { 
	display:inline-block; 
	font-size:75px; 
	text-align:center; 
	font-family:'Proxima', Arial, Helvetica, sans-serif; 
	text-shadow:0 0 5px #000; 
}

#point {
	width: 40px;
	font-family:'Proxima', Arial, Helvetica, sans-serif; 
	position:relative; 
	padding-left:10px; 
	padding-right:10px;
	text-shadow:0 0 5px #000; 
}