.selectorHora{

}
.selectorHora .ruleta {
        background: url(/images/selectorHora/bkg.gif) no-repeat left top;
        width: 48px;
        height: 76px;
        position: relative;
        overflow: hidden;
        /* PARA IPHONE  overflow-y: scroll;*/

        float: left;
}
.selectorHora .ruleta input {
        width: 48px;
        height: 26px;
        background: transparent;
        border: 0px;
        border-top: 1px solid white;
        border-bottom: 1px solid #CCC;
        font-family: 'Nunito', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #666;
        text-shadow: white 0px 1px 0px;
}
.selectorHora .ruleta .cantidades {
        position: absolute;
        left: 0px;
        top: 26px;
}

.selectorHora .selector{
        float: left;
        height: 76px;
        margin-left: 10px;
        margin-right: 10px;
}
.selectorHora .horas, .selectorHora .minutos {
        width: 89px;
        float: left;
        margin-bottom: 20px;
        position: relative;

}
.selectorHora .horas {
        margin-left: 48px;
}
.selectorHora .minutos {
        margin-left: 32px;
}

.selectorHora .selector .mas, .selectorHora .selector .menos {
        background: url(/images/selectorHora/selectores.gif) no-repeat left bottom;
        width: 20px;
        height: 33px;
        display: block;
        border: 0px;
        cursor: pointer;
}
.selectorHora .selector .mas {
        background-position: left -13px;

}
.selectorHora .selector .menos {
        background-position: left 20px;
        margin-bottom: 10px;
}
.selectorHora .selector .mas.inactivo {
        background-position: -20px -13px;
}
.selectorHora .selector .menos.inactivo {
        background-position: -20px 20px;
}
.selectorHora .marcoSeleccionado {
        background: url(/images/selectorHora/marcoSeleccionado.png) no-repeat left top;
        height: 41px;
        left: -5px;
        position: absolute;
        top: 50px;
        width: 58px;
        z-index: 1000;
}
.selectorHora #continuar {
        float: right;
}