@charset "utf-8";
/* CSS Document */
.horachica { float:right; }
.horachica #horas,
.horachica #minutos { width:50px; height:50px; float:left; position:relative;}
.horachica #horas #horas_bg,
.horachica #minutos #minutos_bg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; }
.horachica #horas #horas_bg img,
.horachica #minutos #minutos_bg img { width:50px;}
.horachica .first_digit { width:20px; position:absolute; top:0; left:5px; z-index:100; }
.horachica .second_digit { width:20px; position:absolute; top:0; left:24px; z-index:100; }
.horachica #am_pm { position:absolute; top:40px; left:30px; z-index:110; }
.horachica #am_pm img  { width:20px }

.horagrande { float:left; margin-left:48px; }
.horagrande #horas,
.horagrande #minutos { width:200px; height:200px; float:left; position:relative; }
.horagrande #minutos { margin-left:4px; }
.horagrande #horas_bg,
.horagrande #horas_bg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; }
.horagrande .first_digit { width:80px; height:100%; position:absolute; top:0; left:20px; z-index:100; }
.horagrande .second_digit { width:80px; height:100%; position:absolute; top:0; left:100px; z-index:100; }
.horagrande #am_pm { position:absolute; top:156px; left:130px; z-index:110; }