/* CSS Document */
/* AQUI COMIENZAN LAS REGLAS PARA EL RELOJ DEL LOGIN PAGE */
/* If you want you can use font-face */
/*@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('../fuentes/bebasneue/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fuentes/bebasneue/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.container {width: 560px; margin: 0 auto; overflow: hidden;}

.clock {
	width: 25.5vw;
	margin: auto;
	padding: 10px;
	border: 0.1em solid #787878;
	border-radius: 5px;
	color: #fff;
	background-color: #333;
}

#Date { font-family:'bebas_neue_regularregular', Arial, Helvetica, sans-serif; font-size:22px; text-align:center; text-shadow:0 0 5px #199461; }

ul { width:180px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
ul li { display:inline; font-size:2.5em; text-align:center; font-family:'bebas_neue_regularregular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #199461; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

/* Simple Animation */
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #199461;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #199461; }	
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #199461;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #199461; }	
}

/* AQUI TERMINAN LAS REGLAS PARA EL RELOJ DEL LOGIN PAGE */