@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html, body {min-width:100vw; min-height:100vh; margin:0; padding:0; overflow-x:hidden;}
html {font-family:"Roboto",sans-serif; color:black; font-size:1.05em; font-weight:400; font-style:normal; -ms-text-size-adjust:100%;}
body {background-color:#B4A57E;}

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

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;}

button {margin:1em 0; padding:0.5em 1em; background:red; color:white; font-size:1.5em; font-weight:bold; border:none;}
.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;}.gold{color:gold;}.lime{color:lime;}.aqua{color:aqua;}.fsmall{font-size:smaller;}
.bg_blu {background-color:blue;}
.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;}
.times{font-family:"Times New Roman", Times, serif;}
.pink{color:#E9967A;} .palepink{color:#F3C6A5;} .t{color:#464139;}

h1 {font-size:1.5em; font-weight:normal; margin:0em 0em 0.5em 0em; color:brown;}
h2 {font-size:1.2em; font-weight:500; margin:0em 0em 0.5em 0em; color:brown;}
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;}
.sx {display:inline-block; float:left;} .dx {display:inline-block; float:right;}
.txt_center {text-align:center;} .txt_right {text-align:right;} .txt_left{text-align:left;}
.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;} 
.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-down{margin-bottom:1em;}
.mw_50{width:50%;} .mw-50{max-width:50%;}

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

.header {display:block;}
.section {display:block; height:100%; margin:0; padding:3em; vertical-align:top; background-color:white; overflow:hidden;}
.center {display:block; vertical-align:top; overflow:hidden;}
.central {display:block; float:left; margin:auto; width:75%; vertical-align:top; overflow:hidden;}
.aside {display:block; float:right; margin:0 0 0 3.5%; width:21.5%; vertical-align:top; overflow:hidden;}
.aside h2{font-size:1em}
.menu {display:block; margin-bottom:1.5em; vertical-align:top; overflow:auto;}
.footer {display:block; margin:0; padding:1.5em 1em 0 1em; vertical-align:top; line-height:1.35em; color:white; background-color:#464139; border-top:5px solid Indianred; border-bottom-left-radius:1em; border-bottom-right-radius:1em; overflow:auto;}
.footer a{color:white;} .footer a:hover{color:Indianred;} .footer i {margin-right:0.3em;}
.wrapper {display:block; background-color:#464139; overflow:auto;}

.top_nav {display:block; padding:0.75em 1em 0.75em 2em; background-color:white; border-bottom:5px solid Indianred; 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;}
.top_nav a {padding:0.5em; color:#50472f;} .top_nav select {margin:1em;}
.top_nav a:hover, a:active {color:Indianred;}
.top_nav i {padding-top:0.75em; font-size:1.75em;}

.top_img{display:block; position:relative; margin:0; padding:0; background-color:white; border-bottom:5px solid #B4A57E; overflow:hidden;}
.top_img img {display:block; cursor:pointer;}

.top_bar {display:block; margin:0; padding:0 2em; background-color:#464139; overflow:hidden; 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:0.75em 1em; color:white; text-align:center; font-weight:normal; text-decoration:none;}
.top_bar li a:hover, .dropdown:hover .dropbtn {background-color:Indianred;}
.top_bar li.dropdown {display:inline-block;}
.top_bar img {margin-right:0.3em;}

.top_bar .dropdown-content {display:none; position:absolute; background-color:white; border:1px solid #CCC; z-index:1}
.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 #CCC;}
.top_bar .dropdown-content a:last-child {border-bottom:none;}
.top_bar .dropdown-content a:hover {background-color:#DDD; color:red;}
.top_bar .dropdown:hover .dropdown-content {display:block;}

.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_link {padding:0.5em 0; border-bottom:1px dotted #999;} 
.main_link a {color:black;} .main_link a:hover {color:red;}
.link-titolo {padding:0.5em 0 0 0}
.link {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.25;margin-bottom:1em;vertical-align:top;overflow:auto}
.content ul{margin:0;padding-left:1em}
.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-weight:700;margin-bottom:.33em}
.doc{display:block;margin-bottom:1em;overflow:auto}
.doc > a{display:inline-block}
.doc > a > img{vertical-align:middle;margin-right:.3em}
.tbl{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}
.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}
.img_down{display:block;margin-top:1em}
.img_left{float:left;display:inline;margin:0 1em 1em 0}
.img_right{float:right;display:inline;margin:0 0 1em 1em}
.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 {padding:5px;border:1px solid #DDD;}
.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_home {display:block; padding:0.3em 0; background-color:#B4A57E; overflow:hidden;}
.grid li .img_home:hover,.img_home:active{background-color:Indianred;}
.grid li div,p {margin:0.5em 0; text-align:left;}
.grid li p.title {display:block; margin:0; padding:0.5em; font-size:1.2em; color:white; background-color:#464139;} .grid li p.title:hover{background-color:Indianred;} 
.col_1,.img_1{max-width:100%;}.col_2,.img_2{max-width:48%;}.col_3,.img_3{max-width:31.5%;}.col_4,.img_4{max-width:23%;}.col_5,.img_5{max-width:19%;}

.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:.5em;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_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}
.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:#464139; 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:#A59D90;}
.sidenav a.sidemenu {color:white; font-weight:bold;}
.sidenav a.sidemenu:hover {color:#A59D90;}
.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.3em;}

.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; cursor:pointer;}
.dot_slider {position:absolute; left:0; bottom:0; padding:1em; text-align:center; z-index:1;}
.dot {display:inline-block; width:0.75em; height:0.75em; margin-right:0.25em; background-color:transparent; border:1px solid #FFF; cursor:pointer;}
.dot:hover, .dot:active {background-color:white;}
.white {background-color:white;}

.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} .portrait{display:none}

@media only screen and (max-width:1024px){
.container{width:100%; margin:0;}
.top_nav {padding:0.5em 0.75em; border-top-left-radius:0em; border-top-right-radius:0em;}
.section {padding:1em;}
}

@media only screen and (min-width:320px) and (max-width:768px) {
.container {width:100%; margin:0;}
.top_bar {display:none;}
.logo img{max-width:70%; padding:0;}
.top_nav a.m-up {margin-top:0.3em;}
.top_nav a {margin:0; padding:0;} .top_nav i {padding-top:0em; font-size:1.5em;}
.central{float:none;margin:0;width:100%;}
.aside{display:none;}
.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;}
.mb_off{display:none;}
.mb_on{display:block;}
.portrait{display:none;}
.landscape{display:block;}
.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){
.container {width:100%; margin-left:0em; margin-right:0em;}
.navbox .sx{float:none;overflow:auto}
.content{line-height:1.5}
.img_left{display:block;float:none;margin-bottom:1em}
.img_right{display:block;float:none;margin-bottom:1em}
.mb_on{display:block}
.mw_50{width:100%;}
.mw-50{max-width:100%;}
.portrait{display:block}
.landscape{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_5,.img_5{max-width:23%;}
.col_1,.col_2,.col_3,.col_4,.col_5{display:block;max-width:100%;margin-bottom:1em;text-align:left}
} 

@media only screen and (min-device-width:768px) and (max-device-width:1024px){
.container {width:100%; margin:0;}
}