/* Selettori per i TAG anche composti */

html {
	line-height: 1.0; 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
	box-sizing: border-box;
	font-family: Helvetica;
	padding:0;
}

body{
	margin: 15px;
	padding:10px 20px 10px 20px;
	background-color:#598A99;
	border: 5px solid #FFFFFF;
}

@media (max-width:500px){
	
	body{
		padding:10px 5px 10px 5px;
		margin: 7px;
		}
	
}
			
footer{
	text-align:left;
	padding:20px 0px 120px 0px;
}

@media (max-width:780px){
	
	footer{padding:0px 0px 120px 0px;}

}
		
h1{
	letter-spacing:0.05em;
	margin:0;
	margin-top:25px;
	padding:0;
    font-weight:600;
    font-size:3.8rem;
    color:#ffffff;
    line-height:1.3;
    font-family: Baskervville;
}

h2{
	font-size:1.8rem;
	font-weight:600;
	margin:0 auto;
	color:#ffffff;
	padding-top:18px;
	font-family: Baskervville;
}

p{ 
	font-weight:200;
    font-size:1.2rem;
    line-height:1.4;
    margin:0;
    color:#ffffff;
    padding:2% 0 2% 0;
}

li{ 
	font-weight:200;
    font-size:1.2rem;
    line-height:1.4;
    margin:0px 0px 15px 0px;
    color:#ffffff;
    padding:0;
}

li span{font-size:1.4rem}

ul{
	text-align:left;
	list-style-type: square;
	list-style-position: inside;
	color:#ffffff;
	padding:0;
	margin:0;
}

strong{font-weight:600;}

			/*	 media query per h1, h2...e p*/
	
@media (max-width:780px){
	
	h1{font-size:2.4rem;}						
	p{
		padding:1% 0 1% 0;
		margin-top:0px;
	}	
	li{font-size:1.2rem;}	
						
}

@media (max-width:400px){
	
	h1{font-size: 8vw;}
	p{font-size:1.4rem}	
			
}

a{text-decoration:none;}

hr{
	color: #ffffff;
	margin:25px 28% 0 28%;
}

/*	selettori per grid */

.grid2colonne{
	display: grid;
	grid-template-columns: 1fr 1fr;	
	gap: 0px;
	padding:0px;
	padding-top:10px;		
}

.grid2colItem1{
	grid-column:1;
	grid-row:1;
}

.grid2colItem2{
	grid-column:2;
	grid-row:1;
}

/*	------------ */

.decoroH {
	display: grid;
	grid-template-columns: 1fr 40px 1fr;	
	gap: 0px;
	padding:0px;
	padding-top:20px;	
	height:10px;	
}

.decoroH .itemH2{
	border-top:solid 1px #ffffff;
}

.decoroL {
	display: grid;
	grid-template-columns: 1fr 60px 60px 1fr;	
	gap: 0px;
	padding:0px;
	padding-top:0px;	
	height:25px;	
}

.decoroL .itemL2{
	border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
}
.decoroL .itemL3{
	border-top:solid 1px #ffffff;
}

@media (max-width:780px){
	
	.decoro .grid2colItem1bis{margin:0% 0% 0% 70%;}
	.decoro .grid2colItem2bis{margin:0% 70% 0% 0%;}
	
}

@media (max-width:400px){
	
	.decoro .grid2colItem1bis{margin:0% 0% 0% 45%;}
	.decoro .grid2colItem2bis{margin:0% 45% 0% 0%;}
	
}
	
@media (max-width:780px){	
	
	.grid2colonne {grid-template-columns: 1fr;}
		
	.grid2colItem1{
		grid-column:1;
		grid-row:1;
	}
	
	.grid2colItem2{
		grid-column:1;
		grid-row:2;
	}
	
}

/* classi ATOMICHE*/

.grassetto{font-weight:600;}
.displaynone{display:inline;}

@media (max-width:780px){
	.displaynone{display:none;}
}
	
	
/* selettori TEMPLATE*/

.h2{
	text-align:center;
	margin:0px;
	padding-bottom:20px;
}

footer .grid2colItem2{text-align:left;}
footer .grid2colItem2{text-align:center;}

footer .social{text-align:center;}

.social img{
	margin:3% 2% 3% 2%;
	border-radius:0%;
	border:none;	
}

img.facebook{
	width:6%;
	height:auto;	
}

img.instagram{
	width:6%;
	height:auto;	
}

img.youTube{
	width:10%;
	height:auto;	
}


@media (max-width:780px){
	
	.social img{margin:3% 3% 3% 3%;}
	
	img.facebook{
	width:8%;
	height:auto;	
	}

	img.instagram{
		width:8%;
		height:auto;	
	}
	
	img.youTube{
		width:15%;
		height:auto;	
	}
					
}

@media (max-width:400px){
	
	.social img{margin:6% 4% 6% 4%;}
		
	img.facebook{
		width:14%;
		height:auto;	
	}

	img.instagram{
		width:13%;
		height:auto;	
	}
	
	img.youTube{
		width:25%;
		height:auto;	
	}
	
}

.video img{
	width:100%;
	height:auto;
	max-width:646px;
}

div.video {
	width:100%;
	max-width:646px;
	aspect-ratio: 16/9;
	margin: 0 auto;
	padding: 0;
}
	
.video iframe {
	width:100%;
	max-width:646px;
	height: 100%;
}

.poweredBy{
	text-align:center;
	font-size:1.0rem;
	color:#F6FEFF;
	padding-top:30px;
	padding-bottom:30px;	
}

@media (max-width:780px){
	
	.poweredBy{padding:15px;}	
	
}

.poweredBy a{color:#F6FEFF;}

.cookieBanner{
	display:none;
	border: solid 2px #F6FEFF;
	padding:10px;
	position: fixed; bottom:30px; left:0%; right:0%;
	z-index: 100;
	background-color:#003E49;
	margin-left:20px;
	margin-right:20px;	
}
	
.cookieBanner a{color:#F6FEFF;}

.bottoniCookie{
	margin-top:10px;
	margin-right:10px;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    border:none;	
}

@media (max-width:780px){
	
	.cookieBanner{
		text-align:center;
		margin-left:0px;
		margin-right:0px;
	}
	
}
		
/* selettori HOME*/

.corpo{
	text-align:center;
	padding:0px;
}

.header{
	text-align:center;
	padding:0;
}

.header p{
	font-size:1.8rem;
	font-weight:500;
	margin:0 auto;
	font-family:Beskervville;
	font-style:italic;
	padding: 0;
}

@media (max-width:780px){
	
	.header p{font-size:1.4rem;}
	
}

.logo img{
	width:120px;
	height:auto;
	border-radius:50%;
	border:solid 2px #ffffff;
	margin: 3% 0 3% 0;
}
	
@media (max-width:500px){
	
	.logo img{width: 100px;}
	
}

.slogan{font-size:1.8rem;}

@media (max-width:780px){
	
	.slogan{font-size:1.6rem;}
	
}

@media (max-width:400px){
	
	.slogan{font-size:1.4rem;}
	
}	

.servizi {text-align:left;}

.servizi p{
	margin:0;
	padding:2% 2% 2% 2%;
	font-size:1.6rem;
}

@media (max-width:780px){
	
	.servizi p{
		padding:2% 1% 2% 1%;
		font-size:1.4rem;
	}
	
}
		
p.contatti {
	font-weight:200;
    font-size:1.2rem;
    line-height:1.4;
    margin-bottom:0px;
    color:#ffffff;
    padding: 0;
}
	
.contatti a, .contatti a:visited .contatti a:hover {
	color: #FFF;
	text-decoration: underline;
	text-decoration-thickness:1px;
}

.videoAppartamenti{
	padding-top:30px;
	padding-bottom:30px;		
}

.videoAppartamenti h2{font-family:Baskervville;}

.videoAppartamenti p{
	margin:0;
	padding:15px 0 15px 0;
}

.videoAppartamenti a, .videoAppartamenti a:visited .videoAppartamenti a:hover {
	color: #FFF;
	text-decoration: underline;
	text-decoration-thickness:1px;
}

@media (max-width:780px){	
	
	.videoAppartamenti{
		padding-left:10px;
		padding-right:10px;
		}
	
	.videoAppartamenti p{font-size:1.2rem;}	
	
}

.appartamentiInVendita{padding:22px 0 22px 0;}

.appartamentiInVendita img{
	max-width:100px;
	margin:10px;
	}

.appartamentiInVendita p{
	text-align:left;
}

.appartamentiInVendita a, .appartamentiInVendita a:visited .appartamentiInVendita a:hover {
	color: #FFF;
	text-decoration: none;
	display: flex;
    align-items: center;
    gap: 15px;
	
}


/* pagina chi siamo */

.chiSiamoTesto{
	padding-top:20px;
}

.chiSiamoTesto h2{
	text-align:center;
	padding-bottom:20px;
}

.chiSiamoTesto p{
	text-align:left;
	padding:0%;
	padding-bottom:1%;
}



.chiSiamoTesto a, .chiSiamoTesto a:visited .chiSiamoTesto a:hover {
	color: #FFF;
	text-decoration: underline;
	text-decoration-thickness:1px;
}

.home p{
	text-align:right;
	font-weight:600;
	margin:0 2% 0 0;
}

.home a, .home a:visited .home a:hover {
	color: #FFF;
	text-decoration: none;
}