@import url('https://fonts.googleapis.com/css?family=Hind:300,400,400i,700,700i');
@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
src: url(../css/fonts/fa-solid-900.eot);
src: url(../css/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../css/fonts/fa-solid-900.woff2) format("woff2"), url(../css/fonts/fa-solid-900.woff) format("woff"), url(../css/fonts/fa-solid-900.ttf) format("truetype"), url(../css/fonts/fa-solid-900.svg#fontawesome) format("svg");
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.simbolo-icon {
font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
font-size: 1em;
color: auto;
font-weight: 400;
line-height: auto;
}
.bottoni {
-webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset;
box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.bottonihover {
-webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset;
box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.luce {
-webkit-box-shadow: 0px 1px 2px #fff inset;
-moz-box-shadow: 0px 1px 2px #fff inset;
box-shadow: 0px 1px 2px #fff inset;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.ombra-int {
-webkit-box-shadow: 0px -1px 1px #000 inset;
-moz-box-shadow: 0px -1px 1px #000 inset;
box-shadow: 0px -1px 1px #000 inset;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.ombra-ext {
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.ombra-txt {
-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
.bianconero {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.nobianconero {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.relauto {
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.relhide {
position: relative;
overflow: hidden;
}
.absauto {
position: absolute;
overflow-x: hidden;
overflow-y: auto;
}
.abshide {
position: absolute;
overflow: hidden;
}
.relvis {
position: relative;
overflow: visible;
}
.absvis {
position: absolute;
overflow: visible;
}
.fixhide {
position: fixed;
overflow: hidden;
}
.margineg-sx {
left: 50%;
margin-left: -1400px / 2;
}
@media only screen and (max-width: 1250px) {
.margineg-sx {
margin-left: -1120px / 2;
}
}
.margineg-dx {
right: 50%;
margin-right: -1400px / 2;
}
@media only screen and (max-width: 1250px) {
.margineg-dx {
margin-right: -1120px / 2;
}
}
/*----------------------------------------------------------------*/
html,
body {
margin: 0;
padding: 0;
width: 100%;
}
html {
height: 100%;
}
*:first-child + html {
overflow: auto;
}
body {
overflow: auto;
overflow-x: hidden;
height: 100%;
font-size: 14px;
}
body::after {
content: " ";
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 1px;
margin: 0 0 0 -1px;
}
body.fix {
overflow: hidden;
height: 100vh;
}
p,
h1,
h2,
h3,
h4,
h5 {
margin: 0;
padding: 0;
}
hr {
clear: both;
display: block;
margin: 0;
border: none;
border-top: 1px solid #e8e8e8;
height: 1px;
size: 1px;
background: none;
color: #e8e8e8;
}
hr.margine {
margin: 15px 0;
}
/**/
a {
outline: none;
color: #53a3b1;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
/*per eliminare il riquadro al tap dei link*/
}
a:hover {
color: #767676;
}
a img {
border: none;
}
ul.frecce {
margin: 10px 0;
padding: 0;
}
ul.frecce li {
position: relative;
overflow: hidden;
list-style: none;
margin: 0;
padding: 2px 0 2px 15px;
text-transform: uppercase;
}
ul.frecce li::before {
content: "";
position: absolute;
overflow: hidden;
top: 9px;
left: 4px;
border-top: 4px solid transparent;
border-right: none;
border-bottom: 4px solid transparent;
border-left: 5px solid #53a3b1;
}
ul.frecce li a {
color: #1c1c1c;
}
ul.frecce li a:hover {
color: #53a3b1;
}
/*
strong{font-weight:700;}
*/
.bottone {
position: relative;
overflow: hidden;
display: inline-block;
padding: 0 30px;
margin: 0;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #53a3b1;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.2em;
text-decoration: none;
text-transform: uppercase;
}
.bottone:hover {
background: #959595;
color: #fff;
}
.bottone.due {
background: #767676;
}
.bottone.due:hover {
background: #e8e8e8;
color: #767676;
}
.bottone.allegato {
padding: 0 50px 0 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #85c9d5;
}
.bottone.allegato::before {
content: "";
position: absolute;
overflow: hidden;
display: block;
right: 20px;
top: 13px;
width: 6px;
height: 6px;
border-top: none;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bottone.allegato:hover {
background: #767676;
color: #fff;
}
.bottone.allegato:hover::before {
border-top-color: #fff;
}
ul.elenco_blocchi {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px 0;
padding: 0;
text-align: left;
}
@media only screen and (max-width: 780px) {
ul.elenco_blocchi {
margin: 0 -10px 0;
}
}
@media only screen and (max-width: 580px) {
ul.elenco_blocchi {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
margin: 0;
}
}
ul.elenco_blocchi li {
position: relative;
overflow: hidden;
list-style: none;
width: calc((100% / 3) - 80px);
margin: 0 20px 30px;
padding: 20px ;
background: #f6f6f6;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #1c1c1c;
font-weight: 400;
line-height: 1.6em;
/*a*/
}
@media only screen and (max-width: 1000px) {
ul.elenco_blocchi li {
width: calc((100% / 3) - 60px);
margin: 0 10px 20px;
}
}
@media only screen and (max-width: 780px) {
ul.elenco_blocchi li {
width: calc((100% / 2) - 60px);
margin: 0 10px 20px;
}
}
@media only screen and (max-width: 580px) {
ul.elenco_blocchi li {
width: calc(100% - 40px);
margin: 0 0 20px;
}
}
ul.elenco_blocchi li .titolo {
display: block;
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid #767676;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.3em;
color: #767676;
font-weight: 300;
line-height: 1.2em;
}
ul.elenco_blocchi li .titolo strong {
color: #85c9d5;
font-weight: 700;
}
ul.elenco_blocchi li .luogo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #53a3b1;
font-weight: 700;
line-height: 1.2em;
}
ul.elenco_blocchi li a.immagine {
position: relative;
overflow: hidden;
display: block;
width: calc(100% + 40px);
margin: -20px -20px 20px;
background-position: top 50%;
background-size: cover;
}
ul.elenco_blocchi li a.immagine::after {
content: "";
display: block;
padding-top: 56%;
}
ul.elenco_blocchi li a {
color: #85c9d5;
font-style: italic;
}
ul.elenco_blocchi li a.sottotitolo {
display: block;
margin: 0 0 15px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #53a3b1;
font-weight: 500;
line-height: 1.2em;
text-transform: uppercase;
font-style: normal;
}
ul.elenco_blocchi li a.link {
position: absolute;
overflow: hidden;
display: block;
left: 20px;
right: 20px;
bottom: 25px;
padding: 10px 0 0;
border-top: 1px solid #767676;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #767676;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
text-align: right;
font-style: normal;
}
ul.elenco_blocchi li a:hover {
color: #054582;
}
/*----------------------------------*/
h1,
h2,
.titolo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 3em;
color: #53a3b1;
font-weight: 700;
line-height: 1.3em;
text-transform: uppercase;
}
h1.due,
h2.due,
.titolo.due,
h1.due a,
h2.due a,
.titolo.due a {
color: #959595;
}
h1.small,
h2.small,
.titolo.small {
font-size: 2.3em;
}
.sottotitolo,
h3,
h4 {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2em;
color: #1c1c1c;
font-weight: 400;
line-height: 1.3em;
}
.sottotitolo.due,
h3.due,
h4.due {
color: #53a3b1;
}
.sottotitolo.small,
h3.small,
h4.small {
font-size: 1.3em;
}
.sottotitolo.sfondo,
h3.sfondo,
h4.sfondo {
display: block;
margin-top: 0.4em;
padding: 0.05em 0.2em;
background: #054582;
color: #fff !important;
}
.sx {
float: left;
max-width: 50%;
margin: 0 50px 15px 0;
}
@media only screen and (max-width: 1000px) {
.sx {
max-width: 30%;
margin: 0 5% 5px 0;
}
}
@media only screen and (max-width: 480px) {
.sx {
width: 100%;
max-width: 100%;
float: none;
margin: 0 0 20px 0;
}
}
.dx {
float: right;
max-width: 50%;
margin: 0 0 15px 50px;
}
@media only screen and (max-width: 1000px) {
.dx {
max-width: 40%;
margin: 0 0 5px 5%;
}
}
@media only screen and (max-width: 480px) {
.dx {
width: 100%;
max-width: 100%;
float: none;
margin: 0 0 20px 0;
}
}
/*-----------------------------*/
#contenitore {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1400px;
background: #fff;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
font-weight: 300;
line-height: 1.7em;
/*nav*/
}
#contenitore::before {
content: " ";
position: relative;
overflow: hidden;
display: block;
width: 100%;
height: 210px;
}
@media only screen and (max-width: 1250px) {
#contenitore {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 auto;
-webkit-box-shadow: 4px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 4px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.05);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
#contenitore::before {
height: 60px;
}
#contenitore::after {
content: " ";
position: fixed;
overflow: hidden;
display: block;
z-index: 7;
top: 0;
width: 100%;
height: 60px;
background: #fff;
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
}
#contenitore #navigator {
content: "";
position: fixed;
overflow: hidden;
z-index: 99999 !important;
display: none;
top: 20px;
right: 3vw;
width: 30px;
height: 20px;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
-webkit-transition: all 0 ease-out;
-moz-transition: all 0 ease-out;
-ms-transition: all 0 ease-out;
-o-transition: all 0 ease-out;
transition: all 0 ease-out;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
/*per eliminare il riquadro al tap dei link*/
}
#contenitore #navigator::before,
#contenitore #navigator::after {
content: "";
display: block;
position: absolute;
overflow: hidden;
top: 0;
width: 100%;
height: 16px;
border-top: 2px solid #054582;
border-bottom: 2px solid #054582;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#contenitore #navigator::after {
height: 9px;
border-top: none;
border-bottom: 2px solid #054582;
}
@media only screen and (max-width: 1251px) {
#contenitore #navigator {
display: block;
}
}
#contenitore #navigator.ics::before,
#contenitore #navigator.ics::after {
border-color: #fff;
-webkit-transform: rotate(-45deg) translateY(-55%);
transform: rotate(-45deg) translateY(-55%);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#contenitore #navigator.ics::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#popup {
padding: 30px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 13px;
color: #1c1c1c;
font-weight: 400;
line-height: 20px;
}
#popup .sottotitolo {
color: #054582;
}
#popup ul li {
padding: 5px 30px 5px 0;
}
#popup .quad {
padding: 25px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #959595;
}
#tornasu {
position: fixed;
z-index: 99;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #767676;
cursor: pointer;
}
#tornasu b {
position: absolute;
overflow: hidden;
left: 13px;
top: 15px;
width: 10px;
height: 10px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
border-top: 4px solid #fff;
border-right: 4px solid #fff;
border-bottom: none;
border-left: none;
background: none;
}
.cookies {
/*display:none;*/
position: fixed;
z-index: 99999;
bottom: 5%;
left: 5%;
width: 240px;
padding: 80px 30px 30px;
border: 1px solid #696969;
font-family: 'Lato', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #363636;
font-weight: 400;
line-height: 1.7em;
text-transform: uppercase;
background: #fff;
}
@media only screen and (max-width: 780px) {
.cookies {
bottom: 0;
left: 0;
width: calc(100vw - 63px);
}
}
.cookies .chiudi {
position: absolute;
overflow: hidden;
display: block;
right: 30px;
top: 30px;
width: 25px;
height: 25px;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
color: #fff;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #3b8390;
font-weight: 400;
line-height: 1.5em;
text-align: center;
text-transform: uppercase;
text-indent: -9999px;
}
.cookies .chiudi::before {
content: "";
position: absolute;
overflow: hidden;
display: block;
top: 4px;
left: -6px;
width: 14px;
height: 14px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-top: 2px solid #363636;
border-right: 2px solid #363636;
border-bottom: none;
border-left: none;
}
.cookies .chiudi::after {
content: "";
position: absolute;
overflow: hidden;
display: block;
top: 4px;
left: 14px;
width: 14px;
height: 14px;
transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
border-top: 2px solid #363636;
border-right: 2px solid #363636;
border-bottom: none;
border-left: none;
}
.cookies a {
color: #363636;
font-weight: 700;
text-decoration: underline;
}
div#sharing {
/*display:none;*/
position: fixed;
overflow: hidden;
z-index: 999;
right: 0;
top: calc(50vh - 75px);
width: 30px;
height: 150px;
padding: 0;
}
div#sharing .jssocials-share {
display: block !important;
width: 30px !important;
height: 30px !important;
}
div#sharing .jssocials-share .jssocials-share-link {
display: block !important;
margin: 0;
padding: 0;
width: 30px !important;
height: 30px !important;
text-align: center;
line-height: 30px;
}
/*------------------------------*/
#logo {
position: absolute;
overflow: hidden;
z-index: 8;
top: 25px;
left: 20px;
/*transform:translateX(-50%);
.margineg-sx;*/
width: 300px;
height: 70px;
background: url(images/siamoc.png) 0 50% no-repeat;
background-size: contain;
}
@media only screen and (min-width: 1460px) {
#logo {
left: 50%;
margin-left: -700px;
}
}
@media only screen and (max-width: 1410px) {
#logo {
left: 2vw;
margin: 0;
}
}
@media only screen and (max-width: 1250px) {
#logo {
position: fixed;
top: 0;
width: 200px;
height: 60px;
}
}
#logo a {
display: block;
padding-top: 400px;
}
#logo.basso {
position: fixed;
top: 0;
width: 200px;
height: 60px;
}
/*------------------*/
nav,
#nav {
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
height: 180px;
background: #fff;
/*ul*/
/**/
}
@media only screen and (max-width: 1250px) {
nav,
#nav {
/*.flexbox;
.direction(column);*/
display: block;
position: fixed;
overflow-y: auto !important;
overflow-x: hidden;
/**/
z-index: 9 !important;
width: 100vw !important;
height: 100vh !important;
top: 0;
left: auto;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
border: none;
background: #53a3b1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
nav.mostralo,
#nav.mostralo {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
nav ul,
#nav ul {
position: relative;
overflow: visible;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
padding: 0;
margin: 0 auto;
width: 1400px;
/*sopra*/
/*sotto*/
}
@media only screen and (max-width: 1420px) {
nav ul,
#nav ul {
max-width: 94%;
}
}
@media only screen and (max-width: 1250px) {
nav ul,
#nav ul {
position: relative;
overflow: hidden;
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
width: 100%;
max-width: 100%;
margin: 0;
}
}
nav ul li,
#nav ul li {
display: inline-block;
/**/
list-style: none;
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
}
@media only screen and (max-width: 1250px) {
nav ul li,
#nav ul li {
border: none !important;
padding: 10px 0;
margin: 0 20px;
}
}
nav ul li ul,
#nav ul li ul {
display: none;
}
@media only screen and (max-width: 1250px) {
nav ul li ul,
#nav ul li ul {
background: #3b8390;
}
}
nav ul li sup,
#nav ul li sup {
line-height: 1em;
}
nav ul.sopra,
#nav ul.sopra {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
z-index: 99 !important;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra,
#nav ul.sopra {
/*.order(2) !important;
height:auto;*/
-webkit-box-direction: row !important;
-ms-flex-direction: row !important;
-webkit-flex-direction: row !important;
-ms-box-direction: row !important;
flex-direction: row !important;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
padding: 15px 0;
}
}
nav ul.sopra li,
#nav ul.sopra li {
margin: 10px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #959595;
font-weight: 400;
line-height: 30px;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li,
#nav ul.sopra li {
margin: 0 20px;
padding: 10px 0;
width: auto;
background: red;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff;
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
text-align: center;
width: 2em;
}
}
nav ul.sopra li a,
#nav ul.sopra li a {
color: #054582;
}
nav ul.sopra li a:hover,
#nav ul.sopra li a:hover {
color: #53a3b1;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li a,
#nav ul.sopra li a {
padding-top: 1.3em;
color: #fff;
}
nav ul.sopra li a:hover,
#nav ul.sopra li a:hover {
color: #054582;
}
}
nav ul.sopra li.tel,
#nav ul.sopra li.tel,
nav ul.sopra li.mail,
#nav ul.sopra li.mail,
nav ul.sopra li.reserved,
#nav ul.sopra li.reserved,
nav ul.sopra li.register,
#nav ul.sopra li.register,
nav ul.sopra li.worldicon,
#nav ul.sopra li.worldicon,
nav ul.sopra li.esci,
#nav ul.sopra li.esci {
position: relative;
overflow: hidden;
display: block;
height: auto;
padding: 0;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #054582;
font-weight: 700;
line-height: 30px;
text-transform: none;
}
nav ul.sopra li.tel::before,
#nav ul.sopra li.tel::before,
nav ul.sopra li.mail::before,
#nav ul.sopra li.mail::before,
nav ul.sopra li.reserved::before,
#nav ul.sopra li.reserved::before,
nav ul.sopra li.register::before,
#nav ul.sopra li.register::before,
nav ul.sopra li.worldicon::before,
#nav ul.sopra li.worldicon::before,
nav ul.sopra li.esci::before,
#nav ul.sopra li.esci::before {
content: "\f095";
display: inline-block;
width: auto;
height: auto;
margin: 0 7px 0 0 !important;
font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #054582;
font-weight: 400;
line-height: 1;
text-align: center;
vertical-align: middle;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.tel,
#nav ul.sopra li.tel,
nav ul.sopra li.mail,
#nav ul.sopra li.mail,
nav ul.sopra li.reserved,
#nav ul.sopra li.reserved,
nav ul.sopra li.register,
#nav ul.sopra li.register,
nav ul.sopra li.worldicon,
#nav ul.sopra li.worldicon,
nav ul.sopra li.esci,
#nav ul.sopra li.esci {
-webkit-box-ordinal-group: 0 !important;
-moz-box-ordinal-group: 0 !important;
-ms-flex-order: 0 !important;
-webkit-order: 0 !important;
order: 0 !important;
width: 1.3em;
height: 1.3em;
margin: 0 10px !important;
padding: 0 !important;
background: none;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.8em;
color: #fff;
font-weight: 700;
line-height: 1em;
text-align: center;
}
nav ul.sopra li.tel::before,
#nav ul.sopra li.tel::before,
nav ul.sopra li.mail::before,
#nav ul.sopra li.mail::before,
nav ul.sopra li.reserved::before,
#nav ul.sopra li.reserved::before,
nav ul.sopra li.register::before,
#nav ul.sopra li.register::before,
nav ul.sopra li.worldicon::before,
#nav ul.sopra li.worldicon::before,
nav ul.sopra li.esci::before,
#nav ul.sopra li.esci::before {
margin: 0 auto !important;
font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif !important;
font-size: 1em !important;
color: #3b8390 !important;
font-weight: 400 !important;
line-height: 1.3em !important;
}
}
nav ul.sopra li.tel.mail,
#nav ul.sopra li.tel.mail,
nav ul.sopra li.mail.mail,
#nav ul.sopra li.mail.mail,
nav ul.sopra li.reserved.mail,
#nav ul.sopra li.reserved.mail,
nav ul.sopra li.register.mail,
#nav ul.sopra li.register.mail,
nav ul.sopra li.worldicon.mail,
#nav ul.sopra li.worldicon.mail,
nav ul.sopra li.esci.mail,
#nav ul.sopra li.esci.mail {
margin-right: 0;
}
nav ul.sopra li.tel.mail::before,
#nav ul.sopra li.tel.mail::before,
nav ul.sopra li.mail.mail::before,
#nav ul.sopra li.mail.mail::before,
nav ul.sopra li.reserved.mail::before,
#nav ul.sopra li.reserved.mail::before,
nav ul.sopra li.register.mail::before,
#nav ul.sopra li.register.mail::before,
nav ul.sopra li.worldicon.mail::before,
#nav ul.sopra li.worldicon.mail::before,
nav ul.sopra li.esci.mail::before,
#nav ul.sopra li.esci.mail::before {
content: "\f0e0";
font-size: 16px;
}
nav ul.sopra li.tel.reserved::before,
#nav ul.sopra li.tel.reserved::before,
nav ul.sopra li.mail.reserved::before,
#nav ul.sopra li.mail.reserved::before,
nav ul.sopra li.reserved.reserved::before,
#nav ul.sopra li.reserved.reserved::before,
nav ul.sopra li.register.reserved::before,
#nav ul.sopra li.register.reserved::before,
nav ul.sopra li.worldicon.reserved::before,
#nav ul.sopra li.worldicon.reserved::before,
nav ul.sopra li.esci.reserved::before,
#nav ul.sopra li.esci.reserved::before {
content: "\f502";
font-size: 16px;
}
nav ul.sopra li.tel.register::before,
#nav ul.sopra li.tel.register::before,
nav ul.sopra li.mail.register::before,
#nav ul.sopra li.mail.register::before,
nav ul.sopra li.reserved.register::before,
#nav ul.sopra li.reserved.register::before,
nav ul.sopra li.register.register::before,
#nav ul.sopra li.register.register::before,
nav ul.sopra li.worldicon.register::before,
#nav ul.sopra li.worldicon.register::before,
nav ul.sopra li.esci.register::before,
#nav ul.sopra li.esci.register::before {
content: "\f304";
font-size: 16px;
}
nav ul.sopra li.tel.esci::before,
#nav ul.sopra li.tel.esci::before,
nav ul.sopra li.mail.esci::before,
#nav ul.sopra li.mail.esci::before,
nav ul.sopra li.reserved.esci::before,
#nav ul.sopra li.reserved.esci::before,
nav ul.sopra li.register.esci::before,
#nav ul.sopra li.register.esci::before,
nav ul.sopra li.worldicon.esci::before,
#nav ul.sopra li.worldicon.esci::before,
nav ul.sopra li.esci.esci::before,
#nav ul.sopra li.esci.esci::before {
content: "\f2f6";
font-size: 16px;
}
nav ul.sopra li.tel.worldicon::before,
#nav ul.sopra li.tel.worldicon::before,
nav ul.sopra li.mail.worldicon::before,
#nav ul.sopra li.mail.worldicon::before,
nav ul.sopra li.reserved.worldicon::before,
#nav ul.sopra li.reserved.worldicon::before,
nav ul.sopra li.register.worldicon::before,
#nav ul.sopra li.register.worldicon::before,
nav ul.sopra li.worldicon.worldicon::before,
#nav ul.sopra li.worldicon.worldicon::before,
nav ul.sopra li.esci.worldicon::before,
#nav ul.sopra li.esci.worldicon::before {
content: "\f0ac";
font-size: 16px;
}
nav ul.sopra li.cerca,
#nav ul.sopra li.cerca {
-webkit-box-flex: 2;
-webkit-flex: 2;
/**/
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
box-flex: 2;
margin: 10px 0 10px 70%;
height: 30px;
width: 30%;
background: #f6f6f6;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.cerca,
#nav ul.sopra li.cerca {
-webkit-box-flex: 2 100%;
-webkit-flex: 2 100%;
/**/
-moz-box-flex: 2 100%;
-ms-flex: 2 100%;
flex: 2 100%;
box-flex: 2 100%;
margin: 30px 10%;
width: calc(80% - 15px) !important;
padding: 5px 5px 5px 10px !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #3b8390;
}
}
nav ul.sopra li.cerca form,
#nav ul.sopra li.cerca form {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
margin: 0;
padding: 0;
border: none;
height: 30px;
}
nav ul.sopra li.cerca form input,
#nav ul.sopra li.cerca form input {
-webkit-box-flex: 2;
-webkit-flex: 2;
/**/
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
box-flex: 2;
position: relative;
overflow: hidden;
display: block;
height: 30px;
margin: 0;
padding: 0 5px;
border: none;
background: #f6f6f6;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #959595;
font-weight: 400;
line-height: 30px;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.cerca form input,
#nav ul.sopra li.cerca form input {
background: #3b8390;
color: #fff;
}
}
nav ul.sopra li.cerca form input.bottone,
#nav ul.sopra li.cerca form input.bottone {
-webkit-box-flex: 1;
-webkit-flex: 1;
/**/
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
box-flex: 1;
margin: 0;
padding: 0 15px;
width: auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #054582;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff;
font-weight: 700;
line-height: 30px;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.cerca form input.bottone,
#nav ul.sopra li.cerca form input.bottone {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
}
nav ul.sopra li.social,
#nav ul.sopra li.social {
margin-left: 20px;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.social,
#nav ul.sopra li.social {
-webkit-box-ordinal-group: -2 !important;
-moz-box-ordinal-group: -2 !important;
-ms-flex-order: -2 !important;
-webkit-order: -2 !important;
order: -2 !important;
margin: 0 0 0 120px !important;
}
}
nav ul.sopra li.social ul,
#nav ul.sopra li.social ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
width: auto;
height: 24px;
padding: 4px 0;
margin: 0;
background: none;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.social ul,
#nav ul.sopra li.social ul {
-webkit-box-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-ms-box-direction: row;
flex-direction: row;
}
}
nav ul.sopra li.social ul li,
#nav ul.sopra li.social ul li {
display: block;
position: relative;
overflow: hidden;
width: 25px;
height: 25px;
margin: 0 2px;
padding: 0 !important;
background: url(images/ico.png) no-repeat;
background-size: 25px auto;
}
nav ul.sopra li.social ul li.fb,
#nav ul.sopra li.social ul li.fb {
background-position: 0 -100px;
}
nav ul.sopra li.social ul li.gp,
#nav ul.sopra li.social ul li.gp {
background-position: 0 -125px;
}
nav ul.sopra li.social ul li.yt,
#nav ul.sopra li.social ul li.yt {
background-position: 0 -225px;
}
nav ul.sopra li.social ul li.tw,
#nav ul.sopra li.social ul li.tw {
background-position: 0 -200px;
}
nav ul.sopra li.social ul li.ig,
#nav ul.sopra li.social ul li.ig {
background-position: 0 -150px;
}
nav ul.sopra li.social ul li a,
#nav ul.sopra li.social ul li a {
display: block;
padding: 50px 0 0 ;
}
@media only screen and (max-width: 1250px) {
nav ul.sopra li.social ul li,
#nav ul.sopra li.social ul li {
width: 24px;
height: 24px;
margin: 0 5px !important;
padding: 0 !important;
}
}
nav ul.sotto,
#nav ul.sotto {
overflow: visible;
/*-webkit-justify-content:flex-end;
justify-content:flex-end;
-ms-flex-pack:end;*/
padding: 0;
background: #53a3b1;
}
nav ul.sotto::before,
#nav ul.sotto::before {
z-index: -1;
content: "";
position: absolute;
overflow: hidden;
display: block;
right: 50%;
width: 50vw;
height: 50px;
background: #3b8390;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto::before,
#nav ul.sotto::before {
display: none;
}
}
nav ul.sotto::after,
#nav ul.sotto::after {
z-index: -1;
content: "";
position: absolute;
overflow: hidden;
display: block;
left: 50%;
width: 50vw;
height: 50px;
background: #53a3b1;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto::after,
#nav ul.sotto::after {
display: none;
}
}
@media only screen and (max-width: 1250px) {
nav ul.sotto,
#nav ul.sotto {
/*.order(1) !important;*/
height: auto;
padding: 0;
}
}
nav ul.sotto li,
#nav ul.sotto li {
margin: 0;
padding: 0 30px 0 0;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #fff;
font-weight: 700;
line-height: 50px;
text-transform: uppercase;
vertical-align: top;
letter-spacing: 0.15em;
}
@media only screen and (max-width: 1420px) {
nav ul.sotto li,
#nav ul.sotto li {
padding: 0 20px 0 0;
}
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li,
#nav ul.sotto li {
margin: 0 10%;
padding: 15px 0;
border-top: 1px solid #85c9d5 !important;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #fff;
font-weight: 400;
line-height: 1.2em;
text-transform: uppercase;
}
}
nav ul.sotto li.home,
#nav ul.sotto li.home {
position: relative;
overflow: hidden;
background: #3b8390;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li.home,
#nav ul.sotto li.home {
background: none;
}
}
nav ul.sotto li.home::after,
#nav ul.sotto li.home::after {
content: "";
position: absolute;
overflow: hidden;
right: 0;
border-top: 25px solid #53a3b1;
border-right: 10px solid #53a3b1;
border-bottom: 25px solid #53a3b1;
border-left: 15px solid #3b8390;
}
@media only screen and (max-width: 1420px) {
nav ul.sotto li.home::after,
#nav ul.sotto li.home::after {
border-top: 25px solid #53a3b1;
border-right: 5px solid #53a3b1;
border-bottom: 25px solid #53a3b1;
border-left: 10px solid #3b8390;
}
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li.home::after,
#nav ul.sotto li.home::after {
display: none;
}
}
nav ul.sotto li i,
#nav ul.sotto li i {
position: relative;
overflow: hidden;
float: right;
width: 20px;
height: 50px;
}
nav ul.sotto li i::before,
#nav ul.sotto li i::before {
content: "";
position: absolute;
overflow: hidden;
display: block;
top: 20px;
left: 5px;
width: 5px;
height: 5px;
border-top: none;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li i,
#nav ul.sotto li i {
display: none;
}
}
nav ul.sotto li a,
#nav ul.sotto li a {
display: inline-block;
padding: 0;
color: #fff;
}
nav ul.sotto li a:hover,
#nav ul.sotto li a:hover {
color: #3b8390;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li a,
#nav ul.sotto li a {
padding: 0;
color: #fff;
}
nav ul.sotto li a:hover,
#nav ul.sotto li a:hover {
color: #054582;
}
}
nav ul.sotto li ul,
#nav ul.sotto li ul {
position: absolute;
overflow: hidden;
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
width: auto;
margin: -15px 0 0 -10px;
padding: 10px 0;
background: #53a3b1;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li ul,
#nav ul.sotto li ul {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
margin: 0;
padding: 0;
}
}
nav ul.sotto li ul li,
#nav ul.sotto li ul li {
margin: 0;
padding: 7px 20px;
font-size: 0.9em;
line-height: 1.2em;
text-align: left;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li ul li,
#nav ul.sotto li ul li {
padding: 10px 0;
font-size: 0.75em;
text-align: center;
border: none !important;
}
}
@media only screen and (max-width: 1250px) {
nav ul.sotto li:hover,
#nav ul.sotto li:hover {
background: none;
}
}
nav ul.sotto li:hover ul,
#nav ul.sotto li:hover ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
}
nav ul.sotto ul.sottosotto,
#nav ul.sotto ul.sottosotto {
padding-top: 30px !important;
}
@media only screen and (max-width: 1250px) {
nav ul.sotto ul.sottosotto,
#nav ul.sotto ul.sottosotto {
padding-top: 10px !important;
}
}
nav ul.sotto ul.sottosotto li a,
#nav ul.sotto ul.sottosotto li a {
text-transform: none !important;
font-size: 1.1em;
}
nav ul.sotto ul.sottosotto li a:hover,
#nav ul.sotto ul.sottosotto li a:hover {
color: #054582 !important;
}
nav.basso,
#nav.basso {
/*
ul.sotto{
> li{
margin:2px 0;
line-height:56px;
}
}
@media only screen and (max-width: 1250px) {
ul.sopra{
.flexbox;
}
ul.sotto{
padding-top:0;
> li{
margin:0;
line-height:1.2em;
}
}
}*/
}
@media only screen and (min-width: 1251px) {
nav.basso,
#nav.basso {
position: fixed;
height: 50px;
}
nav.basso::before,
#nav.basso::before,
nav.basso ul.sopra,
#nav.basso ul.sopra {
display: none;
}
}
/*------------------------------*/
section,
#section {
position: relative;
overflow: hidden;
width: 100%;
/*article*/
/*navigatore*/
/*blocchi-home*/
/*
&.prodotti{
article,#article{
.relhide;
.larghezzabase;
margin:70px auto;
text-align:center;
@media only screen and (max-width: 1000px){
width:90%;
padding:0 5%;
margin:40px auto;
}
.titolo{
display: block;
margin-bottom: 50px;
font-size:3em;
}
ul{
.flexbox;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-ms-flex-pack:start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:70px -30px 0;
padding:0;
@media only screen and (max-width: 780px){
margin:70px -10px 0;
}
li{
.relhide;
list-style:none;
width:calc(~"(100% / 3) - 100px");
margin:0 30px 70px;
padding:20px 20px 90px;
border-bottom:1px solid @grigio04;
text-align: left;
@media only screen and (max-width: 780px){
width:calc(~"(100% / 2) - 50px");
margin:0 10px 30px;
padding:15px 15px 90px;
}
a.immagine{
.relhide;
display:block;
margin:-20px -20px 20px;
width:calc(~"100% + 40px");
background-position:top 50%;
background-size:cover;
&::after{
content:"";
display:block;
padding-top:56%;
}
}
a.titolo{
display: block;
padding:20px 20px 0;
margin:0 -20px 15px;
width:100%;
border-top:1px solid @grigio04;
.tit(400,1.5em,@nero,1.2em);
&:hover{
color:@colore01;
}
}
em{
color:@grigio02;
font-size:1.1em;
}
.cont-btn{
.abshide;
.flexbox;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
left:20px;
right: 20px;
bottom:20px;
.btn{
display: inline-block;
margin:0 auto;
padding:7px 20px;
.angoli-tondi(2px);
.testo(400,.9em,@bianco,1.2em);
text-transform: uppercase;
&.uno{
background: @grigio03;
&:hover{
background: @grigio01;
}
}
&.due{
background: @colore01;
&:hover{
background: @colore01scuro;
}
}
}
}
}
}
}
}
prodotti*/
/*
&.lavori{
article,#article{
.relhide;
.larghezzabase;
margin:70px auto;
text-align:center;
@media only screen and (max-width: 1000px){
width:96%;
padding:0 2%;
margin:40px auto;
}
.titolo{
display: block;
margin-bottom: 50px;
font-size:3em;
}
ul{
.flexbox;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-ms-flex-pack:start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:70px -20px 0;
padding:0;
@media only screen and (max-width: 780px){
.direction(column);
margin:50px 0 0;
}
li{
.relhide;
list-style:none;
width:calc(~"(100% / 4) - 40px");
margin:0 20px 40px;
padding:0;
text-align: left;
@media only screen and (max-width: 780px){
width:100%;
margin:0 0 30px;
}
a.immagine{
.relhide;
display:block;
margin:0;
width:100%;
background-position:50% 50%;
background-size:cover;
&::after{
content:"";
display:block;
padding-top:75%;
}
}
a.txt{
.abshide;
display: block;
top:100%;
padding:10%;
margin:0;
width:80%;
height:80%;
background: @colore01scuro;
.transizione(all,.8s,ease);
@media only screen and (max-width: 780px){
top:auto;
bottom:0;
width:92%;
height: auto;
padding:4%;
background:rgba(24,42,90,0.70);
}
.tit{
.relhide;
display: block;
padding: 0 0 30px;
.tit(400,1.3em,@bianco,1.2em);
text-transform: uppercase;
letter-spacing: .1em;
&::after{
content: "";
.abshide;
display: block;
bottom:13px;
width: 25%;
height: 2px;
background:@colore01chiaro;
}
}
span{
display: block;
color:@bianco;
font-size:1.1em;
}
}
&:hover{
.txt{
top:0;
.transizione(all,.8s,ease);
@media only screen and (max-width: 780px){
top:auto;
background: @colore01scuro;
}
}
}
}
}
}
}
lavori*/
/*
&.categorie{
article,#article{
.relhide;
.larghezzabase;
margin:70px auto;
text-align:center;
@media only screen and (max-width: 1250px){
width:96%;
padding:0 2%;
margin:40px auto;
}
.titolo{
color:@nero;
font-size:3em;
font-weight: 400;
}
ul{
.flexbox;
-webkit-justify-content:flex-start;
justify-content:flex-start;
-ms-flex-pack:start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:90px -20px 0;
padding:0;
@media only screen and (max-width: 780px){
.direction(column);
margin:70px 0 0;
}
li{
.relhide;
list-style:none;
width:calc(~"(100% / 4) - 40px");
margin:0 20px 50px;
padding:0;
background:@grigio04;
text-align: left;
@media only screen and (max-width: 780px){
width:100%;
margin:0 0 30px;
}
a.immagine{
.relhide;
display:block;
margin:0;
width:100%;
background-position:top 50%;
background-size:cover;
&::after{
content:"";
display:block;
padding-top:100%;
}
}
a.titolo{
.abshide;
display:block;
bottom:0;
left:0;
right: 0;
padding:10px 20px;
background-color:rgba(0,0,0,0.6);
.tit(400,1.3em,@bianco,1.2em);
letter-spacing: .1em;
text-transform: uppercase;
.transizione(all,.2s,ease-out);
&:hover{
color:@colore01;
}
}
&:hover .titolo{
bottom:0;
.transizione(all,.2s,ease-in);
}
&.tutti{
padding:30px;
width:calc(~"(100% / 4) - 100px");
background: @colore01;
strong{
.testo(700,3.5em,@bianco,1.2em);
text-transform:uppercase;
}
a{
.abshide;
left:30px;
bottom:30px;
.testo(400,1.3em,@bianco,1.2em);
text-transform:uppercase;
&:hover{
color:@nero;
}
}
}
}
}
}
}
categorie*/
/*submenu*/
/*gen*/
/*contatti*/
/*lavori*/
}
section article,
#section article,
section #article,
#section #article {
/*img-sx*/
/*img-dx*/
}
section article .img-sx,
#section article .img-sx,
section #article .img-sx,
#section #article .img-sx,
section article .img-dx,
#section article .img-dx,
section #article .img-dx,
#section #article .img-dx {
position: relative;
overflow: hidden;
margin-bottom: 45px;
}
section article .img-sx .int,
#section article .img-sx .int,
section #article .img-sx .int,
#section #article .img-sx .int,
section article .img-dx .int,
#section article .img-dx .int,
section #article .img-dx .int,
#section #article .img-dx .int {
position: relative;
overflow: hidden;
}
section article .img-sx img,
#section article .img-sx img,
section #article .img-sx img,
#section #article .img-sx img {
float: left !important;
/*max-width:48% !important;*/
margin: 0 4% 10px 0 !important;
}
@media only screen and (max-width: 900px) {
section article .img-sx img,
#section article .img-sx img,
section #article .img-sx img,
#section #article .img-sx img {
float: none !important;
max-width: 100% !important;
margin: 0 0 30px 0 !important;
}
}
section article .img-dx img,
#section article .img-dx img,
section #article .img-dx img,
#section #article .img-dx img {
float: right !important;
/*max-width:48% !important;*/
margin: 0 0 10px 8% !important;
}
@media only screen and (max-width: 900px) {
section article .img-dx img,
#section article .img-dx img,
section #article .img-dx img,
#section #article .img-dx img {
float: none !important;
max-width: 100% !important;
margin: 0 0 30px 0 !important;
}
}
section article .duecolonne,
#section article .duecolonne,
section #article .duecolonne,
#section #article .duecolonne,
section article .trecolonne,
#section article .trecolonne,
section #article .trecolonne,
#section #article .trecolonne {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
@media only screen and (max-width: 900px) {
section article .duecolonne,
#section article .duecolonne,
section #article .duecolonne,
#section #article .duecolonne,
section article .trecolonne,
#section article .trecolonne,
section #article .trecolonne,
#section #article .trecolonne {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
section article .duecolonne div,
#section article .duecolonne div,
section #article .duecolonne div,
#section #article .duecolonne div,
section article .trecolonne div,
#section article .trecolonne div,
section #article .trecolonne div,
#section #article .trecolonne div {
width: 100% !important;
margin: 0;
}
}
section article .duecolonne img,
#section article .duecolonne img,
section #article .duecolonne img,
#section #article .duecolonne img,
section article .trecolonne img,
#section article .trecolonne img,
section #article .trecolonne img,
#section #article .trecolonne img,
section article .duecolonne iframe,
#section article .duecolonne iframe,
section #article .duecolonne iframe,
#section #article .duecolonne iframe,
section article .trecolonne iframe,
#section article .trecolonne iframe,
section #article .trecolonne iframe,
#section #article .trecolonne iframe {
max-width: 100%;
margin: 0 !important;
}
section article .duecolonne div,
#section article .duecolonne div,
section #article .duecolonne div,
#section #article .duecolonne div {
width: 48%;
}
section article .trecolonne div,
#section article .trecolonne div,
section #article .trecolonne div,
#section #article .trecolonne div {
width: 30%;
}
section article .duecolonne table,
#section article .duecolonne table,
section #article .duecolonne table,
#section #article .duecolonne table,
section article .trecolonne table,
#section article .trecolonne table,
section #article .trecolonne table,
#section #article .trecolonne table,
section article .img-sx table,
#section article .img-sx table,
section #article .img-sx table,
#section #article .img-sx table,
section article img-dx table,
#section article img-dx table,
section #article img-dx table,
#section #article img-dx table {
padding: 0;
border-spacing: 0;
border: none;
border-collapse: collapse;
max-width: 100%;
}
section article .duecolonne table td,
#section article .duecolonne table td,
section #article .duecolonne table td,
#section #article .duecolonne table td,
section article .trecolonne table td,
#section article .trecolonne table td,
section #article .trecolonne table td,
#section #article .trecolonne table td,
section article .img-sx table td,
#section article .img-sx table td,
section #article .img-sx table td,
#section #article .img-sx table td,
section article img-dx table td,
#section article img-dx table td,
section #article img-dx table td,
#section #article img-dx table td {
vertical-align: top;
max-width: auto;
}
section.navigatore,
#section.navigatore {
margin: 0 auto 0;
width: 1400px;
}
@media only screen and (max-width: 1420px) {
section.navigatore,
#section.navigatore {
max-width: 94%;
}
}
@media only screen and (max-width: 1000px) {
section.navigatore,
#section.navigatore {
width: 94vw;
}
}
section.navigatore.under-slide,
#section.navigatore.under-slide {
margin: 0 auto;
}
section.navigatore ul,
#section.navigatore ul {
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 40px 0 10px;
background: #fff;
border-bottom: 1px solid #e8e8e8;
}
section.navigatore ul li,
#section.navigatore ul li {
list-style: none;
display: inline;
margin: 0 5px 0 0;
padding: 0;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #767676;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
}
section.navigatore ul li a,
#section.navigatore ul li a {
color: #767676;
text-decoration: none;
}
section.navigatore ul li a:hover,
#section.navigatore ul li a:hover {
color: #53a3b1;
text-decoration: none;
}
section.navigatore ul li::after,
#section.navigatore ul li::after {
content: " ▶︎";
margin: 0 0 0 5px;
font-size: 0.6em;
color: #53a3b1;
vertical-align: text-top;
}
section.navigatore ul li:nth-last-child(1):after,
#section.navigatore ul li:nth-last-child(1):after {
content: none;
}
section.blocchi-home article,
#section.blocchi-home article,
section.blocchi-home #article,
#section.blocchi-home #article {
position: relative;
overflow: hidden;
width: 1400px;
margin: 0 auto;
/*ul*/
}
@media only screen and (max-width: 1420px) {
section.blocchi-home article,
#section.blocchi-home article,
section.blocchi-home #article,
#section.blocchi-home #article {
max-width: 94%;
}
}
@media only screen and (max-width: 1260px) {
section.blocchi-home article,
#section.blocchi-home article,
section.blocchi-home #article,
#section.blocchi-home #article {
width: 94%;
padding: 0 3%;
margin: 40px auto;
}
}
section.blocchi-home article ul,
#section.blocchi-home article ul,
section.blocchi-home #article ul,
#section.blocchi-home #article ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px 0;
padding: 0;
text-align: left;
}
@media only screen and (max-width: 700px) {
section.blocchi-home article ul,
#section.blocchi-home article ul,
section.blocchi-home #article ul,
#section.blocchi-home #article ul {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.blocchi-home article ul li,
#section.blocchi-home article ul li,
section.blocchi-home #article ul li,
#section.blocchi-home #article ul li {
position: relative;
overflow: hidden;
list-style: none;
width: calc((100% / 4) - 80px);
margin: 0 20px 30px;
padding: 20px;
background: #f6f6f6;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #1c1c1c;
font-weight: 400;
line-height: 1.6em;
/*grande*/
}
section.blocchi-home article ul li .luogo,
#section.blocchi-home article ul li .luogo,
section.blocchi-home #article ul li .luogo,
#section.blocchi-home #article ul li .luogo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #53a3b1;
font-weight: 700;
line-height: 1.2em;
}
@media only screen and (max-width: 1260px) {
section.blocchi-home article ul li,
#section.blocchi-home article ul li,
section.blocchi-home #article ul li,
#section.blocchi-home #article ul li {
width: calc(50% - 80px);
}
}
@media only screen and (max-width: 700px) {
section.blocchi-home article ul li,
#section.blocchi-home article ul li,
section.blocchi-home #article ul li,
#section.blocchi-home #article ul li {
width: calc(100% - 80px);
}
}
section.blocchi-home article ul li a.immagine,
#section.blocchi-home article ul li a.immagine,
section.blocchi-home #article ul li a.immagine,
#section.blocchi-home #article ul li a.immagine {
position: relative;
overflow: hidden;
display: block;
width: calc(100% + 40px);
margin: -20px -20px 20px;
background-position: top 50%;
background-size: cover;
}
section.blocchi-home article ul li a.immagine::after,
#section.blocchi-home article ul li a.immagine::after,
section.blocchi-home #article ul li a.immagine::after,
#section.blocchi-home #article ul li a.immagine::after {
content: "";
display: block;
padding-top: 56%;
}
section.blocchi-home article ul li.grande,
#section.blocchi-home article ul li.grande,
section.blocchi-home #article ul li.grande,
#section.blocchi-home #article ul li.grande {
width: calc((100% / 2) - 40px);
padding: 0;
background: #f6f6f6;
}
@media only screen and (max-width: 1260px) {
section.blocchi-home article ul li.grande,
#section.blocchi-home article ul li.grande,
section.blocchi-home #article ul li.grande,
#section.blocchi-home #article ul li.grande {
width: calc(100% - 40px);
}
}
section.blocchi-home article ul li.grande a.immagine,
#section.blocchi-home article ul li.grande a.immagine,
section.blocchi-home #article ul li.grande a.immagine,
#section.blocchi-home #article ul li.grande a.immagine {
width: 100%;
height: 100%;
min-height: 360px;
margin: 0;
}
section.blocchi-home article ul li.grande div,
#section.blocchi-home article ul li.grande div,
section.blocchi-home #article ul li.grande div,
#section.blocchi-home #article ul li.grande div {
position: absolute;
overflow: hidden;
padding: 20px;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
color: #fff;
}
section.blocchi-home article ul li.grande div a,
#section.blocchi-home article ul li.grande div a,
section.blocchi-home #article ul li.grande div a,
#section.blocchi-home #article ul li.grande div a {
display: block;
}
section.blocchi-home article ul li.grande div a.titolo,
#section.blocchi-home article ul li.grande div a.titolo,
section.blocchi-home #article ul li.grande div a.titolo,
#section.blocchi-home #article ul li.grande div a.titolo {
margin: 0 0 15px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.3em;
color: #fff;
font-weight: 300;
line-height: 1.2em;
text-transform: uppercase;
}
section.blocchi-home article ul li.grande div a.link,
#section.blocchi-home article ul li.grande div a.link,
section.blocchi-home #article ul li.grande div a.link,
#section.blocchi-home #article ul li.grande div a.link {
position: relative;
overflow: hidden;
margin: 20px 0 0;
padding: 0 0 0 22px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
}
section.blocchi-home article ul li.grande div a.link::before,
#section.blocchi-home article ul li.grande div a.link::before,
section.blocchi-home #article ul li.grande div a.link::before,
#section.blocchi-home #article ul li.grande div a.link::before {
content: "";
position: absolute;
overflow: hidden;
left: 0;
top: 4px;
width: 11px;
height: 11px;
background: #53a3b1;
}
section.blocchi-home article ul li.grande div a.link:hover::before,
#section.blocchi-home article ul li.grande div a.link:hover::before,
section.blocchi-home #article ul li.grande div a.link:hover::before,
#section.blocchi-home #article ul li.grande div a.link:hover::before {
background: #85c9d5;
}
section.blocchi-home article ul li.grande div a:hover,
#section.blocchi-home article ul li.grande div a:hover,
section.blocchi-home #article ul li.grande div a:hover,
#section.blocchi-home #article ul li.grande div a:hover {
color: #85c9d5;
}
section.blocchi-home article ul li.grande div .luogo,
#section.blocchi-home article ul li.grande div .luogo,
section.blocchi-home #article ul li.grande div .luogo,
#section.blocchi-home #article ul li.grande div .luogo {
color: #85c9d5;
}
section.blocchi-home article ul li.news,
#section.blocchi-home article ul li.news,
section.blocchi-home #article ul li.news,
#section.blocchi-home #article ul li.news {
padding: 20px 20px 60px;
/*a*/
}
section.blocchi-home article ul li.news.big,
#section.blocchi-home article ul li.news.big,
section.blocchi-home #article ul li.news.big,
#section.blocchi-home #article ul li.news.big {
width: calc((100% / 2) - 80px);
/*punti*/
}
@media only screen and (max-width: 780px) {
section.blocchi-home article ul li.news.big,
#section.blocchi-home article ul li.news.big,
section.blocchi-home #article ul li.news.big,
#section.blocchi-home #article ul li.news.big {
width: calc(100% - 80px);
padding: 20px;
}
}
section.blocchi-home article ul li.news.big ul.punti,
#section.blocchi-home article ul li.news.big ul.punti,
section.blocchi-home #article ul li.news.big ul.punti,
#section.blocchi-home #article ul li.news.big ul.punti {
position: absolute;
overflow: hidden;
top: 40px;
right: 20px;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 780px) {
section.blocchi-home article ul li.news.big ul.punti,
#section.blocchi-home article ul li.news.big ul.punti,
section.blocchi-home #article ul li.news.big ul.punti,
#section.blocchi-home #article ul li.news.big ul.punti {
-webkit-box-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-ms-box-direction: row;
flex-direction: row;
}
}
section.blocchi-home article ul li.news.big ul.punti li,
#section.blocchi-home article ul li.news.big ul.punti li,
section.blocchi-home #article ul li.news.big ul.punti li,
#section.blocchi-home #article ul li.news.big ul.punti li {
list-style: none;
margin: 0 0 0 7px;
padding: 0;
width: 12px;
height: 12px;
background: #959595;
cursor: pointer;
}
section.blocchi-home article ul li.news.big ul.punti li.current,
#section.blocchi-home article ul li.news.big ul.punti li.current,
section.blocchi-home #article ul li.news.big ul.punti li.current,
#section.blocchi-home #article ul li.news.big ul.punti li.current {
background: #85c9d5;
}
@media only screen and (max-width: 780px) {
section.blocchi-home article ul li.news.big ul.punti li,
#section.blocchi-home article ul li.news.big ul.punti li,
section.blocchi-home #article ul li.news.big ul.punti li,
#section.blocchi-home #article ul li.news.big ul.punti li {
margin: 0 0 0 10px;
width: 12px;
height: 12px;
}
}
section.blocchi-home article ul li.news.big .contnews .singolanews,
#section.blocchi-home article ul li.news.big .contnews .singolanews,
section.blocchi-home #article ul li.news.big .contnews .singolanews,
#section.blocchi-home #article ul li.news.big .contnews .singolanews {
width: calc((1440px / 2) - 100px);
}
@media only screen and (max-width: 1460px) {
section.blocchi-home article ul li.news.big .contnews .singolanews,
#section.blocchi-home article ul li.news.big .contnews .singolanews,
section.blocchi-home #article ul li.news.big .contnews .singolanews,
#section.blocchi-home #article ul li.news.big .contnews .singolanews {
width: calc((100vw / 2) - 100px);
}
}
@media only screen and (max-width: 780px) {
section.blocchi-home article ul li.news.big .contnews .singolanews,
#section.blocchi-home article ul li.news.big .contnews .singolanews,
section.blocchi-home #article ul li.news.big .contnews .singolanews,
#section.blocchi-home #article ul li.news.big .contnews .singolanews {
width: calc(100vw - 120px);
}
}
section.blocchi-home article ul li.news.big .link,
#section.blocchi-home article ul li.news.big .link,
section.blocchi-home #article ul li.news.big .link,
#section.blocchi-home #article ul li.news.big .link {
position: absolute;
overflow: hidden;
display: block;
left: 20px;
right: 20px;
bottom: 25px;
padding: 10px 0 0;
border-top: 1px solid #767676;
text-align: right;
}
section.blocchi-home article ul li.news.big .link a,
#section.blocchi-home article ul li.news.big .link a,
section.blocchi-home #article ul li.news.big .link a,
#section.blocchi-home #article ul li.news.big .link a {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #767676;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
font-style: normal;
}
section.blocchi-home article ul li.news.big .link a:hover,
#section.blocchi-home article ul li.news.big .link a:hover,
section.blocchi-home #article ul li.news.big .link a:hover,
#section.blocchi-home #article ul li.news.big .link a:hover {
color: #054582;
}
@media only screen and (max-width: 1000px) {
section.blocchi-home article ul li.news.big .link,
#section.blocchi-home article ul li.news.big .link,
section.blocchi-home #article ul li.news.big .link,
#section.blocchi-home #article ul li.news.big .link {
display: none;
}
}
section.blocchi-home article ul li.news.big a.immagine,
#section.blocchi-home article ul li.news.big a.immagine,
section.blocchi-home #article ul li.news.big a.immagine,
#section.blocchi-home #article ul li.news.big a.immagine {
float: left;
margin: 0 30px 0 0;
width: 240px;
height: 240px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1000px) and (min-width: 800px), only screen and (max-width: 600px) {
section.blocchi-home article ul li.news.big a.immagine,
#section.blocchi-home article ul li.news.big a.immagine,
section.blocchi-home #article ul li.news.big a.immagine,
#section.blocchi-home #article ul li.news.big a.immagine {
width: 100px;
height: 100px;
margin: 0 20px 0 0;
}
}
section.blocchi-home article ul li.news .titolo,
#section.blocchi-home article ul li.news .titolo,
section.blocchi-home #article ul li.news .titolo,
#section.blocchi-home #article ul li.news .titolo {
display: block;
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid #767676;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.3em;
color: #767676;
font-weight: 300;
line-height: 1.2em;
}
section.blocchi-home article ul li.news .titolo strong,
#section.blocchi-home article ul li.news .titolo strong,
section.blocchi-home #article ul li.news .titolo strong,
#section.blocchi-home #article ul li.news .titolo strong {
color: #85c9d5;
font-weight: 700;
}
section.blocchi-home article ul li.news a,
#section.blocchi-home article ul li.news a,
section.blocchi-home #article ul li.news a,
#section.blocchi-home #article ul li.news a {
color: #85c9d5;
font-style: italic;
}
section.blocchi-home article ul li.news a.sottotitolo,
#section.blocchi-home article ul li.news a.sottotitolo,
section.blocchi-home #article ul li.news a.sottotitolo,
#section.blocchi-home #article ul li.news a.sottotitolo {
display: block;
margin: 0 0 15px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #53a3b1;
font-weight: 500;
line-height: 1.2em;
text-transform: uppercase;
font-style: normal;
}
section.blocchi-home article ul li.news a.link,
#section.blocchi-home article ul li.news a.link,
section.blocchi-home #article ul li.news a.link,
#section.blocchi-home #article ul li.news a.link {
position: absolute;
overflow: hidden;
display: block;
left: 20px;
right: 20px;
bottom: 25px;
padding: 10px 0 0;
border-top: 1px solid #767676;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #767676;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
text-align: right;
font-style: normal;
}
section.blocchi-home article ul li.news a:hover,
#section.blocchi-home article ul li.news a:hover,
section.blocchi-home #article ul li.news a:hover,
#section.blocchi-home #article ul li.news a:hover {
color: #054582;
}
section.blocchi-home article ul li.iscrizione,
#section.blocchi-home article ul li.iscrizione,
section.blocchi-home #article ul li.iscrizione,
#section.blocchi-home #article ul li.iscrizione {
/*display:block;*/
padding-bottom: 70px;
background: #054582;
color: #fff;
}
@media only screen and (max-width: 700px) {
section.blocchi-home article ul li.iscrizione,
#section.blocchi-home article ul li.iscrizione,
section.blocchi-home #article ul li.iscrizione,
#section.blocchi-home #article ul li.iscrizione {
width: calc(100% - 60px);
margin: 0;
padding: 20px 30px 70px !important;
}
}
section.blocchi-home article ul li.iscrizione strong,
#section.blocchi-home article ul li.iscrizione strong,
section.blocchi-home #article ul li.iscrizione strong,
#section.blocchi-home #article ul li.iscrizione strong {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 3em;
color: #85c9d5;
font-weight: 700;
line-height: 1;
}
section.blocchi-home article ul li.iscrizione a.btn,
#section.blocchi-home article ul li.iscrizione a.btn,
section.blocchi-home #article ul li.iscrizione a.btn,
#section.blocchi-home #article ul li.iscrizione a.btn {
position: absolute;
overflow: hidden;
display: inline-block;
bottom: 30px;
left: 30px;
padding: 7px 25px;
border: 1px solid #fff;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
}
section.blocchi-home article ul li.iscrizione a.btn:hover,
#section.blocchi-home article ul li.iscrizione a.btn:hover,
section.blocchi-home #article ul li.iscrizione a.btn:hover,
#section.blocchi-home #article ul li.iscrizione a.btn:hover {
background: #fff;
color: #054582;
}
section.centro-home,
#section.centro-home {
position: relative;
overflow: visible;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 1400px;
margin: 0px auto;
}
@media only screen and (max-width: 1420px) {
section.centro-home,
#section.centro-home {
max-width: 94%;
}
}
@media only screen and (max-width: 780px) {
section.centro-home,
#section.centro-home {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.centro-home article,
#section.centro-home article,
section.centro-home #article,
#section.centro-home #article {
width: calc(75% - 10px);
}
@media only screen and (max-width: 780px) {
section.centro-home article,
#section.centro-home article,
section.centro-home #article,
#section.centro-home #article {
width: 100%;
}
}
section.centro-home article .sopra,
#section.centro-home article .sopra,
section.centro-home #article .sopra,
#section.centro-home #article .sopra {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
section.centro-home article .sopra .presentazione,
#section.centro-home article .sopra .presentazione,
section.centro-home #article .sopra .presentazione,
#section.centro-home #article .sopra .presentazione {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
padding: 15px 0 70px;
}
section.centro-home article .sopra .presentazione h1,
#section.centro-home article .sopra .presentazione h1,
section.centro-home #article .sopra .presentazione h1,
#section.centro-home #article .sopra .presentazione h1 {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #054582;
font-weight: 700;
line-height: 1.1em;
text-transform: uppercase;
}
section.centro-home article .sopra .altrenews,
#section.centro-home article .sopra .altrenews,
section.centro-home #article .sopra .altrenews,
#section.centro-home #article .sopra .altrenews {
position: relative;
overflow: hidden;
z-index: 2;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
-webkit-box-flex: 1 0 30%;
-webkit-flex: 1 0 30%;
/**/
-moz-box-flex: 1 0 30%;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
box-flex: 1 0 30%;
margin: 0 40px 0 0;
background: #f6f6f6;
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.1);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
@media only screen and (max-width: 700px) {
section.centro-home article .sopra .altrenews,
#section.centro-home article .sopra .altrenews,
section.centro-home #article .sopra .altrenews,
#section.centro-home #article .sopra .altrenews {
display: none;
}
}
section.centro-home article .sopra .altrenews .titolo,
#section.centro-home article .sopra .altrenews .titolo,
section.centro-home #article .sopra .altrenews .titolo,
#section.centro-home #article .sopra .altrenews .titolo {
display: block;
padding: 15px 0 10px;
margin: 0 15px;
border-bottom: 1px solid #53a3b1;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #53a3b1;
font-weight: 700;
line-height: 1.1em;
}
section.centro-home article .sopra .altrenews .contnews,
#section.centro-home article .sopra .altrenews .contnews,
section.centro-home #article .sopra .altrenews .contnews,
#section.centro-home #article .sopra .altrenews .contnews {
position: relative;
overflow: hidden;
margin: 0 15px;
}
section.centro-home article .sopra .altrenews .contnews ul,
#section.centro-home article .sopra .altrenews .contnews ul,
section.centro-home #article .sopra .altrenews .contnews ul,
#section.centro-home #article .sopra .altrenews .contnews ul {
margin: 0;
padding: 0;
}
section.centro-home article .sopra .altrenews .contnews ul li,
#section.centro-home article .sopra .altrenews .contnews ul li,
section.centro-home #article .sopra .altrenews .contnews ul li,
#section.centro-home #article .sopra .altrenews .contnews ul li {
list-style: none;
margin: 15px 0;
font-weight: 300;
}
@media only screen and (max-width: 1000px) {
section.centro-home article .sopra .altrenews .contnews ul li:nth-child(n+4),
#section.centro-home article .sopra .altrenews .contnews ul li:nth-child(n+4),
section.centro-home #article .sopra .altrenews .contnews ul li:nth-child(n+4),
#section.centro-home #article .sopra .altrenews .contnews ul li:nth-child(n+4) {
display: none;
}
}
section.centro-home article .sopra .altrenews .contnews ul li a,
#section.centro-home article .sopra .altrenews .contnews ul li a,
section.centro-home #article .sopra .altrenews .contnews ul li a,
#section.centro-home #article .sopra .altrenews .contnews ul li a {
color: #53a3b1;
}
section.centro-home article .sopra .altrenews .contnews ul li a:hover,
#section.centro-home article .sopra .altrenews .contnews ul li a:hover,
section.centro-home #article .sopra .altrenews .contnews ul li a:hover,
#section.centro-home #article .sopra .altrenews .contnews ul li a:hover {
color: #3b8390;
}
section.centro-home article .sopra .altrenews .contnews ul li a.tit,
#section.centro-home article .sopra .altrenews .contnews ul li a.tit,
section.centro-home #article .sopra .altrenews .contnews ul li a.tit,
#section.centro-home #article .sopra .altrenews .contnews ul li a.tit {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #1c1c1c;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
}
section.centro-home article .sopra .altrenews .contnews ul li .tags,
#section.centro-home article .sopra .altrenews .contnews ul li .tags,
section.centro-home #article .sopra .altrenews .contnews ul li .tags,
#section.centro-home #article .sopra .altrenews .contnews ul li .tags {
position: relative;
overflow: hidden;
margin: 5px 0 0;
}
section.centro-home article .sopra .altrenews .contnews ul li .tags a,
#section.centro-home article .sopra .altrenews .contnews ul li .tags a,
section.centro-home #article .sopra .altrenews .contnews ul li .tags a,
#section.centro-home #article .sopra .altrenews .contnews ul li .tags a {
font-size: 0.8em;
text-transform: uppercase;
}
section.centro-home article .sopra .altrenews .contnews ul li .tags a::before,
#section.centro-home article .sopra .altrenews .contnews ul li .tags a::before,
section.centro-home #article .sopra .altrenews .contnews ul li .tags a::before,
#section.centro-home #article .sopra .altrenews .contnews ul li .tags a::before {
content: ", ";
}
section.centro-home article .sopra .altrenews .contnews ul li .tags a:nth-child(1)::before,
#section.centro-home article .sopra .altrenews .contnews ul li .tags a:nth-child(1)::before,
section.centro-home #article .sopra .altrenews .contnews ul li .tags a:nth-child(1)::before,
#section.centro-home #article .sopra .altrenews .contnews ul li .tags a:nth-child(1)::before {
display: none;
}
section.centro-home article .sopra .altrenews .chiusura,
#section.centro-home article .sopra .altrenews .chiusura,
section.centro-home #article .sopra .altrenews .chiusura,
#section.centro-home #article .sopra .altrenews .chiusura {
position: absolute;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
bottom: 0;
left: 0;
right: 0;
padding: 15px 0;
margin: 0 15px;
border-top: 1px solid #53a3b1;
}
section.centro-home article .sopra .altrenews .chiusura a,
#section.centro-home article .sopra .altrenews .chiusura a,
section.centro-home #article .sopra .altrenews .chiusura a,
#section.centro-home #article .sopra .altrenews .chiusura a {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #53a3b1;
font-weight: 700;
line-height: 1;
}
section.centro-home article .sopra .altrenews .chiusura a:hover,
#section.centro-home article .sopra .altrenews .chiusura a:hover,
section.centro-home #article .sopra .altrenews .chiusura a:hover,
#section.centro-home #article .sopra .altrenews .chiusura a:hover {
color: #3b8390;
}
section.centro-home article .sopra .altrenews .chiusura .frecce,
#section.centro-home article .sopra .altrenews .chiusura .frecce,
section.centro-home #article .sopra .altrenews .chiusura .frecce,
#section.centro-home #article .sopra .altrenews .chiusura .frecce {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
}
section.centro-home article .sopra .altrenews .chiusura .frecce a,
#section.centro-home article .sopra .altrenews .chiusura .frecce a,
section.centro-home #article .sopra .altrenews .chiusura .frecce a,
#section.centro-home #article .sopra .altrenews .chiusura .frecce a {
position: relative;
overflow: hidden;
display: block;
width: 12px;
height: 10px;
}
section.centro-home article .sopra .altrenews .chiusura .frecce a.giu::before,
#section.centro-home article .sopra .altrenews .chiusura .frecce a.giu::before,
section.centro-home #article .sopra .altrenews .chiusura .frecce a.giu::before,
#section.centro-home #article .sopra .altrenews .chiusura .frecce a.giu::before {
content: "";
display: block;
border-top: 10px solid #53a3b1;
border-right: 6px solid transparent;
border-bottom: none;
border-left: 6px solid transparent;
}
section.centro-home article .sopra .altrenews .chiusura .frecce a.giu:hover::before,
#section.centro-home article .sopra .altrenews .chiusura .frecce a.giu:hover::before,
section.centro-home #article .sopra .altrenews .chiusura .frecce a.giu:hover::before,
#section.centro-home #article .sopra .altrenews .chiusura .frecce a.giu:hover::before {
border-top: 10px solid #3b8390;
}
section.centro-home article .sopra .altrenews .chiusura .frecce a.su::before,
#section.centro-home article .sopra .altrenews .chiusura .frecce a.su::before,
section.centro-home #article .sopra .altrenews .chiusura .frecce a.su::before,
#section.centro-home #article .sopra .altrenews .chiusura .frecce a.su::before {
content: "";
display: block;
border-top: none;
border-right: 6px solid transparent;
border-bottom: 10px solid #53a3b1;
border-left: 6px solid transparent;
}
section.centro-home article .sopra .altrenews .chiusura .frecce a.su:hover::before,
#section.centro-home article .sopra .altrenews .chiusura .frecce a.su:hover::before,
section.centro-home #article .sopra .altrenews .chiusura .frecce a.su:hover::before,
#section.centro-home #article .sopra .altrenews .chiusura .frecce a.su:hover::before {
border-bottom: 10px solid #3b8390;
}
section.centro-home article .corsi,
#section.centro-home article .corsi,
section.centro-home #article .corsi,
#section.centro-home #article .corsi {
position: relative;
overflow: hidden;
z-index: 1;
margin: -15px 0 0 0;
}
section.centro-home article .corsi h2,
#section.centro-home article .corsi h2,
section.centro-home #article .corsi h2,
#section.centro-home #article .corsi h2 {
position: absolute;
overflow: hidden;
display: block;
bottom: 0;
left: 70px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 4em;
color: #53a3b1;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
section.centro-home article .corsi .contcorsi,
#section.centro-home article .corsi .contcorsi,
section.centro-home #article .corsi .contcorsi,
#section.centro-home #article .corsi .contcorsi {
position: relative;
overflow: hidden;
margin: 0 0 0 80px;
padding: 20px 0;
background: #53a3b1;
}
section.centro-home article .corsi .contcorsi::after,
#section.centro-home article .corsi .contcorsi::after,
section.centro-home #article .corsi .contcorsi::after,
#section.centro-home #article .corsi .contcorsi::after {
content: "";
position: absolute;
overflow: hidden;
display: block;
bottom: -58px;
right: -58px;
width: 100px;
height: 100px;
border: 8px solid #fff;
background: #3b8390;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
section.centro-home article .corsi .contcorsi a.tutti,
#section.centro-home article .corsi .contcorsi a.tutti,
section.centro-home #article .corsi .contcorsi a.tutti,
#section.centro-home #article .corsi .contcorsi a.tutti {
position: absolute;
overflow: hidden;
display: inline-block;
z-index: 2;
bottom: 10px;
right: 12px;
padding: 0 2px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
font-weight: 400;
line-height: 1;
font-style: italic;
letter-spacing: -0.05em;
}
section.centro-home article .corsi .contcorsi a.tutti:hover,
#section.centro-home article .corsi .contcorsi a.tutti:hover,
section.centro-home #article .corsi .contcorsi a.tutti:hover,
#section.centro-home #article .corsi .contcorsi a.tutti:hover {
color: #a8e5f0;
}
section.centro-home article .corsi .contcorsi ul,
#section.centro-home article .corsi .contcorsi ul,
section.centro-home #article .corsi .contcorsi ul,
#section.centro-home #article .corsi .contcorsi ul {
margin: 0;
padding: 0;
}
section.centro-home article .corsi .contcorsi ul li,
#section.centro-home article .corsi .contcorsi ul li,
section.centro-home #article .corsi .contcorsi ul li,
#section.centro-home #article .corsi .contcorsi ul li {
position: relative;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0 20px;
color: #fff;
}
section.centro-home article .corsi .contcorsi ul li a,
#section.centro-home article .corsi .contcorsi ul li a,
section.centro-home #article .corsi .contcorsi ul li a,
#section.centro-home #article .corsi .contcorsi ul li a {
color: #a8e5f0;
}
section.centro-home article .corsi .contcorsi ul li a:hover,
#section.centro-home article .corsi .contcorsi ul li a:hover,
section.centro-home #article .corsi .contcorsi ul li a:hover,
#section.centro-home #article .corsi .contcorsi ul li a:hover {
color: #fff;
}
section.centro-home article .corsi .contcorsi ul li a.immagine,
#section.centro-home article .corsi .contcorsi ul li a.immagine,
section.centro-home #article .corsi .contcorsi ul li a.immagine,
#section.centro-home #article .corsi .contcorsi ul li a.immagine {
position: relative;
overflow: hidden;
display: block;
float: left;
width: 30%;
margin: 0 20px 0 0;
background-position: top 50%;
background-size: cover;
}
section.centro-home article .corsi .contcorsi ul li a.immagine::after,
#section.centro-home article .corsi .contcorsi ul li a.immagine::after,
section.centro-home #article .corsi .contcorsi ul li a.immagine::after,
#section.centro-home #article .corsi .contcorsi ul li a.immagine::after {
content: "";
display: block;
padding-top: 100%;
}
section.centro-home article .corsi .contcorsi ul li a.titolo,
#section.centro-home article .corsi .contcorsi ul li a.titolo,
section.centro-home #article .corsi .contcorsi ul li a.titolo,
#section.centro-home #article .corsi .contcorsi ul li a.titolo {
display: block;
margin: 15px 0;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #fff;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
section.centro-home article .corsi .contcorsi ul li a.titolo:hover,
#section.centro-home article .corsi .contcorsi ul li a.titolo:hover,
section.centro-home #article .corsi .contcorsi ul li a.titolo:hover,
#section.centro-home #article .corsi .contcorsi ul li a.titolo:hover {
color: #a8e5f0;
}
section.centro-home article .corsi .contcorsi ul li a.link,
#section.centro-home article .corsi .contcorsi ul li a.link,
section.centro-home #article .corsi .contcorsi ul li a.link,
#section.centro-home #article .corsi .contcorsi ul li a.link {
letter-spacing: -0.05em;
font-style: italic;
}
section.centro-home article .corsi .contcorsi ul li .luogo,
#section.centro-home article .corsi .contcorsi ul li .luogo,
section.centro-home #article .corsi .contcorsi ul li .luogo,
#section.centro-home #article .corsi .contcorsi ul li .luogo {
font-weight: 400;
color: #a8e5f0;
}
section.centro-home aside,
#section.centro-home aside,
section.centro-home #aside,
#section.centro-home #aside {
width: calc(25% - 10px);
-webkit-box-shadow: -1px 0 0 #f6f6f6;
-moz-box-shadow: -1px 0 0 #f6f6f6;
box-shadow: -1px 0 0 #f6f6f6;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
@media only screen and (max-width: 780px) {
section.centro-home aside,
#section.centro-home aside,
section.centro-home #aside,
#section.centro-home #aside {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
width: calc(100% + 6vw);
margin: 0 -3vw;
}
}
@media only screen and (max-width: 580px) {
section.centro-home aside,
#section.centro-home aside,
section.centro-home #aside,
#section.centro-home #aside {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.centro-home aside ul.linkevidenza,
#section.centro-home aside ul.linkevidenza,
section.centro-home #aside ul.linkevidenza,
#section.centro-home #aside ul.linkevidenza {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 780px) {
section.centro-home aside ul.linkevidenza,
#section.centro-home aside ul.linkevidenza,
section.centro-home #aside ul.linkevidenza,
#section.centro-home #aside ul.linkevidenza {
width: 60%;
}
}
@media only screen and (max-width: 580px) {
section.centro-home aside ul.linkevidenza,
#section.centro-home aside ul.linkevidenza,
section.centro-home #aside ul.linkevidenza,
#section.centro-home #aside ul.linkevidenza {
width: 97%;
}
}
section.centro-home aside ul.linkevidenza li,
#section.centro-home aside ul.linkevidenza li,
section.centro-home #aside ul.linkevidenza li,
#section.centro-home #aside ul.linkevidenza li {
position: relative;
overflow: hidden;
list-style: none;
margin: 0 0 20px;
padding: 0 0 0 20px;
}
section.centro-home aside ul.linkevidenza li::before,
#section.centro-home aside ul.linkevidenza li::before,
section.centro-home #aside ul.linkevidenza li::before,
#section.centro-home #aside ul.linkevidenza li::before {
content: "";
position: absolute;
overflow: hidden;
display: block;
top: 24px;
left: 0;
width: 20px;
height: 3px;
}
section.centro-home aside ul.linkevidenza li a,
#section.centro-home aside ul.linkevidenza li a,
section.centro-home #aside ul.linkevidenza li a,
#section.centro-home #aside ul.linkevidenza li a {
position: relative;
overflow: hidden;
display: block;
width: 100%;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
section.centro-home aside ul.linkevidenza li a strong,
#section.centro-home aside ul.linkevidenza li a strong,
section.centro-home #aside ul.linkevidenza li a strong,
#section.centro-home #aside ul.linkevidenza li a strong {
position: absolute;
overflow: hidden;
display: inline-block;
padding: 7px 20px 5px;
top: 10px;
left: 0;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #fff;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
section.centro-home aside ul.linkevidenza li a::after,
#section.centro-home aside ul.linkevidenza li a::after,
section.centro-home #aside ul.linkevidenza li a::after,
#section.centro-home #aside ul.linkevidenza li a::after {
content: "";
display: block;
padding-top: 40%;
}
section.centro-home aside ul.linkevidenza li:nth-child(1)::before,
#section.centro-home aside ul.linkevidenza li:nth-child(1)::before,
section.centro-home #aside ul.linkevidenza li:nth-child(1)::before,
#section.centro-home #aside ul.linkevidenza li:nth-child(1)::before,
section.centro-home aside ul.linkevidenza li:nth-child(1) a strong,
#section.centro-home aside ul.linkevidenza li:nth-child(1) a strong,
section.centro-home #aside ul.linkevidenza li:nth-child(1) a strong,
#section.centro-home #aside ul.linkevidenza li:nth-child(1) a strong {
background: #3b8390;
}
section.centro-home aside ul.linkevidenza li:nth-child(2)::before,
#section.centro-home aside ul.linkevidenza li:nth-child(2)::before,
section.centro-home #aside ul.linkevidenza li:nth-child(2)::before,
#section.centro-home #aside ul.linkevidenza li:nth-child(2)::before,
section.centro-home aside ul.linkevidenza li:nth-child(2) a strong,
#section.centro-home aside ul.linkevidenza li:nth-child(2) a strong,
section.centro-home #aside ul.linkevidenza li:nth-child(2) a strong,
#section.centro-home #aside ul.linkevidenza li:nth-child(2) a strong {
background: #53a3b1;
}
section.centro-home aside ul.linkevidenza li:nth-child(3)::before,
#section.centro-home aside ul.linkevidenza li:nth-child(3)::before,
section.centro-home #aside ul.linkevidenza li:nth-child(3)::before,
#section.centro-home #aside ul.linkevidenza li:nth-child(3)::before,
section.centro-home aside ul.linkevidenza li:nth-child(3) a strong,
#section.centro-home aside ul.linkevidenza li:nth-child(3) a strong,
section.centro-home #aside ul.linkevidenza li:nth-child(3) a strong,
#section.centro-home #aside ul.linkevidenza li:nth-child(3) a strong {
background: #85c9d5;
}
section.centro-home aside ul.linkevidenza li.last a,
#section.centro-home aside ul.linkevidenza li.last a,
section.centro-home #aside ul.linkevidenza li.last a,
#section.centro-home #aside ul.linkevidenza li.last a {
background-size: cover;
}
section.centro-home aside .banner,
#section.centro-home aside .banner,
section.centro-home #aside .banner,
#section.centro-home #aside .banner {
margin: 70px 0 0 20px;
padding: 20px 20px 0;
background: #f6f6f6;
}
@media only screen and (max-width: 780px) {
section.centro-home aside .banner,
#section.centro-home aside .banner,
section.centro-home #aside .banner,
#section.centro-home #aside .banner {
width: calc(34% - 40px);
margin: 0 3% 50px 3%;
}
}
@media only screen and (max-width: 580px) {
section.centro-home aside .banner,
#section.centro-home aside .banner,
section.centro-home #aside .banner,
#section.centro-home #aside .banner {
width: calc(94% - 40px);
}
}
section.centro-home aside .banner .titolo,
#section.centro-home aside .banner .titolo,
section.centro-home #aside .banner .titolo,
#section.centro-home #aside .banner .titolo {
display: block;
background: #e8e8e8;
padding: 15px 20px 10px;
margin: -20px -20px 25px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #767676;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
section.centro-home aside .banner dl,
#section.centro-home aside .banner dl,
section.centro-home #aside .banner dl,
#section.centro-home #aside .banner dl {
margin: 15px 0;
padding: 0;
}
section.centro-home aside .banner dl dt,
#section.centro-home aside .banner dl dt,
section.centro-home #aside .banner dl dt,
#section.centro-home #aside .banner dl dt {
display: inline-block;
padding: 7px 20px 5px;
margin: 0 0 10px -20px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fff;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
section.centro-home aside .banner dl dd,
#section.centro-home aside .banner dl dd,
section.centro-home #aside .banner dl dd,
#section.centro-home #aside .banner dl dd {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}
section.centro-home aside .banner dl dd img,
#section.centro-home aside .banner dl dd img,
section.centro-home #aside .banner dl dd img,
#section.centro-home #aside .banner dl dd img {
max-width: 100%;
margin: 0 0 10px;
}
section.centro-home aside .banner dl dd a,
#section.centro-home aside .banner dl dd a,
section.centro-home #aside .banner dl dd a,
#section.centro-home #aside .banner dl dd a {
display: block;
}
section.centro-home aside .banner dl.gold dt,
#section.centro-home aside .banner dl.gold dt,
section.centro-home #aside .banner dl.gold dt,
#section.centro-home #aside .banner dl.gold dt {
background: #f99a1d;
}
section.centro-home aside .banner dl.bronze dt,
#section.centro-home aside .banner dl.bronze dt,
section.centro-home #aside .banner dl.bronze dt,
#section.centro-home #aside .banner dl.bronze dt {
background: #ba2026;
}
section.submenu,
#section.submenu {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 1400px;
margin: 0 auto;
padding: 50px 0 ;
/*article*/
/*aside*/
/*
&.dettaglio{
.cont-img{
.relhide;
display: block;
float: left;
margin: 0 40px 30px 0;
width: 50%;
@media only screen and (max-width: 780px) {
float: none;
width: 100%;
margin: 0 0 30px 0;
}
img.big{
display: block;
width:calc(~"100% - 2px");
margin:0 0 30px;
border:1px solid @grigio04;
background-position:50% 50%;
background-size:contain;
background-repeat:no-repeat;
}
.th-dett{
.relhide;
.flexbox;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 -5px 0;
width:calc(~"100% + 10px");
a{
.relhide;
display: block;
width:calc(~"20% - 12px");
margin:5px;
background-position:50% 50%;
background-size:cover;
background-repeat:no-repeat;
background-color:@bianco;
border:1px solid @grigio04;
&::after{
content:"";
display:block;
padding-top:100%;
}
&:hover{
&::after{
background: rgba(0,0,0,.7);
}
&::before{
content: "\f00e";
.abshide;
z-index:9;
display: block;
top:50%;
left:50%;
width: 30px;
height: 30px;
margin:-15px 0 0 -15px;
.simbolo(700,30px,@bianco,30px);
text-transform: uppercase;
text-align: center;
vertical-align: middle;
}
}
}
}
}
ul.allegati{
.relhide;
display: block;
margin:30px 0;
padding:5px;
.bordo(1px solid @grigio03,none,none,none);
li{
list-style:none;
display:inline;
margin:0 5px 0 0;
padding:0;
.testo(400, .9em, @colore01, 20px);
text-transform:uppercase;
white-space: nowrap;
a{
color:@colore01;
text-decoration:none;
&:hover{
color:@grigio03;
text-decoration:none;
}
}
&:after{
content:" |";
margin:0 0 0 5px;
font-size:1em;
color:@grigio03;
}
&:nth-last-child(1){
&:after{
content:none;
}
}
}
}
/*ul.allegati
}*/
}
@media only screen and (max-width: 1420px) {
section.submenu,
#section.submenu {
max-width: 94%;
}
}
@media only screen and (max-width: 780px) {
section.submenu,
#section.submenu {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.submenu article,
#section.submenu article,
section.submenu #article,
#section.submenu #article {
width: 65%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
/*intro*/
/*th*/
}
@media only screen and (max-width: 1260px) {
section.submenu article,
#section.submenu article,
section.submenu #article,
#section.submenu #article {
width: calc(90vw - 200px);
}
section.submenu article.solotit,
#section.submenu article.solotit,
section.submenu #article.solotit,
#section.submenu #article.solotit {
width: calc(75% - 20px) !important;
}
}
@media only screen and (max-width: 780px) {
section.submenu article,
#section.submenu article,
section.submenu #article,
#section.submenu #article {
width: 100% !important;
padding: 0 !important;
margin-bottom: 40px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
}
section.submenu article img,
#section.submenu article img,
section.submenu #article img,
#section.submenu #article img {
display: block;
max-width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
section.submenu article img.dx,
#section.submenu article img.dx,
section.submenu #article img.dx,
#section.submenu #article img.dx,
section.submenu article img.sx,
#section.submenu article img.sx,
section.submenu #article img.sx,
#section.submenu #article img.sx {
margin-top: 0;
margin-bottom: auto;
max-width: 50%;
}
@media only screen and (max-width: 780px) {
section.submenu article img.dx,
#section.submenu article img.dx,
section.submenu #article img.dx,
#section.submenu #article img.dx,
section.submenu article img.sx,
#section.submenu article img.sx,
section.submenu #article img.sx,
#section.submenu #article img.sx {
float: none;
max-width: 100%;
margin: 30px auto;
}
}
section.submenu article .intro,
#section.submenu article .intro,
section.submenu #article .intro,
#section.submenu #article .intro {
font-size: 1.2em;
}
section.submenu article .th-list,
#section.submenu article .th-list,
section.submenu #article .th-list,
#section.submenu #article .th-list {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 20px);
padding: 40px 0;
margin: 40px -10px 0;
border-top: 1px solid #767676;
}
section.submenu article .th-list a,
#section.submenu article .th-list a,
section.submenu #article .th-list a,
#section.submenu #article .th-list a,
section.submenu article .th-list div,
#section.submenu article .th-list div,
section.submenu #article .th-list div,
#section.submenu #article .th-list div {
position: relative;
overflow: hidden;
display: block;
width: calc((100% / 8) - 20px);
margin: 0 10px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
section.submenu article .th-list a::after,
#section.submenu article .th-list a::after,
section.submenu #article .th-list a::after,
#section.submenu #article .th-list a::after,
section.submenu article .th-list div::after,
#section.submenu article .th-list div::after,
section.submenu #article .th-list div::after,
#section.submenu #article .th-list div::after {
content: "";
display: block;
padding-top: 100%;
}
@media only screen and (max-width: 1460px) {
section.submenu article .th-list a,
#section.submenu article .th-list a,
section.submenu #article .th-list a,
#section.submenu #article .th-list a,
section.submenu article .th-list div,
#section.submenu article .th-list div,
section.submenu #article .th-list div,
#section.submenu #article .th-list div {
width: calc((100vw / 8) - 30px);
}
}
@media only screen and (max-width: 1000px) {
section.submenu article .th-list a,
#section.submenu article .th-list a,
section.submenu #article .th-list a,
#section.submenu #article .th-list a,
section.submenu article .th-list div,
#section.submenu article .th-list div,
section.submenu #article .th-list div,
#section.submenu #article .th-list div {
width: calc((100vw / 6) - 30px);
}
}
@media only screen and (max-width: 780px) {
section.submenu article .th-list a,
#section.submenu article .th-list a,
section.submenu #article .th-list a,
#section.submenu #article .th-list a,
section.submenu article .th-list div,
#section.submenu article .th-list div,
section.submenu #article .th-list div,
#section.submenu #article .th-list div {
width: calc((100vw / 4) - 30px);
}
}
section.submenu aside,
#section.submenu aside,
section.submenu #aside,
#section.submenu #aside {
width: 25%;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
/*h2*/
/*h2*/
/*ul*/
/*ul*/
/*ul*/
}
@media only screen and (max-width: 1260px) {
section.submenu aside,
#section.submenu aside,
section.submenu #aside,
#section.submenu #aside {
width: 200px;
}
}
@media only screen and (max-width: 780px) {
section.submenu aside,
#section.submenu aside,
section.submenu #aside,
#section.submenu #aside {
width: 100% !important;
padding: 0;
margin-bottom: 40px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
section.submenu aside h2,
#section.submenu aside h2,
section.submenu #aside h2,
#section.submenu #aside h2,
section.submenu aside .titolo,
#section.submenu aside .titolo,
section.submenu #aside .titolo,
#section.submenu #aside .titolo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.4em;
color: #53a3b1;
font-weight: 700;
line-height: 1.2em;
}
section.submenu aside h2.tipo,
#section.submenu aside h2.tipo,
section.submenu #aside h2.tipo,
#section.submenu #aside h2.tipo,
section.submenu aside .titolo.tipo,
#section.submenu aside .titolo.tipo,
section.submenu #aside .titolo.tipo,
#section.submenu #aside .titolo.tipo {
display: block;
padding: 10px 20px;
background: #3b8390;
color: #fff;
}
section.submenu aside .sottotitolo,
#section.submenu aside .sottotitolo,
section.submenu #aside .sottotitolo,
#section.submenu #aside .sottotitolo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #3b8390;
font-weight: 400;
line-height: 1.2em;
text-transform: capitalize;
}
section.submenu aside .sottotitolo.due,
#section.submenu aside .sottotitolo.due,
section.submenu #aside .sottotitolo.due,
#section.submenu #aside .sottotitolo.due {
color: #054582;
}
section.submenu aside .bottone,
#section.submenu aside .bottone,
section.submenu #aside .bottone,
#section.submenu #aside .bottone {
display: block;
text-align: center;
}
section.submenu aside ul.contatti,
#section.submenu aside ul.contatti,
section.submenu #aside ul.contatti,
#section.submenu #aside ul.contatti {
margin: 10px auto 0;
padding: 0;
}
section.submenu aside ul.contatti li,
#section.submenu aside ul.contatti li,
section.submenu #aside ul.contatti li,
#section.submenu #aside ul.contatti li {
position: relative;
overflow: hidden;
display: block;
list-style: none;
margin: 0 0 10px;
padding: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #054582;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
font-weight: 700;
line-height: 46px;
text-align: center;
}
section.submenu aside ul.contatti li a,
#section.submenu aside ul.contatti li a,
section.submenu #aside ul.contatti li a,
#section.submenu #aside ul.contatti li a {
display: block;
color: #fff;
line-height: 36px;
}
section.submenu aside ul.contatti li a strong,
#section.submenu aside ul.contatti li a strong,
section.submenu #aside ul.contatti li a strong,
#section.submenu #aside ul.contatti li a strong {
text-transform: none;
}
section.submenu aside ul.contatti li a:hover,
#section.submenu aside ul.contatti li a:hover,
section.submenu #aside ul.contatti li a:hover,
#section.submenu #aside ul.contatti li a:hover {
background: #53a3b1;
color: #fff;
}
section.submenu aside ul.contatti li ul,
#section.submenu aside ul.contatti li ul,
section.submenu #aside ul.contatti li ul,
#section.submenu #aside ul.contatti li ul {
padding-top: 10px;
padding-left: 0;
width: 80%;
margin: 0 auto;
border-top: 1px solid #3b8390;
}
section.submenu aside ul.contatti li ul li a,
#section.submenu aside ul.contatti li ul li a,
section.submenu #aside ul.contatti li ul li a,
#section.submenu #aside ul.contatti li ul li a {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #53a3b1;
font-weight: 700;
line-height: 36px;
}
section.submenu aside ul.menulinee,
#section.submenu aside ul.menulinee,
section.submenu #aside ul.menulinee,
#section.submenu #aside ul.menulinee {
position: relative;
overflow: hidden;
margin: -15px 0 50px;
padding: 15px 0;
}
section.submenu aside ul.menulinee::before,
#section.submenu aside ul.menulinee::before,
section.submenu #aside ul.menulinee::before,
#section.submenu #aside ul.menulinee::before {
content: " ";
position: absolute;
overflow: hidden;
top: 0;
width: 100%;
height: 4px;
background: #e8e8e8;
}
section.submenu aside ul.menulinee::after,
#section.submenu aside ul.menulinee::after,
section.submenu #aside ul.menulinee::after,
#section.submenu #aside ul.menulinee::after {
content: " ";
position: absolute;
overflow: hidden;
top: 0;
width: 30%;
height: 4px;
background: #53a3b1;
}
section.submenu aside ul.menulinee li,
#section.submenu aside ul.menulinee li,
section.submenu #aside ul.menulinee li,
#section.submenu #aside ul.menulinee li {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-ms-align-items: center;
list-style: none;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #e8e8e8;
}
section.submenu aside ul.menulinee li a,
#section.submenu aside ul.menulinee li a,
section.submenu #aside ul.menulinee li a,
#section.submenu #aside ul.menulinee li a,
section.submenu aside ul.menulinee li span,
#section.submenu aside ul.menulinee li span,
section.submenu #aside ul.menulinee li span,
#section.submenu #aside ul.menulinee li span {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #767676;
font-weight: 500;
line-height: 1.2em;
text-transform: uppercase;
cursor: pointer;
}
section.submenu aside ul.menulinee li a.icon,
#section.submenu aside ul.menulinee li a.icon,
section.submenu #aside ul.menulinee li a.icon,
#section.submenu #aside ul.menulinee li a.icon,
section.submenu aside ul.menulinee li span.icon,
#section.submenu aside ul.menulinee li span.icon,
section.submenu #aside ul.menulinee li span.icon,
#section.submenu #aside ul.menulinee li span.icon {
flex-shrink: 0;
-ms-flex-shrink: 0;
width: 48px;
height: 48px;
margin: 0 20px 0 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
section.submenu aside ul.menulinee li:hover,
#section.submenu aside ul.menulinee li:hover,
section.submenu #aside ul.menulinee li:hover,
#section.submenu #aside ul.menulinee li:hover,
section.submenu aside ul.menulinee li.sel,
#section.submenu aside ul.menulinee li.sel,
section.submenu #aside ul.menulinee li.sel,
#section.submenu #aside ul.menulinee li.sel {
background: #f6f6f6;
}
section.submenu aside ul.menuvert,
#section.submenu aside ul.menuvert,
section.submenu #aside ul.menuvert,
#section.submenu #aside ul.menuvert {
margin: 0;
padding: 20px 0;
}
section.submenu aside ul.menuvert li,
#section.submenu aside ul.menuvert li,
section.submenu #aside ul.menuvert li,
#section.submenu #aside ul.menuvert li {
position: relative;
overflow: hidden;
list-style: none;
margin: 0;
padding: 5px 0 5px 25px;
}
section.submenu aside ul.menuvert li a,
#section.submenu aside ul.menuvert li a,
section.submenu #aside ul.menuvert li a,
#section.submenu #aside ul.menuvert li a {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #1c1c1c;
font-weight: 400;
line-height: 1.2em;
}
section.submenu aside ul.menuvert li::before,
#section.submenu aside ul.menuvert li::before,
section.submenu #aside ul.menuvert li::before,
#section.submenu #aside ul.menuvert li::before {
content: "";
position: absolute;
overflow: hidden;
left: 8px;
top: 13px;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-top: 1px solid #959595;
border-right: 1px solid #959595;
border-bottom: none;
border-left: none;
background: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
section.submenu aside ul.menuvert li:hover::before,
#section.submenu aside ul.menuvert li:hover::before,
section.submenu #aside ul.menuvert li:hover::before,
#section.submenu #aside ul.menuvert li:hover::before {
border-color: #054582;
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
-ms-transform: rotate(405deg);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
section.submenu.alt article,
#section.submenu.alt article,
section.submenu.alt #article,
#section.submenu.alt #article {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
@media only screen and (max-width: 1460px) {
}
@media only screen and (max-width: 780px) {
section.submenu.alt article,
#section.submenu.alt article,
section.submenu.alt #article,
#section.submenu.alt #article {
margin-bottom: 40px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
section.submenu.alt aside,
#section.submenu.alt aside,
section.submenu.alt #aside,
#section.submenu.alt #aside {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
@media only screen and (max-width: 1460px) {
section.submenu.alt aside,
#section.submenu.alt aside,
section.submenu.alt #aside,
#section.submenu.alt #aside {
/*padding:0;
width:calc(~"25% - 30px");
h2,.titolo{
padding:0 20px 0 0;
.donazioni,.donazioni2{
h2,.titolo{
padding:0
}
}
}*/
}
}
@media only screen and (max-width: 780px) {
section.submenu.alt aside,
#section.submenu.alt aside,
section.submenu.alt #aside,
#section.submenu.alt #aside {
margin-bottom: 40px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
position: relative;
overflow: hidden;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0;
}
@media only screen and (max-width: 1420px) {
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
width: 94%;
padding: 70px 3%;
}
}
@media only screen and (max-width: 780px) {
section.gen article img,
#section.gen article img,
section.gen #article img,
#section.gen #article img {
float: none !important;
margin: 20px 0 !important;
width: 100% !important;
}
}
section.gen article blockquote,
#section.gen article blockquote,
section.gen #article blockquote,
#section.gen #article blockquote {
margin: 30px auto;
width: 80%;
padding: 10%;
background: grigio05;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.3vw;
color: #767676;
font-weight: 400;
line-height: 1.5em;
text-align: center;
font-style: italic;
}
@media only screen and (max-width: 959px) {
section.gen article blockquote,
#section.gen article blockquote,
section.gen #article blockquote,
#section.gen #article blockquote {
font-size: calc(14px + .5vw);
}
}
section.gen article blockquote::before,
#section.gen article blockquote::before,
section.gen #article blockquote::before,
#section.gen #article blockquote::before,
section.gen article blockquote::after,
#section.gen article blockquote::after,
section.gen #article blockquote::after,
#section.gen #article blockquote::after {
content: "";
position: relative;
overflow: hidden;
margin: 20px auto 19px;
display: block;
width: 30%;
height: 1;
border-top: 1px solid #767676;
}
section.gen article blockquote strong,
#section.gen article blockquote strong,
section.gen #article blockquote strong,
#section.gen #article blockquote strong {
color: #53a3b1;
}
section.gen article iframe,
#section.gen article iframe,
section.gen #article iframe,
#section.gen #article iframe,
section.gen article img,
#section.gen article img,
section.gen #article img,
#section.gen #article img {
position: relative;
overflow: hidden;
display: block;
max-width: 100%;
margin: 30px auto;
}
section.gen article iframe.sx,
#section.gen article iframe.sx,
section.gen #article iframe.sx,
#section.gen #article iframe.sx,
section.gen article img.sx,
#section.gen article img.sx,
section.gen #article img.sx,
#section.gen #article img.sx {
margin-right: 50px;
}
section.gen article iframe.dx,
#section.gen article iframe.dx,
section.gen #article iframe.dx,
#section.gen #article iframe.dx,
section.gen article img.dx,
#section.gen article img.dx,
section.gen #article img.dx,
#section.gen #article img.dx {
margin-left: 50px;
}
section.gen article ul.blocchi,
#section.gen article ul.blocchi,
section.gen #article ul.blocchi,
#section.gen #article ul.blocchi {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 40px 0;
padding: 0;
}
section.gen article ul.blocchi li,
#section.gen article ul.blocchi li,
section.gen #article ul.blocchi li,
#section.gen #article ul.blocchi li {
list-style: none;
margin: 0;
padding: 20px;
background: #e8e8e8;
font-size: 1.1em;
}
section.gen article ul.blocchi.due li,
#section.gen article ul.blocchi.due li,
section.gen #article ul.blocchi.due li,
#section.gen #article ul.blocchi.due li {
width: 35%;
}
section.gen article ul.blocchi.tre li,
#section.gen article ul.blocchi.tre li,
section.gen #article ul.blocchi.tre li,
#section.gen #article ul.blocchi.tre li {
width: 25%;
}
section.gen article ul.blocchi.quattro li,
#section.gen article ul.blocchi.quattro li,
section.gen #article ul.blocchi.quattro li,
#section.gen #article ul.blocchi.quattro li {
width: 15%;
}
section.contatti,
#section.contatti {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
width: 1400px;
margin: 0 auto;
padding: 50px 0 ;
/*article*/
}
@media only screen and (max-width: 1420px) {
section.contatti,
#section.contatti {
max-width: 94%;
}
}
@media only screen and (max-width: 780px) {
section.contatti,
#section.contatti {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.contatti article,
#section.contatti article,
section.contatti #article,
#section.contatti #article {
width: 48%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
/*intro*/
}
@media only screen and (max-width: 1460px) {
section.contatti article,
#section.contatti article,
section.contatti #article,
#section.contatti #article {
width: calc(70% - 20px);
padding: 0 20px 0 0;
}
}
@media only screen and (max-width: 1420px) {
section.contatti article,
#section.contatti article,
section.contatti #article,
#section.contatti #article {
width: calc(100vw - 360px) !important;
}
section.contatti article.solotit,
#section.contatti article.solotit,
section.contatti #article.solotit,
#section.contatti #article.solotit {
width: calc(75% - 20px) !important;
}
}
@media only screen and (max-width: 780px) {
section.contatti article,
#section.contatti article,
section.contatti #article,
#section.contatti #article {
width: 94vw !important;
padding: 0 3vw;
margin-bottom: 40px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
}
section.contatti article img,
#section.contatti article img,
section.contatti #article img,
#section.contatti #article img {
display: block;
max-width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
section.contatti article img.dx,
#section.contatti article img.dx,
section.contatti #article img.dx,
#section.contatti #article img.dx,
section.contatti article img.sx,
#section.contatti article img.sx,
section.contatti #article img.sx,
#section.contatti #article img.sx {
margin-top: 0;
margin-bottom: auto;
max-width: 40%;
}
section.contatti article .intro,
#section.contatti article .intro,
section.contatti #article .intro,
#section.contatti #article .intro {
font-size: 1.2em;
}
section.contatti article h2,
#section.contatti article h2,
section.contatti #article h2,
#section.contatti #article h2 {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.4em;
color: #1c1c1c;
font-weight: 700;
line-height: 1.2em;
}
section.contatti aside,
#section.contatti aside,
section.contatti #aside,
#section.contatti #aside {
width: 48%;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
/*h2*/
/*h2*/
}
@media only screen and (max-width: 780px) {
section.contatti aside,
#section.contatti aside,
section.contatti #aside,
#section.contatti #aside {
width: 94vw !important;
padding: 0 3vw;
margin-bottom: 40px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
section.contatti aside h2,
#section.contatti aside h2,
section.contatti #aside h2,
#section.contatti #aside h2,
section.contatti aside .titolo,
#section.contatti aside .titolo,
section.contatti #aside .titolo,
#section.contatti #aside .titolo {
display: none !important;
}
}
section.contatti aside h2,
#section.contatti aside h2,
section.contatti #aside h2,
#section.contatti #aside h2,
section.contatti aside .titolo,
#section.contatti aside .titolo,
section.contatti #aside .titolo,
#section.contatti #aside .titolo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 2.4em;
color: #53a3b1;
font-weight: 700;
line-height: 1.2em;
}
section.contatti aside .sottotitolo,
#section.contatti aside .sottotitolo,
section.contatti #aside .sottotitolo,
#section.contatti #aside .sottotitolo {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #767676;
font-weight: 400;
line-height: 1.2em;
}
section.contatti aside #mappa,
#section.contatti aside #mappa,
section.contatti #aside #mappa,
#section.contatti #aside #mappa {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
section.contatti aside ul.contatti,
#section.contatti aside ul.contatti,
section.contatti #aside ul.contatti,
#section.contatti #aside ul.contatti {
margin: 30px auto 0;
padding: 0;
}
section.contatti aside ul.contatti li,
#section.contatti aside ul.contatti li,
section.contatti #aside ul.contatti li,
#section.contatti #aside ul.contatti li {
position: relative;
overflow: hidden;
display: block;
list-style: none;
margin: 0 0 10px;
padding: 0;
background: #e8e8e8;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #1c1c1c;
font-weight: 400;
line-height: 1.2em;
text-align: center;
text-transform: uppercase;
}
section.contatti aside ul.contatti li a,
#section.contatti aside ul.contatti li a,
section.contatti #aside ul.contatti li a,
#section.contatti #aside ul.contatti li a {
display: block;
margin: 15px auto;
color: #1c1c1c;
}
section.contatti aside ul.contatti li a strong,
#section.contatti aside ul.contatti li a strong,
section.contatti #aside ul.contatti li a strong,
#section.contatti #aside ul.contatti li a strong {
text-transform: none;
}
section.news article,
#section.news article,
section.news #article,
#section.news #article {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 0 70px;
}
section.news article ul,
#section.news article ul,
section.news #article ul,
#section.news #article ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
section.news article ul li,
#section.news article ul li,
section.news #article ul li,
#section.news #article ul li {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
list-style: none;
margin: 0 0 40px;
padding: 0;
width: 100%;
background: #f6f6f6;
}
section.news article ul li .data,
#section.news article ul li .data,
section.news #article ul li .data,
#section.news #article ul li .data {
position: relative;
overflow: hidden;
display: block;
width: 36px !important;
height: auto;
min-height: 130px;
background: #53a3b1;
-webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3) inset;
box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3) inset;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
section.news article ul li .data span,
#section.news article ul li .data span,
section.news #article ul li .data span,
#section.news #article ul li .data span {
position: absolute;
overflow: hidden;
display: block;
left: -21px;
top: 50%;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #fff;
font-weight: 400;
line-height: 36px;
-webkit-transform: rotate(-90deg) translateX(25%) translateY(11%);
transform: rotate(-90deg) translateX(25%) translateY(11%);
}
section.news article ul li .data::before,
#section.news article ul li .data::before,
section.news #article ul li .data::before,
#section.news #article ul li .data::before,
section.news article ul li .data::after,
#section.news article ul li .data::after,
section.news #article ul li .data::after,
#section.news #article ul li .data::after {
content: "";
position: absolute;
overflow: hidden;
top: 0;
width: 100%;
height: 7px;
background: #fff;
}
section.news article ul li .data::after,
#section.news article ul li .data::after,
section.news #article ul li .data::after,
#section.news #article ul li .data::after {
bottom: 0;
top: auto;
}
section.news article ul li a.immagine,
#section.news article ul li a.immagine,
section.news #article ul li a.immagine,
#section.news #article ul li a.immagine {
position: relative;
overflow: hidden;
display: block;
flex: 200px, 2;
margin: 0;
width: 200px !important;
height: auto;
min-height: 200px;
background-position: 50% 50%;
background-size: cover;
/*
&::after{
content:"";
display:block;
padding-top:56%;
}*/
}
section.news article ul li .txt,
#section.news article ul li .txt,
section.news #article ul li .txt,
#section.news #article ul li .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
/**/
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
box-flex: 1;
padding: 15px 15px 15px 30px;
}
section.news article ul li .txt a.titolo,
#section.news article ul li .txt a.titolo,
section.news #article ul li .txt a.titolo,
#section.news #article ul li .txt a.titolo {
display: block;
margin-bottom: 0.7em;
font-size: 1.4em;
color: #054582;
}
section.ricerca article,
#section.ricerca article,
section.ricerca #article,
#section.ricerca #article {
position: relative;
overflow: hidden;
width: 70%;
max-width: 900px;
margin: 70px auto;
text-align: center;
}
@media only screen and (max-width: 780px) {
section.ricerca article,
#section.ricerca article,
section.ricerca #article,
#section.ricerca #article {
width: 96%;
padding: 50px 2%;
margin: 0;
}
}
section.ricerca article .titolo,
#section.ricerca article .titolo,
section.ricerca #article .titolo,
#section.ricerca #article .titolo {
display: block;
margin-bottom: 50px;
font-size: 3em;
}
section.ricerca article ul,
#section.ricerca article ul,
section.ricerca #article ul,
#section.ricerca #article ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 780px) {
section.ricerca article ul,
#section.ricerca article ul,
section.ricerca #article ul,
#section.ricerca #article ul {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
section.ricerca article ul li,
#section.ricerca article ul li,
section.ricerca #article ul li,
#section.ricerca #article ul li {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
list-style: none;
width: 100%;
margin: 0;
padding: 20px 0;
border-bottom: 1px solid #e8e8e8;
text-align: left;
}
section.ricerca article ul li a.immagine,
#section.ricerca article ul li a.immagine,
section.ricerca #article ul li a.immagine,
#section.ricerca #article ul li a.immagine {
-webkit-box-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
/**/
-moz-box-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
box-flex: 0 0 100px;
position: relative;
overflow: hidden;
display: block;
margin: 0 30px 0 0;
width: 100px !important;
background-position: 50% 50%;
background-size: cover;
}
section.ricerca article ul li a.immagine.grande,
#section.ricerca article ul li a.immagine.grande,
section.ricerca #article ul li a.immagine.grande,
#section.ricerca #article ul li a.immagine.grande {
-webkit-box-flex: 0 0 150px;
-webkit-flex: 0 0 150px;
/**/
-moz-box-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
box-flex: 0 0 150px;
width: 150px !important;
}
section.ricerca article ul li a.immagine::after,
#section.ricerca article ul li a.immagine::after,
section.ricerca #article ul li a.immagine::after,
#section.ricerca #article ul li a.immagine::after {
content: "";
display: block;
padding-top: 100%;
}
section.ricerca article ul li a.tit,
#section.ricerca article ul li a.tit,
section.ricerca #article ul li a.tit,
#section.ricerca #article ul li a.tit {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #85c9d5;
font-weight: 400;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
section.ricerca article ul li:hover .txt,
#section.ricerca article ul li:hover .txt,
section.ricerca #article ul li:hover .txt,
#section.ricerca #article ul li:hover .txt {
top: 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
section.ricerca article .nessuno,
#section.ricerca article .nessuno,
section.ricerca #article .nessuno,
#section.ricerca #article .nessuno {
color: #ba2026;
font-style: italic;
font-size: 1.2em;
}
/*-----------------------------------------------------------------*/
footer,
#footer {
position: relative;
overflow: hidden;
z-index: 1;
width: 100%;
background: #fff;
/*recapiti*/
/* idlab */
}
footer ul,
#footer ul {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 1400px;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
margin: 0 auto;
}
@media only screen and (max-width: 1420px) {
footer ul,
#footer ul {
max-width: 94%;
}
}
@media only screen and (max-width: 1250px) {
footer ul,
#footer ul {
width: 94vw;
padding: 40px 3vw;
}
}
@media only screen and (max-width: 780px) {
footer ul,
#footer ul {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
footer ul li,
#footer ul li {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #959595;
font-weight: 400;
line-height: 1.5em;
}
footer ul li:nth-last-child(1),
#footer ul li:nth-last-child(1) {
text-align: right;
}
@media only screen and (max-width: 780px) {
footer ul li:nth-last-child(1),
#footer ul li:nth-last-child(1) {
text-align: left;
}
}
@media only screen and (max-width: 780px) {
footer ul li,
#footer ul li {
width: calc(100% - 60px);
margin-bottom: 30px !important;
}
}
footer ul li .tit,
#footer ul li .tit {
display: block;
padding-bottom: 11px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #959595;
font-weight: 400;
line-height: 1.1em;
text-transform: uppercase;
}
footer ul li a,
#footer ul li a {
color: #959595;
}
footer ul li a:hover,
#footer ul li a:hover {
color: #53a3b1;
text-decoration: none;
}
footer #idlab,
#footer #idlab {
position: relative;
overflow: hidden;
display: inline;
width: 40px;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #959595;
font-weight: 400;
line-height: 1;
}
footer #idlab a,
#footer #idlab a {
margin-right: -180px;
white-space: nowrap;
}
footer #idlab a::before,
#footer #idlab a::before {
content: "Credits ";
}
/*footer*/
form.classic,
form.shop {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
/**/
border: none;
padding: 0;
margin: 30px 0 0;
width: 100%;
}
form.classic.login,
form.shop.login {
padding: 30px;
margin: 50px auto 0;
width: 60%;
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
}
form.classic.registrazione,
form.shop.registrazione {
-webkit-box-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-ms-box-direction: row;
flex-direction: row;
/**/
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
@media only screen and (max-width: 780px) {
form.classic.registrazione,
form.shop.registrazione {
-webkit-box-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
flex-direction: column;
}
}
form.classic.registrazione div,
form.shop.registrazione div {
width: 48%;
padding: 0 !important;
margin: 0 0 20px;
text-align: left;
line-height: 36px;
}
form.classic.registrazione div.big,
form.shop.registrazione div.big {
width: 100%;
}
form.classic.registrazione div.big strong,
form.shop.registrazione div.big strong {
text-transform: uppercase;
}
@media only screen and (max-width: 780px) {
form.classic.registrazione div,
form.shop.registrazione div {
width: 100%;
}
}
form.classic div,
form.shop div {
width: 100%;
padding: 0 !important;
margin: 0 0 20px;
text-align: left;
line-height: 36px;
}
form.classic div.big,
form.shop div.big {
width: 100%;
}
form.classic div.privacy,
form.shop div.privacy {
width: 100% !important;
font-size: 0.9em;
text-align: center;
}
form.classic div.privacy a,
form.shop div.privacy a {
font-size: 1em;
color: #85c9d5;
text-decoration: underline;
}
form.classic div.privacy a:hover,
form.shop div.privacy a:hover {
text-decoration: none;
}
form.classic div label,
form.shop div label {
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #1c1c1c;
font-weight: 400;
line-height: 36px;
}
form.classic div label.piccolo,
form.shop div label.piccolo {
float: left;
margin: 8px 30px 8px 0;
line-height: 20px !important;
}
form.classic div input,
form.shop div input {
margin: 0;
padding: 0 2%;
width: 96%;
height: 36px;
}
form.classic div input.btn,
form.shop div input.btn {
padding: 0;
margin: 36px 0 10px;
width: 100%;
height: 36px;
background: #53a3b1;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
font-size: 1em !important;
color: #fff !important;
font-weight: 700 !important;
line-height: 36px !important;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.3em !important;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
form.classic div input.btn:hover,
form.shop div input.btn:hover {
background: #767676;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
cursor: pointer;
}
form.classic div input.radio,
form.shop div input.radio {
float: left;
width: 20px;
height: 20px;
margin: 8px 10px 8px 0;
}
form.classic div select,
form.shop div select {
width: 100%;
height: 36px;
padding: 0 2%;
}
form.classic div textarea,
form.shop div textarea {
width: 96%;
height: 100px;
padding: 0 2%;
margin: 0;
}
form.classic div input,
form.shop div input,
form.classic div select,
form.shop div select,
form.classic div textarea,
form.shop div textarea {
display: block;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
behavior: url(https://www.id-lab.it/jcom/css/PIE.htc);
background: #f6f6f6;
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
font-size: 1.1em !important;
color: #1c1c1c !important;
font-weight: 400 !important;
line-height: 36px !important;
}
form.classic div.txt,
form.shop div.txt {
margin: 20px 0;
line-height: 1.3em;
font-size: 0.9em;
color: #1c1c1c;
}
form.shop {
width: auto;
margin-top: 20px;
padding: 10px 15px 0;
border-top: 1px solid #e8e8e8;
background: #fafafa;
}
form.shop input.btn {
margin-top: 16px !important;
}
form.shop .prezzo {
font-size: 1.2em;
font-weight: 700;
font-style: normal;
}
form.shop .inlinea {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
margin-top: 5px;
}
/*------------------------------------------------*/
.mymodal {
position: fixed;
overflow: hidden;
display: none;
z-index: 99 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
font-family: 'Hind', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
font-weight: 400;
line-height: 1.5em;
}
.mymodal .modal-content {
position: relative;
overflow-x: hidden;
overflow-y: auto;
top: 50%;
display: block;
width: 40%;
min-width: 500px;
max-height: 70vh;
padding: 3% 5%;
margin: 0 auto 0;
background: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 780px) {
.mymodal .modal-content {
max-width: 96%;
min-width: 96%;
padding: 2%;
}
}
.mymodal .modal-content .close {
position: absolute;
overflow: hidden;
top: 20px;
right: 20px;
font-size: 3em;
cursor: pointer;
}
.mymodal .modal-content .modal-body ul {
margin: 0;
padding: 0;
}
.mymodal .modal-content .modal-body ul li {
list-style: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
margin: 0;
padding: 3px 10px;
}
.mymodal .modal-content .modal-body ul li input {
margin: 0 10px 0 0;
}
.mymodal .modal-content .modal-footer {
margin: 20px 0 0;
}