/* STILE per tutte le pagine */

/* STILE del body */
html, body{
	margin:0; 
	font-family: 'Open Sans', sans-serif;
	height:100%;
	}
/* fine stile body */



/* STILE generale dei link */
a:link {
	color:#808080;
	text-decoration:none;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	}
	
a:hover { 
	color: #000000; 
	text-decoration:underline; 
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	}
	
a:active { 
	color:#000000;
	text-decoration:underline;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	}
	
a:visited {
	color:#808080;
	text-decoration:none;
	font-style:normal; font-family: 'Open Sans', sans-serif;
	}
	
/* fine stile link */



/* STILE GRIGLIA PRICIPALE delle pagine, dimensioni 5 righe x 3 colonne */
.pagecontainer{
	display: grid;
		grid-template-columns: [iniz-col] 10% [col-2] 80% [col-3] 10% [fin-col];
		grid-template-rows: [iniz-rig] 100px [rig-2] 50px [rig-3] auto [rig-4] 220px [rig-5] 40px [fin-rig];
		grid-template-areas: 
			"header header header"
			"menusx menucenter menudx"
			"contenuto contenuto contenuto"
			"footertop footertop footertop"
			"footerbottom footerbottom footerbottom";
	grid-gap: 0px 0px;
	margin:0;
	}

/* STILE Header */
.header{
	grid-area:header;
	background-image: linear-gradient(#3576C4, #5682D0);
	}
 
.header_logo{
	margin-left:10%;
	width:100px;
	height:100px;
	}
/* fine stile Header */

/* STILE div menù */
.menusx {
	grid-area:menusx;
	background: /*#5682D0*/#333333/*rgb(9,99,128)*/;
	}

.menucenter{
	height:50px;
	background:#5682D0;
	}

 .menudx {
	grid-area:menudx;
	background:#333333;
	}
/* fine STILE div menù */

/* STILE div contenuto */
.contenuto{
	grid-area:contenuto;
	background: rgb(255,255,255);
	padding-bottom:5%;
	}
/* fine STILE div contenuto */

/* STILE div footer compreso lo stile dei contenuti, la footer è divisa in footertop e footerbottom */

/* STILE div footertop */
.footertop{
	grid-area:footertop;
	background:rgb(53,118,196);
	}


/* stile contenuto footertop */

#cont_footertop{
		display:flex;
		justify-items:content;
		position:relative;
		left:10%;
		width:80%;
		height:auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

@media (min-width:1152px) {	
	div#footerservizi{
		float:left;
		clear:right;
		padding:0px 50px 0px 0px;
		margin:0px 0px 0px 0px;
		overflow:none;
		width:25%;
		max-height:220px;
		font-family: 'Open Sans', sans-serif;
		font-size:9pt;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
}

@media (max-width:1151px) {
div#footerservizi{
		float:left;
		clear:right;	
		padding:0px 0px 0px 0px;
		margin:0px 5px 0px 5px;
		overflow:none;
		width:33.3%;
		max-height:220px;
		font-family: 'Open Sans', sans-serif;
		font-size:9pt;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
		
.divcancdow{
		display:none;
		}
}


/* titolo dei servizi nei div footerservizi della footertop */
p.footerservizi_tit{
	text-align:left;
	text-decoration:underline;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:10pt;
	color:#ffffff;
	}

p.footerservizi_testo{
	text-align: left;
	line-height:1.5;
	padding-left:10px;
	}

p.gdpr{
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	line-height:0;
	}

@media (max-width:719px) {
.divcanc{
		display:none;
    }
	
div#footerservizi{
		padding:20px 0px 0px 0px;
		margin:0px 5px 0px 5px;
		overflow:none;
		width:100%;
		max-height:220px;
		font-family: 'Open Sans', sans-serif;
		font-size:9pt;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
		
p.footerservizi_tit{
		text-align:center;
	}

p.gdpr{
		text-align:center;
		
		padding-top:5px;
		line-height:5px;
	}
}

/* fine STILE div footertop */


/* STILE div footerbottom */
.footerbottom{
	grid-area:footerbottom;
	text-align: center;
	background: #333333;
	}

.testofooterbottom{
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	}
/* fine STILE div footerbottom */


/* STILE CONTENITORE dei pulsanti Social, accedi, area personale e logout */

div.boxpulsantihead{
	float:right;
	width:auto;
	height:100px;
	margin:0 10% 0 0;
	border:0px solid red;
}

/* STILE pulsante LOGIN e button */

@media (min-width:480px) {
div.box_posizionetasto{
	float:right;
	margin:2% 0% 1% 0;
	padding:0;
	}
}

@media (max-width:479px) {
div.box_posizionetasto{
	display:none;
	}
}

div.boxlogoutenti{
	float:left;
	width:auto;
	height:auto;
}

/* STILE pulsante LOGIN */
div#boxaccedi{
	display:flex;
	align-items:center;
	width:100px; 
	height:40px;
	margin:5px 5px;
	border-radius:3px;
	border:1px solid #ffffff;
	background:/*#306AB0*/;
}

div#boxaccedi:hover{
	display:flex;
	align-items:center;
	width:100px; 
	height:40px;
	margin:5px 5px;
	cursor:pointer;
	border-radius:3px;
	border:1px solid #ffffff;
	background:rgb(0,131,193);
}

div.boxtestoaccedi{
	float:left;
	width:auto;
	height:auto; 
	color:#ffffff;
}


p.titaccedi{
	float:left;
	padding-right:10px;
	font-size:10pt;
}

/* FINE STILE pulsante LOGIN */

/* STILE BUTTON esci */
div.boxesci {
	display:flex;
	align-items:center;
	justify-content:center;
	width:90px; 
	height:40px;
	margin:5px 5px;
	border-radius:3px;
	border:1px solid rgb(255,255,255);
	background:/*#306AB0*/;
}

div.boxesci:hover{
	display:flex;
	align-items:center;
	justify-content:center;
	width:90px; 
	height:40px;
	cursor:pointer;
	margin:5px 5px;
	border-radius:3px;
	border:1px solid rgb(255,255,255);
	background:rgb(0,131,193);
}

button.button_esci{
	float:left;
	font-family:'Open Sans', sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: rgb(255,255,255);
	background:none;
	border-width:0;
	cursor:pointer;
}
/* FINE STILE BUTTON esci */

/* STILE BUTTON Social */

div.boxsocial{
	display:flex;
	flex-flow:row nwrap;
	align-items:center;
	justify-content:center;
	clear:left;
	width:100%;
	padding:0;
	margin:2% 1% 2% 0;
}

p.testoseguimi{
	display:block;
	font-size:10pt;
	font-style:italic;
	color:white;	
}

div.box_iconasocial{
	display:flex;
	margin:0 4px;
}

/* FINE STILE BUTTON Social */