@font-face
{
	font-family: "avg";
	src: url("./img/fonts/texgyreadventor-regular.otf");
}
@font-face
{
	font-family: "avgbold";
	src: url("./img/fonts/texgyreadventor-bold.otf");
}
@font-face
{
	font-family: "avglight";
	src: url("./img/fonts/texgyreadventor-regular.otf");
}

@font-face
{
	font-family: "MonsHair";
	src: url("./img/fonts/Montserrat-Hairline.otf");
}
@font-face
{
	font-family: "MonsLight";
	src: url("./img/fonts/Montserrat-Light.otf");
}
@font-face
{
	font-family: "MonsReg";
	src: url("./img/fonts/Montserrat-Regular.otf");
}
@font-face
{
	font-family: "MonsBold";
	src: url("./img/fonts/Montserrat-Bold.otf");
}

@font-face
{
	font-family: "Deja";
	src: url("./img/fonts/DejavuSerif-Italic.ttf");
}

*
{
	box-sizing:border-box;
}

body
{
	--larghbody: 1180px;
	--separat: 8px solid white;
	--altseparat: 8px solid white;
	--colseparat: 8px solid white;
	margin: 0;
	font-family: MonsLight;
	font-size: 22pt;
	overflow-x:hidden;
}

h1 , h2 , form , header ul
{
	margin:0;
}

h1
{
	z-index: 100;
}

a
{
	color:#2B3990;
	text-decoration:none;
}

main
{
	min-height: calc(100vh - 475px);
}

.interno
{
	width:var(--larghbody);
	margin:0 auto;
	padding-bottom:30px;
}

.showblocks .interno,
.showblocks div
{
	outline:1px dashed red;
}

#loginbar
{
	color:white;
	font-size:16pt;
	padding:10px 0;
	text-align:right;
	font-family: MonsReg;
	background-color:#527C00;
}

#loginbar .interno
{
	display:flex;
	justify-content:flex-end;
}

#loginbar a
{
	color:inherit;
	margin:0 10px;
	font-family: inherit;
}

#logobar .interno
{
	display:flex;
	padding:20px 0;
}

#logobar .interno #strillo
{
	text-align:right;
	margin-left:80px;
}

#logobar .interno #strillo > a
{
	color:white;
	display:inline-block;
	background-color:#A91316;
	padding:0 30px;
	font-family: MonsReg;
	font-size:19pt;
}

#logobar .interno #strillo > div
{
	color:#A6A6A6;
	font-size:20pt;
	margin-top:25px;
	font-family: Deja;
}

#logobar .interno #strillo > div b
{
	color:#5E8601;
	font-weight:normal;
}

#ricerca
{
	color:#000000;
	padding:20px 0;
	background-color:#A8C16B;
	border-bottom:var(--separat);
}

#ricerca h1
{
	font-size:30pt;
	font-family: MonsLight;
	text-align:center;
	margin-bottom:20px;
}

#ricerca .interno form
{
	display:flex;
	position:relative;
	padding-bottom:42px;
}

#ricerca .interno form .fconds
{
	flex-grow:1;
	display:flex;
}

#ricerca .interno form .fcmds
{
	flex-grow:0;
}

#ricerca select,
#ricerca #filterok,
#ricerca input[type="search"]
{
	font-family:MonsReg;
	height:32px;
}

#ricerca select
{
	font-size:18pt;
}

#ricerca select[value=""],
#ricerca select option.anyvalopt
{
	color:gray;
}

#ricerca input[type="search"]
{
	font-size:22pt;
	position:relative;
	top:3px;
}

#ricerca select,
#ricerca input[type="search"]
{
	width:calc(100% - 20px);
	max-width:calc(100% - 20px);
}

#ricerca #filterok
{
	border:0;
	color:white;
	font-size:18pt;
	padding:1px 15px;
	background-color:black;
}

#ricerca .condlbl,
#ricerca #filterko,
#ricerca .interno form > span:first-child
{
	display:none;
}

#ricerca select,
#ricerca input[type="search"],
#ricerca input[type="search"]::placeholder
{
	border:0;
	color:black;
	max-width:100%;
}

#ricerca .cond
{
	flex-grow:0;
	flex-basis:calc((100% - 10em) / 2);
	/*max-width:calc(100% / 3);*/
}

#ricerca .cond#province_idregione_box
{
	flex-basis:10em;
}

#ricerca .condopts
{
	display:inline-block;
	width:100%;
}

#ricerca #advfilters
{
	right:0;
	bottom:0;
	color:black;
	font-size:14pt;
	position:absolute;
	display:none;
}

#listahome, .area, #logincen
{
	color:#000000;
	background-color:#ECEFDF;
}

#listahome .interno h2
{
	color:#527C00;
	font-size:24pt;
	padding-top:30px;
	font-family:MonsReg;
	font-weight:normal;
}

#listahome #aziendeh
{
	--aziende-numero-colonne:4;
	--aziende-spazio-colonne:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
    margin-top:var(--aziende-spazio-colonne);
}

#prodsazi
{
    margin-top:20px;
    position:relative;
}

#prodsazi .list
{
    padding-top:40px;
}

.aziendam
{
	flex-grow:0;
    flex-basis:calc((100% - (var(--aziende-numero-colonne) -1) * var(--aziende-spazio-colonne)) / var(--aziende-numero-colonne) );
	min-height: 320px;
    padding: 9px;
    font-family: MonsLight,sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    position: relative;
    margin-bottom:var(--aziende-spazio-colonne);
    box-shadow: 2px 2px 9px 3px #727272;
}

.aziendam .aziendah
{
	color:black;
	display:flex;
	font-size:12pt;
	padding:3px 8px;
	justify-content:space-between;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background-color:#BEBBB8;
}

.aziendam .aziendah .aziendapro
{
	color:white;
}

.aziendam .aziendal
{
	display:block;
	position:relative;
	margin-top:5px;
}

.aziendam .aziendal .tipolog
{
	left:0;
	top:10px;
	color:white;
	min-width:60%;
	font-size:11pt;
	position:absolute;
	white-space:nowrap;
	font-family:MonsReg;
	padding:2px 5px;
	background-color:#DB6B17;
}

.aziendam .fotoaz
{
	width:100%;
	height:auto;
	object-fit:cover;
	aspect-ratio: 255 / 125;
}

.aziendam .aziendanom
{
	color:#325B17;
	font-size:11pt;
	font-family:MonsReg;
	font-weight:normal;
	margin:6px 0;
}

.aziendam .aziendanom a
{
	color:inherit;
}

.aziendam .aziendades
{
	font-size:10pt;
}

.aziendam .aziendacon
{
	color:#7B7588;
	font-size:11pt;
	margin-top:20px;
	margin-left:10px;
}

.aziendam .aziendacon ul
{
	list-style:none;
	padding-left:20px;
}

.aziendam .aziendacon ul img
{
	vertical-align:middle;
	margin-right:10px;
}

.aziendam .aziendacon ul li
{
	margin-bottom:10px;
}

.aziendam .aziendacon ul li a
{
	color:black;
	font-family:MonsLight;
}

.aziendam .aziendaf
{
	color:white;
	font-size:12pt;
	display:block;
	text-align:center;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color:#A91316;
    padding:3px 0;
	font-family:MonsLight;
}

.aziendam .aziendaf a
{
	color:white;
    padding:3px 0;
}

#perche
{
	color:#000000;
	background-color:#F3F4EF;
	border-top:var(--separat);
}

#perche .interno
{
	color:black;
	display:flex;
	padding:35px 0;
	justify-content:space-between;
}

#perche .interno > div
{
	font-size:14pt;
	font-family:MonsLight;
	position:relative;
	padding-bottom:calc(55px + 1em);
	flex-basis:calc((100% - 200px) / 3);
}

#perche .interno > div h2
{
	display:flex;
	font-size:20pt;
	align-items:center;
	margin-bottom:18px;
}

#perche .interno > div:first-child h2,
#perche .interno > div:first-child > div > a,
#perche .interno > div:first-child > a
{
	color:#A91316;
}
#perche .interno > div:nth-child(2) h2,
#perche .interno > div:nth-child(2) > a
{
	color:#527C00;
}

#perche .interno > div:nth-child(3) > a
{
	color:#6B6C6F;
}

#perche .interno > div h2 img
{
	float:left;
}

#perche .interno > div > a
{
	right:0;
	bottom:0;
	position:absolute;
}

{
	right:0;
	bottom:0;
	position:absolute;
}

footer
{
	color:#ffffff;
	font-size:12pt;
	background-color:#527C00;
	border-top:var(--separat);
	padding-bottom:40px;
}

footer .interno
{
	display:flex;
	font-family:MonsHair;
	justify-content:space-between;
}

footer .interno a
{
	color:inherit;
	font-family:inherit;
}

footer .interno h5
{
	font-size:16px;
	font-weight:normal;
	font-family:MonsReg;
	margin-bottom:10px;
}

footer .interno > *
{
	flex-grow:1;
	flex-basis:20%;
}

footer .interno > nav:first-child
{
	flex-grow:2;
	flex-basis:40%;
}

footer .interno > nav > ul
{
	width:100%;
	display:flex;
}

footer .interno > nav:first-child > ul > li
{
	flex-basis:50%;
}

footer .interno ul
{
	margin:0;
	padding:0;
	list-style:none;
}

footer .interno #social img
{
	height:40px;
	width:auto;
}

footer .interno li > a,
footer .interno h5 + a
{
	font-size:12pt;
}

footer .interno li ul li
{
	margin-bottom:10px;
}