﻿/* == Stili di base - Mobile first ========================================== */

div {
  box-sizing:border-box;
}
a:link { color: inherit; text-decoration: none; border:0;}
a:active {color: inherit;text-decoration: none; border:0;}
a:visited {color: inherit;text-decoration: none; border:0;}
a:hover {color: inherit;text-decoration: underline; border:0;}

.clearaltahome{
clear:both;
max-width:100%;
height:30px;
}



.tabboxhome100 {
width:100%;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 15px 15px 15px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 15px 15px 15px;/* 10px;  firefox */
-webkit-border-radius:15px 15px 15px 15px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
position:relative;
}

.tabboxhome100arancio {
width:100%;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 15px 15px 15px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 15px 15px 15px;/* 10px;  firefox */
-webkit-border-radius:15px 15px 15px 15px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
}
.tabboxhome50sx {
width:100%;
float:left;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 15px 15px 15px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 15px 15px 15px;/* 10px;  firefox */
-webkit-border-radius:15px 15px 15px 15px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
margin-right:0%;
margin-bottom:20px; /*modifica 21-10-18 per non far sovrapporre il titolo con la cella sopra*/
min-height:410px;
position:relative;
}


.tabboxhome50dx {
width:100%;
float:right;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 15px 15px 15px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 15px 15px 15px;/* 10px;  firefox */
-webkit-border-radius:15px 15px 15px 15px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
min-height:450px;
display:table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
margin-top:10px;
margin-bottom:10px; /*modifica 21-10-18 per non far sovrapporre il titolo con la cella sopra*/
min-height:410px;
position:relative;
}
.celboxhome50 {
width:100%;
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
}
.tabboxhome33-01 {
width:100%;
max-width:100%;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 0px 15px 0px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 0px 15px 0px;/* 10px;  firefox */
-webkit-border-radius:15px 0px 15px 0px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:inline-block; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
margin-right:0%;
margin-bottom:10px;
}
.tabboxhome33-02 {
width:100%;
max-width:100%;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 0px 15px 0px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 0px 15px 0px;/* 10px;  firefox */
-webkit-border-radius:15px 0px 15px 0px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:inline-block; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
margin-bottom:10px;
}
.tabboxhome33-03 {
width:100%;
max-width:100%;
border-top:1px solid #ee7d31;
border-bottom:1px solid #ee7d31;
border-right:1px solid #ee7d31;
border-left:1px solid #ee7d31;
border-radius: 15px 0px 15px 0px;/*10px 10px 10px 10px*/
-moz-border-radius:15px 0px 15px 0px;/* 10px;  firefox */
-webkit-border-radius:15px 0px 15px 0px;/* 10px; /* safari, chrome */
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
height:auto;
display:inline-block; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
margin-bottom:10px;
}
.celboxhome33 {
width:100%;
border-collapse:collapse;
border-spacing: 0px;
padding: 0px;
}
.celboxhometitoloOLD {
background-color:#4b484b;
display:inline-block;
/*float:right;*/
vertical-align:middle;
width:auto;
min-height:20px;
margin-top:10px;
margin-bottom:0%;
margin-left:10px;
margin-right:2%;
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
padding-right:2%;
border:6px  double #ffffff ; /*#ee7d31*/
border-radius: 15px 0px 15px 0px;
-moz-border-radius:15px 0px 15px 0px; /* firefox */
-webkit-border-radius:15px 0px 15px 0px; /* safari, chrome */
}

.celboxhometitolo {
background-color:#fff;
display:inline-block;
/*float:right;*/
vertical-align:middle;
width:54%/*auto*/;
min-height:30px;
margin-top:-28px;
margin-left:40%;
margin-right:4%;
border-top:0px double #ffffff ;
border-bottom:6px double #ffffff ;
border-left:0px double #ffffff ;
border-right:0px double #ffffff ;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px; /* firefox */
-webkit-border-radius:15px 15px 15px 15px; /* safari, chrome */
box-shadow: 0px 1px 1px 2px #ee7d31;
-webkit-box-shadow: 0px 2px 2px 2px #ee7d31;
-moz-box-shadow: 0px 2px 2px 2px #ee7d31;
}

.celboxhometitololato {
background-color:#fff;
display:inline-block;
/*float:right;*/
vertical-align:middle;
width:auto;
min-height:20px;
margin-top:-28px;
margin-left:20%;
margin-right:4%;
border-top:0px double #ffffff ;
border-bottom:6px double #ffffff ;
border-left:0px double #ffffff ;
border-right:0px double #ffffff ;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px; /* firefox */
-webkit-border-radius:15px 15px 15px 15px; /* safari, chrome */
}
.celboxhometitoloslim {
background-color:#fff;
display:inline-block;
/*float:right;*/
vertical-align:middle;
width:80%/*auto*/;
min-height:30px;
margin-top:-28px;
margin-left:16%;
margin-right:4%;
border-top:0px double #ffffff ;
border-bottom:6px double #ffffff ;
border-left:0px double #ffffff ;
border-right:0px double #ffffff ;
border-radius: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px; /* firefox */
-webkit-border-radius:15px 15px 15px 15px; /* safari, chrome */
box-shadow: 0px 1px 1px 2px #ee7d31;
-webkit-box-shadow: 0px 2px 2px 2px #ee7d31;
-moz-box-shadow: 0px 2px 2px 2px #ee7d31;
}


.boxhometitoli {
color: #ee7d31;
font-family:Futurist;
font-size:0.82em;
font-weight:bold;  
letter-spacing:1px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:7px;
text-align:center;
text-transform:uppercase;
}
.boxhometitoli a {
/*color:#ee7d31;
font-family:verdana;
font-weight:bold;  
margin-bottom:4px;
margin-left:4px;
margin-right:4px;
margin-top: 4px;
text-align:center;
text-decoration:none;
text-transform:none;
text-transform:uppercase;*/
}


.homeboxtestotitoli { /*classe attribuita ad h2*/
margin-bottom:4px;
margin-left:0px;
margin-top:4px;
margin-right:0px;
color:#4b484b;
line-height:1.125em;
text-align: left;
text-transform: uppercase;
font-size:0.9em;
font-weight:bold;
}


.homeboxtesto {
margin-bottom:4px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
text-align:justify;
font-size:0.9em;
}
.homeboxtesto a {
color:#ee7d31;
font-size:small;
}
.divboxhomecontinuaaleggere{
min-height:0.8em;
padding-top:0em;
padding-right:0.8em;
padding-left:0.8em;
padding-bottom:0.8em;
}

.divboxhomeoverload{
display:inline-block;
min-height:250px;
overflow-wrap:break-word;
overflow:hidden;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}
.divboxhomeoverloadbasso{
height:280px;
overflow-wrap:break-word;
overflow:hidden;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}
.pad10 {
width:100%;
max-width:100%;
display:inline-block;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}
.vaiallapagina{
 font-size:0.75em;
 color:inherit;
 text-align:right;
 text-transform:uppercase;
 margin:0;
 line-height:0.75em;
}
.vaiallapagina a{
 font-weight:normal;
}
.vaiallapagina a hover{
 text-decoration:underline;
}

.homediv01 {
 display: block;
 max-width: 100%;
}
.homediv02 {
display:block;
max-width:100%;
}
.homediv3-01 {
display:block;
max-width:100%;
}
.homediv3-02 {
display:block;
max-width:100%;
}
.homediv3-03 {
display:block;
max-width:100%;
}
.homediv4-01 {
display:block;
max-width:100%;
}
.homediv4-02 {
display:block;
max-width:100%;
}
.homediv4-03 {
display:block;
max-width:100%;
}
.homediv4-04 {
display:block;
max-width:100%;
}


.homedivdx{
display:inline;
float:right;
max-width:100%;
margin-top:0px;
margin-bottom:20px;
border:0em solid #ee7d31;
padding:0px;
background-color:none;
}

.homedivdx img{
 max-width:100%;
}

.homedivsx {
display:inline;
float:left;
max-width:100%;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:10px;
border:0em solid #ee7d31;
padding:0px;
background-color:transparent; /*sfondo div*/
}

.homedivsx img{
 max-width:100%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 border:0;
 text-align:center;
}

.homedivace {
display:table-row;
width:100%;
text-align:center;
max-width:100%;
margin-top:0px;
margin-bottom:10px;
border:0em solid #ee7d31;
padding:0px;
background-color:transparent; /*sfondo div*/
}

.homedivace img{
 max-width:100%;
 margin-top:0px;
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
 border:0;
 text-align:center;
}
/*----------------i bottoni che evidenziano il settore--------------*/
.celboxhomesettore{
   background-color:transparent;  
   vertical-align: middle;
   top:1.1%;
   left:0.2%;   
   z-index:2;
   position:absolute;   
   padding:0px;
   width:16%;
   max-width:16%;
   visibility:hidden
  }
  .celboxhomesettore img{
   background-color:#4b484b;
   border: 6px double #ffffff;
   border-radius: 50% 50% 50% 50%;
   -moz-border-radius: 50% 50% 50% 50%; 
   -webkit-border-radius: 50% 50% 50% 50%;
   float:left;
   margin:0px; 
   width:100%;
   max-width:100%;
  }
  .celboxhomesettore100{
   background-color:transparent;  
   vertical-align: middle;
   top:1.1%;
   left:0.2%;   
   z-index:2;
   position:absolute;   
   padding:0px;
   width:16%;
   max-width:16%;
   visibility:hidden
  }
  .celboxhomesettore100 img{
   background-color:#4b484b;
   border: 6px double #ffffff;
   border-radius: 50% 50% 50% 50%;
   -moz-border-radius: 50% 50% 50% 50%; 
   -webkit-border-radius: 50% 50% 50% 50%;
   float:left;
   margin:0px; 
   width:100%;
   max-width:100%;
  }
  .celboxhomesettorelato{
   background-color:transparent;  
   vertical-align: middle;
   top:1.1%;
   left:0.2%;   
   z-index:2;
   position:absolute;   
   padding:0px;
   width:16%;
   max-width:16%;
   visibility:hidden
  }
  .celboxhomesettorelato img{
   background-color:#4b484b;
   border: 6px double #ffffff;
   border-radius: 50% 50% 50% 50%;
   -moz-border-radius: 50% 50% 50% 50%; 
   -webkit-border-radius: 50% 50% 50% 50%;
   float:left;
   margin:0px; 
   width:100%;
   max-width:100%;
  }
  /* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 500px) {
.celboxhomesettore{   
   width:13%;
   max-width:13%;
  }
.celboxhomesettore100{   
   width:13%;
   max-width:13%;
  }  
.celboxhomesettorelato{   
   width:13%;
   max-width:13%;
  } 
}
/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 600px) {

.celboxhomesettore100{   
   width:10%;
   max-width:10%;
  } 
.celboxhomesettorelato{   
   width:10%;
   max-width:10%;
  }
}

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {


  .tabboxhome33-01 {
  width: 32%;
  max-width:32%;
  float: left;
  border-top: 1px solid #ee7d31;
  border-bottom: 1px solid #ee7d31;
  border-right: 1px solid #ee7d31;
  border-left: 1px solid #ee7d31;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-right: 2%;
 }

 .tabboxhome33-02 {
  width: 32%;
  max-width:32%;
  float: left;
 border-top: 1px solid #ee7d31;
  border-bottom: 1px solid #ee7d31;
  border-right: 1px solid #ee7d31;
  border-left: 1px solid #ee7d31;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
 }
.tabboxhome33-03 {
  width: 32%;
  max-width:32%;
  float: right;
  border-top: 1px solid #ee7d31;
  border-bottom: 1px solid #ee7d31;
  border-right: 1px solid #ee7d31;
  border-left: 1px solid #ee7d31;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
 }
 .celboxhome33 {
  width: 32%;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
 }

 .homediv01 { 
display:inline-block;
float:left;
max-width:70%; /*bbbbbbbbbb*/
padding-right:10px;
}
/*.homediv01 img{  ho dovuto toglierlo perchè influenzava le immagini dei bottoncioni settori
 max-width:50%;
 float:right;
 margin-left:10px;
border: solid 1px #7e293f;
}*/


.homediv02 {  
display:inline-block;
float:right;
width:30%; /*bbbbbbbbbb*/
/*padding:10px;
border:solid 1px #ee7d31;*/
}
.homediv3-01 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-right:10px;
}
.homediv3-02 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-left:10px;
}
.homediv3-03 {
display:inline-block;
float:left;
width:33%;
max-width:33%;
padding-left:10px;
}
.homediv4-01 {
display:inline-block;
float:left;
max-width:40%;
padding-right:10px;
}
.homediv4-02 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}
.homediv4-03 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}
.homediv4-04 {
display:inline-block;
float:right;
width:20%;
padding-right:10px;
}

.homedivdx{
display:inline;
float:right;
max-width:50%;
width:auto;
margin-top:0px;
/*margin-bottom:20px;*/
border:0em solid #ee7d31;
padding:0px;
}
.homedivdx img{max-width:100%}

.homedivsx {
display:inline;
float:left;
width:auto;
max-width:20%;
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
margin-right:10px;
border:0em solid #ee7d31;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}
.homedivsx img{
 max-width:100%;
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 border:0;
}

.homedivace {
display:table-row;
width:100%;
text-align:center;
max-width:100%;
margin-top:0px;
margin-bottom:10px;
border:0em solid #ee7d31;
padding:0px;
background-color:transparent; /*sfondo div*/
}

.homedivace img{
 max-width:100%;
 margin-top:0px;
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
 border:0;
 text-align:center;
}
.celboxhomesettore{   
   width:15%;
   max-width:15%;
  }
.celboxhomesettore100{   
   width:6%;
   max-width:6%;
  }
.celboxhomesettorelato{   
   width:20%;
   max-width:20%;
  }
}
 



/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width:1000px) {
 .tabboxhome50sx {
  width: 49%;
  float: left;  
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-right: 2%;
  margin-bottom:0px;
  position:relative;
 }

 .tabboxhome50dx {
  width: 49%;
  float: right;  
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-top:0px;
  margin-bottom:0px;
 }

 .celboxhome50 {
  width: 49%;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
 }
 
.tabboxhome33-01 {
  width: 32%;
  max-width:32%;
  float: left;
  border-top: 1px solid #ee7d31;
  border-bottom: 1px solid #ee7d31;
  border-right: 1px solid #ee7d31;
  border-left: 1px solid #ee7d31;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-right: 2%;
  margin-bottom:0%;
 }

 .tabboxhome33-02 {
  width: 32%;
  max-width:32%;
  float: left; 
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-bottom:0%;
 }
.tabboxhome33-03 {
  width: 32%;
  max-width:32%;
  float: right;  
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
  height: auto;
  display: table-cell; /*ha permesso che l'altezza della div si adattasse all'altezza delle div interne*/
  margin-bottom:0%;
 }
 .celboxhome33 {
  width: 32%;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
 }
 
 .divboxhomeoverloadbasso{
height:250px;
max-height:250px;
overflow-wrap:break-word;
overflow: hidden;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}
 .celboxhomesettore{   
   width:16%;
   max-width:16%;
  }

}
