#answers{
	padding:0px;
}

.container{
	padding:0px;
}

.myselect{
	width:100%;
	text-align:center;
	font-size:1.2em;
	margin:0px auto 20px auto;
	border:0px solid black;
	border-bottom:1px solid black;
}

.etichetta{
	font-size:0.8em;
	padding:20px 0px 0px 0px;
	margin:0px;
}

.forwardbutton{
	width:235px;
	height:52px;
	line-height:52px;
	font-size:16px;
	font-weight:bold;
	color:white;
	margin:10px auto;
	border-radius:50px;
	padding:0px;
}

#riprova{
	background-color:#84C7D6;
}

#tomain{
	background-color:##F2C64E;
}

#stampa{
	background-color:#FF6C25;
}

#showntextitem{
	margin-top:100px;
	font-size:4em;
}

.toguess{
	border:1px solid black;
	width:300px;
	margin:30px auto 0px auto;
	font-size:1.5em;
	height:2em;
	line-height:2em;
	border-radius:30px;
	text-align:center;
}

.currentguess{
	border:5px solid blue;
}

#middle{
	width:100%;
	margin:40px auto 20px auto;
	font-size:22px;
	font-weight:lighter;
	line-height:22px;
	color:#777777;
}

.bottomguess{
	float:left;
	margin-right:10px;
	width:150px;
	height:2em;
	line-height:2em;
	font-size:1em;
	border:1px solid black;
	cursor:pointer;
	text-align:center;
	margin-top:20px;
}

.alreadyclicked{
	opacity:0.5;
	cursor:inherit;
}

.spaziosu{
	margin-top:20px;
}

.sotto{
	width:94px;
	height:94px;
	font-weight:bold;
	font-size:40px;
	border-radius:10px;
	color:black;
	line-height:94px;
	background-color:#F0F0F0;
	margin:0px auto;
	cursor:pointer;
}

#sopra{
	width:355px;
	height:141px;
	line-height:141px;
	text-align:center;
	font-size:50px;
	color:white;
	margin:10px auto;
	font-weight:bold;
	cursor:pointer;
}

.corretto{
	background-color:lightgreen;
}

.errato{
	background-color:lightgrey;

}

.ombra{
	box-shadow:0px 0px 10px black;
}

#istruzioni{
	width:355px;
	height:60px;
	background-image:url('../img/suggerimenti.png');
	margin:10px auto;
}

.rosso{
	background-image:url('../img/1.png');
	
}

.blu{
	background-image:url('../img/2.png');	
}

.verde{
	background-image:url('../img/3.png');	
}

img{
border:1px solid grey;	
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#fineattivita{
font-size:20px;
font-weight:bold;
text-align:center;	
margin-top:46px;
margin-bottom:46px;
}

#puntiwrapper{
	width:325px;
	height:128px;
	border-radius:20px;
	margin:10px auto 75px auto;
	background-color:#F0F0F0;
}

#toppuntiwrapper{
	height:64px;
	line-height:64px;
	border-bottom:1px solid black;
	width:100%;
	font-size:18px;
}

#bottompunti{
	height:64px;
	line-height:64px;
	width:100%;
	font-size:18px;
}

#quantipunti, #quantapercentuale{
	font-size:32px;
	font-weight:bold;
}

#suquanti, #segnopercentuale{
	font-size:17px;
	font-weight:normal;
}

#topbar{
	width:355px;
	height:50px;
	margin:10px auto;
}

#topleft{
	width:230px;
	height:50px;
	margin-right:10px;
	background-color:#F0F0F0;
	border-radius:10px;
	font-weight:lighter;
	line-height:50px;
	font-size:16px;
	color:#818C8F;
	float:left;
	text-align:left;
	padding-left:10px;
}

#topright{
	width:115px;
	height:50px;
	line-height:50px;
	background-color:#F0F0F0;
	border-radius:10px;
	font-weight:lighter;
	font-size:16px;
	color:#818C8F;
	float:left;
	text-align:left;
	padding-left:10px;
}

#score{
	font-size:28px;
	color:black;
	font-weight:bold;
}

#numerosecondi{
	font-size:28px;
	color:black;
	font-weight:bold;
}

#istru{
font-size:17px;
font-weight:regular;
}

.nopad{
	padding:0px;
}

@media only screen and (max-width: 600px) {

.bottomguess{
	float:left;
	margin-right:10px;
	width:90px;
	height:2em;
	line-height:2em;
	font-size:0.8em;
	border:1px solid black;
	cursor:pointer;
	text-align:center;
	margin-top:20px;
}
}