/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-oct-2015, 0:23:20
    Author     : miklix
*/
 #reloj {
     height: 50pt;
     width: 300px;
     background-color: black;
     background-image: url('../img/matrix.gif');
     background-repeat: repeat;
     position: relative;
     display: none;
     font-size: 40pt;
     color: aqua;
     font-style: oblique;
     font-style: italic;
     border-radius: 20px;
     box-shadow: 5px 5px 10px #999;
     font-weight: bolder;
 }
 h1{
     margin-top: 5px;
     color: white;
     font-family: cursive;
 }
 body {
     background-image: url('../img/background.jpg');
 }

 #barra1 {
     position: relative;
     display: none;
     top: 200px;
     left: 800px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }
 #barra2 {
     position: relative;
     display: none;
     top: 200px;
     left: 860px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }
#barra3 {
     position: relative;
     display: none;
     top: 200px;
     left: 920px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }
 #barra4 {
     position: relative;
     display: none;
     top: 200px;
     left: 980px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }
 #barra5 {
     position: relative;
     display: none;
     top: 200px;
     left: 1040px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }
 #barra6 {
     position: relative;
     display: none;
     top: 200px;
     left: 1100px;
     height: 10px;
     width: 50px;
     background-color: red;
     text-align: center;
     overflow: hidden;
 }