*{
box-sizing:border-box;
}

/* BASE */

html, body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
font-family:'Inter', Arial, Helvetica, sans-serif;
background:#ffffff;
}

/* SFONDO */

body{
background:#f5f7f9;
background-image:
linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.35)),
url("/images/banner/sfondo_inverno_new.jpg");
background-size:cover;
background-position:center right;
background-attachment:fixed;
background-repeat:no-repeat;
}

/* CONTENITORE */

.container{
width:95%;
max-width:1800px;
margin:auto;
}

.contenitore-sito{
max-width:980px;
margin:12px auto 20px auto;
background:#ffffff;
border-radius:6px;
box-shadow:0 0 8px rgba(0,0,0,0.08);
}

/* IMMAGINI */

img{
max-width:100%;
height:auto;
}

/* TABELLE */

table{
width:100%;
border-collapse:collapse;
background:transparent;
}

td{
padding:10px;
vertical-align:top;
text-align:center;
background:transparent;
}

/* TESTATA */

#mytable1{
width:100%;
max-width:980px;
margin:0;
background:#ffffff;
border-radius:6px;
box-shadow:0 0 8px rgba(0,0,0,0.08);
}

#mytable1 tr:first-child td{
padding:0;
text-align:center;
}
#mytable1 table{
margin:auto;
}
@media (max-width:900px){

#mytable1 table{
width:220px;
}

}
/* MENU */

.menu-principale{
text-align:center;
white-space:nowrap;
overflow-x:auto;
background:#ffffff;
border-bottom:none;
}

.menu-principale a{
display:inline-block;
margin:0 8px;
text-decoration:none;
font-weight:600;
color:#1e3a5f;
}

/* HERO */

.hero{
position:relative;
max-width:980px;
margin:auto;
margin-bottom:20px;
}

.hero img{
width:100%;
height:auto;
display:block;
}

.hero-testo{
position:absolute;
bottom:-5px;
left:20px;
max-width:520px;
font-size:13px;
line-height:1.45;
text-align:left;
background:transparent;
}

.hero-testo p{
margin:0 0 10px 0;
}

.hero-testo a{
position:absolute;
right:20px;
bottom:10px;
background:#2b5dab;
color:#fff;
padding:4px 10px;
border-radius:4px;
text-decoration:none;
font-weight:600;
}

.hero-bottone{
position:absolute;
right:20px;
bottom:6px;
background:#2b5dab;
color:#fff;
padding:4px 10px;
border-radius:4px;
text-decoration:none;
font-weight:600;
}

.hero-titolo{
position:absolute;
left:0;
bottom:110px;
font-size:26px;
font-weight:700;
color:#1e3a5f;
margin:0;
text-shadow:0 1px 2px rgba(0,0,0,0.25);
}
@media (max-width:1024px){

.hero-testo{
position:relative;
bottom:auto;
left:auto;
margin-top:15px;
}
@media (max-width:900px){

.hero-bottone{
display:inline-block;
margin-top:10px;
float:none;
}
@media (min-width:700px) and (max-width:820px){

.hero-testo p{
max-width:65%;
}

}	

}	

}

/* LAYOUT COLONNE */

table tr td:nth-child(1),
table tr td:nth-child(2),
table tr td:nth-child(3){
width:33%;
}

/* PUBBLICITÀ */

.mytable2{
width:95%;
max-width:980px;
margin:auto;
border-collapse:collapse;
}

/* BANNER ALPINA */

.banner-alpina{
max-width:1038px;
margin:auto;
font-size:0;
}

.banner-alpina img{
width:33.333%;
height:auto;
display:inline-block;
vertical-align:top;
}

/* FOOTER */

.footer-info{
max-width:980px;
margin:25px auto;
font-size:14px;
line-height:1.5;
color:#000;
text-align:center;
padding-left:10px;
padding-right:10px;
}

.footer-info a{
color:#0066cc;
text-decoration:none;
}

.footer-info a:hover{
text-decoration:underline;
}

.nav-links{
font-size:13px;
margin-bottom:15px;
}

.site-description{
margin-bottom:15px;
}

.accessibility{
font-size:13px;
}

/* INSTAGRAM */

.instagram-widget{
max-width:980px;
margin:30px auto;
padding-left:10px;
padding-right:10px;
}

.instagram-widget img{
width:100%;
height:auto;
display:block;
}

/* MOBILE */

@media (max-width:700px){
	
.hero-testo{
position:static;
background:#ffffff;
padding:12px;
margin-top:-5px;
}

.hero-titolo{
position:static;
font-size:20px;
margin-bottom:6px;
left:auto;
bottom:auto;
}

.hero-bottone{
position:static;
display:inline-block;
margin-top:8px;
}	

table{
width:100% !important;
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
border-spacing:0 !important;
}

td{
display:block;
width:100% !important;
padding:8px 6px;
}

td img{
padding-left:12px;
padding-right:12px;
}

img{
width:100%;
height:auto;
}

#mytable1{
width:100%;
max-width:100%;
}

.testata-desktop{
display:none;
}

.testata-mobile{
display:block !important;
width:100%;
height:auto;
}

.intro{
max-width:700px;
margin:12px 16px 8px 16px;
text-align:left;
}

.menu-principale{
display:flex;
justify-content:center;
gap:18px;
margin:10px 0;
}

.menu-principale a{
font-size:16px;
}

.footer-info{
font-size:12px;
line-height:1.35;
padding-left:20px;
padding-right:20px;
}

}