/* CSS Document */

<!--

@media print { 
	.noprint { display: none !important; }
	body { font-family: Arial, Helvetica, sans-serif !important; color: #000000 !important; }
}

@media screen { 
	.noscreen { display: none; }
}

html { /*overflow-y: scroll;*/ }
body { background-color:#ffffff; margin:0; font-family: 'Roboto', sans-serif; font-size:14px; color: #333333; }

.clear { clear: both; }

table { font-family: 'Roboto', sans-serif; font-size:14px; color: #333333; border-color:#999999; border-collapse:collapse; }
.titolo { background-color:#ececec; }
.titolo.scuro { background-color:#c0c0c0; }
td { line-height:22px; border-color:#999999; /*padding-right:5px;*/ }
.tabColonna tr td:first-child { background-color:#ececec; padding-right:8px; padding-left:8px; }
.tabColonna tr td:last-child { padding-left:8px; }

a:link, a:visited { text-decoration:none; color:#F15A24; }
a:hover, a:active { text-decoration:none; color:#496bb3; }

h1 { font-size:36px; color: #820f22; text-align:center; margin: 20px auto 30px; }
h2 { font-size:28px; color: #820f22; }
h3 { text-align:center; }
.orange { color:#F15A24; }
.blu { color:#496bb1; }
.titoloparagrafo { font-size:18px; color: #000000; }
.testobig { font-size:26px; color: #000000; }
.testosmall { font-size:12px; } 

.tipoTelefoni { font-size: 20px !important; line-height:30px; }
.tipoTelefoni .nominativo { font-size:15px; }
.tipoTelefoni i.fas { font-size:18px; }

/*.principale { width:100%; }*/

.full { width:90%; margin:0 auto; }
.fixedw { max-width:900px; margin:0 auto; }
.fixedw.large { max-width:1100px; margin:0 auto; }
.fixedw > div.half { width:50%; float:left; margin-bottom:20px; }
.flot { float:left; margin-right:20px; }

.angarr { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#666 0px 2px 3px; -moz-box-shadow:#666 0px 2px 3px; box-shadow:#666 0px 2px 3px; }
.SmallSelect { float:left; height:70px; margin-right:20px; }
.SmallSelect select { font-size:16px; }

p { margin:0px; }
ul { margin:0px; }
ol { margin:0px; }

hr { border-bottom:1px solid #999999; border-left:none; border-right:none; border-top:none; margin-top:20px; margin-bottom:20px; }

input {
	border:1px solid #333333;
	height:40px;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#333333;
	margin:1px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea { 
	border:1px solid #333333; 
	font-family: 'Roboto', sans-serif; 
	font-size:22px; 
	color:#333333; 
	margin:1px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
select { 
	border:1px solid #333333; 
	height:40px; 
	font-family: 'Roboto', sans-serif; 
	font-size:22px; 
	color:#333333;
	margin:3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button, input[type="submit"], input[type="button"], .button {
	border:none;
	height:40px;
	max-width:300px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin:3px 0;
	background: rgb(59,89,152);
	background: linear-gradient(0deg, rgba(130,15,34,1) 0%, rgba(192,38,44,1) 50%, rgba(130,15,34,1) 100%);
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover { background: rgb(40,64,113); background: linear-gradient(0deg, rgba(40,64,113,1) 0%, rgba(75,109,182,1) 50%, rgba(40,64,113,1) 100%); }

input[type="file"] {
	font-family: 'Roboto', sans-serif !important;
	font-size:16px !important;
}

button.scheda, input[type="button"].scheda {
	background:#cccccc;
	color:#333333;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	position:relative;
	margin-bottom:-1px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
button.scheda:first-child, input[type="button"].scheda:first-child { margin-left:0px; }
button.scheda.attiva, input[type="button"].scheda.attiva { background:#ececec; border-bottom:1px solid #ececec; }

a.btnSmall {
	border:none;
	color:#FFFFFF !important;
	margin:3px 0;
	display:inline-block;
	padding:2px 0px;
	width:95%;
	text-align:center;
	background-color:#496bb1;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
a.btnSmall:hover { background: rgb(40,64,113); background: linear-gradient(0deg, rgba(40,64,113,1) 0%, rgba(75,109,182,1) 50%, rgba(40,64,113,1) 100%); }


.paginazione { text-align:center; font-size:18px; margin:10px 0; }
.paginazione span { display:inline-block; width:20px; text-align:center; }

.fas.big { font-size:24px !important; }

/*******************************************
**   HEAD
*******************************************/

#testa { position:fixed; width:100%; height:240px; z-index:999; }

#logomenu { background-color:#820f22; color:#FFF; height:120px; }
#testa a { color:#f9a54a; }
#testa a:hover { color:#FFF; }

.logo { float:left; width:240px; margin:25px 0 0 50px; }
.logo img { width:100%; }

.menu { float:right; margin:32px 50px 0 0; }
.menu > div { float:right; }

#nav { margin-top:20px; padding:0; list-style:none; }
#nav li { float:left; display:block; margin:0 0 0 30px; position:relative; z-index:500; }
#nav li a { display:block; height:25px; padding-top:10px; color:#FFFFFF; text-decoration:none; }
#nav li a.attivo { color:#f9a54a; }
#nav li a:hover { color:#f9a54a; }

/* submenu */
#nav ul { width:180px; position:absolute; left:-20px; display:none; margin:0 0 0 -1px; padding:0; list-style:none; background-color:#891225; border-top:8px solid #891225; border-bottom:8px solid #891225; }
#nav ul li { width:180px; float:left; margin:0;  }
#nav ul a { text-align:left; padding:8px 0 0 15px; display:block; color:#FFFFFF; }
#nav ul a:hover { text-decoration:none; color:#f9a54a; }
#nav ul a.selected { color:#f9a54a; }
#nav ul a.first { padding-top:14px; }
#nav ul a.last { padding-bottom:10px; }

/* fix ie6 small issue */
*html #nav ul { margin:0 0 0 -2px; }

#winali { background-color:#ececec; height:120px; }
#table_fotoUtenti { background-color:#ececec; padding-top:9px; }

/*******************************************
**   MAIN
*******************************************/

.dummy { height:240px; }


.evidenza { border: 1px solid #333333;height:40px; font-family: 'Roboto', sans-serif; font-size: 22px; color: #333333; margin:3px 1px 1px 1px; cursor:pointer; }
.check { border: 1px solid #333333;height:10px; font-family: 'Roboto', sans-serif; font-size: 22px; color: #333333; margin:3px 1px 1px 1px; }


@media only screen and (max-width: 1500px) {
	.highres { display:none !important; }
}
@media only screen and (max-width: 1400px) {
	.midres { display:none !important; }
}
@media only screen and (max-width: 1250px) {
	.lowres { display:none !important; }
	#areastampabile { overflow-x:hidden !important; }
	#nav li { margin:0 0 0 20px !important; }
	.logo { margin: 25px 0 0 30px; }
}

@media only screen and (min-width: 1025px) {
	.mobile { display:none; }
}

@media only screen and (max-width: 1024px) {
	
	html, body { overflow-x: hidden; }
	#areastampabile { overflow-x: scroll; }
	
	.pc { display:none !important; }
	
	.dummy { display:none !important; }
	
	.fixedw { width:96%; margin:0 auto; }
	.fixedw > div.half { width: 100%; float: none; }
	.fixedw > div.half table { width: 100% !important; }
	.full { width:96% !important; }
	.flot { float:none !important; margin-right:0 !important; width:100%; }
	

	h1 { font-size:26px; margin: 20px auto 30px; }
	input { max-width:100% !important; }
	
	.logo { width:200px; margin:15px 0 0 15px; }
	.menu { float:left; margin:15px 0 0 15px; }
	
	#testa { position:static !important; height:130px !important; }
	
	/* MENU */
	#menu-mobile {
		display:block;
		position:absolute;
		right:15px;
		top:20px;
	}
	#menu {
		position:absolute;
		background-color:#820f22;
		float:none !important;
		margin-top:0 !important;
		z-index: 9999;
		
		/*right: -250px;*/
		right:0;
		display:none;
		
		top:0 !important;
		height: 100%;
		width: 250px !important;
		/*
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		*/
	}
	#overlay {
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1000px;
		background-color:#333;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		z-index: 9998;
	}
	#close-menu {
		position:absolute;
		top:10px;
		right:15px;
		z-index:999;
	}
	.sideOpen { 
		overflow:hidden !important;
		position:fixed !important;
		width:100% !important;
		height:100% !important;
	}
	.sideOpen #menu { 
		/*right: 0;*/
		display:block;
		
		overflow-y: scroll !important;
		position:absolute !important;
	}
	#nav {
		float:none !important;
		margin-top:40px !important;
	}
	#nav li {
		float:none !important;
		margin:0 !important;
	}
	#nav li.sub {
		background-image: url(images/freccia_submenu_right.png) !important;
		background-position: right !important;
	}
	#nav li a {
		height: 45px !important;
		line-height: 35px !important;
		padding-left:12px !important;
		border-bottom:1px solid #c3491d !important;
		text-align: left !important;
	}
	/* submenu */
	#nav ul {
		width: 100% !important;
		position: static !important;
		border-top:0 !important;
	}
	#nav ul li {
		width: 100% !important;
	}
	#nav ul a {
		padding:0 0 0 12px !important;
		line-height: 50px !important;
		border-bottom:1px solid #a23913 !important;
	}
	
	#winali { height:130px; }
	#winali iframe { height:120px !important; }
	
}


.griglia { border-collapse:separate; border-top:1px solid #666 !important; border-left:1px solid #666 !important; border-right:none !important; border-bottom:none !important; }
.griglia tr { border-left:1px solid #666 !important; border-top:1px solid #666 !important; border-right:none !important; border-bottom:none !important; }
.griglia tr td { border-right:1px solid #666 !important; border-bottom:1px solid #666 !important; border-left:none !important; border-top:none !important; }

.vertical {
	width:16px !important;
}
.vertical span {
	display:block;
	margin-top:230px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);    
	transform:rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.stickytop { position: -webkit-sticky; position: sticky; top:120px; background-color:#FFF; z-index:999999; }
.stickytop2 { position: -webkit-sticky; position: sticky; top:0; background-color:#FFF; z-index:999999; }
.stickyside { position: -webkit-sticky; position: sticky; left:0; background-color:#FFF; z-index:99; }
.stickyside2 { position: -webkit-sticky; position: sticky; left:52px; background-color:#FFF; z-index:99; }
.flagged { background-color:#f9a54a; text-align:center; font-weight:bold; }


.planrow104 { display:none !important; }

-->