/* CONTACHILOMETRI */
/* VIP PREMI */
#PHbody_divVIPMarket, 
.VIPMarketBuy {
    background: rgba(255, 255, 255, 0.4);
    overflow:hidden;
    box-shadow: 2px 2px 2px #000;
    color:#FFF;
    font-weight:bold;
    width: 994px;
    margin: 0 auto;}
.VIPMarketBuy {
    background-image: url(../images/VipClub_conferma_esec.jpg);}
#PHbody_divVIPMarket span{
    display: block;
    padding: 20px 0px 0px 20px;}
.div_vippremi{
    position: relative;
    float:left;
    margin: 6px 7px 6px 3px;
    width: 300px; 
    height: 180px; 
    text-align: center;
    padding:10px;
    background: url(../images/vip_club_carta.png) no-repeat left top;
    font-size:15px;
    text-shadow:1px 1px 2px #000;}
.vip_acquista{
    position: absolute;
    float: left;
    display: block;
    right: 30px;
    margin-left: 5px;
    bottom: 35px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px #0D0D0D;
    background: url(../images/btn-login-verde.png) repeat-x left top green;
    border: none;
    outline: none;
    vertical-align: middle;
    width: 90px;
    height: 23px;
    line-height: 23px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 2px;
    box-shadow: 1px 1px 5px black;}
a.vip_acquista_disattivato, a.vip_acquista_disattivato:hover{
    background: url(../images/btn-login-rosso.png) repeat-x left top red;
    text-decoration:none;
    cursor:default;}
.logo_casino_vip_club{
    background: url(../images/logo_casino_vip_club.png) no-repeat left top;
    position:absolute;
    top:19px;
    left:58px;
    height:60px;
    width:200px;}
.market_10_vip, .market_50_vip, .market_100_vip, .market_300_vip, .market_500_vip, .market_1000_vip, .market_1500_vip, .market_2000_vip, .market_3000_vip{
    position:absolute;
    top:63px;
    right:16px;
    height:65px;
    width:200px;}
.market_10_vip{ background: url(../images/10_vip.png) no-repeat left top; }
.market_50_vip{ background: url(../images/50_vip.png) no-repeat left top; }
.market_100_vip{ background: url(../images/100_vip.png) no-repeat left top; }
.market_300_vip{ background: url(../images/300_vip.png) no-repeat left top; }
.market_500_vip{ background: url(../images/500_vip.png) no-repeat left top; }
.market_1000_vip{ background: url(../images/1000_vip.png) no-repeat left top; }
.market_1500_vip{
    background: url(../images/1500_vip.png) no-repeat left top;}
.market_2000_vip{
    background: url(../images/2000_vip.png) no-repeat left top;}
.market_3000_vip{
    background: url(../images/3000_vip.png) no-repeat left top;}
.div_vipMarketSumm{
    position: relative;
    float:left;
    margin: 60px 0px 60px 0px; 
    width: 460px; 
    left:50%;
    margin-left:-240px;
    height: 400px; 
    text-align: center;
    padding:10px;
    background-color:#FFF;
    font-weight:bold;
    color:#172b5f;
    background-color: rgba(255, 255, 255, 0.9);}
.titolo_conferma_vip{
    position: absolute;
    top: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    width: 100%;
    padding: 10px 0px;
    left: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;}
#PHbody_description{
    position: absolute;
    top: 172px;
    left: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    width: 460px;}
#PHbody_lblDescrizione{
    position:absolute;
    top:96px;
    left: 14px;
    text-align:center;
    font-weight:bold;
    font-size:22px;
    width:460px; }
#PHbody_lblStatus{
    position:absolute;
    top:70px;
    left: 14px;
    text-align:center;
    font-weight:bold;
    font-size:22px;
    width:460px; }
#PHbody_lblPuntiPremio {
    position:absolute;
    top:10px;
    left: 14px;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    width:460px;     }
.puntiPremio_attuale_before {
    position:absolute;
    top:194px;
    left: 14px;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    width:460px; }
#PHbody_lblPuntiDisponibili {
    position:absolute;
    top:50px;
    left: 14px;
    text-align:center;
    font-weight:bold;
    font-size:18px;
    width:460px;}
#PHbody_btnConferma {
    position: absolute;
    top: 136px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    width: 120px;
    height:35px;
    left: 250px;
    background: url(../images/btn-login-verde.png) repeat-x left top green;
    border-radius:5px;
    box-shadow:1px 1px 2px #000;
    text-shadow:1px 1px 2px #000;
    color:#FFF;
    border: 0px solid;
    cursor:pointer; }
.gioca_subito_vip{
    position: absolute;
    top: 306px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    width: 177px;
    height: 23px;
    left: 155px;
    background: url(../images/btn-login-verde.png) repeat-x left top green;
    border-radius: 5px;
    box-shadow: 1px 1px 2px black;
    text-shadow: 1px 1px 2px black;
    color: white;
    border: 0px solid;
    cursor: pointer;
    padding: 10px 0px 10px 0px;}
#PHbody_btnAnnulla {
    position: absolute;
    vertical-align:middle;
    top: 136px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    width: 120px;
    height: 21px;
    padding: 7px 0px;
    left: 118px;
    background: url(../images/btn-login-rosso.png) repeat-x left top red;
    border-radius:5px;
    box-shadow:1px 1px 2px #000;
    text-shadow:1px 1px 2px #000;
    color:#FFF;
    border: 0px solid;
    cursor:pointer;
    text-decoration:none; }
.div_vipClub{
    position: relative;
    margin: 0px auto 8px auto;
    width: 972px; 
    padding:10px;
    background-color:#FFF;
    box-shadow: 2px 2px 2px #000;
    font-weight:bold;
    color:#333;
    overflow:hidden;}
.scarica_poker_da_categorie{
    display:none;}
 .indicatore_bonus {
    box-shadow: 0px 0px 0px #000 !important;
    height:475px !important;                    
    background :transparent url(https://cms.gplay.it/CMSImages/20/promozioni/bonus_wizard_casinoDOPPIO.png) no-repeat top left !important;
    background :transparent url(https://cms.gplay.it/CMSImages/20/promozioni/bonus_wizard_Casino2014.png) no-repeat top left !important;
     }
.indicatore_bonus.dieci {
    background :transparent url(https://cms.gplay.it/CMSImages/20/promozioni/bonus_wizard_affiliazione10.jpg) no-repeat top left !important;
    height:394px !important;
    box-shadow: 1px 1px 20px #000 !important;    }    
.indicatore_bonus.cinquecento {
    background :transparent url(https://cms.gplay.it/CMSImages/20/promozioni/bonus_wizard_affiliazione500.jpg) no-repeat top left !important;
    height:394px !important;
    box-shadow: 1px 1px 20px #000 !important;    }
.indicatore_bonus.duecento {
    background :transparent url(https://cms.gplay.it/CMSImages/20/promozioni/bonus_wizard_affiliazione200.jpg) no-repeat top left !important;
    height:394px !important;
    box-shadow: 1px 1px 20px #000 !important;    }
.contenitore_contachilometri  {
	position:relative;
	width:586px;
	height:272px;
	overflow:hidden;
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:20px;
	color:#162964;
	background: #75C2F2; }
.blocchi_vip_sinistra {
    width:600px;
    overflow:hidden;
    float: left;
    margin-left:4px; }
.blocchi_vip_destra {
    float: right;
    overflow: hidden;
    width: 360px;
    padding-bottom: 8px;
    margin-bottom: 20px; }
.contenitore_saldo_punti_premio {
    position: relative;
    padding:10px;
    overflow: hidden;
    width: 330px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
    float: left;
    display: block;
    margin-right: 20px;
    color: #162964;
    background: #B6E3FF;
    font-size: 11px; }
.contenitore_saldo_punti_premio span {
    font-size:18px; }
.contenitore_saldo_punti_premio input {
    font-size:14px;
    padding:8px;
    margin-top:12px; }
#PHbody_regola_argento, #PHbody_regola_oro {
    background: #75C2F2; }
#PHbody_regola_oro {
   box-shadow: 0px 1px 5px #ddd, 5px 5px 0px rgba(0, 0, 0, 0.2); }
.contenitore_star {
    position: relative;
    padding:10px;
    overflow: hidden;
    width: 330px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);;
    float: left;
    display: block;
    margin-right: 20px;
    color: #162964;
    background: #ECF8FF;
    font-size: 16px;
    text-align:center; }
.contenitore_star:nth-child(2) { }
.contenitore_star:last-child {}
.titolo_vip_primario {
    float:left;
	display:block;
	height:10px;
	padding:6px 14px 10px 14px;
	background: #003B69;
	color: #FFF;
	line-height: 14px; }
.titolo_vip_secondario {
    float: left;
    display: block;
    height: 10px;
    padding: 6px 10px 10px 10px;
    color: #162964;
    width: 245px;
    margin-left: 210px;
    text-align: right; }
.blocchi_vip_destra .titolo_vip_secondario {
    width: 190px;
    margin-left: 20px; }
.div_maschera  {
	position:absolute;
	background:url(../images/contachilometri/maschera_material.png) left top no-repeat;
	width:586px;
	height:350px;
	z-index:100;}
.serbatoio {
    position:absolute;
    z-index:110;
    height:60px;
    width:60px;
    top: 158px;
    left: -1px;
    padding-top:3px;
    perspective: 1000px;
    /*background:url(../images/contachilometri/serbatoio.png) left top;*/ }
/*.serbatoio.new {
    background: url(../images/contachilometri/serbatoio_new.png) left top; }*/ 
.serbatoio .giorni {
    position: absolute;
    border: 3px solid;
    border-bottom: 9px solid;
    background: #B6E3FF;
    font-size: 20px;
    padding: 1px 4px;
    top: 15px;
    left: 14px;
    width: 25px;
    text-align: center;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
    transform: skew(-5deg);
    opacity:0.0;}
    
.serbatoio .giorni:nth-child(1){
    -webkit-animation: cala-giorno 0.4s 0.5s ease-in-out forwards;
    -moz-animation: cala-giorno 0.4s 0.5s ease-in-out forwards;
    -ms-animation: cala-giorno 0.4s 0.5s ease-in-out forwards;
    animation: cala-giorno 0.4s 0.5s ease-in-out forwards;
    margin-left:4px;
    margin-top:3px; 
    border-color: rgba(0, 59, 105, 0.4);
    text-indent:-9999px;      
    }
.serbatoio .giorni:nth-child(2){
    -webkit-animation: cala-giorno 0.4s 0.6s ease-in-out forwards;
    -moz-animation: cala-giorno 0.4s 0.6s ease-in-out forwards;
    -ms-animation: cala-giorno 0.4s 0.6s ease-in-out forwards;
    animation: cala-giorno 0.4s 0.6s ease-in-out forwards;       
    margin-left:2px;
    margin-top:1px;
    border-color: rgba(0, 59, 105, 0.7); 
    text-indent:-9999px;
    }
.serbatoio .giorni:nth-child(3){
    -webkit-animation: cala-giorno 0.4s 0.8s ease-in-out forwards;
    -moz-animation: cala-giorno 0.4s 0.8s ease-in-out forwards;
    -ms-animation: cala-giorno 0.4s 0.8s ease-in-out forwards;
    animation: cala-giorno 0.4s 0.8s ease-in-out forwards;       
    margin-left:0px;
    margin-top:-1px;
    border-color: rgba(0, 59, 105, 1.0); 
    }

@-webkit-keyframes cala-giorno {
    0%   {top: -15px; left: 14px; opacity: 0.0; transform: skew(-35deg) scaleY(0.3)}
    100% {top: 15px;  left: 14px; opacity: 1.0; transform: skew(-5deg) scaleY(1.0);}    } 
@-moz-keyframes cala-giorno {
    0%   {top: -15px; left: 14px; opacity: 0.0; transform: skew(-35deg) scaleY(0.3)}
    100% {top: 15px;  left: 14px; opacity: 1.0; transform: skew(-5deg) scaleY(1.0);}    } 
@-ms-keyframes cala-giorno {
    0%   {top: -15px; left: 14px; opacity: 0.0; transform: skew(-35deg) scaleY(0.3)}
    100% {top: 15px;  left: 14px; opacity: 1.0; transform: skew(-5deg) scaleY(1.0);}    } 
@keyframes cala-giorno {
    0%   {top: -15px; left: 14px; opacity: 0.0; transform: skew(-35deg) scaleY(0.3)}
    100% {top: 15px;  left: 14px; opacity: 1.0; transform: skew(-5deg) scaleY(1.0);}    } 
    
    
    
    
      
.moltiplicatore1, 
.moltiplicatore2, 
.moltiplicatore3, 
.moltiplicatore4, 
.moltiplicatore5 {
  z-index: 110;
  height: 28px;
  width: 33px;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
  box-shadow:  2px 2px 0px rgba(0, 0, 0, 0.1); 
  background-size: 80%;
  background-position: center 30%;
  background-repeat: no-repeat;
  font-size: 16px;
  float: left;
  position: relative;
  color: #fff;
  line-height: 24px;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.5);     }
.moltiplicatore5 {
    font-size: 14px;
    color: #004264;
    text-shadow: none;}
#moltiplicatore1, 
#moltiplicatore2, 
#moltiplicatore3, 
#moltiplicatore4, 
#moltiplicatore5 {
    position:absolute;}
#moltiplicatore1 {
    top: 176px;
    left: 120px;  }  
#moltiplicatore2 {
    top: 99px;
    left: 153px; }
#moltiplicatore3 {
    top: 46px;
    left: 220px;}
#moltiplicatore4 {
    top: 63px;
    left: 370px;}
#moltiplicatore5 {
    top: 147px;
    left: 435px; }
.prossimo_motiplicatore {
    position:absolute;
    z-index:110;
    height:25px;
    width:25px;
    top: 167px;
    left: 550px;
    border-radius:50%;
    text-align: center;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); 
    background-size: 80%;
    background-position: center 30%;
    background-repeat: no-repeat;
    color:#fff;
    border: 1px solid rgba(0, 0, 0, 0.5);}
.prossimo_motiplicatore span {
    margin: 5px 1px 0px 0px;
    position: relative;
    display: block;
    font-size: 11px; }
.indicatore_prossimo_moltiplicatore {
    position: absolute;
    z-index: 110;
    height: 63px;
    width: 120px;
    top: 163px;
    left: 420px;
    text-align: right;
    font-size: 10px;     }
.motiplicatore_attuale {
    position:absolute;
    z-index:110;
    height: 50px;
    width: 50px;
    top: 160px;
    left: 273px;
    border-radius:30px;
    text-align: center;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); 
    background-size: 80%;
    background-position: center 30%;
    background-repeat: no-repeat;
    color:#fff;
    line-height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.5);}
.motiplicatore_attuale span {
    margin: 8px 1px 0px 0px;
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 32px;}
.punti_level {
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 230px;
    top: 128px;
    left: 184px;
    text-align: center;
    font-size: 20px; }
.punti_level span {
    margin: 4px 0px 0px 0px;
    position: relative;
    display: block;
    font-size: 18px; }
.punti_premio {
    position: absolute;
    z-index: 110;
    height: 30px;
    width: 260px;
    top: 216px;
    left: 169px;
    text-align: center;
    font-size: 20px; }
.punti_premio span {
    margin: 4px 0px 0px 0px;
    position: relative;
    display: block;
    font-size: 18px; }
#giorni_rimanenti, #PHbody_giorni_rimanenti {
    position: absolute;
    z-index: 110;
    height: 70px;
    width: 90px;
    top: 116px;
    left: 45px;
    text-align: right;
    font-size: 14px; }
#giorni_rimanenti span, #PHbody_giorni_rimanenti span {
    position: relative;
    display: block; }
.div_disco1,
.div_disco2,
.div_disco3 {
    display:none;    }    
.div_disco1 {
	position:absolute;
	width: 182px;
	height: 184px;
	z-index: 80;
	left: 14px;
	top: 75px;	}
#img_disco1 {
	width: 182px;
	height: 184px;
	background:url(../images/contachilometri/semicerchio1.png) left top;
	border:0px solid #FFF; }
.div_disco2 {
	position:absolute;
	width:339px; 
	height:345px;
	z-index: 90;
	left: 127px;
	top: 41px;	}
#img_disco2 {
	width:339px; 
	height:345px;
	background:url(../images/contachilometri/semicerchio2.png) left top;
	border:0px solid #FFF; }
.div_disco3 {
	position:absolute;
	width: 182px;
	height: 184px;
	z-index: 80;
	left: 397px;
	top: 80px;	}
#img_disco3 {
	width: 182px;
	height: 184px;
	background:url(../images/contachilometri/semicerchio3.png) left top;
	border:0px solid #FFF; }
.bonus_disponibili_contenitore {
	position:relative;
	width:586px;
	overflow:hidden;
	box-shadow:5px 5px 0px rgba(0, 0, 0, 0.2);;
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:20px;
	color:#162964;
	background: #B6E3FF; }
#PHbody_bonusDisponibiliContainer {
	box-shadow:1px 1px 8px #ddd;
	background:#FFF;
	margin: 4px 10px 10px 10px;
	padding: 4px 10px 10px 10px;
	float: left;
	width: 545px; }
#PHbody_bonusDisponibiliContainer ul li {
    margin-top:9px;
    border-bottom:1px solid #BBB;
    padding-bottom:3px;    } 
#PHbody_bonusDisponibiliContainer ul li span {
    width: 8%;
    display: block;
    text-align: right;
    margin: 0px 5px 0px 0px;
    border-left: 1px solid #BBB;
    overflow: hidden;
    float: right }   
.bonus_disponibili_contenitore .titolo1 {
    width: 46%;
    display: block;
    text-align: left;
    margin: 10px 5px 0px 18px;
    float: left;
    height: 21px; }
.bonus_disponibili_contenitore .titolo2 {
    width: 46%;
    display: block;
    text-align: right;
    margin: 10px 5px 0px 0px;
    float:left;   }  
.regole_vip {
    border:1px solid #162964;
    overflow:hidden;
    width:330px;
    padding:10px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2); }
.titolo_vip_primario_regole  {
    float: left;
    border:1px solid #162964;
    display: block;
    height: 10px;
    padding: 6px 14px 10px 14px;
    color:#162964;
    margin-bottom:-1px; 
    line-height: 14px;}
.regole_vip ul {
    margin:0px; }
.regole_vip ul li {
    margin: 3px 2px 5px 16px;
    font-weight:normal;
    font-size:11px;
    color: #162964;
    list-style: disc; }
.stella_vip_attiva {
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:26px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/stella-bonus-blue-star-attiva.png) no-repeat top left;
    margin: 0px 2px;
    font-size: 16px; }
.stella_vip_in_attesa {
    display:block;
    float:left;
    position:relative;
    color:#FFF;
    height:26px;
    width:30px;
    padding:16px 11px 5px 9px;
    text-align:center;
    background: url(../images/stella-bonus-blue-star-in-attesa.png) no-repeat top left;
    margin: 0px 2px;
    font-size: 16px; }
.gold_vip,
.silver_vip,
.gold_vip_spento2,
.gold_vip_spento,
.gold_vip2,
.silver_vip_spento {
    display: block;
    position: relative;
    color: #FFF;
    text-shadow: 0px 0px 4px rgb(255, 255, 255);
    height: 100px;
    width: 130px;
    text-align: center;
    background-image: url(https://cms.gplay.it/CMSImages/svg/vip/vip_logo_acceso.svg);
    background-size: 80%;
    background-position: center 30%;
    background-repeat: no-repeat;
    font-size: 16px;
    margin: 0px auto;
    line-height: 40px;
    text-indent:-9999px;}
.gold_vip_spento2,
.gold_vip_spento,
.gold_vip2,
.silver_vip_spento   {
    opacity: 0.5;
    background-image: url(https://cms.gplay.it/CMSImages/svg/vip/vip_logo.svg);}

.scritta_argento {
    color:#EEE;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 7px black;
    position: relative;
    top: 14px;
    width: 105px;
    float: left;
    text-align:center;
    left:2px; }
.scritta_oro {
    color:#Eb4;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 7px black;
    position: relative;
    top: 14px;
    width: 105px;
    float: left;
    text-align:center;
    left:2px; }
#PHbody_divLegenda ul  {
    margin:0px; }
#PHbody_divLegenda ul li {
    float: left;
    width: 48%;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px -10px 10px;
    font-size: 14px;
    font-weight:bold; }
#PHbody_divLegenda ul li div {
    margin: -7px 12px 10px 0px; }
/* CONTACHILOMETRI FINE */