@charset "utf-8";
/* CSS Document */


/*================================== SITE ===============================================*/
body { border: 0; margin: 0px; padding: 0px; font-family: 'Encode Sans Condensed'; font-size: 15px; color: #FFFFFF; background-color: #80d6e6; background-image: url(../img/background.png); background-repeat: no-repeat; background-position: center 0; }
img { border: 0px; }
.dati { padding-top: 0px; margin-top: 408px; }
a { text-decoration: none; color: #526A79; }
.container { width: 925px; /*overflow: hidden;*/ margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; }
.row { clear: both; }
.clearfloat { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
#footer { margin-right: auto; margin-left: auto; font-size: 12px; text-align: center; width:945px;  background-color: #e86b7b; margin-bottom:20px}
#alert { height: 50px; position: absolute; background-color: #F8EA19; width: 300px; margin-top: -150px; margin-left: -150px; left: 50%; top: 50%; z-index: 100; font-style: italic; text-transform: uppercase; color: #006A2E; font-size: 16px; padding-top: 5px; padding-right: 15px; padding-bottom: 35px; padding-left: 15px; border: 10px solid #005E27; font-weight: bold; }
#alert {
	display: none;
	position: fixed;
	z-index: 10001;
	font-size: 14px;
	color: #000;
	background-color: rgba(0, 45, 71, 0.90);
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#alert .testoAlert {
	margin: 10px;
	color: #FFF;
	padding: 20px;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
h1 { font-size: 24px; color: #92BCD9; }
.popBonus { background-image: url(../img/nero_trasparente.png); height: 100%; position: fixed; z-index: 200; left: 0px; top: 0px; width: 100%; display: table; text-align: center; }
.verticalCenter { vertical-align: middle; display: table-cell; }
#login { background-image: url(../img/login.png); background-repeat: no-repeat; height: 254px; width: 552px; overflow: hidden; margin-left: 25px; padding-top: 479px; padding-left: 360px; }
#login .password {
  height: 20px;
  width: 130px;
  background-color: #FFF;
  border: 1px solid #4D81B4;
}
#login .btn_entra { background-image: url(../img/btn_entra.png); height: 46px; width: 166px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0px; background-color: transparent; margin-left: -17px; margin-top: 8px; }

ul.switch{ position:absolute; padding:0; margin: 293px 0 0 712px;list-style-type: none;}
ul.switch li{}
ul.switch a{ display: block; width: 220px; height: 33px; background-color: #4d81b4; color: #FFF; line-height: 33px; text-align: center; font-weight: bold; margin-bottom:5px }
ul.switch a:hover,ul.switch .current{ color:#1B75BB; background-color:#FFF}

ul.menu {  list-style-type: none; margin:0; padding:0}
ul.menu li { display: inline-block}
ul.menu a { display: block; width: 165px; background-color: #4D81B4; text-align: center; line-height: 57px; color:#FFF; font-weight: 700; font-size: 18px; }
ul.menu a:hover, ul.menu a.selected { color: #FFF; background-color: #e86b7b }
ul.menu .current { background-position: 0px -31px; }
ul.menu .regolamento{ background-color: #e86b7b; font-weight: 700; padding: 0 20px; margin-left: 47px}
#news {
  font-family: 'Roboto';
  margin-top: 4px;
  color: #FFF;
  font-size: 12px;
  line-height: 13px;
  padding-left: 80px;
  padding-top: 10px;
  overflow: hidden;
  background-color: #4d81b4;
  background-image: url(../img/news.png);
  background-repeat: no-repeat;
  background-position: left center;
}
#news .slider { }
#news ul { margin: 0px; padding: 0px; width: 50% }
#news li { width: 50%; list-style-type: none;  padding: 0px; display: inline-block}
#news h1 {font-size: 18px; color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 20px; }
#news .data { font-size: 12px; color: #000; }
#news .testo { padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; font-size: 14px; line-height: 16px; }
#header { background-image: url(../img/top.png); background-position: center top; height: 645px; background-repeat: no-repeat; }

.titolo{ font-size: 35px; text-align: center; padding: 10px 0;color: #4d81b4;}
/**/

/**/
.footer { margin-top: 20px; }


#tabella{ width: 100%; font-family: 'Roboto'; }
#tabella tr{  }
#tabella td{
  height: 60px;
  vertical-align: middle;
  color: #4D81B4;
  padding: 4px 10px 0 10px;
  margin: 0;
  border-bottom: 4px solid #FFF;
  font-size:18px; 
}
#tabella .colonna_1{ width: 43px; color:#FFF; padding:4px 0px 0 0px; font-size: 25px; font-weight: bold; text-align: center; background-color: #4D81B4;  }
#tabella .colonna_2{ width: 77px; text-align: center;  font-weight:bold; font-size:25px;}
#tabella .colonna_3{ width: 315px; text-align: left; position: relative}
#tabella .colonna_4{ width: 290px; position: relative; padding: 0}
#tabella .colonna_5{ width: 100px; padding:4px 0px 0 0px; font-size:25px; font-weight: bold; color:#FFF }
#tabella .colonna_6{ width: 130px; text-align: right;  font-size: 20px; font-weight: bold;  }
#tabella .color1{background-color: #F6F5F5 }
#tabella .color2{background-color: #e0dfdf }
#tabella .cella{}
#tabella .bonusko{
  background-image: url('../img/bonus.png');
	  background-position: center right;
  background-repeat: no-repeat;
  color:#4D81B4;
	padding-left:20px;
	text-align: left;
}
#tabella .bonus{
  background-image: url('../img/bonus_ok.png');

}


.up{ background-position: right -65px!important; }
.pos_1{  }
.pos_2{  }
.pos_3{  }
.footer{ margin-top: 20px; }
.popup{ background-image: url(../img/popupAgente.png); background-repeat: no-repeat; height: 427px; width: 332px; position: absolute; z-index: 5; top: -163px; margin-left: 130px; color: #000; font-size: 11px; text-align: center; display: none; }

.nome{ line-height: 26px; font-size: 15px; padding-top: 18px; }
.polizze{ line-height: 27px; color: #000000; position: relative}
.nr_polizze{ text-align: right; width: 25px; margin-left: 230px; margin-top: 4px; line-height: 17px; padding-top: 38px; color: #000; }
.click{ vertical-align: middle; margin-left: 10px; position: absolute;
  z-index: 10;  right: 4px;}
.tabellaBonus{ cursor: pointer; background-image: url(../img/popupBonus.png); height: 311px; width: 425px; position: absolute; z-index: 10; left: 50%; top: 50%; margin-top: -155px; margin-left: -212px;}
.tabellaBonus td{ height: 28px; font-weight: bold; text-align: left; font-size: 13px; }
.tabellaBonus .punti{ color: #5D3C15; text-align: right; }
#tabella th{
  font-family: 'Encode Sans Condensed';
  font-weight: 400!important;
  font-size: 18px!important;
  text-align: center!important;
  line-height: 40px;
  letter-spacing: -1px;
  padding:0!important;
  margin:0!important;
  border-bottom: 4px solid #FFF;
}
#tabella .color_th1{background-color: #2F4186; color: #FFF;}
#tabella .color_th2{background-color: #364B9B; color: #FFF;}
.colonna_4 .box{display: inline-block; width: 134px; padding:20px 5px 10px 5px; height: 68px}
.gp{
	width: 50px;
	height: 25px;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 0px -25px;
	background-image: url(../img/gp.png);
	margin-left:35px
}
.gp.sel{
	background-position: 0px 0px;
}
.soglia{ position: absolute; background-color: #BDBCBC; height: 20px; border-radius: 10px; width: 90%; top:61px; left:15px; overflow: hidden }
@keyframes barchette {
  from {left: 0}
}
@keyframes barretta {
  from {width: 0}
}
.soglia .valore{ height: 20px; text-align:center; color:#FFF; font-size:13px; line-height: 20px;;animation-duration: 1.5s; animation-name: barretta;}
.soglia .valore.color_1{background-color: #E63312;}
.soglia .valore.color_2{background-color: #F39200;}
.soglia .valore.color_3{background-color: #009640;}
.barca{ position: absolute; bottom:13px;animation-duration: 1.5s; animation-name: barchette;}
.txt-soglia{text-align: center;font-size: 12px;position: absolute;bottom: 2px;width: 100%;}