#logo {
	    border-radius: 60px ; 
}

#actiu {
	   width: 600px; 
	   margin: auto;
	   font-size: 25px; 
	   font-weight: bold; 
	   text-align: center; 
	   background-color: #3CCDBA; 
}

#titol{
	  background-color: #3CCDBA; 
}
#portada {
	max-width: 600px;
	width: auto;
	
}

#llista {
	display : flex; 
	
}
#llista li {
	    padding:  50px; 
	    width: 400px ;
	    margin: auto;
	    list-style : none; 
	    text-align:center;
	    font-size: 25px;
}
	
#llista img {
	          max-width: 200px;
	          height: auto; 
	          padding: 20px;
}			

#llista p {

	        font-size:  30px; 
	        background-color : #000000 ;
	        color : #ffffff;
	        margin :  auto;
	        padding: 10px; 	        
	}			              

.active { color: orange; background-color: orange }

.nom {
	  font-size: 20px; 
	  position: relative;
	  top : -90px ;
      color: white;
} 

#versio_actual {
	position: absolute;
    top: 8;
    right: 16;
    padding: 10px;
	width: 85px; 
	height: 70px; 
	background-color: #00f424;
}

#versio_free{
	position: absolute;
    top: 8;
    right: 16;
}
#versio_pro{
	position: absolute;
    top: 5;
    right: 16;
}

#informacio {
	margin :  5px;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

#informacio:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
#informacio:active {
	position:relative;
	top:1px;
}

#lletra {
	margin :  5px;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

#lletra:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
#lletra:active {
	position:relative;
	top:1px;
}
#audio {
	padding: 5px;
}
#botopercanviar {
	position: absolute;
	top: 35px;
	right: 520px;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #42cc79 5%, #9c9146 100%);
	background-color:#42cc79;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.home {
    cursor: pointer;
	position: absolute;
	top: 10px;
	right: 135px;
}