@charset "utf-8";
{
	font-family: Calibri, sans-serif;
}
{
	margin:0px;
	padding:0px;
}

div.imagen {
	width:100px; 
	height:100px; 
	background-image:url('crono.jpg');
	margin:0; 
	padding:0;

}
#contenedor > header{
	position:fixed;
	width:100%;
	
	color: black;
	height:6em;
	top:0px;
	left:0%;
	z-index:3;
	text-align:center;

}
#contenedor section{
	position:absolute;
	width:90%;
	left:0%;
	top:5em;
	background-color:white;
	z-index:1;
	text-align:center;
	padding: 1em;
	padding-bottom:3em;
}
#contenedor article{
	position:absolute;
	width:10%;
	background-color:white;
	z-index:1;
	top: 5em;
	left: 55em;
	text-align:center;
	padding: .5em;
	padding-bottom:3em;
}
#tabla{
    height: 1em;
    overflow: auto;
	border-width: 2px 2px 2px 2px; 
	border-color: #999999; 
	border-style: inset;
}
#tabla th{
	padding:1em;
	padding-bottom:.3em;
	border-width: 2px 2px 2px 2px; 
	border-color: black; 
	border-style: inset;
}



.button {
   border: 5px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 6px 12px;
   -webkit-border-radius: 22px;
   -moz-border-radius: 22px;
   border-radius: 22px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 19px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 5px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 5px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
}

p{ 
	margin-bottom: 1em;
	font-size: 14px;
}

#crono{
	line-height: 280px;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
	color: green;
	font-family: LiquidCrystal-ExBold;
	font-size: 90px;
}

#fondoCrono	{ 
	background-image: url("chrono.jpg");
	width:800px;
	height:330px;
}

#cambiar{
    position: absolute;
    top: 325px;
    left: 140px;
    z-index: 1;
}
#inicializar{
    position: absolute;
    top: 325px;
    left: 580px;
    z-index: 1;
}