@charset "UTF-8";
@import url('//fonts.googleapis.com/css2?family=Roboto&display=swap');
html, body {margin:0; padding:0; overflow-x:hidden;}
html {font-family: 'Roboto', sans-serif; color:black; font-size:1.05em; font-weight:400; -ms-text-size-adjust:100%;}
body {background-color:#DDD;}

.container {position:relative; display:block; width:100%; max-width:1920px; height:100%; margin:0 auto; padding:0; overflow:auto;}

a:link, a:visited, a:active{text-decoration:none;color:#00C;} a:hover{text-decoration:none;color:red;}
a img {border:none;} img {max-width:100%;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCCCCC; margin:0 0 1.5em 0; padding:0;}

h1 {font-size:2.3em; font-weight:600; margin:0em 0em 0.5em 0em; color:#73BA2C;}
h2 {font-size:1.5em; font-weight:normal; margin:0.5em 0em; color:RebeccaPurple;}
h2 a {color:#0000CC;}
h2 a:hover {color:#FF0000;}
h3 {font-size:1em; font-weight:bold; margin:0 0 0.33em 0;}

.clear {clear:both;}.f-dx{float:right;}.f-sx{float:left;}.dn{display:none;}
.sx {display:inline-block; float:left;} .dx {display:inline-block; float:right;}
.txt_center {text-align:center;} .txt_right {text-align:right;}
.sx .grigio, .dx .grigio{padding:0 .5em;} 
.m-sx{margin-left:1em;} .m-dx{margin-right:1em;} .m_sx{margin-left:.5em;} .m_dx{margin-right:.5em;}
.m15-sx{margin-left:1.5em;} .m15-dx{margin-right:1.5em;} .m12-sx{margin-left:1.2em;} .m12-dx{margin-right:1.2em;} 
.m3_sx{margin-left:.3em;} .m3_dx{margin-right:.3em;}
.m-2sx{margin-left:2em;} .m-2dx{margin-right:2em;}
.m-up{margin-top:1em;} .m_up{margin-top:.5em;} .m-down{margin-bottom:1em;} .m_down{margin-bottom:.5em;} 
.pad {padding:1em;} .pad5 {padding:.5em;} .pad7 {padding:.7em;} .pad_top {padding-top:1em;} .pad_down {padding-bottom:1em;}
.mw_50{width:50%;} .mw-50{max-width:50%;}

.f10x {font-size:1.10em;}.f12x {font-size:1.25em;} .f15x {font-size:1.5em;} .f2x {font-size:2em;} .f3x {font-size:3em;} .f4x {font-size:4em;} .f5x {font-size:5em;}

.header {display:block; position:relative;}
.logo {display:block; position:absolute; top:0.5em; left:2em; background-color:#FFF; z-index:1; overflow:auto;}
.section {display:block; height:100%; margin:0; padding:3em 10em; vertical-align:top; background-color:white;}
.center {display:block; vertical-align:top; overflow:auto;}
.central {display:block; float:left; width:75%; vertical-align:top; overflow:auto;}
.aside {display:none; float:left; margin:0 0 0 3.5%; width:21.0%; vertical-align:top; border-left:1px solid #DDD; border-bottom:1px solid #DDD; overflow:auto;}
.aside h2{font-size:1em}
.menu {display:block; margin-bottom:1.5em; vertical-align:top; overflow:auto;}
.footer {display:block; margin:0; padding:1em 3em 0 2em; vertical-align:top; line-height:1.35em; color:white; background-color:#444; border-top:5px solid #ADA8D1; overflow:auto;}
.footer a{color:white;} .footer a:hover{color:#7ECC30;} .footer i {margin-right:0.5em;} 

.pre_footer{display:block; margin:2em 0 -2em 0; padding:0; vertical-align:top; line-height:1.35em; background-color:#FFF; color:#999; font-size:.8em; overflow:auto;}

.top_img{display:block; position:relative; margin:0; padding:0; background-color:#DDD; overflow:hidden;} 
.top_img img {display:block; cursor:pointer;}

.top_nav {display:block; margin:0; padding:1.15em 2em; background-color:#FFF; overflow:hidden;}
.top_nav ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.top_nav ul li {display:inline-block; margin:0; padding:0; float:left;} .top_nav li.f-dx{float:right; margin-left:1.5em;}
.top_nav a {color:#28A428;font-size:1.25em;} .top_nav a:hover, a:active {color:BlueViolet;}
.top_nav li:first-child {margin-left:8.25em;}

.top_bar {display:block; margin:0; padding:0 1em; background-color:#FFF; overflow:hidden; border-bottom:5px solid #ADA8D1; overflow:auto;}
.top_bar ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.top_bar li {float:left;} .top_bar li.f-dx{float:right;}
.top_bar li a, .dropbtn {display:inline-block; padding:1em; color:#333; text-align:center; font-weight:normal; text-decoration:none;}
.top_bar li a:hover, .dropdown:hover .dropbtn {color:#28A428;}
.top_bar li.dropdown {display:inline-block;}
.top_bar li:first-child {margin-left:8.2em;}

.top_bar .dropdown-content {display:none; position:absolute; background-color:white; border:1px solid #2E8B57; z-index:1; border-top:5px solid #B3E6C9;}
.top_bar .dropdown-content a {display:block; padding:0.75em 1em; color:#0000CC; font-weight:normal; text-decoration:none; text-align:left; border-bottom:1px solid #B3E6C9;}
.top_bar .dropdown-content a:last-child {border-bottom:none;}
.top_bar .dropdown-content a:hover {background-color:#ADA8D1; color:white;}
.top_bar .dropdown:hover .dropdown-content {display:block;}

.top_wa {display:none;}
.navbar {display:block; margin:0; padding:1em 12.6em; background-color:#FFF; font-size:.8em; overflow:auto;}
.navbar a{color:#999;} .navbar a:hover{color:#73BA2C;}
.navbar .grigio{padding:0 0.5em; color:#CCC;} .navbar .flag {margin-right:0.3em;}
.navbox {display:block; margin:0 0 1.3em 0; padding:0 0 0.5em 0; border-bottom:1px dotted #DDD; overflow:hidden;} .navbox .grigio{padding:0 0.5em;} .navbox .flag {margin-right:0.3em;}

.menu_list {list-style:none; margin:0; padding:0;}
.main_first {padding:0.75em 0.5em; background-color:#333; margin-bottom:.75em;}
.main_first a{color:#D57676;} .main_first a:hover{color:white;}
.main_link {margin-left:0.5em; padding:0.75em 0; border-bottom:1px solid #DDD;} 
.main_link a {color:green;} .main_link a:hover {color:red;}
.link-titolo {padding:0.5em 0 0 0}
.link {margin-left:0.75em; padding:0.5em 0; border-bottom:1px solid #DDD;;}
.sub-link {margin:0 0 0.5em 0.5em; border-bottom:1px solid #DDD;}
.aside ul li .grigio {margin-right:0.3em;}
.aside ul li i {margin-right:0.3em;}

.content{display:block;line-height:1.40;margin-bottom:1em;vertical-align:top;color:#555;overflow:auto;}
/*.content strong{color:#333;} .content a strong{color:#00C;}.content a strong:hover{color:red;}
.content strong a{color:#00C;}.content strong a:hover{color:red;}*/
.content ul{margin:0;margin-top:.5em;padding-left:1em;list-style-type: circle;}
.content li{margin:0 0 .5em;padding:0}

.header:after,.top_nav:after,.top_bar:after,.top_img:after,.navbox:after,.central:after,.aside:after,.footer:after,.content:after {content:"";display:block;width:100%;clear:both;}

.titolo{display:block; font-size:2.3em; font-weight:600; margin-top:1em; margin-bottom:-.5em; color:#73BA2C;}
.doc{display:block;margin-bottom:1em;overflow:auto}
.doc > a{display:inline-block}
.doc > a > img{vertical-align:middle;margin-right:.3em}
.tbl, .tbl_date, .tbl_footer {width:100%;border-collapse:collapse}
.tbl th,.tbl td{padding:.5em;background-color:#fff;vertical-align:top;border:1px solid #DDD}
.tbl th{background-color:#E9E9E9; text-align:left;}
.tbl_footer td{padding:.6em;vertical-align:top;}
.tbl_date th,.tbl_date td{padding:.35em;background-color:#fff;vertical-align:top;border:1px solid #DDD}
.tbl_bis{border-collapse:collapse}
.tbl_bis th,.tbl_bis td{padding:.5em;background-color:#fff;vertical-align:top;border:1px solid #CCC}
.tbl_bis th{background-color:#E9E9E9}
.def{width:100%;border-collapse:collapse}.def td{background-color:#fff;vertical-align:top}

.img_top{display:block;margin-bottom:1em; width:100%;}
.img_down{display:block;margin-top:1em; width:100%;}
.img_left{float:left;display:inline;margin:0 1.25em 1em 0}
.img_right{float:right;display:inline;margin:0 0 1em 1.25em}
.img_sx{display:inline;float:left;margin-right:.3em;vertical-align:middle}
.img_dx{display:inline;float:right;margin-left:.3em;vertical-align:middle}
.br{height:1em}.br_half{height:.5em}

.grid {padding:0; margin:0; text-align:justify; vertical-align:top; overflow:hidden;}
.grid ul {list-style-type:none; margin:0; padding:0; overflow:hidden}
.grid ul:after {content:"";display:inline-block; width:100%; height:0; margin:0; padding:0; clear:both;}
.grid li {display:inline-block; vertical-align:top; margin-bottom:0.5em;}
.grid li .img_grid {display:block; padding-bottom:.5em; border-bottom:3px solid #73BA2C; overflow:hidden;}
.grid li .img_content,.img_gallery {display:block; padding:0.3em 0; background-color:#DDD; overflow:hidden;}
.grid li .img_gallery {margin-bottom:.5em;}
.grid .gallery_content {margin-bottom:1em;}
.grid li .img_content:hover,.img_content:active,.img_gallery:hover,.img_gallery:active {background-color:#B4A57E;}
.grid li .img_grid:hover,.img_grid:active {border-bottom:3px solid #ADA8D1;}
.grid li .img_home {display:block; width:100%; padding:0.3em 0; background-color:#DDD; overflow:hidden;}
/*.grid li .img_home:hover,.img_home:active{background-color:#464139;}*/
.grid li div,p {margin:0.5em 0; text-align:left;} .grid li p .mwp{max-width:99%;}
.grid li p.title {display:block; margin:0; padding:0.5em; font-size:1.2em; color:white; background-color:#333;} .grid li p.title:hover{background-color:#B3E6C9; color:#333;} 
.col_1,.img_1{max-width:100%;}.col_2,.img_2{width:48%;}.col_3,.img_3{max-width:30%;}.col_4,.img_4{max-width:23%;}.col_5,.img_5{max-width:19%;}

.gallery-box{display:block; text-align:justify; margin:0; padding:0; vertical-align:top;}
.gallery-box:after {content:""; display:inline-block; width:100%; height:0; clear:both;}
.gallery {display:inline-block; margin-bottom:1em; padding:5px; background-color:#DDDDDD;}
.gallery-content {display:inline-block; vertical-align:top; margin:0; padding:0; margin-bottom:1.5em;}
.gallery-content p {margin:0; margin-bottom:1.5em; text-align:left;}
.gallery-cnt {display:none;}
.gallery-title {height:auto; padding:5px; word-wrap:break-word; background:#E9E9E9;}
.gallery-text {display:block; padding:0.5em; text-align:left; word-wrap:break-word;}
.gallery-home {display:block; padding:0.5em; text-align:left; background-color:#E9E9E9;}.gallery-home:hover {background-color:#DDD;}
.gallery-web {padding-top:0.33em; text-align:left; word-wrap:break-word;}
.gallery-img {padding:1px; background:#DDDDDD; margin-bottom:0.5em;}

.box_data {width:100%; line-height:1.3em ;margin-bottom:1em;}
.box_data-m {display:none;}

.box_grigio{display:block;background-color:#E9E9E9;margin-bottom:.5em;overflow:auto}
.box_grigio strong{display:inline-block;float:left;padding:.5em}
.box_grigio a{padding:.5em .75em} .box_grigio:after{content:"";display:block;clear:both}
.img_giallo{display:inline-block;float:left;padding:.7em;background-color:#FF6}
.close{display:inline-block;float:right;padding:.125em .5em;font-size:1.5em;font-weight:700;color:white;background-color:red}
.close:active,.close:hover{background-color:#CCC} a.close{color:white;}a.close:hover{color:red;}
.notes{border-left:.3em solid #1e90ff}
a.icon_box{color:#fff}
.icon_box{background-color:#1e90ff;cursor:pointer;border-radius:.25em}
.icon_box:hover,active{background-color:red}

.box_menu{display:block;padding:0.5em;margin-bottom:.5em;background-color:#E9E9E9;overflow:auto;}
.box_cart{display:block;padding:0.5em;margin-bottom:.5em;color:white;background-color:Green;overflow:auto;}
.box-cart{display:block;margin-bottom:.5em;color:white;background-color:#474239;overflow:auto;}
.box_head{display:block;padding:0.5em;margin-bottom:.5em;color:white;background-color:#474239;overflow:auto;}
.box_form{display:block;border:1px solid #CCC;background-color:#fff}
.box_header{display:block;margin:0;margin-bottom:.5em;background-color:#E9E9E9;overflow:auto;}
.box_header strong{display:inline-block;padding:.5em;font-size:1em;color:#00008b}
.box_field{padding:.2em .5em .7em}
.box-sx {display:block; float:left; width:45%; margin-right:1em; padding:0.5em;}
.box-dx {display:block; float:left; width:45%; padding:0.5em;}
.campo{display:block;margin-bottom:.5em}
input[type="text"], input[type="password"] {font-size:1em; color:blue; width:90%;}
input[type="submit"]{margin:.5em 0;padding:.25em .5em;color:white;background-color:red;font-size:1em;font-weight:bold;border:none;cursor:pointer;box-shadow:.25em .25em .25em #999;border-radius:.25em}
input[type="submit"]:hover{background-color:#00008b}
select optgroup{font-weight:bold;color:black;text-decoration:none;font-style:normal;}
select optgroup option{font-weight:normal;color:blue;margin-left:-.5em;}
select optgroup option:last-child{margin-bottom:.5em;}
select{text-align:left;font-size:1em;font-weight:400;color:blue;text-decoration:none;}
select option:last-child{margin-bottom:.5em;}
input[type="radio"],input[type="checkbox"]{margin-left:0;margin-right:.5em}
textarea {width:95%;}
.button {background-color:#0000CC;}
.button-red {background-color:#CC0000;}

.sidenav {display:none; position:fixed; height:100%; top:0; left:0; padding:1.5em; padding-top:0; color:white; background-color:#333; opacity:0.95; overflow-x:hidden; z-index:2;}
.sidenav ul:after {content:""; clear:both;}
.sidenav ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.sidenav li {display:block; padding:0.5em 0; color:#818181; text-decoration:none; transition:0.3s;}
.sidenav ul li:last-child {padding-bottom:5em;}
.sidenav a {color:white;}
.sidenav a:hover {color:#ADA8D1;}
.sidenav a.sidemenu {font-size:1.15em; color:#B3E6C9;}
.sidenav a.sidemenu:hover {color:white;}
.sidenav .homeside {display:inline-block; margin-top:1.25em;}
.sidenav .closeside {display:inline-block; float:right; margin-right:-0.75em; padding:0.25em 0.5em; color:white; font-size:2em;}
.sidenav a.closeside:hover {color:red;}
.sidenav .linemenu {line-height:1px; height:1px; border:0; border-top:1px solid #CCCCCC; margin:0.5em 0; padding:0;}
.sidenav i, .sidenav img, .sidenav .grigio, .sidenav .punto {margin-right:0.5em;}
.s_link {color:#7ECC30;}

.overlay {position:fixed; width:100%; top:0; bottom:0; left:0; text-align:center; background-color:rgba(50,50,50,0.95); display:none; z-index:1; overflow:auto;}
.top-modal {position:fixed; width:100%; height:auto; padding:0; top:0; left:0; text-align:center; color:white; background-color:black; z-index:999;}
.close-modal {position:relative; display:inline-block; float:right; padding:0.25em 1em; font-size:2em; cursor:pointer;}
.close-modal:hover {background-color:red;}
.close-modal:active {background-color:red;}
.center-modal {position:relative; display:inline-block; margin-left:4em; padding:1.1em; font-size:1em;}
.pn_btn {display:none;}
.prev {display:block; position:absolute; top:50%; left:0%; padding:10% 1em; font-size:2em; color:white; transform:translate(0%,-50%); -ms-transform:translate(-0%,-50%); cursor:pointer;}
.next{display:block; position:absolute; top:50%; right:0%; padding:10% 1em; font-size:2em; color:white; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%); cursor:pointer;}
.prev:hover, .prev:active, .next:hover, .next:active {color:red;}
.img_modal {display:block; max-width:100%; margin:0 auto; padding:3.4em 0 0 0; z-index:999;}
.img_modal > img {max-width:100%; max-height:100%;}
.img_caption {margin:1em auto; color:white; text-align:center;}

.slider {display:block; margin:0 auto; cursor:pointer;}
.dot_slider {position:absolute; left:12.5%; bottom:.5em; padding:1em; text-align:center; z-index:2;}
.dot {display:inline-block; width:0.75em; height:0.75em; margin-right:0.25em; margin-bottom:0.5em; background-color:transparent; border:1px solid #FFF; border-radius:50%; cursor:pointer;}
.dot:hover, .dot:active {background-color:white;}
.white {background-color:white; opacity:0.5;}
.prev-slide, .next-slide {cursor:pointer; position:absolute; top:40%; width:auto; padding:1em; color:white; font-weight:normal; font-size:2em; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none;} .next-slide {right:0; border-radius:3px 0 0 3px;}
.prev-slide:hover, .next-slide:hover {color:white; background-color:rgba(0,0,0,0.8);}

.bg_bianco {background-color:white;}.bg_blu {background-color:blue;} .bg_giallo{background-color:#FFFF99;}

button {margin:.5em 0; padding:0.5em 0.75em; background:#CC0000; color:white; font-size:1.05em; border:none; cursor:pointer; border-radius:.15em;} button:hover{background-color:Green;}
.grigio {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#666666;}
.red {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#CC0000;}
.punto {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666666;}
.bianco{color:white;}.blu{color:#0066FF;}.rosso{color:red;}.verde{color:green;}.green{color:#99FF99;}.gold{color:gold;}.lime{color:lime;}.aqua{color:aqua;}.giallo{color:yellow;}.brown{color:brown;}.marrone{color:#532611;}.fsmall{font-size:smaller;}.crimson{color:crimson;}.purple{color:purple;}.viola{color:#ADA8D1;}
.testo_sx {display:block; float:left; text-align:left;}
.testo_dx {display:block; float:right; text-align:right;}
.testo_barrato {text-decoration:line-through;}
.titolo_blu {font-weight: bold;	color:#0066FF;}
.titolo_rosso {font-weight: bold; color:#CC0000;}

.zoom {animation:animatezoom 0.6s;}@keyframes animatezoom{from{transform:scale(0);} to{transform:scale(1);}}
.opacity{animation:opac 1s;}@keyframes opac{from{opacity:0;} to{opacity:1;}}
.sx_move{animation:animateleft 0.4s;}@keyframes animateleft{from{left:-20em;opacity:0;} to{left:0;opacity:1;}}
.dx_move{animation:animateright 0.4s;}@keyframes animateright{from{left:0em;opacity:1;} to{left:-20em;opacity:0;}}

.mb_on{display:none}.mb_in{display:none}.portrait{display:none}

@media only screen and (max-width:1024px){
.logo {left:1.5em;}
.section {padding:1.5em;}
.navbar {padding:1em 2em;}
.footer {padding:1.5em 1.5em 0 1.5em;}
.pre_footer{margin-bottom:-1em;}
.navbar {padding:1em 1.5em;}
.tbl_date{font-size:.9em;}
.top_wa {display:block; background-color:#464139; overflow:auto;}
.top_wa a{display:inline-block;padding:.5em 1em; color:#fff; font-size:1.2em;}
.top_wa a:hover,a:active{color:#0f0}
.img_left{float:left;display:inline;margin:0 1em 1em 0}
.img_right{float:right;display:inline;margin:0 0 1em 1em}
}

@media only screen and (min-width:320px) and (max-width:768px) {
.logo {top:0.7em; left:3%;}
.top_nav {padding:1.5em; border-bottom:5px solid #ADA8D1;}
.top_nav li:first-child {margin-left:3.5em;}
.top_bar {display:none;}
.navbar {padding:1em 1em}
.section {padding:1.5em;}
.aside{display:none}
.central{float:none;margin:0;width:100%}
.footer .sx{float:none;margin:0; margin-bottom:1.5em; width:100%} .footer .dx{float:none;margin:0;width:100%}
.navbox{margin-bottom:.7em;overflow:auto}
.navbox .grigio,.navbox .sx grigio{padding:0 .25em}
.mb_block{display:block;float:none;width:100%;margin:0;padding:0}
.footer .dx{margin:0; margin-top:1em;}
.portrait{display:none}
.landscape{display:block}.land_in{display:inline}
.mb_off{display:none}.mb_on{display:block}.mb_in{display:inline}
.center-modal{margin-left:0}.close-modal{padding:.25em .5em}
.prev{display:none}
.next{display:none}
.pn_btn{position:relative;display:inline-block;float:left;font-size:1.5em;padding:.5em}
.pn_btn:hover{background-color:red}.dot_slider{padding:.5em 1em}.dot{width:.5em;height:.5em}
.grid li p.title {font-size:1.12em; font-weight:bold;}
}

@media only screen and (min-width:320px) and (max-width:768px) and (orientation:portrait){
h1{font-size:1.5em;}
.dot {display:none;}
.top_nav li:first-child {margin-left:3em;}
.top_nav li.f-dx{margin-left:1em;}
.section {padding:1em;}
.navbar .sx{float:none;overflow:auto}
.content{line-height:1.5}
.img_left{display:block;float:none;margin:0 0 1em 0;}
.img_right{display:block;float:none;margin:0 0 1em 0;}
.mb_off{display:none}.mb_on{display:block}.mb_in{display:inline}
.mw_50{width:100%;}
.mw-50{max-width:100%;}
.portrait{display:block}
.landscape{display:none}.land_in{display:none}
.mb_no{display:none}
.box_data{display:none}
.box_data-m{display:block;border:1px solid #CCC}
.box-sx{display:block;float:left;width:95%;margin-right:0;padding:.5em}
.box-dx{display:block;float:left;width:95%;padding:.5em}
.grid li .img_gallery{padding:0}
.col_1,.col_2,.col_3,.col_4,.col_5{display:block;max-width:100%;margin-bottom:1em;text-align:left}
.col_2{width:100%;}
.img_4{max-width:48%;} .img_5{max-width:18%;}
}