/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  background-color: rgb #fff;
  font-family: "times new roman",arial, sans-serif;
  font-size: 14px;
}

/* Applies to all <h1>...</h1> elements. */
h1 {
  font-size: 35px;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all elements with <... class="someclass"> specified. */
.someclass { color: red; }

/* Applies to the element with <... id="someid"> specified. */
#someid { color: green; }
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5px;
}

.container-pagina { 
background: white
; overflow: hidden;
}
.top-menu{ margin-bottom:25px;}
.typo1{
    font-size:30px;
    line-height:40px;
}
.footer-ct{margin: 25px; font-size: 15px;color: #000; font-weight: bold; }

.top-menu  { text-align:center; }
.top-menu ul { list-style: none; margin: auto; display: inline-block;  }

.top-menu ul li{ list-style:none; display:inline-block;  }
.top-menu ul li a{ font-size: 14px; color: #000; text-decoration: none; text-transform: uppercase; }

.container  {
  display: grid;
  grid-template-columns:  250px 250px 250px 250px 250px;
  background-color: white;
  padding: 0px;
}
.container >   div {
  border: 10px solid white;
  padding: 0px;
  font-size: 0px;
  text-align: center;
  position: relative;  cursor: pointer; transition: all 0.5s
  
}
.container-top >   div:hover > a > .box-int, 
.container >   div:hover > a > .box-int {
color: #000;
  
}

 
.container >   div > img{
    max-width: 100%;
    display: block;
    width: 100%;
    height: 250px;
}

.container-top   {
  display: grid;
  grid-template-columns:  500px 250px 250px 250px;
  background-color: white;
  padding: 0px;
}
.container-top >   div {
  border: 10px solid white;
  padding: 0px;
  font-size: 0px;
  text-align: center;
  cursor:pointer;
}

.container-top  >   div > a > img{
    max-width: 100%;
    display: block;
    width: 100%;
    height: 250px;
}
.container-top  >   div >   img{
    max-width: 100%;
    display: block;
    width: 100%;
    height: 250px;
}
.container-top  >   div >  a{ 
  display:inline-block;     width: 100%;height:100%; text-decoration:none;
}


.container-top > div >  img.toplogo{ height:300px}
.box1{
float:left; 
width:30%
}
.box2{
float:right;
width:68%;
padding-left: 2%;
}
.box3{
float:left;
width:50%;
padding-right:1%
}
.box4{
float:right;
width:50%;
padding-left:1%
}

.container-pagina {
background: white
; overflow: hidden;
}
.container-sito {
margin: auto; width: 1250px;}
.box11 {
float: right
width: 50%;
padding-right:1%
}
.box12 {
float: left;
width: 75%;
padding-left:1%
}
.box13 {}
.scheda-titolo {
height: 50px;
background: #32a852;
display: flex;
width: 100%;
font-size: 15px;
color: #fff;
align-items: center;
justify-content: center;
transition: background-color 500ms linear;
}


.box-int {
height: 50px;
background: #32a852;
display: flex;
width: 100%;
font-size: 15px;
color: #fff;
align-items: center;
justify-content: center;
transition: background-color 500ms linear;
}


.box-int a{
 
transition: background-color 500ms linear;
}


.box-int.colore-viola {
background: #511f5c;
}
.box-int.colore-amaranto {
background: #cf3325;
}
.box-int.colore-turchese {
background: #1f7899;
}
.box-int.colore-sabbia {
background: #f7ebcb;
}
.box-int.colore-verde {
background: #bde069;
}
.box-int.colore-verde-scuro {
background: #02A127;
}
.box-int.colore-marrone {
background: #BD7626;
}
.box-int.colore-giallo {
background: #FBCA04;
}
.box-int.colore-celeste {
background: #158FAD;
}
.box-int.colore-arancione {
background: #EB9309;
}
.box-int.colore-lilla {
background: #BA79D1;
}
.box-int.colore-oliva {
background: #4D7A4B;
}
.box-int.colore-bordeaux {
background: #6B3B2F;
}


.container-top > div > a > img.toplogo{
height:300px
}