body {
	text-align: center;
}

#cabecera {
	background-color: lightgray;
	color: black;
	font-family: sans-serif;
	margin: 5px;
	padding: 5px;
	border: 3px ridge lightcoral;
}

h2 {
	margin: 0px;
}

#reloj {
	width: auto;
	height: auto;
}
#tex {
  font-size: x-small;
  font-family: monospace;
	font-weight: bold;
}

#vector {
	border: 3px ridge lightcoral;
	margin: 5px;
}

#myCircle {
	fill: lightgrey;
	stroke: #db4e36;
	stroke-width: 3;
}

#hor {
	stroke: #db4e36;
	stroke-width:5;
}

#min {
	stroke: #db4e36;
	stroke-width: 3;
}

#seg {
	stroke: #666;
	stroke-width: 2;
}

.marcasHoras {
	stroke: #db4e36;
	stroke-width: 3;
}

#myLitteCircle {
	fill: lightcoral;
	opacity: 0.8;
	stroke: #db4e36;
	stroke-width: 1;
}

#dseg {
	stroke: #888;
	stroke-width: 1;
}

#grados {
	font-size: x-small;
	margin: 5px;
	border: 3px ridge lightcoral;
	padding: 5px;
	display: none;
}