@charset "UTF-8";

html body{
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	background-color: #fff;
	color: #000;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
}

a {
	text-decoration:none;
	color:#666;
	-webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

a:hover{
	text-decoration:none;
	color:#00bcd4;
}
a:focus{
	text-decoration:none;
	color:#00bcd4;
}

img{border:0;}
.clear{clear:both;}
.spacer{height:60px;}
.spacer10{ height: 10px;}
.spacer20{ height: 20px;}
.padding20{padding: 3%;}
.margin20{margin: 20px 15px; padding-top:20px;}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
.cornice{border: 1px solid #dedede;}
.txtblu{color: #00bcd4;}
.bordertop {border-top: 1px solid #dadada;}
.borderbottom {border-bottom: 1px solid #dadada;}
.bordertopbottom {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.borderblu{border-bottom: 2px solid #00bcd4; padding-bottom: 10px;}
.inline { display: inline;}
.floatleft{ float:left;}
.floatright{ float:right;}
.lite{ font-weight:300;}

/* COLORI */

.red{color: #CC0000;}

.blu1{color: #00bcd4;} /* accent 1 */
.blu2{color: #4dd0e1;} /* accent 1 hover */
.blu3{color: #00838f;} /* accent 2 */
.blu4{color: #006064;} /* accent 1 hover */

.grigio1{color: #000000;} /* link secondari */
.grigio2{color: #555555;} /* link secondari hover */
.grigio3{color: #555555;} /* testi */
.grigio4{color: #8d8d8d;} /* icone secondarie */
.grigio5{color: #a3a3a3;} /* icone secondarie hover */
.grigio6{color: #eeeeee;} /* cornice widget */
.grigio7{color: #dedede;} /* hr, elementi inattivi */
.grigio8{color: #f0f0f0;} /* sfondo */

/* PESI */

.b300{font-weight: 300;}
.b500{font-weight: 500;}
.b600{font-weight: 600;}
.b700{font-weight: 700;}
.b800{font-weight: 800;}

/* SFONDI */

.bggrey {
	background-color:#f0f0f0;
	width:100%;
	max-width: 1022px;
	position: relative;
	margin: 0 auto;
}

.bgwhite {
	background-color: #FFF;
	width: 100%;
	position: relative;
	margin-bottom: 22px;
}

.bgblack {
    background-color: #000000;
    width: 100%;
    max-width: 1022px;
}

/* MENU SECONDARIO */

nav{
	float:right;
	width:100%;
	margin:0;
	padding:0;
	font-size:16px;
}

nav ul{
	padding:0;
	margin:0;
}

nav li{
	color:#000000;
	padding: 20px 0;
    font-size: 14px;
    list-style-type: none;
    border-bottom: 1px solid #8d8d8d;
}

nav li:hover, nav li.attivo{
	border-bottom: 2px solid #00bcd4;
}

nav .attivo{
	border-bottom: 2px solid #00bcd4;
}

nav .attivo a{
	color: #00bcd4;
}

nav li a{
	color:#000000;
	text-decoration:none;
}
nav li a:hover{
	color:#00bcd4;
}

nav select{
	-webkit-appearance: none;
	appearance: none;
    -webkit-border-radius: 0px;
	border-radius: 0px;
    padding: 10px 4%;
    font-size: 14px;
	color: #fff;
	background-color: #000;
	background-origin: content-box;
    border-bottom: 1px solid #8d8d8d;
    border-radius: none;
	display: none;
}

nav option{font-size:14px; background-color:#8d8d8d; color:#FFF}

nav select:hover{
	background-color: #000000;
	color: #FFF;
}

/* TASTO TONDO */

.botsocial{
	text-align:right;
	width:100%;
}

.btnround [class^="icon-"]:before {
	color: #FFF;
	line-height: 32px !important;
	font-size:18px;
}

.btnround {
	display: inline-block;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
    margin: 0 0 0 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* text-align: center; */
    /* position: relative; */
    /* z-index: 1; */
    /* color: #08264f; */
}

.fbk{background-color: #3b5998;}
.twt{background-color: #00aced;}
.ins{background-color: #125688;}
.gpl{background-color: #dd4b39;}


a.btnround {color:#FFF !important;}
a:hover.btnround {color:#4dd0e1 !important;}

.btnround:hover, .btnround:focus {
	color: #FFF;
	background-color: #e0f7fa;
}

.soc{background-color: #FFFFFF;}
a.soc.btnround {color:#00838f !important}
a:hover.soc.btnround {color:#FFFFFF}
.soc:hover, .soc:focus {
	color: #FFF;
	background-color: #006064;
}

/* TESTATA ------------------------------------------- */

	#fascia-top {
		height:70px;
		width:100%;
		position:fixed;
		display:block;
		z-index:1000;

		float:left;
		position:fixed; /* importante per top variabile in scroll */
		top:0; /* importante per top variabile in scroll */
		left:0; /* importante per top variabile in scroll */
		z-index:1000; /* importante per top variabile in scroll */
	}

	#header-top {
		height:70px;
		width:100%;
		max-width: 1022px;
		background-color:#00bcd4;
	}

	#header-top .content {
		width:97%;
		margin: 0 3% 0 0;
		text-align:left;
	}

	.tags img {
		padding-top: 20px;
	}

	.contentpage {
		width:94%;
		max-width: 960px;
		text-align:left;
		margin:0 auto;
	}

/* TOP LOGO */

	#toplogo {
		float: left;
		text-align: left;
	}

	#toplogo div {
		font-family: 'Raleway', sans-serif;
		font-size: 44px;
		font-weight: 700;
		letter-spacing: 1px;
		/*background-color: #4dd0e1;*/
		/*padding-left:30px;*/
        /*padding-left:10px;*/
		/*width: 155px;*/
        width: 190px;
		line-height: 70px;
        box-sizing: content-box;
        text-align: center;
	}

	#toplogo div a{
        line-height: 50px;
		/*color: #e0f7fa;*/ 						/* colore standard */
        color: #FFF;
	}

	#toplogo div span{
		color: #FFF; 							/* colore standard */
		font-weight: 900;
	}
    .txtBeta {
        font-size: 16px;
        color: #fff;
        font-weight: 600 !important;
    }
/* FINE TOP LOGO ----------------------------------------*/


/* MENU ICONE DX */

	#menuservtop{
		float: right;
		text-align: right;
		margin-right: 3%;
        height: 70px;
		-webkit-transition: .3s;
        transition: .3s;
	}

	#menuservtop i{
		margin:0 0 0 10px;
	}

	#menuservtop [class^="flaticon-"]:before, #menuservtop [class*=" flaticon-"]:before,
	#menuservtop [class^="flaticon-"]:after, #menuservtop [class*=" flaticon-"]:after {
		font-size: 28px;
		margin-left: 0px;
		vertical-align:super;
		line-height:70px;
		-webkit-transition: .3s;
        transition: .3s;
	}

	#menuservtop a [class^="flaticon-"]:before{
		color: #b2ebf2;											/* colore standard */
		transition: color 0.4s ease;
	}

	#menuservtop a:hover [class^="flaticon-"]:before{
		color: #FFF;
	}

	#menuservtop [class^="flaticon-home"]:before{
		font-size: 34px;
		line-height:initial;
		-webkit-transition: .3s;
        transition: .3s;
	}

    .imgavatar {
        /*margin-left:12px;*/
        width:32px;
        height:32px;
        /*margin-top:-23px;*/
        border-radius: 50%;
    }

/* FINE MENU ICONE DX */

#centrale_evento{
	width: 100%;
    max-width: 960px;
    height: 390px;
    position: relative;
    clear: both;
    background-image: url(../topbg-evento.html);
    background-repeat: no-repeat;
    padding-top: 1px;
}

#centrale_persona{
	width: 100%;
    max-width: 960px;
    height: 430px;
    position: relative;
    clear: both;
    background-image: url(../topbg-persona.html);
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain;
    background-position-x:center;
}

#centralehome{
	width: 100%;
    max-width: 960px;
    min-height: 410px;
    position: relative;
    clear: both;
    background-image: url(../jpg/top-home.jpg);
    background-repeat: no-repeat;
	background-position: top center;
}

#avatarname {
	bottom: 0;
	padding: 1px;
	position: absolute;
	z-index: 100;
}

#avatarfollow {
	bottom: 0px;
	right: 0;
	padding: 1px;
	position: absolute;
	z-index: 100;
	height: 70px;
	text-align: right;
    margin-bottom: 5px;
}

#avatarfollow .botn{
    margin: 0 0 11px 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}

.titavatar {
	color: #000000;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: left;
    padding-bottom: 2px;
	max-width: 560px;
    margin-left: 200px;
}

.titavatar .material-icons,
.descavatar [class^="flaticon-"]:before {
	color: #8d8d8d;
}

.descavatar {
	color: #555555;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-align: left;
    margin-left: 200px;
	padding-top:6px;
}

.descavatar a{
	color:#00bcd4;
	font-weight:700;
}

.descavatar a:hover{
	color:#4dd0e1;
}

.descavatar [class^="flaticon-"]:before{
    font-size: 14px;
	vertical-align:middle;
}

#imgavatar {
    display: block;
    left: 0;
    bottom: 0;
    padding: 1px;
    position: absolute;
    z-index: 120;
    background-color: #fff;
    border: 7px solid #fff;
    width: 100%;
    max-width: 166px;
    box-sizing: content-box;
}

#imgavatar img {
    max-width: 166px
}

/* MAIN MENU -------------------------------------------------*/

#menutop{
	width: 100%;
	height: 40px;
	margin: 30px 0 30px 0;
	background-color: transparent;
	border-bottom: 1px solid #dedede;
}

#menu{
	text-align:left;
	float:left;
}

#menu .first a{
	/*border-bottom: 1px solid #dedede;*/
	padding-bottom:10px;
}

#menu .first a:hover{border-bottom: 2px solid #00bcd4;}

#menu .dropdown {top:50px}

/* BOTTONI ------------------------------------------- */

.botn {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.0;
	border-radius: 36px;
	padding: 12px 36px;
	border: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	display: inline-block;
    cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.botn-small {
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
	border: none;
	margin-bottom:2px;
    line-height: 24px;
    text-align: center;
	letter-spacing: 1px;
    white-space: nowrap;
    vertical-align: middle;
	display:inline-block;
    cursor: pointer;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}

.botn.active:focus, .botn:focus {
    outline: 0;
}

.botn [class^="flaticon-"]:before{
    font-size: 14px;
}

.botn [class^="flaticon-more"]:before{
    font-size: 14px;
}

.botn [class^="flaticon-mail"]:before{
    /* font-size: 20px; */
}

.botn [class^="flaticon-envelope-closed"]:before{
	font-size: 20px;
	font-weight: 600;
}

.botn .material-icons{
	font-size: 20px;
	vertical-align: middle;
}

/* AZZURRO ---------------------------------------------*/

.botn-blu {
    color: #fff;
    background-color: #00bcd4;		/* colore standard */
	text-decoration: none;
    border: 1px solid #00bcd4;
}

.botn-blu:disabled {
    background-color: #bebebe;
    border: 1px solid #bebebe;
}

.botn-blu:focus:enabled, .botn-blu:hover:enabled {
    background-color: #80deea;
	border: 1px solid #80deea;
	color: #FFFFFF;
}

/* AZZURRO SCURO ---------------------------------------------*/

.botn-blu3 {
    color: #fff;
    background-color: #00838f;		/* colore standard */
	text-decoration: none;
    border: 0;
}

.botn-blu3:focus, .botn-blu3:hover {
    background-color: #006064;
}

/* TRASPARENTE ---------------------------------------------*/

.botn-transp {
    color: #fff;
    background: transparent;
	text-decoration: none;
    border: 1px solid #FFF;
}

.botn-transp:focus, .botn-transp:hover {
    background-color: #FFF;
	color: #00bcd4
}

/* AZZURRO SCURO GRANDE -----------------------------------------*/

.botn-blu2 {
    color: #fff;
    background-color: #00838f;		/* colore standard */
	text-decoration: none;
    border: 1px solid #00838f;
    line-height: 18px;
}

.botn-blu2:focus, .botn-blu2:hover {
    background-color: #006064;
	border: 1px solid #006064;
}

.botn-blu2 [class^="flaticon-"]:before{
    font-size: 20px;
}

/* GRIGIO ---------------------------------------------*/

.botn-grey {
    color: #fff;
    /*background-color: #8d8d8d;*/		/* colore standard */
    background-color: #b6b6b6;
    text-decoration: none;
		border: 1px solid #b6b6b6;
    /* font-size: 12px; */
}

.botn-grey:focus, .botn-grey:hover {
    background-color: #CCC;
}

/* BIANCO ---------------------------------------------*/

.botn-white {
    color: #00bcd4 !important;
    background-color: #FFFFFF;		/* colore standard */
	text-decoration: none;
	border:1px solid #00bcd4
}

.botn-white:focus,
.botn-white:hover,
.botn-white.pressed {
	background-color: #00bcd4 !important;
	color:#FFF !important;
}

.botn-white .material-icons{
	font-size: 20px;
	vertical-align: middle;
	color: #00bcd4;
}

.botn-white:hover .material-icons{
	color:#FFF;
}

select {
	background: url(../png/freccia-giu-grey.png) right/16px no-repeat content-box #fff!important;
}
select:active, select:focus {
	background-image: url(../png/freccia-giu.png)!important;
	border-color: #00bcd4;
}

/* STRUTTURA ----------------------------------------*/

#contenitore, #sx, #dx, #sx1, #dx1, #terzosxdx, #terzocent, #dueterzisx, #dueterzidx{
	text-align: left;
}

#contenitore {
	width:94%;
	max-width: 960px;
	margin:0 auto;
}

#sx{
	width:66%;
	max-width: 660px;
	margin-right: 3%;
	float:left;
}

#sx1{
	width:31%;
	max-width: 300px;
	margin-right: 3%;
	float:left;
}

#sx2{
	width:21%;
	max-width: 210px;
	margin-right: 3%;
	float:left;
}

#dx{
	width:31%;
	max-width: 300px;
	float:left;
}

#dx1{
	width:66%;
	max-width: 660px;
	float:left;
}

#dx2{
	width:76%;
	max-width: 760px;
	float:left;
}

.dxparagrafo {
	padding: 5% 8%;
	margin:0 10%;
	border-bottom: 1px solid #dedede;
}

/* AMICI ------------------------------------------*/

.amici{
	height: 105px;
	min-height: 105px;
}

.amici .botn{
	width: 36px;
}

.amici img{
	float:left;
	width: 80px;
	padding: 0 15px 45px 0
}

.amici .boxtit{
	margin: 0;
	min-height: 35px;
}

.amici_ico{
	float:right;
	padding: 0 20px 10px 10px;
}

.avviso{
	font-size: 11px;
    height: 24px;
    line-height: 24px;
}

/* AMICI 1 ------------------------------------------*/

.amici1{
	/*height: 105px;*/
	min-height: 105px;
}

.amici1 .botn{
	width: 40px;
}

.amici1 img{
	float: left;
    width: 94px;
    padding: 0 15px 55px 28px;
}


.amici1 .boxtitlite, .amici1plus .boxtitliteblu {
	font-weight: 400;
}

.amici1 .boxtxtlite, .amici1plus .boxtxtlite {
	line-height: 22px;
	font-size: 13px;
}

.amici1plus .resultvalueblu, .amici1 .resultvalue, .amici1 .resultvaluegreen, .amici1 .resultvaluered {
	font-size: 13px;
}

.amici1 .boxtitlite {
	color:#434343;
}

.amici1plus{
	//height: 66px;
	min-height: 66px;
}

.amici1plus img{
	float: left;
    width: 69px;
    padding: 0 15px 70px 5px;
}

.amici1 .boxtit{
	margin: 0;
	min-height: 35px;
}

/* TABELLE ----------------------------------------*/

.tablehp th{
	border-bottom: 1px solid #dedede;
	font-size: 12px;
	font-weight: 400;
	color: #555555;
}

.tablehp {
	border-bottom: 1px solid #dedede;
	font-size: 12px;
	font-weight: 500;
	color: #000000;
	line-height: 34px;
}

.tablehp [class^="flaticon-"]:before{
    font-family: Flaticon;
    font-size: 12px;
    color: #8d8d8d;
}

/* --- */

.tablepag {
	width: 90%;
	margin: 0 auto 20px auto;
}

.tablepag th {
	border-bottom: 1px solid #dedede;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 44px;
}

.tablepag td{
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	color: #555555;
	line-height: 44px;
}

.tablepag a{
	font-weight:500;
}

.tablepag td.last{
	border-bottom: none;
}

.tablepag [class^="flaticon-"]:before{
    font-size: 12px;
    color: #8d8d8d;
}

/* --- */

.tableinfo {
	width: 90%;
	margin: 0 auto 20px auto;
}

.tableinfo td{
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	color: #555555;
	padding: 10px 0;
}

.tableinfo a{
	font-weight:500;
}

.tableinfo td.last{
	border-bottom: none;
}

.tableinfo [class^="flaticon-"]:before{
    font-size: 20px;
    color: #ffffff;
}

.topAdvOverflow {
    top: 0px !important;
    margin-bottom: 0px !important;
}

/* BACHECHE ---------------------------------------------*/
.boardMessage {
	font-size: 11pt;
}

/* HOME NEW BOXES ----------------------------------------*/

#terzosxdx{
	width:32%;
	float:left;
}

#terzocent{
	width:32%;
	margin: 0 2%;
	float:left;
}

#dueterzisx{
	width:66%;
	margin-right: 2%;
	float:left;
}

#dueterzidx{
	width:66%;
	margin-left: 2%;
	float:left;
}

.bgblu {
	background-color:#00bcd4;
	width: 100%;
	position: relative;
}

.bgblu .boxtit,
.bgblu .boxtxt,
.bgblu .boxtit strong,
.bgblu .boxtxt strong,
.bgblu .boxtxt a,
.bgblu .boxtit a,
.bgblu .boxtxt a:hover,
.bgblu .boxtit a:hover,
.bgblu .titwide{
	color:#FFF;
}

.bgpetr {
    background-color: #00838f;
    width: 100%;
    position: relative;
}

.bgpetr .boxtit,
.bgpetr .boxtxt,
.bgpetr .boxtit strong,
.bgpetr .boxtxt strong,
.bgpetr .boxtxt a,
.bgpetr .boxtit a,
.bgpetr .boxtxt a:hover,
.bgpetr .boxtit a:hover,
.bgpetr .titwide{
	color:#FFF;
}

.boxheight1 {
	height:300px;
	margin-bottom: 19px;
}

.boxheight2 {
	height:200px;
	margin-bottom: 19px;
}

/* per problema federico */
.boxsizing div {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}

.boxsizing div:after, .boxsizing div:before {
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
/* fine per problema federico */

.bgimage {
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.sliderleft{
	float: left;
    padding: 0 10px 0 0;
    line-height: 66px;
}

.sliderright{
	float: right;
    padding: 0 0 0 10px;
    line-height: 66px;
}

.sliderright a [class^="flaticon-"]:before, .sliderleft a [class^="flaticon-"]:before{
    font-size: 16px;
    color: #a3a3a3;
}

.sliderright a:hover [class^="flaticon-"]:before, .sliderleft a:hover [class^="flaticon-"]:before{
    color: #8d8d8d;
}

.slidercenter{
	width: 100%;
	font-size: 12px;
	font-weight:600;
	color: #00bcd4;
}

.slidercenter [class^="flaticon-star"]:before{
	color: #00bcd4;
}

.slidercenter img{
	float: left;
    margin-right: 8px;
	border: 1px solid #eee;
	vertical-align: middle;
}

.slidercenter a{
	color: #00bcd4;
}

.slidercenter a:hover{
	color: #4dd0e1;
}

.titwide{
	width: 98%;
	margin: 70% 2% 2%;
    font-size: 20px;
    font-weight: 500;
}

.elenco-con-ico{
	text-align:left;
}

.elenco-con-ico img{
	float: left;
	margin: auto 8px auto 0;
	border:1px solid #dedede;
}


/* HOME LAST NEW */

.hometit {
	line-height:26px;
	color:#FFF !important;
	font-weight:500;
	text-align:center;
	font-size: 20px !important;
}
.boxpaddingh {
	padding: 4%;
	border: 1px solid #FFFFFF;
	min-height: 150px
}
.homeboxtxt {
	line-height:26px !important;
	text-align:center
}

.boldblu strong {color:#00bcd4 !important}
strong.boldbig  {font-size:14px; !important; color:#00838f !important}


.bordertopblu { border-top: 1px solid #00bcd4 !important}

.arrwhite a [class^="flaticon-"]:before, .arrwhite a [class^="flaticon-"]:before {
    color: #FFFFFF  !important;
}

/* PAGINA LUOGHI EVENTO --- */

.tablelist {
	width: 100%;
	margin: 0 auto 20px auto;
}

.tablelist td{
	border-bottom: 1px solid #dedede;
	font-size: 12px;
	color: #555555;
	height: 60px;
	line-height: 18px;
}

.tablelist strong{
	font-weight:600;
	color: #000000;
	font-size:14px;
}

.tablelist a{
	font-weight:500;
}

.tablelist [class^="flaticon-"]:before{
    font-size: 12px;
    color: #FFF;
}

.tablelist .botn-grey:focus, .botn-grey:hover {
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
}

/* PAGINA EVENTO SCORSO --- */

.tableresult {
	width: 100%;
	margin: 0 auto 20px auto;
}

.tableresult th{
	border-bottom: 1px solid #dedede;
	font-size: 12px;
	font-weight:400;
	color: #a3a3a3;
	line-height: 28px;
	padding: 0 2px;
}

.tableresult td{
	border-bottom: 1px solid #eee;
	font-size: 12px;
	font-weight:500;
	color: #000000;
	line-height: 28px;
	padding: 0 2px;
}

.tableresult td.upper{
	text-transform:uppercase;
}

.tableresult [class^="flaticon-"]:before {
    font-size: 14px;
    vertical-align: middle;
	color: #8d8d8d;
}

/* -- BOX VALUTAZIONE -- */

#valutazione{
	font-size: 20px;
	color: #8d8d8d;
	margin:15px 0 25px;
}

#valutazione [class^="flaticon-star"]:before {
    font-size: 28px;
	color: #00bcd4;
}

/* -- */

.expander{
	width: 90%;
	margin:auto;
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	line-height: 24px;
}

.expander a{
	color: #000000;
}

.expander a:hover{
	color: #00bcd4;
}

.expander i{
	float:right;
	display:block;
}

.expander a [class^="flaticon-"]:before{
    font-size: 12px;
	color: #555555;
}

.expanded{
	font-size: 12px;
	color: #a3a3a3;
}

.expanded a{
	color: #00838f;
	font-weight: 500;
}

/* -- CONTENITORE PER FOTO ALBUM -- */

.media_container{
	margin: 20px auto;
}

/* -- BOX SHARING -- */

#sharing_toolbox{
	line-height: 36px;
}

#sharing_toolbox i, .addthis_sharing_toolbox{
	float:right;
	margin-left: 15px;
}

#sharing_toolbox [class^="flaticon-share"]:before{
	color: #dedede;
}

/* BOX ------------------------------------------- */

.boxtabcont {
	 width:100%;
	 text-align:left;
	 font-size: 16px;
	 font-weight: 300;
	 height:40px;
	 line-height:40px;
	 color: #555555;
}

.boxtabcont b{
	color: #00bcd4;
	font-weight: 400;
}

.boxtab {
	 float:right;
	 text-align:center;
	 border-top-left-radius: 10px;
	 border-top-right-radius: 10px;
	 color:#FFF;
	 font-weight: 500;
	 letter-spacing: 1px;
	 background-color: #00838f; 		/* colore standard */
}

a .boxtab {
	 transition: background-color 0.2s ease;
	 color:#FFF;
	 background-color: #00838f; 		/* colore standard */
}

a:hover .boxtab {
	 color:#FFF;
	 background-color: #006064; 		/* colore standard */
}

.boxtab div {
	padding: 2px 14px;
}

.boxtab .flaticon-life:before {
	margin-left: 0;
}

.boxpadding {
	padding: 4%;
}

.boxpadding2 {
	padding: 8%;
}

.boxbtnmore {
	display: block;
	right: 15px;
	bottom: 10px;
	position: absolute;
	z-index: 100;
}

.boxbtnmore i:before {
	color:#555555;
}

.bgwhite [class^="flaticon-question"]:before{
	color: #8d8d8d;
}

.bgwhite a [class^="flaticon-question"]:before{
	color: #8d8d8d;
	transition: color 0.4s ease;
}

.bgwhite a:hover [class^="flaticon-question"]:before{
	color: #00bcd4;
}

.stars i:before { color:#00838f}
.stars:hover i:before { color:#dedede}
.starsoff i:before{ color:#dedede}
.starsoff:hover i:before {color:#00838f}

.sponsordot i:before { color:#00bcd4}
.sponsordot:hover i:before { color:#dedede}
.sponsordotoff i:before{ color:#dedede}
.sponsordotoff:hover i:before {color:#00bcd4}

.sponsordot [class^="flaticon-"]:before, .sponsordotoff [class^="flaticon-"]:before{
    font-size: 10px;
	padding: 0 3px;
}

.prodheight { height:80px; min-height:80px}

.search {border: 1px solid #fff; color:#fff}
.search i:before {color:#fff}

.navspons{
	height: 50px;
	line-height: 50px;
}

.imgarticoli {
	width:100%;
  	max-width:276px;
}

/* BOX CENTRALE PAGINA RICERCA --------------------------*/

#searchbox {
    display: block;
    top: 300px;
    margin: 36px auto;
    padding: 0px;
    position: relative;
    z-index: 100;
    background-color: #fff;
	color: #555555;
	font-size: 14px;
	font-weight: 300;
    width: 100%;
    /*max-width: 600px;*/
    /*height: 110px;
    max-height: 110px;*/
}

#searchbox button{
	/*border: none;
	background-color: transparent;
	cursor: pointer;
	float: right;*/
}

#searchbox .flaticon-search:before {
	color: #8d8d8d;
}

#searchbox input[type="text"]{
	border: none;
	height: 30px;
	width: 65%;
	line-height: 26px;
	font-size: 18px;
	font-weight: 400;
	padding: 0;
    color: #000000;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #c6c6c6;
    display: inline-block;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
    -webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
    float: left;
    margin-bottom: 11px;
    padding-bottom: 5px;
}

#searchbox input[type="text"]:focus {
    box-shadow: none !important;
    outline: none;
    border-bottom: 1px solid #00bcd4 !important;
    color: #00bcd4 !important;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    transition: border 500ms ease-in;
    -webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
}

.radiobox{
	color: #000000;
	text-transform: uppercase;
	float: right;
	font-size: 12px;
	font-weight: 400;
}

ul.radiobox{}

ul.radiobox li{
	display: inline;
	color: #000000;
	font-weight: 500;
}

#searchbox  input[type="radio"]{
	margin-left: 15px;
}

#searchbox .checked{
	color: #00bcd4;
}

#searchbox [class^="flaticon-"] {
    color: #000000;
}

#searchbox [class^="flaticon-"]:before {
    font-size: 36px;
    margin: 0;
}

#searchbox .flaticon-flat-cancel:before, #searchbox .flaticon-search:before {
    font-size: 18px;
}

.filter{
	float: right;
}

.filter i{
	font-style: normal;
	font-size: 16px;
}

.botn-filter {
    font-size: 12px;
    font-weight: 300;
    border-radius: 0;
    color: #fff;
    background-color: #00bcd4;
    text-decoration: none;
    margin-left: 3px;
    padding: 8px 8px;
}

.botn-filter:focus, .botn-filter:hover {
    background-color: #4dd0e1;
}

.botn-filter [class^="flaticon-"]:before{
	font-size: 10px;
	margin-left: 0.3em;
}

/* FINE BOX CENTRALE PAGINA RICERCA --------------------------*/

/* RISULTATI DI RICERCA --------------------------------------*/

.boxtab2 {
    float: right;
}

#centralevents {
    width: 100%;
    max-width: 960px;
    min-height: 270px;
    position: relative;
    clear: both;
    background-image: url(../jpg/top-ricerca-eventi.jpg);
    background-repeat: no-repeat;
}

.bgresultsbox {
    background-color: #FFF;
	border: 1px solid #cfd8dc;
    width: 92%;
	margin:4%;
}

.bgresultsbox2 {
    background-color: #FFF;
    border: 1px solid #cfd8dc;
    width: 85%;
    margin: 4%;
}

/* HOME RISULTATI */

#homeboxresults {
    width: 100%;
    height: 90px;
	border-bottom: 1px solid #cfd8dc;
}

.homeimgavataresults {
	float:left;
    border: 1px solid #cfd8dc;
    width: 100%;
    min-height: 60px;
    max-width: 60px;
	margin:10px 20px
}

.homeavatarnameresults {
    padding-top: 25px;
}

.homeeventdetails {
	color:#000000;
	font-weight:300;
    margin-top: 5px;
}

.homeeventdetails [class^="flaticon-"]:before{
	font-size: 14px;
	color: #00bcd4;
	padding: 4px 10px 4px 0;
}


/* FINE HOME RISULTATI */

#centraleboxresults {
    width: 100%;
    height: 128px;
    position: relative;
    clear: both;
	background-repeat:repeat-x;
}

.imgavataresults {
    display: block;
    left: 0;
    bottom: 4px;
    padding: 0;
    position: absolute;
    z-index: 100;
    border: 1px solid #cfd8dc;
    border-left: 0;
    width: 100%;
    max-width: 60px;
}

.avatarnameresults {
    top: 93px;
    left: 65px;
    padding: 1px;
    position: absolute;
    z-index: 100;
}

.avatarfollowresults {
    bottom: 40px;
    right: 10px;
    padding: 1px;
    position: absolute;
    z-index: 100;
    text-align: right;
}

.avatarfollowresults [class^="flaticon-add98"]:before{
    font-size: 20px;
}

.titavataresults {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    line-height: 16px;
}

.titavataresults .flaticon-question:before {
    float: right;
    font-size: 16px;
	padding-left: 5px;
}

.titavataresults .material-icons {
    font-size: 16px;
    color: #8d8d8d;
}
.eventdetails {
	min-height: 80px;
	color:#000000;
	font-weight:300;
    margin-top: 15px;
}

.eventdetails i {
	float:left;
}

.eventdetails [class^="flaticon-"]:before{
	font-size: 14px;
	color: #00bcd4;
	padding: 4px 10px;
}

.personheight {
	min-height: 120px;
}

.esplora [class^="flaticon-calendar146"]:before{
	font-size: 14px;
	float: right;
	line-height: 26px;
	padding-right: 10px;
}

/* FINE RISULTATI DI RICERCA --------------------------------*/

 /* CONTENITORI HOME ----------------------------------------*/

.quarto {
	width:25%;
	max-width: 26.6em;
	float:left;
}

.quinto {
	width:20%;
	max-width: 26.6em;
	float:left;
}

.terzo {
	width:33.3%;
	max-width: 26.6em;
	float:left;
}

.dueterzi {
	width:66.6%;
	max-width: 53.2em;
	float:left;
}

.intero {
	width: 100%;
	max-width: 79.8em;
	clear: both;
}

.mezzo {
   width:50%;
   max-width: 44.3em;
   float:left;
}

.mezzotag {
   width:50%;
   max-width: 44.3em;
   float:left;
}

.solotablet  {
	visibility:hidden;
	display:none;
}

.notablet  {
	visibility: visible;
	display: block;
}

.solopc  {
	visibility: visible;
	display: block;
}

/* TITOLO BOX -----------------------------------------*/

.boxtit, .boxtitblu, .boxtxt, .boxupper{
	letter-spacing: 0.3px;
}

.boxtit{
	font-size: 18px;
	color: #000000;
	padding: 0;
	margin-bottom: 10px;					/* colore standard */
}

.boxtit a{ color: #00bcd4;}
.boxtit a:hover{ color: #4dd0e1;}	/* colore standard */

.boxtit strong{
	font-weight: 400;
	color: #00bcd4;					/* colore standard */
}

.boxtitblu{
	font-size: 15px;
	color: #00bcd4;
}

.boxtitlite{
	font-size: 15px;
	color:#555555;
	font-weight:300;
	padding: 0;
	margin-bottom: 5px;
}

.boxtitliteblu{
	font-size: 15px;
	color:#00BCD4;
	font-weight:300;
	padding: 0;
	margin-bottom: 5px;
}

/* TESTO BOX ------------------------------------------*/

.boxtxt{
	font-size: 12px;
	color: #555555;				/* colore standard */
	line-height:16px;
	margin: 5px 0;
}

.boxtxtlite{
	font-size: 12px;
	font-weight: 300;
	color: #555555;				/* colore standard */
}

.boxtxt strong{
	font-weight:600;
	color: #000000;					/* colore standard */
}

.boxtxt a{ color:#000000;}			/* colore standard */
.boxtxt a:hover{ color: #555555;}	/* colore standard */

.boxtxt.txtblu{color: #00bcd4;}

/* TESTI MAIUSCOLO BOX --------------------------------*/

.boxupper{
	font-size: 12px;
	color: #555555;					/* colore standard */
	text-transform: uppercase;
	padding-bottom: 10px;
}

.boxupper strong{
	font-weight: 700;
	color: #00bcd4;					/* colore standard */
}

.boxupper a{
	font-weight: 700;
	color: #00838f;					/* colore standard */
}
.boxupper a:hover{color: #006064;}	/* colore standard */


.boxupperspan{ padding: 10px;}

.boxupper [class^="flaticon-arrow-down"]:before {
	font-size: 14px;
	color: #8d8d8d;
}

.resultvalue{
	font-size:15px;
	color:#000000;
	font-weight:normal;
}

.resultvalueblu{
	font-size:15px;
	color:#00BCD4;
	font-weight:normal;
}

.resultvaluered{
	font-size:15px;
	color:#FF0000;
	font-weight:normal;
}

.resultvaluegreen{
	font-size:15px;
	color:#62b651;
	font-weight:normal;
}

/* BOX CON SCROLL--------------------------------*/

.scroller{
	overflow: auto;
	width: 100%;
	height: 100px;
	padding: 10px 0;
}

.scroller::-webkit-scrollbar {
        width: 4px;
}

.scroller::-webkit-scrollbar-track {
	  background-color: #eee;
}

/* colore di sfondo delle scrollbar */

.scroller::-webkit-scrollbar-thumb {
	  background-color: #dedede;
}

.scroller::-webkit-scrollbar-button {
	  background-color: #eee;
}

/* codice per personalizzare i bottoni alle estremità delle scrollbars */

.scroller::-webkit-scrollbar-corner {
	  background-color: #FFF;
}

/* scroll box blu -----------------------------------------------------*/

.scroller2{
	overflow: auto;
	width: 100%;
	max-height: 150px;
}

.scroller2::-webkit-scrollbar {
    width: 4px;
}

.scroller2::-webkit-scrollbar-track {
	background-color: #E0F7FA;
}

/* colore di sfondo delle scrollbar */

.scroller2::-webkit-scrollbar-thumb {
	background-color: #FFF;
}

.scroller2::-webkit-scrollbar-button {
	background-color: #E0F7FA;
}

/* codice per personalizzare i bottoni alle estremità delle scrollbars */

.scroller2::-webkit-scrollbar-corner {
	background-color: #E0F7FA;
}

/* CAMPI MODULI ----------------------------------------*/

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, button:focus, select:focus, option:focus{
	outline: none;
}

label, input, textarea, select, option{
    color: #dedede;
    font-family: 'Roboto', sans-serif;
	font-size: 12px;
	background: #FFF;
	color: #000000;
	outline:none;
}

select {
	-webkit-appearance: none;
    appearance: none;
	width: 100%;
	cursor: pointer;
	padding: 3px 0;
	line-height: 18px;
	border:none;
	background: url(../png/freccia-giu-grey.png) right/16px no-repeat #fff;
    vertical-align:middle;
}

input, textarea{
    border: 1px solid #dedede;
    padding: 0 10px;
}

textarea {
    overflow: hidden; /* disabilitare la scrollbar in IE */
}

/* BOX CERCA */

.internalbox{
	width:90%;
	margin:0 5%;
}

.colonna input[type="text"]{
	border: none;
	height: 26px;
	width: 75%;
	line-height: 26px;
	padding: 0;
	border-bottom: 1px solid #dedede;
}

.esplora input[type="text"]{
	border: none;
	height: 26px;
	width: 75%;
	line-height: 26px;
}

.esplora ul{
	margin: 0;
	padding: 0;
}

.esplora li{
	list-style: none;
	list-style-position: outside;
	padding: 6px 0;
}

.esplora [class^="flaticon-search"]:before{
	font-size: 12px;
	float: right;
	line-height: 26px;
	padding-right: 10px;
}

ul.radiosex{
	margin: 20px 0;
}

ul.radiosex li{
	display: inline;
	color: #000000;
	font-weight: 500;
}

/* PANNELLO NOTIFICHE ------------------------------------*/

#notebox{
	width:300px;
	background-color: #fff;
}

.notehead {
	display:block;
	border-bottom: 1px solid #dadada;
	padding: 20px 0;
	margin-bottom:20px;
	text-align:center;
}

.notetit {
	font-size: 16px;
	color: #8d8d8d;
	font-weight: 500;
}

.notetable td{
    font-weight: 500;
    color: #000000;
	padding-bottom: 20px;
}

.notehead [class^="flaticon-"]:before{
	font-size: 28px;
	padding-right: 44px;

}

.notehead [class^="flaticon-close"]:before {
	font-size: 14px;
	padding: 0;
}

.notehead a [class^="flaticon-"]:before{
	color: #8d8d8d;
}

.notehead a:hover [class^="flaticon-"]:before{
	color: #4dd0e1;
}

.notifica {
	color: #000000;
	font-weight:700;
}
.notifica a{ color: #000000;}
.notifica a:hover{ color: #00bcd4;}

/* FINE PANNELLO NOTIFICHE ------------------------------------*/

/* PAGINE RISULTATI EVENTO E SCHEDE PERSONALI ------------------------------------*/

.titris{
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
	color:#8d8d8d;
	text-align:center;
}

.eventoris{
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
	color:#8d8d8d;
}

.eventoris a{
	font-weight:normal;
	color:#000000;
}

.eventoris a:hover{color:#4DD0E1;}

.eventoris a:active{color:#4DD0E1;}

.eventoris p{margin:0;}

.eventoris select{
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 5px 10px;
	font-size: 14px;
	color: #8d8d8d;
	border: 1px solid #8d8d8d;
	background: url(../png/selectarrowgrey.png) right 5px center / 20px no-repeat;
	vertical-align:middle;
	border-radius: none;
	width:190px;
}

.eventoris option{
	font-size:14px;
	background-color:#8d8d8d;
	color:#FFF
}

.eventoris select:hover{
	background-color: #000000;
	color: #FFF;
}

.eventoris input[type="text"] {
	border: none;
	height: 30px;
	width: 94%;
	line-height: 26px;
	font-size: 14px;
	font-weight: 300;
	padding: 0;
}
.eventoris button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	float: right;
}

.eventoris .borderbottom{width:95%;}

.eventoris .numeratore{
	font-size:12px;
	letter-spacing:normal;
	line-height:32px;
}

.eventoris [class^="flaticon-"]:before {
	color:#8d8d8d;
	vertical-align: middle;
}

.eventoris [class^="flaticon-right"]:before{
	font-size: 18px;
	padding-left:10px;
}

.eventoris [class^="flaticon-double-angle-pointing-to-right"]:before {
	font-size: 14px;
	margin-left:4px;
}

.eventoris [class^="flaticon-warning"]:before {padding-left:5px;}

.eventoris [class^="flaticon-premium"]:before,
.eventoris [class^="flaticon-send"]:before,
.eventoris [class^="flaticon-warning"]:before {
	color:#FFF;
	font-size:16px;
}

.eventoris [class^="flaticon-excel-file"]:before,
.eventoris [class^="flaticon-printer"]:before {
	color:#FFF;
	font-size:16px;
	width:32px;
}

.eventoris [class^="flaticon-more"]:before {padding-left:15px;}

.eventiristab [class^="flaticon-right"]:before {
	color:#FFF;
	margin-left:-10px;
}

.eventiristab{
	border-collapse:collapse;
	background-color:#FFF;
	width:100%;
}

.eventiristab th,
.eventiristab td{
    padding:20px 12px;
    border-collapse:collapse;
    font-size:12px;
    font-weight:400;
    color:#555555;
    text-align:left;
}

.eventiristab tr.grey{background-color:#f9f9f9;}

.eventiristab td.col1{
	text-align:center;
	font-size:18px;
	color:#000000;
}
.eventiristab td.col2{}
.eventiristab td.col3{text-align:center;}
.eventiristab td.col4{}
.eventiristab td.col5{}
.eventiristab td.col6{}
.eventiristab td.col7{}
.eventiristab td.col8{text-align:center;}
.eventiristab td.col9{text-align:center;}


.risdisplay{
	margin:2px auto;
	font-size:30px;
	color:#555555;
	font-weight:300;
}

.display {
    padding: 10px;
	font-size:30px;
	font-weight:normal;
    border-radius: 8px;
    margin: 1px;
    line-height: 30px;
	border: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.big{
	font-size:30px;
	font-weight:normal;
	color:#000000;
}

.displayblu {background-color: #00838f; color: #fff;}
.displaygrey {background-color: #dedede; color:#000;}
.displayblu2 {background-color: #00bcd4; color: #fff;}
.displaytransp {background-color: #transparent; color: #000;}

.comment{
	font-style:italic;
	text-align:left;
	max-width:300px;
	margin: 4px auto;
}

.comment textarea{
	width:100%;
	max-width:260px;
}

.comment img{
	float:left;
	vertical-align:text-top;
	margin:2px 5px 2px 0;
	transition:ease-out 0.2s;
	opacity:0.5;
}

.comment img:hover{
		transform:rotate(-10deg) scale(1.2,1.2);
		opacity:1;
}

.comment img.selected{opacity:1;}

.leavelike [class^="flaticon-thumb-finger-up"]:before{
	color:#dedede;
	font-size:24px;
}

.leavelike a [class^="flaticon-thumb-finger-up"]:before{
	color:#dedede;
	transition:ease-out 0.2s;
}
.leavelike a:hover [class^="flaticon-thumb-finger-up"]:before{color:#00BCD4;}
.contentinside {
    max-width: 960px;
	width:100%;
	margin:0 auto;
	display: table;
	height: 100%;
}
.liveEventBox {
		height: auto;
		position: relative;
	}

	.liveEventBox p {
		font-size: 14px;
    	font-weight: 500;
    	letter-spacing: 0.8px;
	}

	.liveEventBox > div.dueterzi {
		height: 200px;
    	background-size: cover;
	}

	.liveEventBox > div.terzo {
		height: 200px;
		background-color: #FFFFFF;
		padding: 20px;
	}

	.liveEventBox .liveEventFooter {
		background-color: #8EDAE5;
		/*height: 90px;*/
		color: #FFFFFF;
		font-size: 18px;
		text-align: center;
		padding: 4px 0;
		letter-spacing: 0.8px;
	}

	.liveLabel {
		padding: 4px 15px;
		margin: 2px 5px;
	}

	.liveLabel:hover {
		background-color: #ffed57;
	}

	.liveEventBox p a strong:hover {
		color: #68d4e3;
	}

	.buttonLive {
	  display: inline-block;
  	  height: 40px;
  	  padding: 0 20px;
  	  margin:20px;
  	  text-align: center;
  	  line-height: 40px;
  	  text-decoration: none;
  	  white-space: nowrap;
  	  border-radius: 4px;
  	  border: 1px solid #18BAD6;
  	  cursor: pointer;
  	  box-sizing: border-box;
	  color: #FFF !important;
	  background-color: #18BAD6;
	  border-color: #18BAD6;
	  font-family: 'Roboto', sans-serif;
	  font-weight: 700 !important;
	  font-size: 17px;
	  letter-spacing: 0.5px}

	.buttonLive:hover,
	.buttonLive:focus {
	  color: #FFF;
	  background-color: #FBD72F;
	  border-color: #FBD72F;
  	  outline: 0;}


/* FINE PAGINE RISULTATI EVENTO E SCHEDE PERSONALI ------------------*/
/*  TXT -------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: normal;
	/* letter-spacing: 1px; */
}

h1 {
	color: #000;					/* colore standard */
	font-size: 56px;
	font-weight: 600;
	line-height: 1.1;
}

h2 {
	color: #000;					/* colore standard */
	font-size: 44px;
	font-weight: 300;
}

h3 {
	color: #000;
	font-size: 36px;
	line-height: 1.3;

}
h3 a{color: #00838f;}
h3 a:hover{color: #006064;}

h4 {
	color: #555;
	font-size: 24px;
	line-height: 1.3;
}
h4 a{ color: #000000;}
h4 a:hover{ color: #00bcd4;}

h5 {
	color: #555;
	font-size: 20px;
	line-height: 1.3;
}

h6 {
	font-size:11px;
	color: #555;
	text-transform: uppercase;
}
h6 a {
	color: #00838f;
	font-weight: 500;
}
h6 a:hover{color: #006064;}

p {
	font-size: 16px;
	line-height: 1.5;
}

/*********MEDIA QUERY *************/

@media only screen and (min-width:481px) and (max-width:900px){

	/*******ELEMENTI DELL'HEADER ******/
	#fascia-top {
		height:auto;
		width:100%;
		position:inherit;
	}
	.bggrey {
		position:static;
		top:0;
	}
	/*#header-top {
		position:relative;
		height: auto !important;
	}

	#toplogo{
		width:100%;
		text-align:center;
		//border-top: 3px solid #FFFFFF;
		clear:both;
	}

	#toplogo div {
		padding-left: 0;
		width: 100%;
		box-sizing: content-box;
	}

	#menuservtop{
		width:100%;
		float: none;
		height: auto;
		text-align:center;
		//border-top: 3px solid #FFFFFF;
	}*/

	#menuservtop{
		background-color: #00bcd4;
	}

	#menutop{
		width:100%;
		float:none;
	}

	#centrale_persona, #centrale_evento, #centralehome {
		height: auto;
	}

	.contentpage {
		width: 100%;
		text-align: center;
	}

	#imgavatar {
		position: relative;
		margin: 16px auto;
	}

	#avatarname {
		position: relative;
		background-color:#f0f0f0;
	}

	#avatarfollow {
		position: relative;
		text-align: center;
		margin:0 auto;
		padding-top: 10px;
		background-color:#f0f0f0;
		margin-bottom: 30px;
	}

	#avatarfollow .botn {
		float:none;
	}

	.titavatar {
		text-align: center;
		margin-left: 0;
		margin: 0 auto;
		margin-top: 20px;
	}

	.descavatar {
		text-align: center;
		margin-left: 0;
		margin: 0 auto;
	}

	.internalbox {
		width:100%;
		margin: 0 auto;
	}

	#sx, #dx, #sx1, #dx1{
		width:100%;
		margin: 0 auto;
		float: none;
		position: static;
		max-width: 660px;
	}

	#sx2, #dx2{
		width:100%;
		margin: 0 0 20px 0;
		float: none;
		position: static;
		max-width: none;
	}

	#menutop {
		display:none;
	}

	nav select{display:inline-block;position:relative; width:100%}

	.solopc  {
		visibility:hidden;
		display:none;
	}

	.notablet  {
		visibility:hidden;
		display:none;
	}
	.solotablet  {
		visibility: visible;
		display: block;
	}

	.boxpaddingh {
		min-height: 100px;
	}

	/* HOME NEW BOXES ----------------------------------------*/

	#terzosxdx{
		width:50%;
		float:left;
	}

	#terzocent{
		width:50%;
		margin: 0;
		float:left;
	}

	#dueterzisx{
		width:50%;
		margin-right: 0;
		float:left;
	}

	#dueterzidx{
		width:50%;
		margin-left: 0;
		float:left;
	}

	.bgimage .mezzo {
		width:100%;
		float:none;
	}

	.boxheight1 {
		margin-bottom: 0;
	}

	.boxheight2 {
		margin-bottom: 0;
	}

	/* RISULTATI EVENTO */

	.eventoris, .eventoris .center, .eventoris .right, eventiris .left{ text-align: left;}
	.eventoris p{ margin:20px auto;}
	.eventoris .borderbottom{ margin-bottom:20px; width:100%;}
	.eventoris .botn-blu3{ margin-bottom:20px;}
	.eventoris .terzo, .eventoris .dueterzi {
        width:100%;
        max-width: none;
        text-align: center;
        margin: 10px 0;
    }
	.eventoris input[type="text"]{ width:88%; margin:5px 0;}
	.eventoris select{width: 95%; margin:5px 0;}
	.eventoris .numeratore{ width:50%;}
	.eventoris #sharing_toolbox{width:50%;}

	.eventiristab td.col5, .eventiristab th.col5, .eventiristab td.col6,
	.eventiristab th.col6, .eventiristab td.col7, .eventiristab th.col7{visibility:hidden; display:none;}

	.mobilecenter{ text-align:center;}

}

@media only screen and (max-width:480px){
    .boxtabcont{
        text-align: center;
    }
    .contentinside {
        text-align: -webkit-center;
        text-align: center;
	}

	.buttonLive {
  	  padding: 0 10px;
	  font-weight: 700 !important;
	  font-size: 13px;
	  letter-spacing: 0.5px}

    .liveEventBox .liveEventFooter {
		/*height: 120px;*/
		padding: 20px 10px;
		font-size: 18px;
		text-align: center;
	}

	.liveEventBox #imgavatar {
		margin: 0;
		bottom: -70px;
	}

	.liveEventBox > div.terzo {
		height: 230px;
		padding: 30px 20px;
	}
	#fascia-top {
		height:auto;
		width:100%;
		position:inherit;
	}
	.bggrey {
		position:static;
		top:0;
	}
	#header-top {
		position:relative;
		height: auto !important;
	}

	#toplogo div {
        line-height: 70px;
		padding-left: 0;
		width: 100%;
		box-sizing: content-box;
	}

	.topAdvOverflow {
        top: 0px !important;
        margin-bottom: 0px !important;
    }

    .txtBeta {
        font-size: 14px;
    }
	#menuservtop{
		width:50%;
		float: right;
		height: auto;
		text-align:center;
		margin-right: 0;
		background-color: #00bcd4;
	}
	#menuservtop i {
        margin: 0 0 0 5px;
    }

    .imgavatar {
        /*margin-top: -18px;
        margin-left: 6px;
        width:20px;
        height:20px;*/
    }

	#butthome { visibility:hidden; display:none}

	#menuservtop [class^="flaticon-"]:before, #menuservtop [class*=" flaticon-"]:before, #menuservtop [class^="flaticon-"]:after, #menuservtop [class*=" flaticon-"]:after {
		font-size: 18px;
	}

	#menutop{
		width:100%;
		float:none;
	}

	#centrale_persona, #centrale_evento, #centralehome {
		height: auto;
	}

    #centrale_persona {
        /* background-size: unset; */
        background-size: contain;
    }

	.contentpage {
		width: 100%;
		text-align: center;
	}

	#imgavatar {
		position: relative;
		/* margin: 16px auto; */
        margin: 136px auto 16px auto;
	}

	#avatarname {
		position: relative;
		background-color:#f0f0f0;
	}

	#avatarfollow {
		position: relative;
		text-align: center;
		margin:0 auto;
		padding-top: 10px;
		background-color:#f0f0f0;
		margin-bottom: 10px;
	}

	#avatarfollow .botn {
		float:none;
	}

	.titavatar {
		text-align: center;
		margin-left: 0;
		margin: 0 auto;
		margin-top: 20px;
	}

	.descavatar {
		text-align: center;
		margin-left: 0;
		margin: 0 auto;
	}

	#menutop {
		display:none;
	}

	.boxheight2 {
		height: auto;
	}

	/* CONTENITORI HOME ----------------------------------------*/

	.quarto {
		width:100%;
		float:none;
	}
	.quinto {
		width:100%;
		float:none;
	}
	.terzo {
		width:100%;
		float:none;
        max-width: none;
	}
	.dueterzi {
		width:100%;
		float:none;
	}
	.intero {
		width:100%;
		clear: both;
	}
	.mezzo {
	   width:100%;
	   float:none;
	}
	.mezzotag {
		text-align:center;
	}

	.gearpadding {
		padding-top: 20px;
		margin-top: 10px;
	}

	.gearline {
		border-top: 1px solid #dadada;
	}

	.internalbox {
		width:100%;
		margin:0;
	}

	.tags img {
		padding-top: 20px;
		margin-bottom: 20px
	}

	.solotablet  {
		visibility:hidden;
		display:none;
	}
	.notablet  {
		visibility: visible;
		display: block;
	}

	.solopc  {
		visibility:hidden;
		display:none;
	}

	.tablehp {
		line-height: 20px;
	}

	#sx, #dx, #sx1, #dx1, #sx2, #dx2{
		width:100%;
		margin: 0 0 0px 0;
		/* margin: 0 0 20px 0; */
		float: none;
		position: static;
		max-width: none;
	}

	#searchbox {
		height: auto;
		min-height: initial;
	}

	#searchbox .floatleft{
		/*
		float:none;
		text-align:left;
		*/
		display: none;
	}

	.radiobox{
		float: none;
		text-align: left;
	}

	ul.radiobox{
		padding: 0;
		display: inline-flex;
	}

	ul.radiobox li{
		display: block;
	}

	#searchbox input[type="text"] {
		/*width: 80%;*/
        width: 100%;
		font-size: 12px;
	}

	.padding20 {
	   /*padding: 0;*/
	}

	.boxpadding1 {
		padding-top: 5px;
		margin: 0;
	}

	nav ul{
		display: none;
	}

	nav select{
		display: inline-block;
		position: relative;
		width: 100%
	}

	/* HOME NEW BOXES ----------------------------------------*/

	#terzosxdx{
		width:100%;
		float:none;
	}

	#terzocent{
		width:100%;
		margin: 0;
		float:none;
	}

	#dueterzisx{
		width:100%;
		margin-right: 0;
		float:none;
	}

	#dueterzidx{
		width:100%;
		margin-left: 0;
		float:none;
	}

	.titwide{
		margin: 60% 2% 2%;
	}

	/* RISULTAIT EVENTO */

	.eventoris, .eventoris .center, .eventoris .right, eventiris .left{ text-align: left;}
	.eventoris p{ margin:20px auto;}
	.eventoris .borderbottom{ margin-bottom:20px; width:100%;}
	.eventoris .dueterzi, .eventoris .terzo { width:100%; margin-top: 30px;}
	.eventoris select, .eventoris input[type="text"]{ width:90%; margin:5px 0;}
	.eventoris #sharing_toolbox{ margin: 30px auto; position:absolute; /*right:20%;*/}
	.eventoris .numeratore{ text-align:center;}
	.margintop60{ margin-top:60px;}

	.eventiristab td.col4, .eventiristab th.col4, .eventiristab td.col5, .eventiristab th.col5, .eventiristab td.col6,
	.eventiristab th.col6, .eventiristab td.col7, .eventiristab th.col7, .eventiristab td.col8, .eventiristab th.col8{visibility:hidden; display:none;}

	.paddingtopmobile{ /* per distanziare i blocchi quando si dispongono in verticale */
		padding-top:20px;
		border-top: 1px solid #dedede;
		margin-top:20px;
	}

	.margintoolboxmobile{margin-right:40px;}

	.mobilecenter{ text-align:center;}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 36px;
	}
    .botn {
    	padding: 8px 12px;
    }
}

@media only screen and (max-width: 990px){
	header nav ul {
		display: none;
	}
}