@charset "utf-8";
/* CSS Document */



/* En el código HTML es necesario añadir cellspacing="0" */
table { border-collapse: collapse; border-spacing: 0; }
td,th,caption { font-weight: normal; text-align: left; }
img,fieldset { border: 0; }
ol,ul { padding-left: 1.4em; margin-left: 1.4em; list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content: none; }
input,button { font-size: inherit; font-family: inherit; }
/*--- FIN INICIALIZAR ESTILOS ---*/

@font-face {
    font-family: digital-dream;
    src: url('digitaldreamfatskew-webfont.woff') format('woff'),
         url('digitaldreamfatskew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body {height: 100%; }

body {
  font-family: Tahoma, Arial, sans-serif;
  text-align: center;
  margin: 0 auto;
  color: #333333;
}
#contenedor {
  margin: 0 auto;
}
h1,h2 {
  margin: 10px 0 10px 0;
  font-weight: 300;
  font-size: 2em;
  font-weight: bold;
}
p {
  font-size: .9em;
  padding: 0 5px;
}

#fondo {
   background-image: url( url(reloj.jpg));
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 100%;
   width: 320px;
   height: 450px;
   margin: 0 auto;
   border-bottom:150px;
}



.center-text {
  
  width: 45%; 
  left: 0;
  top: 37%;
  font-family: digital-dream,Arial,sans-serif;
  font-size: 160%;
  color: #FFF;
  
 
}

#crono{ margin-top: -210px;
          margin-left: 87px;}

#botones {
  visibility: visible;
  margin-top:-300px;
  
}

#info{
  font-size: .9em;
}

button  {
  height: 35px;
  margin: 0px auto;
}