@CHARSET "UTF-8";
/*
ATTENZIONE! 
file in dismissione! quello attuale è main.css
*/

a:link img, a:visited img {border-style:none} 

div#principale {background-color:white; width:1000px; margin:auto;}
div#h1div {height:37px;padding:5px 0px 0px 0px; }
div#h1div p {font-family:Arial; font-size:18px; color:#4e7dc7;}	
div#h1div p a,div#h1div p a:visited {text-decoration:none; color:#4e7dc7; margin-right:6px;}	
div#h1div p a:hover {text-decoration:underline; color:#4e7dc7;}	
p#payoff {float:right; margin-top:12px; }
p#changelang {float:left; margin:12px 103px 0px 0px;}
div#h2div {clear:left; background-color:white; width:1000px; text-align:right;}	
a#updown img {border:0; margin-right:8px; margin-top:5px;}
div#h2div p {font-size:10px; text-align:right; position:relative; right:8px;}
div#h2div p a {text-decoration:none; color:inherit;}

div#h3div {height:26px; border-bottom:solid 1px #4e7dc7;}

p#headLogin {float:right;  position:relative; margin:0; padding:5px 10px 0 0; width:auto;}
p#headLogin a {text-decoration:none; font-weight:normal; color:#4e7dc7;}
p#headLogin img {background:url('/comimg/utente/profile3.gif') 0 0; width:23px; height:15px;}

div#menuleft {float:left; width:173px; margin:0;  padding:0; height:100%; text-align:left;} /* utilizzato per la transizione */

p#headSegnala a img {padding-right:4px}
 
div#pagina {float:left; width:815px; padding:0 0 40px 10px; text-align:justify; color:#111;}
div#pagina h1 {font-family:"Roboto",sans-serif; font-size:24px; text-decoration:none; color:#4e7dc7; margin:6px 0 6px 0; font-weight:bold;}
div#pagina h2 {font-family:"Roboto",sans-serif; font-size:18px; text-decoration:none; color:#4e7dc7; margin:6px 0 6px 0; font-weight:bold;}
div#pagina h3 {font-family:"Roboto",sans-serif; font-size:16px; text-decoration:none; color:#4e7dc7; margin:15px 0 6px 0; font-weight:bold;}
div#pagina p {line-height:18px; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina p a,div#pagina p a:VISITED {font-family:"Open Sans",sans-serif; font-size:inherit; color:#4e7dc7; text-decoration:underline;}

div#pagina ul {line-height:135%; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina ul li {line-height:135%; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina ul li a {color:#4e7dc7; text-decoration:none;}

div#f1div {clear:both; text-align:center; width:1000px; padding:20px 0 20px 0; border-top:solid 1px #4e7dc7; color:black; font-size:10px;}
div#f1div a,div#f1div a:visited {color:black; text-decoration:none;}

div#pagina p.testoSmall, .testoSmall {font-size:12px;}

div.bannerTxt {border:solid 1px #4e7dc7; text-align:center; font-size:12px; width:158px; height:58px; margin:7px 0 7px 6px; padding:0;}
div.bannerTxt a {color:#4e7dc7; padding-top:20px; text-decoration:none;}
div.bannerImg {margin:5px 0 5px 6px; padding:0;}
div.bannerImg img {width:160px; height:60px; background-color:#edf2f9;}

.arrow {font-family:Helvetica, Arial, sans-serif; font-size:14px; }
a.arrow, a.arrow:hover, a.arrow:visited {color:#4e7dc7; text-align:left; text-decoration:none;  font-weight:bold;}
a.testo14,a.testo14:VISITED {font-family:"Open Sans",sans-serif; font-size:14px; color:#4e7dc7; text-decoration:underline;}
.red {color:#d00 !important;}
a.red {color:#d00 !important; text-decoration:none !important;}
.b {font-weight:bold !important;}
.cs {color:#4e7dc7 !important;}

/* bottone2Big_d e bottone2Big_m sono le classi utilizzate nelle hpOp la desinenza indica la versione desktop e la versione mobile*/
.bottone2, .bottone2Big, .bottone2Big_d, .bottone2Big_m {cursor:pointer; font-family: "Open Sans", sans-serif; color:#4e7dc7; border-width:1px 2px 2px 1px; border-color:#4e7dc7; border-style:solid; background-color:#e6ebf2;}
.bottone2 {font-size:12px; border-radius:3px; text-decoration:none !important; padding:1px 6px;}
.bottone2Big, .bottone2Big_d {font-size:14px; border-radius:5px; padding-left:10px; padding-right:10px; height:30px; font-weight:bold;}
a.bottone2Big, a.bottone2Big_d { text-decoration: none; line-height: 27px; height: 27px;}
.bottone2Big_d {width:155px;}
.bottone2Big_m  {font-size:26px !important; border-radius:5px; padding-left:10px; padding-right:10px; height:55px; font-weight:bold;}
.bottoneCerca {width :130px; margin-top :10px; margin-bottom :10px;}
.bottoneCercaSpento {border-color:grey; color:grey; font-weight:normal;}
.bottoneContattaTutti {float:right;}

.postiLettoOver {padding:2px 5px; white-space:nowrap; border:1px solid #c1c1c1; background:#fff; font-family:arial; font-size:12px;}

/* style delle toolbar */
div#TBmytoolbar {clear:both; position:fixed; bottom:0; z-index:40; width:1000px;}
div#TBinfo {background:white;padding-top:5px;}
div#TBinfo div#TBinfobar {border-top :2px solid #1e4c8a; border-left:2px solid #1e4c8a; border-right:2px solid #1e4c8a; border-bottom :1px solid #1e4c8a; background:#e6ebf2;}
div#TBinfo div#TBinfobar table {padding:5px 0px 5px 5px;}
div#TBinfo div#TBinfobar table td#TBsito {color:#4e7dc7;text-align:center;font-size:14px;}
div#TBsegnapostoTool {clear:both; width:1000px; height:60px; color:red;}
div#TBtoolbarchiudi {font-family:Verdana,Arial,sans-serif; font-size:12px;color:#1e4c8a; text-decoration:none;float:right;padding:3px;cursor:pointer;text-align:right;}
.TBtoolbarlabel {font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; color:#1e4c8a; text-decoration:none; text-align:right;}
.TBtoolbartesto {font-family:helvetica,sans-serif; font-size:12px; text-decoration:none; color:black;}
/* fine style delle toolbar */

.orange,a.orange {color:#ff9c1b;}

/* style per i tooltips */
span.tipjs {position:relative; cursor:default;}
span.tipjs span.tipOverjs {position:absolute; padding:2px 5px; white-space:nowrap; border:1px solid #c1c1c1; top:-2px; left:-9999px; background:#fff; z-index:6; font-family:arial; font-size:12px;}

.trat {cursor:default; font-size:13px;}
.sepTrat {margin:2px 4px;}

span.hptipjs {position:relative; cursor:default; margin:3px 5px;}
span.hptipjs span.hptipOverjs {position:absolute; padding:10px; white-space:nowrap; border:2px solid #c1c1c1; top:-2px; left:-9999px; background:#fff; filter:alpha(opacity=93); -moz-opacity:.93; opacity:.93; z-index:30; font-family:arial; color:#4e7dc7; font-size:14px;}

span.optipjs {position:relative; cursor:default;}
span.optipjs span.optipOverjs {position:absolute; padding:8px 10px; white-space:nowrap; border:1px solid #c1c1c1; top:-7px; left:-9999px; background:#fff; z-index:6; font-family:arial;  font-weight:normal; color:black; line-height:140%; font-size:13px;}

span.op2tipjs {position:relative; cursor:default;}
span.op2tipjs span.op2tipOverjs {position:absolute; padding:8px 10px; white-space:nowrap; border:1px solid #c1c1c1; top:-10px; left:-9999px; background:#fff; z-index:6; font-family:arial;  font-weight:normal; color:black; line-height:140%; font-size:13px;}

span.tastoBlu {
	background-color: #4e7dc7;
	background-image: none;
	border: medium none;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 15px;
}

/* style per messaggio salvato */
.xb-saved { position: fixed; z-index: 100; right: 20%; bottom: 20%; text-align: center; background-color: #fff; border: 2px solid #4caf50; }
.xb-saved-content { padding: 3px 17px; color: #4caf50; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; text-align: center; }
.xb-saved-content::after { content: " \2713"; }

.poppy-modal * {
	box-sizing: border-box;
}

.poppy-modal-box__content {
	line-height: normal !important;
}
/*

.poppy-modal {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.poppy-modal--show {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	visibility: visible;
	opacity: 1;
}

.poppy-modal--align {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	
	background-color: rgba(0, 0, 0, .65);
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	overflow-y: scroll;
*/
/* 	-webkit-overflow-scrolling: touch; // serve nei dispositivi iOS a non bloccare lo scrool al rilascio del dito */
/* 	user-select: none; */
/*
	cursor: pointer;
}

.poppy-modal--noOverlayClose {
	cursor: default;
}

.poppy-modal__close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	
	background-color: transparent;
	border: none;
	color: #000;
	cursor: pointer;
	font-size: 32px;
	margin: 0;
	padding: 0;
}
.poppy-modal__close:hover {
	color: #000;
}

.poppy-modal-box__header .poppy-modal__close,
.poppy-modal-box__header .poppy-modal__close:hover {
	color: #fff;
}

.poppy-modal-box {
	background-color: #fff;
	cursor: auto;
	flex-shrink: 0;
	margin: auto;
	opacity: 1;
	position: relative;
	width: 100%;
	max-width: 600px;
}

.poppy-modal-box__content {
	font-size: 16px;
	padding: 40px 30px 30px;
}

.poppy-modal-box__stickyClose {
	position: sticky;
	top: 0;
	background-color: #fff;
	height: 40px;
}
.poppy-modal-box__stickyClose + .poppy-modal-box__content {
	padding-top: 0;
}

.poppy-modal-box__header {
	background-color: #4e7dc7;
	cursor: auto;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	padding: 18px 20px;
	z-index: 10;
}

.poppy-modal-box__header--sticky {
	position: sticky;
	top: 0;
}

.poppy-modal-box__footer {
	background-color: #f5f5f5;
	cursor: auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 15px 20px;
}

.poppy-modal-box__footer--sticky {
	position: sticky;
	bottom: 0;
}

.poppy-modal-box__footer--reverse {
	flex-direction: row-reverse;
}

.poppy-modal-box__footer button {
	background-color: #4e7dc7;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 18px;
	padding: 8px 40px;
	text-decoration: none;
	cursor: pointer;
}

.poppy-modal-box__footer--reverse button {
	margin-right: 0;
	margin-left: 18px;
}

.poppy-enabled {
	overflow: hidden;
}

@media (min-width: 480px) {
	.poppy-modal-box {
		width: 75%;
	}
}
@media (min-width: 600px) {
	.poppy-modal-box {
		margin-top: 6%;
		width: 70%;
		max-width: 600px;
	}
}
@media (min-width: 1024px) {
	.poppy-modal-box {
		margin-top: 8%;
		width: 60%;
		max-width: 600px;
	}
}
*/