@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: alarm;
  src: url('http://www.fontsaddict.com/fontface/alarm-clock.ttf');
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html,body{
	margin: 0px;
	height: 100%;
}
body {
	padding-top: 20px;
	background-color: #FFF;
	text-align: center;
	font-family: alarm, Arial, Helvetica, sans-serif;
}
h1 {
	color: #666;
	margin: 0px 0px 30px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#contenedor {
	position: relative;
	width: 368px;
	height: 380px;
	margin: 0px auto;
	background-repeat: no-repeat;
	line-height: normal;
}
#principal {
	background-image: url(../imgs/cronometro.jpg);
	width: 390px;
	height: 380px;
	margin: 0px auto;
	background-repeat: no-repeat;
	z-index: 1;
}
#contCrono {
	position: absolute;
	top: 180px;
	right: 70px;
	width: 150px;
	text-align: right;
	height: 60px;
	color: #333;
	font-size: 2em;
	background-color: #d1e9e9;
	padding-right: 10px;
}
#listaParadas {
	top: 200px;
	margin: 10px auto;
	padding: 5px;
	width: 390px;
	background-color:#0f0f0f;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#cambiar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	background-color: #12e921;
	position: absolute;
	height: 20px;
	width: 100px;
	left: 270px;
	top: 360px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
}
#inicializar {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ff0024;
	position: absolute;
	height: 20px;
	width: 100px;
	right: 190px;
	top: 360px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
}