<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{
	margin:0px;
	padding:0px;
	background:rgba(220,220,220,1);
	font-family: "Open Sans", Arial, sans-serif;
}
#esq{
	position:absolute;
	top:28vw;
	left:2%;
	width:4vw;
	height:4vw;
	background-image:url(../img/esq.png);
	background-size:cover;
	cursor:pointer;
}
#esq:active{
	transform:scale(0.9,0.9) ;
}
#dre{
	position:absolute;
	top:28vw;
	left:94%;
	width:4vw;
	height:4vw;
	background-image:url(../img/dreta.png);
	background-size:cover;
	cursor:pointer;
}
#dre:active{
	transform:scale(0.9,0.9) ;
}
header{
	position:relative;
	top:5vw;
	left:0px;
	width:86%;
	height:87vh;
	margin:0px 7%;
	overflow:hidden;
}
nav{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0px;
	height:4vw;
	overflow:hidden;
	border-bottom:2px solid grey;
	background:rgba(248,245,232,1);
	transition:all 0.5s;
}
#div2{
	background:url(../img/NovesDecembre2019/subilogo.jpg);
	width:2.2%;
	height:3vw;
	float:left;
	margin:0.5vw 0px 0px 2.4%;
	background-size:cover;
}
nav&gt;a&gt;h2{
	width:36%;
	font-size:3vw;
	margin:0.2vw 0% 1vw 2.4%;
	float:left;
	text-transform:uppercase;
	font-family: calibri;
	color:rgba(77,79,79,1);
}
nav&gt;img{
	position:absolute;
	top:-500px;
	left:1000px;
	width:0px;
}
#div3{
	float:right;
	width:6.5%;
	margin:0.7vw 0% 0vw 0vw;
	overflow:hidden;
	font-size:1.2vw;
	font-weight:bold;
}
#div3&gt;a{
	font-family:arial;
	text-decoration:none;
	color:rgba(90,0,0,1);
}
#div3&gt;a:hover{
	text-decoration:underline;
}
#div1{
	float:left;
	width:46%;
	margin:1vw 0% 0px 4%;
}
#div1&gt;a&gt;div{
	width:20%;
	font-size:1.8vw;
	padding:0px 0px 2px 0px;
	text-align:center;
	text-transform:capitalize;
	font-family: calibri;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
	transition:all 0.1s;
	cursor:pointer;
	color:white;
	background:rgba(55,55,55,1);
	border-bottom:1px solid grey;
}
#div1&gt;a&gt;div:hover{
	color:black;
	background:silver;
	border-bottom:0.1vw solid brown;
}

.fotosli{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	width:100%;
	height:60vw;
	transition:all 1s;
}
#slid1{
	background:url(../img/IMG_0309tres.jpg);
	background-size:cover;
}
#slid2{
	background:url(../img/Maig2024/IMG20240531125746petit.JPG);
	background-size:100% 100%;
}
#slid3{
	background:url(../img/IMG_0312prova.jpg);
	background-size:cover;
}
#slid4{
	background:url(../img/DSC00266dos.JPG);
	background-size: cover;
}
@media(max-width:1000px){
	#slid1{
		background:url(../img/IMG_0309quatre.jpg);
		background-size:cover;
	}
	#slid2{
		background:url(../img/Maig2024/IMG20240531125746petit.jpg);
		background-size: 100% 100%;
	}
	#slid3{
		background:url(../img/IMG_0312quatre.jpg);
		background-size:cover;
		background-position:right bottom;
	}
	#slid4{
		background:url(../img/DSC00266tres.JPG);
		background-size:cover;
	}
}
h1{
	margin-top:6.7vw;
	margin-bottom: 0px;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-family:calibri;
	font-size:2.8vw;
}

#div4{
	width:100%;
	overflow:hidden;
}
#div4&gt;h3{
	width:86%;
	font-size:2vw;
	padding:1vw 7%;
	background:rgba(240,240,240,1);
}
#div4&gt;div{
	width:90%;
	margin:0px 5%;
	height:38vw;
	overflow:hidden;
}
#div4&gt;div&gt;a{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	text-decoration: none;
}
#div4&gt;div&gt;a&gt;img{
	width:36%;
	/* height: 60vh; */
	opacity:1;
	transition:0.4s;
}
/* #div4&gt;div&gt;a&gt;img:nth-child(2){
	width:51%;
	background-size:100% 100%;
	opacity:1;
	transition:0.4s;
	margin-left: 2%;
} */
#div4&gt;div&gt;a&gt;p{
	width:12%;
	color: black;
	white-space: pre-line;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 1.2rem;
	line-height: 2.6;
	font-size: 1.4vw;
}
/* @media(max-width: 800px){
	#div4&gt;div&gt;a&gt;p{
		padding-top: 1rem;
		line-height: 1.4;
	}
} */
#div4&gt;div&gt;a&gt;img:hover{
	opacity:0.9;
}
#div5{
	background: rgba(240,240,240,1);
	padding-top: 20px;
}
#div5&gt;a{
	text-decoration: none;
}
#div5 h3{
	width:auto;
	text-align: center;
	margin: 25px 10px 0px;
	color: black;
	font-size: 1.6rem;
}
#div5 h3::after {
	content: '';
	width: 0px;
	height: 3px;
	background-color: black;
	margin: auto; 
	display: block;
}
#div5 h3:hover::after{
	width: 94%;
	transition: width 0.3s linear;
}
#div5 h3:hover{
	color: rgba(80, 80,80,1);
}
#div5&gt;div{
	width:75%;
	margin-left: 15%;
	height: 34vw;
	overflow: hidden
}
#div5&gt;div&gt;a&gt;img{
	height: 80%;
	margin-top: 5%;
	transition: 0.4s;
	float: left
}
#div5&gt;div&gt;a&gt;img:hover{
	opacity:0.8;
}
#div5&gt;div&gt;a&gt;p{
	height: 80%;
	margin-top: 5%;
	margin-right:0%;
	margin-bottom: 5%;
	margin-left: 30%;
	font-size: 1.5rem;
	color:black;
}
#div5&gt;div&gt;a{
	text-decoration:none
}
#div5&gt;div&gt;a:visited{
	color:black
}
section&gt;article&gt;h3{
	width:86%;
	font-size:2vw;
	padding:1vw 7%;
	background:rgba(240,240,240,1);
}
section&gt;article&gt;h4{
	width:90%;
	font-size:1.6vw;
	padding:1vw 5% 0vw 5%;
}
section&gt;article&gt;p{
	width:80%;
	font-size:1.8vw;
	padding:2vw 11% 0vw 9%;
}
section&gt;article&gt;h6{
	font-size:1.6vw;
	width:90%;
	padding-left:5%;
	text-transform:capitalize;
}
section&gt;div{
	width:100%;
	height:4vw;
	background:rgba(240,240,240,1);
}
footer{
	width:100%;
	height:5vw;
	border-top:2px solid black;
	background:rgba(255,240,219,1);
}
footer&gt;a{
	float:left;
	padding-top:0.4vw;
	margin: 1vw 25% 0px 5%;
	font-size:1.8vw;
	text-decoration:none;
	color:rgba(77,79,79,1);
}
footer&gt;a:nth-child(1){
	font-size:2.0vw;
}
footer&gt;p{
	float:left;
	padding-top:0.4vw;
	margin: 1vw 25% 0px 5%;
	font-size:1.8vw;
	text-decoration:none;
	color:rgba(77,79,79,1);
}
footer&gt;p:nth-child(1){
	font-size:2.0vw;
}

@media(max-width:1000px){
	nav{
		height:12vw;
	}
	nav&gt;a&gt;h2{
		width:65%;
		font-size:6.8vw;
		margin:2vw 0% 0.8vw 6%;
	}
	#esq{
		position:absolute;
		top:28vw;
		left:-1000px;
		width:4vw;
		height:4vw;
	}
	#dre{
		position:absolute;
		top:28vw;
		left:-1000px;
		width:4vw;
		height:4vw;
	}
	header{
		position:relative;
		top:13.5vw;
		left:0px;
		width:100%;
		height:74vw;
		margin:0px;
		overflow:hidden;
	}
	.fotosli{
		position:absolute;
		top:0px;
		left:0px;
		z-index:-1;
		width:100%;
		height:74vw;
		transition:all 1s;
}
	nav&gt;img{
		position:absolute;
		top:1vw;
		left:86%;
		width:10vw;
		cursor:pointer;
	}
	#div2{
		background:url(../img/NovesDecembre2019/subilogo.jpg);
		width:5.4%;
		height:7.6vw;
		float:left;
		margin:2vw 0px 0px 4.4%;
		background-size:cover;
	}
	#div3{
		position:absolute;
		top:66vw;
		left:25%;
		width:75%;
		margin:0vw;
		z-index:1;
	}
	#div3&gt;a{
		float:left;
		margin:0px 4% 0px 3%;
		font-size:calibri;
		text-decoration:none;
		color:rgba(77,79,79,1);
		list-style:none;
		font-size:4.5vw;
		font-family:calibri;
		padding:1.8vw 1% 0px 1%;
	}
	#div3&gt;a:hover{
		text-decoration:none;
	}
	#div4&gt;div{
		width:94%;
		margin:0px 3%;
		height:40vw;
		overflow:hidden;
	}
	#div1{
		position:absolute;
		top:14vw;
		left:0px;
		width:100%;
		z-index:1;
		margin:0px;
	}
	#div1&gt;a&gt;div{
		width:92%;
		height:8.2vw;
		font-size:5.5vw;
		margin:0px 4% 0px 4%;
		padding:1.8vw 1% 0px 1%;
		text-align:left;
		text-transform:capitalize;
		font-family: calibri;
		text-decoration:none;
		font-weight:bold;
		display:inline-block;
		transition:all 0.1s;
		cursor:pointer;
		color:rgba(77,79,79,1);
		background:rgba(248,245,232,1);
	}
	#div1&gt;a&gt;div:hover{
		color:black;
		background:rgba(235,230,220,1);
		border-bottom:0.1vw solid grey;
	}
	h1{
		font-size:6vw;
		margin-top:13vw;
	}
	#div4&gt;h3{
		width:86%;
		font-size:5vw;
		padding:1vw 7%;
		background:rgba(240,240,240,1);
	}
	/* #div4&gt;div{
		width:96%;
		margin:0px 2%;
		height:42vw;
		overflow:hidden;
	} */
	/* #div4&gt;div&gt;a&gt;img{
		width:64vh
	} */
	#div5&gt;div&gt;a&gt;p{
	height: 80%;
	margin-top: 5%;
	margin-right:0%;
	margin-bottom: 5%;
	margin-left: 30%;
	font-size: 2.8vw
}
	#div5&gt;div{
	width:90%;
	margin-left: 5%;
	height: 38vw;
	overflow: hidden
}
	section&gt;article&gt;h3{
		width:86%;
		font-size:5vw;
		padding:1vw 7%;
		background:rgba(240,240,240,1);
	}
	section&gt;article&gt;h4{
		width:92%;
		font-size:3.8vw;
		padding:1vw 4% 0vw 4%;
	}
	section&gt;article&gt;p{
		width:94%;
		font-size:3.8vw;
		padding:1vw 3% 0vw 3%;
	}
	section&gt;article&gt;h6{
		font-size:4vw;
		width:96%;
		padding-left:2%;
	}
	footer{
		height:7vw;
	}
	footer&gt;a{
		float:left;
		padding-top:0.4vw;
		margin: 1vw 18% 0px 5%;
		font-size:3vw;
		text-decoration:none;
		color:rgba(77,79,79,1);
	}
	footer&gt;a:nth-child(1){
		font-size:3.3vw;
	}
	footer&gt;p{
		float:left;
		padding-top:0.4vw;
		margin: 1vw 18% 0px 5%;
		font-size:3vw;
		text-decoration:none;
		color:rgba(77,79,79,1);
	}
	footer&gt;p:nth-child(1){
		font-size:3.3vw;
	}
}

@media(max-width: 600px){
	/* #div4{
		height:800px
	} */
	#div4&gt;div{
		width:90%;
		margin:0px 5%;
		height:100%;
	}
	#div4&gt;div&gt;a{
		display:flex;
		flex-direction: column;
		align-items:center;
		justify-content: space-around;
		row-gap: 2vw;
	}
	#div4&gt;div&gt;a&gt;img{
		width:100%;
	}
	#div4&gt;div&gt;a&gt;img:nth-child(2){
		width:85%
	}
	#div4&gt;div&gt;a&gt;p{
		width:80%;
		padding-top: 0.2rem;
		margin-top: 0px;
		column-count: 2;
		column-gap: 1rem;
		font-size: 3.2vw;
		background: rgba(245,245,245);
		border-radius: 4px;
		box-shadow: 1px 1px grey;
	}
	#div5 h3{
		font-size: 1.4rem;
	}
	@media(max-width:400px){
		#div4&gt;div&gt;a&gt;p{
			padding-top: 0px;
		}
		
	}
}</pre></body></html>