body {font-family: 'Open Sans', sans-serif; color: #333333;}
.cartomante {transition: all 0.2s ease-in-out;}
.cartomante:hover {transform: scale(1.05);}
.cartomante div.heart-rosso {background: url(/cvo/img/tarocchi-red.png) no-repeat; width: 32px; height: 32px; /*animation: rotateIn 5000ms linear 0s infinite normal;*/}
.cartomante div.heart-verde {background: url(/cvo/img/tarocchi-green.png) no-repeat; width: 32px; height: 32px; /*animation: smuovi 2500ms ease-in-out 0s infinite normal;*/}
.cartomante div.heart-giallo {background: url(/cvo/img/tarocchi-orange.png) no-repeat; width: 32px; height: 32px;}
.cartomante div.heart-grigio {background: url(/cvo/img/tarocchi-gray.png) no-repeat; width: 32px; height: 32px;}
.busy.cartomante, .free.cartomante, .pause.cartomante {background-color: #eeeeee; border: 1px solid #ffffff; padding-left: 5px;}
.offline.cartomante {background-color: #dddddd; border: 1px solid #ffffff; padding-left: 5px;}
.cartcodice {display:inline-block; font-style: italic; position: relative; top: -7px; padding-left: 10px;}
.heart {display:inline-block;}
.labelnome {display:inline-block; font-weight: 600; position: relative; top: -7px; padding-left: 5px;}
.busy .labelnome {color: #dd3333;}
.free .labelnome {color: #08b000;}
.pause .labelnome {color: #ffaa00;}
.offline .labelnome {color: #999999;}
.labelnome a {color: #dd3333; text-decoration: none;}
@keyframes rotateIn {
	0% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}
@keyframes smuovi {
	0% {transform: translateX(0);}
    60% {transform: translateX(0);}
    65% {transform: translateX(-4px);}
    75% {transform: translateX(4px);}
    85% {transform: translateX(-4px);}
    95% {transform: translateX(4px);}
    100% {transform: translateX(0);}
}