* {margin:0; padding:0; outline:none;} /* borde "none" amaga els bordes dels formularis*/

/*html, body { margin:0; padding:0; height: 100%;}*/
body {
	text-align: center;
	background-color: #FFF; /*#F7F7F7*/
	outline: 0; /*evita que es posi la linie vermella a FF i d'altres*/
	overflow-y: scroll; /* sempre apareix l'espai en blanc del scroll vertical: aixì no es mou la pàgina. NO funciona amb IE*/
    overflow-x: hidden; /* no hi ha espai en blanc per el scroll*/
	min-width: 100%;
	/* [disabled]height:100%; */
}
img {
	margin: 0;
	padding: 0;
	outline: 0; /*evita que es posi la linie vermella a FF i d'altres*/
	border: hidden; /*elimina el borde negre a les imatges IE*/
	max-width: 100%; 
	height: auto;
}
a {
	text-decoration: none;
	cursor: pointer;
	outline: 0; /*evita que es posi la linie vermella a FF i d'altres*/
}
a:hover {
	text-decoration: none;
}

#mosaic-index {
	position:relative;
	/* [disabled]display:block; */
	/*float: left;*/
	text-align:center; 
	width: 100%;
	padding-top:80px; /*per coincidir amb les següents pàg. ha de ser 106px */
	margin:0 auto;
	padding-left: 0px;
	padding-right:0px;
	/*background-color: #d30;*/
}

.buttons {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	text-align:center;
	padding-top: 6px;
}
.buttons li { position:relative; display:inline-block !important;  margin: 20px; padding-top: 6px; text-align:center; }

.clear { clear:left; float: left;}

.text {
	display:block;
	position:relative;
	font-family:'Ubuntu', sans serif !important;
	font-size:32px;
	font-weight:300;
	font-variant: small-caps;
	letter-spacing:2px;
	text-align:center;
	line-height:140px;
	margin:0 auto !important;
	padding-left:10px !important;
	color: rgba(10, 10, 10, 0.9);
}


@media screen and (max-width: 768px) { 
#mosaic-index { padding-top:40px}
.buttons {margin-top:30px;}
.buttons li { width: 260px; height:120px; padding-right: 15px; margin: 10px;  }
.text { font-size:24px; line-height:115px !important; letter-spacing:1px;}
}

@media screen and (max-width: 468px) { 	
#mosaic-index { padding-top:50px}
.buttons {margin-top:-10px;}
.buttons li { padding-right: 10px; margin-top:0px; margin-bottom: 20px; }
}

/*----------------------------------------*/
/* HACK PER FIREFOX ----------------------*/

@-moz-document url-prefix() {
.buttons {list-style: none; overflow: hidden; padding: 0; margin: 0 auto; text-align:center; padding-top: 6px; }
.buttons li { position:relative; display:inline-block !important;  margin: 20px; text-align:center; }
.text { font-size:28px;}

@media screen and (max-width: 768px) { 
#mosaic-index { padding-top:60px}
.buttons {margin-top:30px;}
.buttons li { width: 260px; height: 120px; padding-right: 15px; margin: 10px; }
.text { font-size:21px; line-height:120px !important; letter-spacing:2px;}
}

@media screen and (max-width: 468px) {
#mosaic-index { padding-top:50px} 	
.buttons {margin-top:-10px;}
.buttons li { padding-right: 10px; margin-top:0px; margin-bottom: 20px; }
.text { font-size:20px; line-height:110px !important; letter-spacing:1px; }
}
}