/*-------------------------*/

@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bold-webfont.eot');
    src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold-webfont.woff2') format('woff2'),
         url('../font/lato-bold-webfont.woff') format('woff'),
         url('../font/lato-bold-webfont.ttf') format('truetype'),
         url('../font/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold_italic';
    src: url('../font/lato-bolditalic-webfont.eot');
    src: url('../font/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../font/lato-bolditalic-webfont.woff') format('woff'),
         url('../font/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../font/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoitalic';
    src: url('../font/lato-italic-webfont.eot');
    src: url('../font/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-italic-webfont.woff2') format('woff2'),
         url('../font/lato-italic-webfont.woff') format('woff'),
         url('../font/lato-italic-webfont.ttf') format('truetype'),
         url('../font/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../font/lato-regular-webfont.eot');
    src: url('../font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-regular-webfont.woff2') format('woff2'),
         url('../font/lato-regular-webfont.woff') format('woff'),
         url('../font/lato-regular-webfont.ttf') format('truetype'),
         url('../font/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, p, div{
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000;
}

body{
	background-color:#FC0;
}

/*-------------------------*/

#loading{
	position:absolute;
	z-index:10;
	width:800px;
	top:50%;
	left:50%;
	margin-top:10px;
	margin-left:-400px;
	text-align:center;
	opacity:0.75;
}

#save-load{
	position:absolute;
	z-index:2;
	bottom:0;
	height:10px;
	width:800px;
	background:url(../img/preloader.gif) 100% 100%;
	opacity:0.5;
}

#container{
	position:absolute;
	z-index:1;
	height:720px;
	width:1280px;
	top:50%;
	left:50%;
	margin-top:-360px;
	margin-left:-640px;
	/*border:1px solid gray;
	background-color:#09F;*/
}

.container-intro-torneo{
	background-image:url(../img/container-intro-torneo.png);
}
.container-intro-allenamento{
	background-image:url(../img/container-intro-allenamento.png);
}
.container-menu{
	background-image:url(../img/container-menu.png);
}
.container-test{
	/*background-image:url(../img/container-test.png);*/
}
.container-fine{
	background-image:url(../img/container-fine.png);
}

#info{
	position:absolute;
	z-index:2;
}
#pedina{
	position:absolute;
	top:570px;
	left:277px;
	width:77px;
	height:77px;
	background:url(../img/pedina.png) no-repeat;
	cursor:pointer;
}
#pedina.coppa{
	width:133px;
	height:152px;
	background:url(../img/pedina-coppa.png) no-repeat;
	cursor:pointer;
}
#pedina:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}
.pedina-modulo,
.pedina-modulo-selected{
	position:relative;
	top:0;
	left:70px;
	width:100px;
	height:20px;
	line-height:20px;
	background:#aaa;
	border:1px solid #666;
	border-radius:10px;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.pedina-modulo-selected{
	background:#06C;
}
#pedina-punti{
	position:absolute;
	top:77px;
	left:0;
	width:77px;
	height:20px;
	line-height:20px;
	background:#fff;
	border-radius:10px;
	font-weight:bold;
	border:1px solid #000;
	color:#000;
	font-size:12px;
	text-align:center;
}
#pedina-punti.coppa{
	top:150px;
	left:30px;
}

#lancio{
	position:absolute;
	top:400px;
	left:60px;
	width:120px;
	height:186px;
	background-image:url(../img/lancio.png);
}
#btn-dado{
	position:absolute;
	top:230px;
	left:42px;
	width:157px;
	height:157px;
	background-image:url(../img/btn-dado.png);
	cursor:pointer;
}
#btn-dado:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}
#dado{
	position:absolute;
	top:100px;
	left:200px;
}
#dado1,#dado2,#dado3,#dado4,#dado5,#dado6{
	width:895px;
	height:497px;
}
#dado1{background-image:url(../img/pop-dado1.png);}
#dado2{background-image:url(../img/pop-dado2.png);}
#dado3{background-image:url(../img/pop-dado3.png);}
#dado4{background-image:url(../img/pop-dado4.png);}
#dado5{background-image:url(../img/pop-dado5.png);}
#dado6{background-image:url(../img/pop-dado6.png);}

#menu-frase{
	position:absolute;
	top:20px;
	left:0;
	width:500px;
	height:250px;
	background:url('../img/menu-frase.png') no-repeat;
}

#test-popup{
	position:absolute;
	top:200px;
	left:340px;
	z-index:999;
	width:500px;
	padding:50px;
	text-align:center;
	font-weigth:bold!important;
	font-size:26px!important;
	background:#fff;
	border-radius:30px;
	box-shadow:						10px 10px 10px rgba(0,0,0,0.5);
	moz-box-shadow:					10px 10px 10px rgba(0,0,0,0.5);
	webkit-box-shadow:				10px 10px 10px rgba(0,0,0,0.5);
	filter:				drop-shadow(10px 10px 10px rgba(0,0,0,0.75));
	-webkit-filter: 	drop-shadow(10px 10px 10px rgba(0,0,0,0.75));
}

#btn-chiudi{
	position:absolute;
	top:594px;
	left:568px;
	width:158px;
	height:51px;
	/*background:url(../img/btn-chiudi.png) no-repeat;*/
	cursor:pointer;
}
#btn-chiudi:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#btn-riprova{
	position:absolute;
	top:594px;
	left:420px;
	width:461px;
	height:52px;
	/*background:url(../img/btn-riprova.png) no-repeat;*/
	cursor:pointer;
}
#btn-riprova:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#test{
	position:absolute!important;
	top:0;
	left:0;
}

#test-argomento{
	margin:0;
	color:#fff;
	text-align:left;
}

#pallini{
	height:30px;
	width:715px;
	margin: 10px 0 0 50px;
	padding:0;
	/*border:1px solid gray;*/
}
.pallino,
.pallino-sel,
.pallino-ok,
.pallino-no{
	float:left;
	text-align:left;
	width:20.5px;
	height:18px;
	line-height:18px;
	margin: 0 8px 0 0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
.pallino:hover,
.pallino-small:hover,
.pallino-sel{
	color:#000;
}
.pallino-ok{
	color:#0f0;
}
.pallino-no{
	color:#f00;
}

.btn-link{
	position:absolute;
	border:2px solid #fd0;
	border-radius:10px;
	background:rgba(255,200,0,0.10);
	cursor:pointer;
	z-index:99999;
}
.btn-link:hover{
	background:rgba(255,200,0,0.5);
}

#btn-esci{
	position:absolute;
	top:34px;
	right:48px;
	height:23px;
	width:23px;
	background:url(../img/ico-esci.png) 0 0 no-repeat;
	cursor:pointer;
}
#btn-esci:hover{
	background-position: 0 -23px;
}

#btn-classifica{
	position:absolute;
	top:450px;
	right:50px;
	height:134px;
	width:336px;
	background:url(../img/classifica.png) 0 0 no-repeat;
	cursor:pointer;
}
#btn-classifica:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#btn-istruzioni{
	position:absolute;
	top:10px;
	right:46px;
	height:56px;
	width:172px;
	background:url(../img/btn-istruzioni.png) 0 0 no-repeat;
	cursor:pointer;
}
#btn-istruzioni:hover{
	background-position: 0 -56px;
}

#btn-dati{
	position:absolute;
	top:535px;
	right:46px;
	width:400px;
	height:58px;
	margin-bottom:10px;
	/*background-image:url(../img/btn-visualizza.png);*/
	background-position: 0 0;
	cursor:pointer;
}
#btn-dati:hover{
	background-position: 0 -56px;
}

#test-domanda{
	height:60px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	margin:0 46px 15px 50px;
	line-height:20px;
	position:relative;
	top:15px;
	font-size:18px;
	padding:10px;
	border:4px solid #fff;
	background-color:rgba(255,255,255,0.3);
}

#content {
	position:relative;
	width:1280px;
	height:720px;
	overflow:hidden;
}

#intro-title{
	text-align:center;
}
#cronometro{
	top:0;
	right:150px;
	width:248px;
	height:98px;
	padding:45px 0 0 45px;
	text-align:center;
	font-weight:bold;
	color: #fff;
	font-size:28px;
	position:absolute;
	background:url(../img/cronometro.png) no-repeat;
}

#vai{
	position:absolute;
	top:508px;
	left:790px;
	width:284px;
	height:149px;
	background:url(../img/btn-entra.png) no-repeat;
	cursor:pointer;
}
#vai:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#torna{
	position:absolute;
	left:50px;
	bottom:35px;
	text-align:left;
	color: #fff;
	cursor:pointer;
	font-size:20px;
}
#torna:hover{
	color: #000;
}

#avanti,
#indietro,
#avanti-attivita{
	position: absolute;
	top:560px;
	line-height:100px;
	width:100px;
	height:100px;
	text-align:center;
	background-repeat: no-repeat;
	font-weight:normal;
	cursor:pointer;
}
#avanti{
	background-image:url(../img/btn-avanti.png);
	right:50px;
}
#indietro{
	background-image:url(../img/btn-indietro.png);
	left:50px;
}
#avanti-attivita{
	top:auto;
	position:relative;
	display:inline-block;
	background-image:url(../img/btn-avanti.png);
}
#avanti:hover,
#indietro:hover,
#avanti-attivita:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#menu{
	/*position:absolute;
	top:270px;
	left:0px;
	width:800px;*/
}
#menu-title{
	text-align:center;
}
.menu-argomento,
.menu-argomento-no{
	text-align:center;
	height:31px;
	line-height:51px;
	padding:10px;
	margin-bottom:10px;
	background-image:url(../img/btn-arg.png);
	background-position: 0 0;
	color:#000;
	cursor:pointer;
	font-size:24px;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menu-argomento:hover{
	background-position: 0 -51px;
	color:#ff3551;
}
.menu-argomento-no{
	opacity:0.2;
}

.container-risposte{
	height:720px;
	width:1280px;
	padding:280px 0 0 330px;
	overflow:hidden;
	box-sizing:border-box;
}
.container-risposte-txt-min{
	/**/
}
.container-risposte-img{
	padding-top:220px!important;
}
.container-risposte-img-min{
	padding-top:90px!important;
	padding-left:160px!important;
}
.container-risposte-img-max{
	padding-top:90px!important;
}
.container-risposte-img-lunga{
	/**/
}

.lettera,
.lettera-corta,
.lettera-lunga,
.lettera-img,
.lettera-img-corta,
.lettera-img-lunga,
.dati-lettera{
	z-index:1;
	position:relative;
	height:48px;
	line-height:48px;
	width:42px;
	font-size:24px;
	color:#000;
	text-align:center;
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	background-image:url(../img/ico-lettera.png);
	background-repeat:no-repeat;
	top:20px;
	left:-20px;
}
.lettera-ok{
	background-image:url(../img/ico-lettera-ok.png)!important;
}
.lettera-no{
	background-image:url(../img/ico-lettera-no.png)!important;
}
.dati-lettera{
	left:-40px;
}

/* --- risposte txt 2-3 --- */
.test-risp,
.test-risp-no,
.test-risp-ok,
.test-risp-disabled{
	height:98px;
	width:830px;
	margin: 0 0 28px 0;
	text-align:center;
	cursor:pointer;
	border:8px solid #fff;
	border-radius:32px;
	box-sizing:border-box;
}
.test-risp:hover{
	background:rgba(255,255,0,0.2);
	border-color:#ff0;
}
.test-risp-disabled{
	cursor:auto;
}
.test-risp-ok{
	background:rgba(100,255,180,0.2);
	border-color:#0fa;
}
.test-risp-no{
	background:rgba(255,100,100,0.2);
	border-color:#faa;
}
.test-risp-txt{
	position:relative;
	top:-37px;
	left:30px;
	widtH:660px;
	height:70px;
	/*border:1px solid gray;*/
}

/* --- risposte txt 4 --- */
.test-risp-corta,
.test-risp-corta-no,
.test-risp-corta-ok,
.test-risp-corta-disabled{
	float:left!important;
	margin: 30px 20px 10px 0;!important;
	height:103px!important;
	width:341px!important;
	background-image:url(../img/btn-risp-corta.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding:0!important;
}
.test-risp-corta:hover{
	background-position: 0 -103px!important;
}
.test-risp-corta-disabled{
	background-position: 0 0;
	cursor:auto;
}
.test-risp-corta-ok{
	background-position: 0 -206px!important;
}
.test-risp-corta-no{
	background-position: 0 -309px!important;
}
.test-risp-corta-txt{
	position:relative;
	top:-20px;
	left:10px;
	height:70px;
	widtH:320px;
	text-align:center;
	/*border:1px solid gray;*/
}
.lettera-corta{
	top:-24px!important;
	left:150px!important;
}

/* --- risposte img 2-3 --- */
.test-risp-img,
.test-risp-img-no,
.test-risp-img-ok,
.test-risp-img-disabled{
	float:left!important;
	margin-left:14px!important;
	margin-right:14px!important;
	height:372px!important;
	width:331px!important;
	padding:0!important;
	/*border:4px solid #ddd; /* -------------------------------- modificare */
	cursor:pointer;
	border-radius:30px;
	/*box-sizing:border-box;*/
	/*overflow:hidden;*/
}
.test-risp-img:hover{
	/*border:4px solid #fd0;*/
	background:rgba(0,222,222,0.75);
	/*opacity:0.5;*/
}
.test-risp-img-disabled{
	/*border:4px solid #fff;
	background:rgba(255,255,255,0.5);*/
	cursor:auto;
}
.test-risp-img-ok{
	/*border:4px solid #0f0;*/
	background:rgba(0,255,0,0.5);
}
.test-risp-img-no{
	/*border:4px solid #f00;*/
	background:rgba(255,0,0,0.5);
}
.test-risp-img-txt{
	/* */
}
.lettera-img{
	top:-24px;
	left:90px;
}
.risp-img{
	z-index:0;
	position:relative;
	top:0;
	left:0;
	height:372px;
	width:331px;
	overflow:hidden;
}

/* --- risposte img 4 --- */
.test-risp-img-corta,
.test-risp-img-corta-no,
.test-risp-img-corta-ok,
.test-risp-img-corta-disabled{
	float:left!important;
	margin-left:0!important;
	margin-right:10px!important;
	height:190px!important;
	width:160px!important;
	padding:0!important;
	border:4px solid #ddd; /* -------------------------------- modificare */
	cursor:pointer;
	border-radius:15px;
	/*box-sizing:border-box;*/
	/*overflow:hidden;*/
}
.test-risp-img-corta:hover{
	border:4px solid #fd0;
	background:rgba(255,200,0,0.5);
	/*opacity:0.5;*/
}
.test-risp-img-corta-disabled{
	border:4px solid #fff;
	background:rgba(255,255,255,0.5);
	cursor:auto;
}
.test-risp-img-corta-ok{
	border:4px solid #0f0;
	background:rgba(0,255,0,0.5);
}
.test-risp-img-corta-no{
	border:4px solid #f00;
	background:rgba(255,0,0,0.5);
}
.lettera-img-corta{
	top:-24px;
	left:60px;
}
.risp-img-corta{
	z-index:0;
	position:relative;
	top:-48px;
	left:0;
	height:190px;
	width:160px;
	border-radius:10px;
	overflow:hidden;
}

/* --- risposte img orizzontali --- */
.test-risp-img-lunga,
.test-risp-img-lunga-no,
.test-risp-img-lunga-ok,
.test-risp-img-lunga-disabled{
	float:left!important;
	margin-left:0!important;
	margin-right:10px!important;
	height:98px!important;
	width:830px!important;
	padding:0!important;
	border:6px solid #fff; /* -------------------------------- modificare */
	cursor:pointer;
	border-radius:40px;
	/*box-sizing:border-box;
	overflow:hidden;*/
	margin-bottom:20px;
}
.test-risp-img-lunga:hover{
	border-color:#fd0;
	background:rgba(255,200,0,0.5);
	/*opacity:0.5;*/
}
.test-risp-img-lunga-disabled{
	border-color:#fff;
	background:rgba(255,255,255,0.5);
	cursor:auto;
}
.test-risp-img-lunga-ok{
	border-color:#0f0;
	background:rgba(0,255,0,0.5);
}
.test-risp-img-lunga-no{
	border-color:#f00;
	background:rgba(255,0,0,0.5);
}
.lettera-img-lunga{
	top:40px;
	left:-24px;
}
.risp-img-lunga{
	z-index:0;
	position:relative;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border-radius:30px;
	overflow:hidden;
}

/* --- dati --- */
#container-dati{
	height:450px;
	width:800px;
	padding:30px 0 0 70px;
	overflow:hidden;
	box-sizing:border-box;
	background:rgba(255,255,255,0);
}
.dati-bar{
	margin:15px 0 40px 0;
	padding:0;
	height:88px;
	background:#FFDD00;
	box-sizing:border-box;
	boerder-left:1px solid #eee;
}
.dati-txt{
	margin:-15px -100px 0 0;
	width:90px;
	float:right;
}

/*----------------------*/

.fine-txt{
	font-size:18px;
	margin-top:30px;
	text-align:center;
	padding:10px;
	color:#000;
}
.fine-evidenziato{
	font-family: 'latoregular', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#C00;
}
.fine-img{
	margin-top:50px;
	margin-left:325px;
	width:150px;
	height:180px;
	background-repeat: no-repeat;
}
.profilo1{/*background-image:url(../img/profilo1.png);*/}
.profilo2{/*background-image:url(../img/profilo2.png);*/}
.profilo3{/*background-image:url(../img/profilo3.png);*/}

#update-container{
	width:600px;
	height:18px;
	margin:85px 0 0 100px;
	padding:0;
	overflow:hidden;
	border:none;
	border-radius:8px;
}
#update-bar{
	height:16px;
	line-height:18px;
	float:left;
	margin:0;
	padding:0 4px;
	font-size:12px;
	text-align:center;
	background:#FC0;
	border-radius:4px;
	/*border:1px solid #fff;*/
	box-sizing:border-box;
}
.update-bar-container{
	width:500px;
	height:18px;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/preloader2.gif);
	border-radius:8px;
	border:1px solid #ddd;
	box-sizing:border-box;
	font-size:12px;
	overflow:hidden;
}
.update-txt{
	width:100px;
	height:18px;
	line-height:18px;
	float:left;
	margin:0;
	padding:0 10px;
	text-align:right;
	/*border:1px solid #fff;*/
	box-sizing:border-box;
	font-size:12px;
}

#container-el,
.container-el-a,
.container-el-b{
	position:absolute;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	/*border:1px dotted #f00;*/
	box-sizing:border-box;
}
.container-el-a{
	top:120px;
	left:425px;
	width:820px;
	height:500px;
}
.container-el-b{
	top:120px;
	left:50px;
	width:375px;
	height:500px;
}

.el-a,
.el-b{
	position:relative;
	float:left;
	margin: 0 20px 20px 0;
	box-sizing:border-box;
	text-align:center;
	border-radius:10px;
}
.el-a{
	z-index:100;
	cursor:pointer;
	box-shadow:						10px 10px 10px rgba(0,0,0,0.5);
	moz-box-shadow:					10px 10px 10px rgba(0,0,0,0.5);
	webkit-box-shadow:				10px 10px 10px rgba(0,0,0,0.5);
	filter:				drop-shadow(10px 10px 10px rgba(0,0,0,0.75));
	-webkit-filter: 	drop-shadow(10px 10px 10px rgba(0,0,0,0.75));
	/*border:2px dotted #fc0;*/
}
.el-b{
	/*border:2px dotted #fc0;*/
}
.el-b-no{
	/*border:2px dotted #fc0;*/
}

/*A*/
.el-a-1-4,
.el-a-1-6,
.el-a-1-8{
	height:300px;
	width:400px;
	background-color:rgba(255,255,255,0.1);
	box-shadow:			none;
	moz-box-shadow:		none;
	webkit-box-shadow:	none;
}
.el-a-1-4{
	height:240px;
	width:240px;
	margin: 20px 0 0 100px;
}
.el-a-1-6{
	height:220px;
	width:220px;
	margin: 20px 0 0 50px;
}
.el-a-1-8{
	height:180px;
	width:180px;
	margin: 40px 0 0 20px;
}
#el-a-riduci{
	position:absolute;
	font-size:11px;
	line-height:13px;
	color:#000;
	height:340px;
	width:250px;
	top:50px;
	left:40px;
	text-align:left;
	overflow:hidden;
	cursor:auto;
	box-shadow:			none;
	moz-box-shadow:		none;
	webkit-box-shadow:	none;
}

/*B*/
.el-b-1-1{
	height:500px;
	width:340px;
	border-radius:10px;
	box-shadow:			none;
	moz-box-shadow:		none;
	webkit-box-shadow:	none;
	background-color:rgba(255,255,255,0.1);
}

/*quiz aperto*/
#container-quiz-aperto{
	position:absolute;
	top:0;
	left:0;
	width:1280px;
	height:720px;
	box-sizing:border-box;
}
.quiz-aperto-field{
	position:relative;
	top:540px;
	left:640px;
	width:450px;
	height:80px;
	background:#036;
	color:#fff;
	font-weight:bold;
	border:4px solid #fff;
	border-radius:20px;
	box-sizing:border-box;
	font-size:28px;
	text-align:center;
	text-transform: uppercase;
}
.quiz-aperto-btn{
	position:absolute;
	top:530px;
	left:1100px;
	width:120px;
	height:80px;
	line-height:80px;
	background:#F00;
	border-radius:20px;
	border:10px solid #C00;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	font-size:20px;
}
.quiz-aperto-btn:hover{
	-webkit-transform:	scale(1.1,1.1);
	-ms-transform:		scale(1.1,1.1);
	transform:			scale(1.1,1.1);
}

#punti{
	position:absolute;
	top:390px;
	left:510px;
	width:300px;
	height:80px;
	line-height:72px;
	background:#fff;
	color:#000;
	font-weight:bold;
	border:4px solid #000;
	border-radius:20px;
	box-sizing:border-box;
	font-size:28px;
	text-align:center;
	text-transform: uppercase;
}

.ui-state-active{
	opacity:0.5!important;
}
.ui-state-hover-1,.ui-state-hover-2,.ui-state-hover-3{
	background-color:rgba(255,200,0,0.5)!important;
	border-radius:10px;
}
.ui-state-hover-3{
	background:#fc0!important;
}