* {margin: 0; padding: 0; font-family: 'Questrial', sans-serif;  font-size: 17px; color: #004A8F; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.clearfix::after {content: ""; clear: both; display: table}
body {background: #FFF}
a {text-decoration: none}
a:hover {color: #13ab05}
.attivo {color: #13ab05}
ul {font-size:0; list-style: none}
.elenco_puntato {list-style: square inside}

.citazione {font-size: 15px; color: #0090FF; font-style: oblique}

.inversione {font-weight: 700; color: #13ab05}
.inversione:hover { color: #004A8F}

.hspace10 {width: 100%; min-width:320px; height: 10px; clear: both; display: block}
.hspace30 {width: 100%; min-width:320px; height: 30px; clear: both; display: block}

#vismenu {display: none; cursor: pointer; position: absolute; top:10px; right:10px; z-index: 200}
.show {display:none} 

#wrapper_testata {margin: 10px 2% 10px 2%; width: 96%}
#testata {margin: 0 auto; width: 100%; max-width:960px}
#wrapper_testata ul {width: 100%; list-style: none; font-size:0}
#wrapper_testata ul li {display: inline-block; vertical-align:top}
#testata_sx {width:20%; font-size:0}
#testata_dx {width:80%; font-size:0}
#testata_dx ul {width: 100%; list-style: none; font-size:0}
#testata_dx ul li {width: 100%; display: inline-block}

#menu {margin:33px 0 0 0; width: 100%;  text-align: right; z-index: 100;}

#menu ul li {width:auto; padding: 0px 10px 0px 10px; display: inline-block; vertical-align:top; font-size: 18px; text-align: right}
#menu ul li a {vertical-align:top; font-size: 18px}
#menu ul li a:hover {color: #13ab05}
#menu ul li.attivo {color: #13ab05}

@media screen and (max-width:940px)
{
#vismenu {display: block}

.show {display:inline-block!important;} 

#testata_sx {width:100%; text-align:left}

#menu {display: none; margin: 0; padding: 20px 60px 20px 20px; width: auto; position:absolute; right:0; top: 0; background:rgba(195, 231, 255, 0.985)}
#menu ul li {width:120px; padding: 15px 0 15px 0; display: block; width: 100%; position:relative; text-align: left; border-right: none}
#menu ul li a {display: block; color: #16417C}
}

@media screen and (max-width:380px)
{
  #wrapper_testata {margin: 0px} 
  #testata {padding: 10px 50px 0px 10px}
  #testata_sx_img {width: 100%}
}

#ss {width:100%; position:relative; font-size:0}
.img_hp {width:100%; display:block}
.hidden {position:absolute; top:0; left:0}

.wrapper_100p {width:100%;}
.grigio {background: #F0F0F0}
.paragrafo_img_testo {margin: 0px auto; width:100%; min-width:320px; max-width:960px; letter-spacing: 1px; line-height:20px}
.padding_std {padding: 2%}
.giustificato {text-align:justify}
.centrato {text-align:center}
.titolo_pagina {margin: 0px auto; padding: 0 0 40px 0; width:100%; min-width:320px; max-width:960px; letter-spacing: 1px; font-size: 34px; color: #004A8F; text-align: center; font-weight: 700}

.testo_dx, .testo_sx  {
  display: table;
}

.testo_dx_txt, .testo_sx_txt  {
  display: table-cell;
  vertical-align: top;
  text-align: justify;
  
}

.img_sx {margin: 4% 2% 4% 2%; width:34%; float: left}
.testo_dx {margin: 4% 2% 4% 2%; width:54%; float: right}

.img_dx {margin: 4% 2% 4% 2%; width:34%; float: right}
.testo_sx {margin: 4% 2% 4% 2%; width:54%; float: left}

@media screen and (max-width:920px)
{

.testo_dx, .testo_sx  {height:auto;}
.img_sx {margin: 30px 2% 10px 2%; width: 96%}
.testo_dx {margin: 30px 2% 30px 2%; width: 96%}

.img_dx {margin: 30px 2% 10px 2%; width: 96%; float: left}
.testo_sx {margin: 30px 2% 30px 2%; width: 96%; float: right}
}

.titolo {color: #0090FF; font-size: 18px; font-weight: 700}

#news_wrapper {padding: 30px 0 30px 0; width: 100%; clear: both}
#news {margin: 0 auto; width: 960px}
#news ul li {padding: 30px; width:320px; display: inline-block; vertical-align:top; font-size: 18px; text-align: center}
.titolo_news {color: #00274B; font-size: 18px; font-weight: 700; width:100%; height: 100px}
.testo_news {color: #00274B; font-size: 17px; width:100%; height: 120px}
.continua_news {color: #13ab05; font-size: 17px; width:100%; height: 40px}
.continua_news:hover {color: #00274B}

@media screen and (max-width:980px)
{
#news {width: 640px}
}

@media screen and (max-width:660px)
{
#news {width: 320px}
}

#contatti_wrapper {padding: 30px 0 30px 0; width: 100%; clear: both}
#contatti {margin: 0 auto; width: 960px}
#contatti ul li {padding: 30px; width:320px; display: inline-block; vertical-align:top; font-size: 18px; text-align: center}
.titolo_contatti {color: #00274B; font-size: 18px; font-weight: 700; width:100%; height: 100px}
.testo_contatti {color: #00274B; font-size: 17px; width:100%; height: 150px}

@media screen and (max-width:980px)
{
#contatti {width: 640px}
}

@media screen and (max-width:660px)
{
#contatti {width: 320px}
}

#wrapper_footer {width: 100%; background: rgb(195, 231, 255); height:auto}
#footer {margin: 0px auto; width: 100%; min-width: 320px;  max-width: 960px}
#footer ul {width: 100%}
#footer ul li {padding: 2%; width: 29%; height: auto; display: inline-block; text-align: left; vertical-align: top; font-size: 13px; color: #FFFFFF}
.footer_titolo {font-size: 23px; color: rgb(18, 19, 102); font-weight: 700}
.footer_testo {font-size: 15px;color: #333;line-height: 17px}
.footer_a {font-size: 15px; color: #333; text-decoration:none}

@media screen and (max-width:959px)
{
#footer ul li  {width:96%; text-align: center}
}

#cprgt_wrapper {min-width:320px; width: 100%; clear: both; background: rgb(182, 216, 238); text-align: center}
#cprgt {margin: 0 auto; padding: 2%; width: 96%; color:#555; font-size: 11px}
#cprgt a {color:#555; font-size: 11px}


#apri_privacy, #apri_cookies {cursor:pointer; color:#555; font-size: 11px}
.chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:30px; top:30px;  cursor:pointer;}

.overlay{
    background:#000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
	cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	
}

#box_privacy, #box_cookies {padding: 20px; background-color:#FFF; display:none; z-index:+300; position:absolute; left:30px; right: 30px; overflow: scroll}