body {
	background-color: black;
	color: white;
}

b {
	color: white;
}

::selection {
    background-color: RGB(255,215,0);	/* Color de fons daurat al sel·leccionar text */
    color: black; 						/* Color del text sel·leccionat */
}

/* capçalera *************************************************/

#titol {
	background-color: rgba(0,0,0,0.75);
}

#modePantallaFosc {
	opacity: 1;
}

#modePantallaFosc:hover {
	background-color: rgb(64,64,64);
}

#modePantallaClar {
	opacity: 0.3;
}

#modePantallaClar:hover {
	opacity: 1;
	background-color: rgb(64,64,64);
}

#idioma a:hover {
	opacity: 1;
	background-color: rgb(64,64,64);
}

/* Serveis *****************************************/

.serveiTitol {
	color: rgb(255,192,64);
}

/* Biografia **************************************************/

#biografia {
	background-color: rgb(24,24,24);
}

#textBio {
	color: rgb(128,128,128);
}

#textBio a:hover {
	background-color: rgb(64,64,64);
}

#bioDegradat {
	background: linear-gradient(to bottom, rgba(24, 24, 24, 0), rgba(24, 24, 24, 1));
}

#bioVeureMes img:hover {
	background-color: rgb(64,64,64);
	opacity: 1;
}

/* Produccions artistes i media *******************************/

#titolArtistes:hover, #titolMedia:hover, #botoQuadriculaArtistes:hover, #botoLlistaArtistes:hover, #botoQuadriculaMedia:hover, #botoLlistaMedia:hover, .veureMes:hover {
	background-color: rgb(64,64,64);
	opacity: 1;
}

#artistesDegradat, #mediaDegradat {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.produccioL {
	background-color: rgba(255,255,255,0.1);
}

.produccioL:hover {
	background-color: rgba(255,255,255,0.2);
}

.produccioNom a:hover, .produccioTitol a:hover, .produccioEditor a:hover {
	background-color: rgba(255,255,255,0.2);
}

.produccioNom, .produccioNom a, .produccioEditor, .produccioEditor a {
	color: white;
}

.produccioTitol , .produccioTitol a, .produccioData {
	color: rgb(180,180,180);
}

.produccioFormat {
	color: rgb(255,255,255);
}

/* Producció en mode ampliació ********************************/

#fonsZonaAmpliacio {
	background-color: rgba(16,16,16,0.95);
}

.produccioAmpliada .produccioDades {
	background-color: rgba(0,0,0,0.75);
}

.produccioAmpliada a:hover {
	background-color: rgba(255,255,255,0.1);
}

/* Videos ***************************************************/

.videoVertical:hover, .videoHoritzontal:hover {
	border: 4px solid grey;
}

/* Estudi ***************************************************/

#titolEstudi:hover {
	background-color: rgb(64,64,64);
}

/* Contacte ***************************************************/

#contacte form {
	background-color: rgb(32,32,32);
}

.botoEnviar {
	background-color: white;
	color: black;
}

.botoEnviar:hover {
		background-color: grey;
		color: white;
}

.infoContacte p:hover {
	background-color: rgb(64,64,64);
}

.logoSocial:hover {
	background-color: rgb(64,64,64);
}

/* footer *****************************************************/

footer {
	background-color:rgb(32,32,32);
}

#logoMMP:hover, footer p:hover {
	background-color:rgb(16,16,16);
}