/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/
background: transparent;
}
body {
line-height: 0em;
}
hr {
size:1px;
height:1px;
color:#f0f;
width:100%;
border-style:dotted;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
p {
line-stacking: 4em;
}
/* FINE DEL RESET */
@media all{
#clear_left {clear:left;}
#clear_right {clear:right;}
#clear_both{clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both{clear:both;}
html{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body{
line-height: 1em;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 16px;
font-family: 'PT Serif', sans-serif;
background:#fff;
width:100%;
color:#222;
overflow-x: hidden;
}
img{
border:0;
max-width:100%;
max-height: 100%;
}
.container{
max-width:1098px;
width:100%;
margin:0 auto;
}
.colorfff{color:#fff;}
.colorfff a, .colorfff a:link{ color:#fff; text-decoration:none;}
.colorfff a:hover, .colorfff a:focus, .colorfff a:active{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
}
.color333{color:#333;}
.color333 a, .color333 a:link{ color:#215272; text-decoration:underline;}
.color333 a:hover, .color333 a:focus, .color333 a:active{
text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #215272;
}
.color333v2{
color:#333;
line-height: 1.5em;
}
.color333v2 a, .color333v2 a:link{ color:#215272; text-decoration:none;}
.color333v2 a:hover, .color333v2 a:focus, .color333v2 a:active{
text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #215272;
}
.colormenulaterale{color:#000;}
.colormenulaterale a, .colormenulaterale a:link{ color:#000; text-decoration:none;}
.colormenulaterale a:hover, .colormenulaterale a:focus, .colormenulaterale a:active{
text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #215272;
text-decoration: underline;
}
h1{
font-size: 30px;
font-weight: 600;
border-bottom: solid 1px #215272;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
line-height: 1.2em;
}
h2{
font-size: 20px;
font-weight: 600;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
line-height: 1.2em;
}
/* MENU */
.spessoredimenu{padding: 105px 0 0 0;}
.spessoredimenucookie{padding: 136px 0 0 0;}
.bloccofixed{
/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
/*font-family: 'Source Sans Pro', sans-serif;*/
}
header{
width: 100%;
height: 100px;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
background-color: rgba(255, 255, 255, 1);
border-bottom: solid 5px #215272;
}
header .logo{
line-height: 0;
float: left;
display: inline-block;
width: 200px;
padding: 10px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
/*background-color: #f00;*/
}
header .accessi{
line-height: 0;
float: right;
display: inline-block;
width: calc(100% - 200px);
height: 10px;
padding: 0 0 0 0;
text-align: right;
font-size: 14px;
line-height: 1em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
/*background-color: #ff0;*/
}
header .menumobile{
display: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header .menu{
float: right;
display: inline-block;
width: calc(100% - 200px);
text-align: right;
padding: 38px 0 0 0;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: 600;
font-size: 18px;
line-height: 1em;
/*background-color: #0ff;*/
}
header.smaller{
height: 70px;
border-bottom: solid 1px #215272;
box-shadow: 0px 0px 20px #737373;
/*background-color: #f7f040;*/
background-color: rgba(255, 255, 255, 1);
}
header.smaller .logo{
width: 150px;
padding: 0;
}
header.smaller .accessi{
width: calc(100% - 150px);
height: 0px;
}
header.smaller .menu{
width: calc(100% - 150px);
padding: 37px 0 0 0;
/*font-size: 16px;*/
/*font-weight: 400;*/
}
ul#link {list-style: none;}
ul#link li {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin:0;
padding: 5px 13px 5px 13px;
display:inline-block;
position: relative;
}
/* header.smaller ul#link li {
margin:0;
padding: 5px;
display:inline-block;
position: relative;
}*/
ul#link li:last-child {
padding: 5px 13px 5px 13px;
border-bottom: solid 5px #f00;
/*background-color: #f00;*/
}
/* header.smaller ul#link li:last-child {
padding: 5px 0 5px 5px;
}*/
ul#link li a {
text-decoration:none;
margin:0 0 0 0;
color:#000;
}
ul#link li a:hover {
color:#1599bf;
}
ul#link li a.attivo{
color:#1599bf;
}
ul#link ul {
margin:10px 0 0 0;
padding:28px 0 0 0;
display:inline-block;
list-style: none;
display: none;
position: absolute;
top: 19px;
left: 0;
z-index:9999;
/*background-color: #000;*/
text-align: left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.smaller ul#link ul {
margin:5px 0 0 0;
padding:10px 0 0 0;
display:inline-block;
list-style: none;
display: none;
position: absolute;
top: 19px;
left: 0;
z-index:9999;
/*background-color: #000;*/
text-align: left;
}
ul#link li:hover > ul {
display: block;
visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
}
ul#link ul li {
float: none;
display: block;
background-color: #000;
border: 0;
border-bottom: solid 1px #222;
padding: 0;
font-size: 15px;
}
ul#link ul li:last-child {
border-bottom: none;
padding: 0;
}
ul#link ul a {
padding:13px 25px;
width: auto;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
color: #fff;
font-weight: 300;
}
ul#link ul a:hover {
background-color: #fff;
color:#215272
}
/* FINE MENU */
/* IMMAGINONA */
.immaginona{
position: relative;
height: 580px;
background-size: cover;
background-position: center;
background-image: url(/res/img/immaginona.jpg);
}
.datiextra{
position: absolute;
width: 100%;
bottom: 0;
}
.datiextra .bbi{
float: left;
width: 33.33%;
height: 110px;
padding: 45px 0 0 0;
line-height: 1.1;
text-align: center;
font-weight: 600;
}
.datiextra .bbi .tit{
font-size: 30px;
}
.datiextra .bbi .spec{
padding: 5px 0 0 0;
font-size: 16px;
}
.datiextra .bbi:nth-child(1){
background-color: #215272;
background-image: url(/res/img/fondazione.png);
background-repeat: no-repeat;
background-position: 60px 45px;
}
.datiextra .bbi:nth-child(2){
background-color: #337ba8;
background-image: url(/res/img/attestazioni.png);
background-repeat: no-repeat;
background-position: 60px 45px;
}
.datiextra .bbi:nth-child(3){
background-color: #7ba8ca;
background-image: url(/res/img/associati.png);
background-repeat: no-repeat;
background-position: 60px 45px;
}
/* FINE IMMAGINONA */
/* IN HOME */
.tih{
padding: 80px 0;
line-height: 1.5em;
}
.bho{
float: left;
width: calc(50% - 50px);
line-height: 1.5em;
}
.bho:nth-child(1){padding: 0 50px 0 0;}
.bho:nth-child(2){padding: 0 0 0 50px;}
.bho .img{
float: left;
width: 73px;
padding: 0 15px 0 0;
}
.bho .txt{
float: left;
width: calc(100% - 88px);
}
/* FINE IN HOME */
/* PAGINE TESTO */
.testosx{
float: left;
width: calc(100% - 350px);
/*background-color: #00f;*/
}
.testodx{
float: left;
position: relative;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 75px;
width: 330px;
margin: 0 0 0 20px;
/*background-color: #f0f;*/
}
/* LISTA NEWS */
.listanews{
/*width: 100%;*/
padding: 25px 0;
/*background-color: #ff0;*/
border-bottom: solid 1px #ccc;
}
.listanews .titolo{
font-weight: 600;
}
/*.listanews .breve{
margin: 0 0 15px 0;
}*/
/* FINE LISTA NEWS */
.testodx .sticker .tithrefshort:nth-child(1){
font-size: 16px;
color: #fff;
font-weight: 900;
color: #fff;
background-color: #215272;
}
}
.testodx .sticker .tithrefshort{
padding: 20px;
font-size: 14px;
line-height: 1.4em;
background-color: #ebebeb;
border-bottom: solid 1px #fff;
}
.titolosezione{
font-size: 30px;
font-weight: 600;
line-height: 1.5em;
background-color: #215272;
padding: 24px 0;
}
.testo{
padding: 30px 0;
font-size: 16px;
line-height: 1.5em;
}
.testo h1{
font-size: 20px;
border: none;
padding: 0 0 10px 0;
margin: 0;
}
.testo ul li{
padding: 5px 0 5px 25px;
background-image: url(/res/img/ul-testi.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
.testo ol li{
list-style: decimal;
/*padding: 5px 0 5px 25px;*/
margin: 0 0 0 20px;
background-image: none;
/*background-image: url(/res/img/ul-testi.png);
background-repeat: no-repeat;
background-position: 0 6px;*/
}
.qpbox ul li{
padding: 5px 0 5px 25px;
background-image: url(/res/img/ul-box.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
/* FINE PAGINE TESTO */
/* 4 PASSAGGI */
.qsp{
padding: 30px 0 0 0;
font-size: 30px;
font-weight: 600;
line-height: 1.2em;
text-align: center;
}
.qp{
padding: 30px 0;
/*background-color: #ff0;*/
}
.qpbox{
float: left;
width: calc(50% - 10px);
margin: 10px 10px 10px 0;
/*background-color: #00f;*/
height: 240px;
}
.qpbox:nth-child(even){margin: 10px 0 10px 10px;}
.qpbox:nth-child(1){background-color: #a42721;}
.qpbox:nth-child(2){background-color: #d69714;}
.qpbox:nth-child(3){background-color: #2190c3;}
.qpbox:nth-child(4){background-color: #12b435;}
.qpn{
float: left;
width: 90px;
text-align: center;
font-size: 130px;
font-weight: 600;
line-height: 1em;
}
.qpt{
float: left;
width: calc(100% - 110px);
padding: 20px 20px 20px 0;
line-height: 1.4em;
}
/* FINE 4 PASSAGGI */
/* BOTTOM */
.bottom{
background-color: #242424;
padding: 30px 0;
}
.bbott{
float: left;
width: calc(33.33% - 20px);
padding: 0 20px 0 0;
line-height: 1.5em;
font-size: 15px;
}
.bbott .tito{
font-size: 18px;
font-weight: 600;
margin: 0 0 10px 0;
}
/* FINE BOTTOM */
.avvisohome{
background-color: #9E1A00;
color: #fff;
padding: 40px 20px;
text-align: center;
line-height: 1.5em;
}
}
@media all and (max-width: 1160px){
body{font-size: 15px;}
.container{max-width:930px;}
h1{
font-size: 28px;
padding: 0 0 14px 0;
margin: 0 0 14px 0;
}
h2{
font-size: 19px;
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
/* MENU */
/*
.spessoredimenu{padding: 105px 0 0 0;}
.spessoredimenucookie{padding: 136px 0 0 0;}
.bloccofixed{
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}
header{
width: 100%;
height: 100px;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
background-color: rgba(255, 255, 255, 1);
border-bottom: solid 5px #215272;
}
header .logo{
line-height: 0;
float: left;
display: inline-block;
width: 200px;
padding: 10px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background-color: #f00;
}
header .accessi{
line-height: 0;
float: right;
display: inline-block;
width: calc(100% - 200px);
height: 10px;
padding: 0 0 0 0;
text-align: right;
font-size: 14px;
line-height: 1em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background-color: #ff0;
}
header .menumobile{
display: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}*/
header .menu{
/*float: right;
display: inline-block;
width: calc(100% - 200px);
text-align: right;
padding: 38px 0 0 0;
margin: 0 0 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: 600;*/
font-size: 15px;
/*line-height: 1em;
background-color: #0ff;*/
}
/*header.smaller{
height: 70px;
border-bottom: solid 1px #215272;
box-shadow: 0px 0px 20px #737373;
background-color: rgba(255, 255, 255, 1);
}
header.smaller .logo{
width: 150px;
padding: 0;
}
header.smaller .accessi{
width: calc(100% - 150px);
height: 0px;
}
header.smaller .menu{
width: calc(100% - 150px);
padding: 37px 0 0 0;
}
ul#link {list-style: none;}*/
ul#link li {
/*-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin:0;*/
padding: 5px 10px 5px 10px;
/*display:inline-block;
position: relative;*/
}
/*header.smaller ul#link li {
margin:0;
padding: 5px;
display:inline-block;
position: relative;
}*/
ul#link li:last-child {
padding: 5px 0 5px 10px;
}
/*header.smaller ul#link li:last-child {
padding: 5px 0 5px 5px;
}
ul#link li a {
text-decoration:none;
margin:0 0 0 0;
color:#000;
}
ul#link li a:hover {
color:#54aba9;
}
ul#link li a.attivo{
color:#54aba9;
}
ul#link ul {
margin:10px 0 0 0;
padding:46px 0 0 0;
display:inline-block;
list-style: none;
display: none;
position: absolute;
top: 19px;
left: 0;
z-index:9999;
background-color: #900;
text-align: left;
}
ul#link li:hover > ul {
display: block;
visibility: visible;
}
ul#link ul li {
float: none;
display: block;
border: 0;
border-bottom: solid 1px #222;
padding: 0;
}
ul#link ul li:last-child {
border-bottom: none;
}
ul#link ul a {
padding:13px 25px;
width: auto;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
color: #222;
font-weight: 300;
}
ul#link ul a:hover {
background-color: #fff;
color:#064650
}
*/
/* FINE MENU */
/* IMMAGINONA */
.immaginona{
/*position: relative;*/
height: 500px;
/*background-size: cover;
background-position: center;
background-image: url(/res/img/immaginona.jpg);*/
}
/*.datiextra{
position: absolute;
width: 100%;
bottom: 0;
}*/
.datiextra .bbi{
/*float: left;
width: 33.33%;*/
height: 100px;
padding: 35px 0 0 0;
/*line-height: 1.1;
text-align: center;
font-weight: 600;*/
}
.datiextra .bbi .tit{
font-size: 28px;
}
.datiextra .bbi .spec{
padding: 5px 0 0 0;
font-size: 15px;
}
.datiextra .bbi:nth-child(1){
/*background-color: #215272;
background-image: url(/res/img/fondazione.png);
background-repeat: no-repeat;*/
background-size: 45px;
background-position: 50px 35px;
}
.datiextra .bbi:nth-child(2){
/*background-color: #337ba8;
background-image: url(/res/img/attestazioni.png);
background-repeat: no-repeat;*/
background-size: 45px;
background-position: 50px 35px;
}
.datiextra .bbi:nth-child(3){
/*background-color: #7ba8ca;
background-image: url(/res/img/associati.png);
background-repeat: no-repeat;*/
background-size: 45px;
background-position: 50px 35px;
}
/* FINE IMMAGINONA */
/* IN HOME */
.tih{padding: 70px 0;}
.bho{
/*float: left;*/
width: calc(50% - 30px);
line-height: 1.5em;
}
.bho:nth-child(1){padding: 0 30px 0 0;}
.bho:nth-child(2){padding: 0 0 0 30px;}
.bho .img{
/*float: left;*/
width: 60px;
padding: 0 15px 0 0;
}
.bho .txt{
/*float: left;*/
width: calc(100% - 75px);
}
/* FINE IN HOME */
/* PAGINE TESTO */
.titolosezione{
font-size: 28px;
/*font-weight: 600;
line-height: 1.5em;
background-color: #215272;*/
padding: 20px 0;
}
.testo{
padding: 20px 0;
font-size: 15px;
/*line-height: 1.5em;*/
}
.testo h1{
font-size: 19px;
/*border: none;
padding: 0 0 10px 0;
margin: 0;*/
}
/* FINE PAGINE TESTO */
/* 4 PASSAGGI */
.qsp{
padding: 25px 0 0 0;
font-size: 28px;
/*font-weight: 600;
line-height: 1.2em;
text-align: center;*/
}
.qp{
padding: 25px 0;
/*background-color: #ff0;*/
}
.qpbox{
height: 270px;
/*float: left;
width: calc(50% - 10px);
margin: 10px 10px 10px 0;*/
/*background-color: #00f;*/
}
/*.qpbox:nth-child(even){margin: 10px 0 10px 10px;}
.qpbox:nth-child(1){background-color: #a42721;}
.qpbox:nth-child(2){background-color: #d69714;}
.qpbox:nth-child(3){background-color: #2190c3;}
.qpbox:nth-child(4){background-color: #12b435;}*/
.qpn{
/*float: left;*/
/*width: 90px;
text-align: center;
font-size: 130px;
font-weight: 600;
line-height: 1em;*/
}
.qpt{
/*float: left;
width: calc(100% - 110px);
padding: 20px 20px 20px 0;
line-height: 1.4em;*/
}
/* FINE 4 PASSAGGI */
/* BOTTOM */
/*.bottom{
background-color: #242424;
padding: 30px 0;
}
.bbott{
float: left;
width: calc(33.33% - 20px);
padding: 0 20px 0 0;
line-height: 1.5em;
font-size: 15px;
}
.bbott .tito{
font-size: 18px;
font-weight: 600;
margin: 0 0 10px 0;
}*/
/* FINE BOTTOM */
}
@media all and (max-width: 990px){
body{font-size: 16px;}
.container{max-width:700px;}
h1{
font-size: 24px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
h2{
font-size: 16px;
padding: 0 0 3px 0;
margin: 0 0 3px 0;
}
/* MENU */
.displaynoneclienti{display: none}
.spessoredimenu{padding: 90px 0 0 0;}
.spessoredimenucookie{padding: 130px 0 0 0;}
header {
height:auto;
border-bottom: none;
box-shadow: 0px 0px 0px #737373;
}
header .logo {
height: 90px;
width: calc(100% - 50px);
}
header .accessi{display: none;}
header .menumobile{
width: 50px;
display: block;
float: right;
text-align: right;
padding: 27px 0 0 0;
}
header .menu{display: none;}
header.smaller{
height: 55px;
border-bottom: solid 1px #24a1a3;
box-shadow: 0px 0px 20px #737373;
}
header.smaller .logo {
width: 120px;
height: auto;
}
header.smaller .menumobile {padding:10px 0 5px 0;}
/* MENU */
/* IMMAGINONA */
.immaginona{
/*position: relative;*/
height: 400px;
/*background-size: cover;
background-position: center;
background-image: url(/res/img/immaginona.jpg);*/
}
/*.datiextra{
position: absolute;
width: 100%;
bottom: 0;
}*/
.datiextra .bbi{
/*float: left;
width: 33.33%;*/
height: 80px;
padding: 15px 0 0 0;
/*line-height: 1.1;
text-align: center;
font-weight: 600;*/
}
.datiextra .bbi .tit{
font-size: 22px;
}
.datiextra .bbi .spec{
/*padding: 5px 0 0 0;*/
font-size: 14px;
}
.datiextra .bbi:nth-child(1){
/*background-color: #215272;
background-image: url(/res/img/fondazione.png);
background-repeat: no-repeat;*/
background-size: 35px;
background-position: 30px 25px;
}
.datiextra .bbi:nth-child(2){
/*background-color: #337ba8;
background-image: url(/res/img/attestazioni.png);
background-repeat: no-repeat;*/
background-size: 35px;
background-position: 30px 25px;
}
.datiextra .bbi:nth-child(3){
/*background-color: #7ba8ca;
background-image: url(/res/img/associati.png);
background-repeat: no-repeat;*/
background-size: 35px;
background-position: 30px 25px;
}
/* FINE IMMAGINONA */
/* IN HOME */
.tih{padding: 50px 0;}
.bho{
/*float: left;*/
width: 100%;
/*line-height: 1.5em;*/
}
.bho:nth-child(1){
padding: 0;
margin: 0;
}
.bho:nth-child(2){
padding: 40px 0 0 0;
margin: 0;
}
.bho .img{
/*float: left;*/
width: 73px;
padding: 0 15px 0 0;
}
.bho .txt{
/*float: left;*/
width: calc(100% - 88px);
}
/* FINE IN HOME */
/* PAGINE TESTO */
.testosx{
/*float: left;*/
width: calc(100% - 250px);
/*background-color: #00f;*/
}
.testodx{
/*float: left;*/
position: relative;
top: 0px;
width: 230px;
/*margin: 0 0 0 20px;*/
/*background-color: #f0f;*/
}
.titolosezione{
font-size: 24px;
/*font-weight: 600;
line-height: 1.5em;
background-color: #215272;*/
padding: 15px 0;
}
.testo{
padding: 15px 0;
font-size: 15px;
/*line-height: 1.5em;*/
}
.testo h1{
font-size: 17px;
/*border: none;
padding: 0 0 10px 0;
margin: 0;*/
}
/* FINE PAGINE TESTO */
/* 4 PASSAGGI */
.qsp{
padding: 25px 0 0 0;
font-size: 28px;
/*font-weight: 600;
line-height: 1.2em;
text-align: center;*/
}
.qp{
padding: 22px 0;
/*background-color: #ff0;*/
}
.qpbox{
/*float: left;*/
width: 100%;
height: auto;
margin: 10px 0 10px 0;
/*background-color: #00f;*/
}
.qpbox:nth-child(even){margin: 10px 0 10px 0;}
/*.qpbox:nth-child(1){background-color: #a42721;}
.qpbox:nth-child(2){background-color: #d69714;}
.qpbox:nth-child(3){background-color: #2190c3;}
.qpbox:nth-child(4){background-color: #12b435;}*/
.qpn{
/*float: left;*/
/*width: 90px;
text-align: center;
font-size: 130px;
font-weight: 600;
line-height: 1em;*/
}
.qpt{
/*float: left;
width: calc(100% - 110px);
padding: 20px 20px 20px 0;
line-height: 1.4em;*/
}
/* FINE 4 PASSAGGI */
/* BOTTOM */
.bottom{
background-color: #242424;
padding: 30px 0;
}
.bbott{
float: left;
width: 100%;
text-align: center;
padding: 0 0 20px 0;
/*line-height: 1.5em;*/
font-size: 14px;
}
.bbott .tito{
font-size: 16px;
font-weight: 600;
margin: 0 0 0 0;
}
/* FINE BOTTOM */
}
@media all and (max-width: 760px){
body{font-size: 18px;}
.container{max-width:460px;}
h1{
font-size: 22px;
/*padding: 0 0 10px 0;
margin: 0 0 10px 0;*/
}
h2{
font-size: 16px;
/*padding: 0 0 3px 0;
margin: 0 0 3px 0;*/
}
/* IMMAGINONA */
.immaginona{
/*position: relative;*/
height: 350px;
/*background-size: cover;
background-position: center;
background-image: url(/res/img/immaginona.jpg);*/
}
/*.datiextra{
position: absolute;
width: 100%;
bottom: 0;
}*/
.datiextra .bbi{
/*float: left;
width: 33.33%;*/
height: 70px;
padding: 15px 0 0 0;
/*line-height: 1.1;
text-align: center;
font-weight: 600;*/
}
.datiextra .bbi .tit{
font-size: 18px;
}
.datiextra .bbi .spec{
/*padding: 5px 0 0 0;*/
font-size: 13px;
}
.datiextra .bbi:nth-child(1){
background-image: none;
/*background-color: #215272;
background-image: url(/res/img/fondazione.png);
background-repeat: no-repeat;*/
/*background-size: 35px;
background-position: 30px 25px;*/
}
.datiextra .bbi:nth-child(2){
background-image: none;
/*background-color: #337ba8;
background-image: url(/res/img/attestazioni.png);
background-repeat: no-repeat;*/
/*background-size: 35px;
background-position: 30px 25px;*/
}
.datiextra .bbi:nth-child(3){
background-image: none;
/*background-color: #7ba8ca;
background-image: url(/res/img/associati.png);
background-repeat: no-repeat;*/
/*background-size: 35px;
background-position: 30px 25px;*/
}
/* FINE IMMAGINONA */
/* IN HOME */
.tih{padding: 50px 0;}
.bho{
/*float: left;*/
width: 100%;
/*line-height: 1.5em;*/
}
.bho:nth-child(1){
padding: 0;
margin: 0;
}
.bho:nth-child(2){
padding: 40px 0 0 0;
margin: 0;
}
.bho .img{
/*float: left;*/
width: 73px;
padding: 0 15px 0 0;
}
.bho .txt{
/*float: left;*/
width: calc(100% - 88px);
}
/* FINE IN HOME */
/* PAGINE TESTO */
.testosx{
float: none;
width: 100%;
/*background-color: #00f;*/
}
.testodx{
display: none;
/*float: none;
width: 100%;
position: relative;
width: 100%;
margin: 0 0 0 0;*/
/*background-color: #f0f;*/
}
.titolosezione{
font-size: 24px;
/*font-weight: 600;
line-height: 1.5em;
background-color: #215272;*/
padding: 15px 0;
}
.testo{
padding: 15px 0;
font-size: 15px;
/*line-height: 1.5em;*/
}
.testo h1{
font-size: 17px;
/*border: none;
padding: 0 0 10px 0;
margin: 0;*/
}
/* FINE PAGINE TESTO */
/* 4 PASSAGGI */
.qsp{
padding: 25px 0 0 0;
font-size: 28px;
/*font-weight: 600;
line-height: 1.2em;
text-align: center;*/
}
.qp{
padding: 22px 0;
/*background-color: #ff0;*/
}
.qpbox{
/*float: left;
width: calc(50% - 10px);
margin: 10px 10px 10px 0;*/
/*background-color: #00f;*/
}
/*.qpbox:nth-child(even){margin: 10px 0 10px 10px;}
.qpbox:nth-child(1){background-color: #a42721;}
.qpbox:nth-child(2){background-color: #d69714;}
.qpbox:nth-child(3){background-color: #2190c3;}
.qpbox:nth-child(4){background-color: #12b435;}*/
.qpn{
/*float: left;*/
/*width: 90px;
text-align: center;
font-size: 130px;
font-weight: 600;
line-height: 1em;*/
}
.qpt{
/*float: left;
width: calc(100% - 110px);
padding: 20px 20px 20px 0;
line-height: 1.4em;*/
}
/* FINE 4 PASSAGGI */
/* BOTTOM */
/*.bottom{
background-color: #242424;
padding: 30px 0;
}
.bbott{
float: left;
width: 100%;
text-align: center;
padding: 0 0 20px 0;
line-height: 1.5em;
font-size: 14px;
}
.bbott .tito{
font-size: 16px;
font-weight: 600;
margin: 0 0 0 0;
}*/
/* FINE BOTTOM */
}
@media all and (max-width: 520px){
body{font-size: 16px;}
.container{max-width:320px;}
}
@media all and (max-width: 380px){
body{font-size: 14px;}
.container{
max-width:92%;
padding: 0 4%;
}
}