@charset "utf-8";
/* CSS Document */
#cont-main {width:100%;max-width:1000px;margin:0 auto;padding:0 20px;}
* {margin:0;padding:0; box-sizing:border-box;}
html {font-family: 'Roboto', Verdana, Calibri, sans-serif;font-size:16px;}
body {background-color:#E5E5E5;}
#container {width:100%;max-width:900px;padding:25px;background-color:#FFFFFF;margin:20px auto;/*border:1px #2B6FA0 solid;*/ border: 3px solid transparent;-moz-border-image: -moz-linear-gradient(top right, #FC913A 0%, #9FCFFF 100%);-webkit-border-image: -webkit-linear-gradient(top right, #FC913A 0%, #9FCFFF 100%);border-image: linear-gradient(to bottom left, #FC913A 0%, #9FCFFF 100%);border-image-slice: 1;}
#content {padding-bottom:15px;}
#box-dati {margin:0 0 20px 0;border:2px #2B6FA0 solid; background-color:#FFFFC4;padding:0 10px;}
#footer {width:100%;padding:15px 0 0 0;}
/* Testo */
h1 {color:#2B6FA0;font-size:24px;font-weight:700;font-family: 'Roboto', Verdana, Calibri, sans-serif;margin:30px 0;padding:20px 0;border-top:2px #2B6FA0 solid;border-bottom:2px #2B6FA0 solid;text-align:center;}
h2 {color:#F58220;font-size:20px;font-weight:700;font-family: 'Roboto', Verdana, Calibri, sans-serif;margin:0 0 5px 0;}
h3 {color:#999999;font-size:18px;font-weight:700;font-family: 'Roboto', Verdana, Calibri, sans-serif;margin:0 0 5px 0;}
h4 {color:#2D4C85;font-size:16px;font-weight:700;font-family: 'Roboto', Verdana, Calibri, sans-serif;margin:0 0 20px 0;}
h5 {color:#2B6FA0;font-size:18px;font-family: 'Roboto', Verdana, Calibri, sans-serif;text-align:right;font-weight:400;}
p {padding:0 0 30px 0;line-height:22px; text-align:justify;}
ul {padding:0 0 30px 20px;}
p span {color:#2B6FA0;}
.duecolonne p {padding:0 40px 30px 0;}
#box-dati p {padding:10px 0;margin:0;}
#box-dati p span {font-weight:700; width:40%; display:inline-block;}
a img {border:none;text-decoration:none;}
/* Immagini */
img {max-width:100%;height:auto;}
.spunta {width:20px;width:17px;}
.img-center {display:block; margin:0 auto;}
/* Bottone */
.bottone {display:block;margin:0 auto;background-color:#F07E00; color:#FFF; text-decoration:none; padding:10px 20px;width:280px;text-align:center;border-radius:7px}
/* Classi varie */
.duecolonne {width:50%;float:left;}
.colonna {width:27%;padding:0 3% 0 0;float:left;}
.clear {clear:both;height:0;padding:0;margin:0}
.centrato {display:block;margin:0 auto;}
.txt-center {text-align:center; text-align-last:center;}
.space {padding:10px 0;}
#cont-main {width:100%;max-width:1000px;margin:0 auto;padding:0 20px; text-align:center;}
.body {text-align:center;}
/* Ombra */
.shadow {box-shadow: 1px 1px 5px #999999;}
/* Firma */
#firma {width:100%;max-width:900px;margin:0 auto 20px auto;}
.firma-td {width:25%;border-right:1px solid #F60;float:left;}
.firma-td:nth-of-type(4) {border-right:none;}
.firma-td-large {width:100%;margin:20px 0 0 0;}
#firma p {padding:0; font-size:14px; text-align:center;}
#firma span {display:block; text-align:center;}
#firma .firma-td-large p {padding:0 0 10px 0;}
/* Flex */
.box-flex {display:flex; justify-content: space-between;}
.box-flex.v-align-center {align-items:center;}
.w-70 {width:68%;}
.w-65 {width:63%;}
.w-60 {width:58%;}
.w-40 {width:38%;}
.w-35 {width:33%;}
.w-30 {width:28%;}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
/* TABLET */
#container {width:100%;padding:20px 0;margin:20px 0;text-align:center;}
#header {width:100%;padding:0 2%;}
#logo {display:block;margin:0 auto 20px auto;}
.duecolonne, .colonna {width:100%;float:none;}
#content {width:100%;padding:2%;}
p {text-align:center;}
ul {padding:0 0 15px 0; list-style-type:none;}
li {padding:0 0 5px 0;}
.bottone {margin:0 auto 20px auto;}
.firma-td {width:50%;}
.firma-td:nth-of-type(2), .firma-td:nth-of-type(4) {border-right:none;}
#cont-main {width:100%;padding:0 20px;}
.box-flex {flex-direction:column;}
.w-70, .w-30 {width:100%;}

}

@media only screen and (max-width: 480px) { 
/* TELEFONI */
#container {width:100%;padding:20px 0;margin:20px 0;text-align:center;}
#header {width:100%;padding:0 2%;}
#logo {display:block;margin:0 auto 20px auto;}
.duecolonne, .colonna {width:100%;float:none;}
#content {width:100%;padding:2%;}
p {text-align:center;}
ul {padding:0 0 15px 0; list-style-type:none;}
li {padding:0 0 5px 0;}
.bottone {margin:0 auto 20px auto;}
.nascosto {display:none;}
h5 {text-align:center;}
/*.firma-td {width:100%;float:none;border:none;}*/
.firma-td {width:50%;margin:0 0 20px 0;}
.firma-td:nth-of-type(2), .firma-td:nth-of-type(4) {border-right:none;}
#cont-main {width:100%;padding:0 20px;}
}