@charset "utf-8";
/* CSS Document */
body{ margin: 0; padding: 0; font-family: arial; font-size: 11px; line-height: 15px;}
#datos .estado2{ background:#FF0;}
#maquinas{padding: 1%;}
.contenedor_maquina{width:48%; margin: 1%;  height: 100px; float: left;}
.maquina{ border: 1px solid #ccc; height: 100%; padding: 20px 0 0 100px; cursor: pointer; position: relative;}

.maquina .numero{ position: absolute; top: 25px; left: 25px; font-size: 60px;}
.maquina .tiempo{ position: absolute; top: 70px; left: 8px; font-size: 20px; width: 68px; text-align: right; background:  url('../iconos/tiempo.png') no-repeat left; border:none;}
.maquina .precio{ position: absolute; top: 100px; left: 20px; font-size: 14px; width: 40px; padding-left: 20px; background:  url('../iconos/precio.png') no-repeat left; border:none; text-align: left;}
.maquina .terminar{ position: absolute; top: 20px; right: 20px; font-size: 15px; width: 100px; height: 60px; background: #5b0000; padding: 20px; text-align: center;}
.maquina .terminar a{ color: #FFF; text-decoration: none;}
.estado_1{ background: #9b0000;}
.alerta{ background: url('img/alerta.gif');}
.cursor{ cursor: pointer;}