@font-face {
    font-family: 'Istok Web';
    src: url('../fonts/IstokWeb-Regular.eot');
    src: url('../fonts/IstokWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IstokWeb-Regular.woff') format('woff'),
         url('../fonts/IstokWeb-Regular.ttf') format('truetype'),
         url('../fonts/IstokWeb-Regular.svg#istok_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	text-align:center;
	margin:0;
	padding:0;
	font-family: sans-serif;
	font-size:80%;
	color:#121212;/*046588;*/
}
/* ------------------------------------------------- GENERICI ---------------------------------------- */
div{
	text-align:left;
	margin:0;
	padding:0;
}
iframe{
	width:90%;
	border-style:none;
	height:auto;
}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
img{
	border:0;
	margin:0;
	padding:0;	
}
table, form{
	/*font-family: 'Oxygen', sans-serif;*/
	font-size:100%;	
}
a{
	/*font-family: 'Oxygen', sans-serif;*/
	font-size:100%;
	color:#454545;
	font-weight:bold;
}
.centrato{text-align:center;}
.a_sinistra{text-align:left;}
.a_destra{text-align:right;}
.clearboth, .clearbothhidden, hr{
	 clear:both;
	 width:0;
	 height:0;
	 line-height:1px;
	 margin:0;
	 padding:0;
	 border:0;
}
.clearbothhidden{
    clear:both;
    width:0;
    height:0;
    line-height:1px;
    margin:0;
    padding:0;
    display:block;
    height:0;
}
.clear {
	clear:none;
	clear:both !important;
	clear:none;	
	width:auto;
	width:1px !important;
	width:auto;	
	height:auto;
	height:1px !important;
	height:auto;
}
.hidden {
	display:none;
	width:0;
	height:0;
	top:-10000;
	bottom:-10000;
}
.nomargin{
	margin:0;
	padding:0;
}
.nascosto{
	display:none;
	visibility:hidden;
	height:0px;
}
.visibile{
	display:block;
	visibility:visible;
	height:auto;
}
.sinistra{float:left;}
.destra{float:right;}
.spazio_dx{margin-right:1em;}
.spazio_dx_px{margin-right:4px;}
.padding_basso{padding-bottom:2px;}
.padding_basso2{padding-bottom:5px;}
.padding_alto{padding-top:8px;}
.padding_alto2{padding-top:4px;}
.margin_alto{margin-top:10px !important;}
.margin_basso{margin-bottom:10px !important;}
.margin_sx{margin-left:10px;}
.margin_sx2{margin-left:2px;}
.w_auto{width:auto;}
.corsivo{font-style:italic;}
.grassetto{font-weight:bold;}
.testo_piccolo{font-size:80%;}
.h_auto{height:auto;}
.serie_link{
	margin-right:2em;
	text-decoration:none;
}
.input_form{width:150px;}
.arancio{color:#B76000;}
.verde{color:#6DA100;}
.blu{color:#02ADEA;}
.nero{color:#000000;}
.link_nero{
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
.puntatore{cursor:pointer;}
h1{
	font-family: 'Istok Web', sans-serif;
	font-size:150%;
	color:#565656;
	margin-top:0;
	padding-top:0;
}

/************************** pulsanti ******************************/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover{text-decoration: none;}
.button:active {
	position: relative;
	top: 1px;
}
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

#div_login p input[type="button"]{
	margin:1em 0;
	font-size:100%;
}
.span_spiega{
	border:solid 1px #0095CC;background-color:#ddeaff;padding:0.3em;font-style:italic;text-align:left;
	}
.puls_fenicottero{
	width:50px;
    height:24px;    
	padding:1px 2px;
	text-align:center;
	display:inline-block;
    background:#3e27c9 url("../interfaccia/fenicottero.png") center center no-repeat;
    margin-bottom:-3px;
    border:outset 2px #2c15b7;
    }

/*                  ELEMENTI                 */
#div_sfondo{
	position:fixed;
	width:100%;
	height:110%;
	top:0;
	left:0
	/* per misurare width dai bordi anche con FF: */
	-moz-box-sizing:border-box;box-sizing:border-box;	
	background:#ffffff url('../interfaccia/sfondo.jpg') center no-repeat; 				
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/*background-attachment:fixed;
	background-position: left top;*/
	position:fixed;
	z-index:-10;
}
#div_contenitore{position:relative;}
#testata{
	position:fixed;
	top:0.7em;
	right:0px;	
	width:223px;
	height:70px;
	padding:0 30px 0 10px;
	background:#ffffff url('../interfaccia/ohyesss_index_.jpg') left no-repeat; 
	border:solid 1px #000;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	z-index:5;
}
#div_asta2{
	position:fixed;
	top:0.7em;
	right:0px;
	width:8px;
	height:71px;
	background-image:url('../interfaccia/schema.png');
	background-repeat:repeat-y;
}
#menu{
	position:fixed;
	top:20%;
	right:0px;	
	width:8.2em;
	height:auto;
	background-color:#ffffff; 
	border:solid 1px #909090;
	z-index:10;
	background: url(rgba.php?r=255&g=255&b=255&a=25) repeat;
	background: rgba(255,255,255,0.25);
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	padding:15px 0 10px 10px;
	z-index:5;
}
#div_asta{
	float:right;
	text-align:right;
	width:8px;
	height:248px;
	background-image:url('../interfaccia/schema.png');
	background-repeat:repeat-y;
}
#div_controlli_ok{
	position:absolute;
	top:1em;
	left:0px;	
	width:auto;
	height:auto;	
}
#div_controlli_ok a, #div_controlli_ok a:active{
	color:#17a3cf;
	text-decoration:none;
}
#div_controlli_ok a:hover{color:#d07e0e;}

#div_login, #div_controlli_ko, #div_cosa_e, #div_registrati, #div_privacy, #div_webtop, #div_webphone, #div_navigazione, #div_tuoi_dati, #div_tuoi_contenuti, #div_garanzia, 
#div_interfaccia,#div_cartelle,#div_applicazioni,#div_velocita,#div_webapp,#div_comunicazione,#div_community,#div_informazione,#div_multimedia,#div_assistenza,#div_politica{
	position:relative;
	background-color:#ffffff; 
	z-index:10;	
	background: url(rgba.php?r=255&g=255&b=255&a=75) repeat;
	background: rgba(255,255,255,0.75);
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	/*padding:15px 20px !important;*/
	padding:0 0 0.1px 0;
	margin:0 0 2em 20px;;
	font-size:1.1em;
	line-height:1.7em;
	height:auto;
	color:#251717;
	background-color:#fff\9;		
}
#div_controlli_ok input{font-family: 'Istok Web', sans-serif;}
#div_controlli_ok input[type="text"], #div_controlli_ok input[type="password"], #div_controlli_ok input[type="email"]{
	width:95%;
    -webkit-border-radius: 13px;
	border-radius: 13px;
    padding:0.3em 0.5em 0.2em 0.5em;
    font-size:120%;
    max-width:95%;
    margin-bottom:0.5em;
    line-height:1.5em;
}
#div_controlli_ok p{
	margin:0;
}
#div_slogan{
	font-family: 'Istok Web', sans-serif;
	width:auto;
	font-size:320%;
	color:#FFFFFF;
	position:relative;
	z-index:5;
	margin:0 0 20px 20px;;
}
#div_controlli_ko{
	width:30em;
	font-size:110%;
	line-height:1.2em;
	padding:1em 0 0.1px 0;
}
#div_login{
	width:23em;
	font-size:100%;
	line-height:1.2em;
	padding:1em 0 0.1px 0;
}
#div_cosa_e{
	width:28em;	
}
#div_privacy{
	width:37em;
}
#div_webtop,#div_webphone{
	width:40em;
}
#div_registrati{
	width:35em;
	font-size:105%;
	line-height:1.5em;
}
#div_registrati p{
	margin-top:5px;
}
#div_registrati p img{
	vertical-align:bottom;
	height:20px;
}
#div_registrati table{
	font-size:95%;
	line-height:1.2em;
}
#div_registrati table img{
	height:40px;
}
.reg_privacy{
	overflow-y:auto;
	height:6.1em;
	font-size:85%;
	border:solid 1px #ccc;
}
/*                                       PAGINE                            */
#div_navigazione, #div_interfaccia,#div_comunicazione,#div_assistenza{
	width:47em;
}
#div_tuoi_dati,#div_cartelle,#div_community,#div_politica,#div_webapp{
	width:39em;
}
#div_tuoi_contenuti,#div_applicazioni,#div_informazione{
	width:45em;
}
#div_garanzia,#div_velocita,#div_multimedia{
	width:42em;
}

.testa_riquadro{	
	padding:5px 0 0 20px;	
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.testa_riquadro h1{
	color:#0095cc;
	margin-bottom:0.3em;
}
.testa_riquadro h1 span#span_cambia_lingua_mobile{display:none;}
#div_navigazione .testa_riquadro h1, #div_tuoi_dati .testa_riquadro h1, #div_tuoi_contenuti .testa_riquadro h1, #div_garanzia .testa_riquadro h1, 
#div_interfaccia .testa_riquadro h1, #div_cartelle .testa_riquadro h1, #div_applicazioni .testa_riquadro h1, #div_velocita .testa_riquadro h1,
#div_comunicazione .testa_riquadro h1,#div_community .testa_riquadro h1,#div_informazione .testa_riquadro h1,#div_multimedia .testa_riquadro h1,
#div_assistenza .testa_riquadro h1,#div_politica .testa_riquadro h1,#div_webapp .testa_riquadro h1{
	margin-top:0.3em;
}
.corpo_riquadro{
	margin:0 1em 1em 1em;
	padding:1em 1em 1em 1em;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	background-color:#fff;
	background: url(rgba.php?r=255&g=255&b=255&a=90) repeat;
	background: rgba(255,255,255,0.90);
	background-color:#fff\9;
	border:solid 1px #ccc;
}
.p_scopri{
	text-align:right;
	border-top:solid 1px #ccc;
}
#div_ultimo{
	position:absolute;
	left:0px; 
	z-index:5;	
	background:url(../interfaccia/sfondo_trasp.png);
	width:2px;
	height:320px;
}
.img_ohyesss{
	vertical-align:text-bottom;
	margin-bottom:-4px;
	margin-bottom:1px\9;
}

@-moz-document url-prefix(){/* hack per Firefox */
	.img_ohyesss{
	margin-bottom:-0px;
	}
}
x:-o-prefocus, .img_ohyesss{/* hack per Opera */
margin-bottom:-1px;
}
.img_ohyesss_piccola{
	vertical-align:text-bottom;
	margin-bottom:-4px;
}
x:-o-prefocus, .img_ohyesss_piccola{/* hack per Opera */
margin-bottom:-1px;
}
.p_img_grandi{
	text-align:center;	
	/*border:solid 1px #eee;*/
	padding:5px 0;
	width:90%;
}
.p_img_piccole{
	width:auto;
	/*border:solid 1px #eee;*/
	padding:5px;
	margin:0.5em;
}
.menu_attivo{
	font-family: 'Istok Web', sans-serif;
	text-align:center;
	padding:8px 2px 0 2px;
	margin-bottom:5px;
	width:7.2em;
	height:25px;
	color: #000000;
	border: solid 1px #555;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#a0a0a0));
	background: -moz-linear-gradient(top,  #dedede,  #a0a0a0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#a0a0a0');
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.menu_index a{
	color: #e9e9e9;
	text-decoration:none;
	font-weight:normal;
	
}
.menu_index:active a{
	color: #afafaf;
}
.menu_index{
	font-family: 'Istok Web', sans-serif;
	text-align:center;
	padding:8px 2px 0 2px;
	margin-bottom:5px;
	width:7.2em;
	height:25px;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#575757));
	background: -moz-linear-gradient(top,  #aaa,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#575757');
	cursor:pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.menu_index:hover{	
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.menu_index:active{
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
#div_opaco{
	position:absolute;
	background-color:#FFF;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=75);
	z-index:2001;	 
}
#div_avviso,#div_popup{
	position:absolute;
	width:auto;
	height:auto;
	background: #FFFFFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, 0.8);
	-moz-box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, 0.8);
	box-shadow: 1px 1px 3px 0px rgba(100, 100, 100, 0.8);
	border:solid 3px #207e9a;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	z-index:2002;
}
#intest_avviso,#intest_popup{
	min-width:100px;	
	font-size:130%;
	background-color:#1e5f74;
	font-size:130%;padding:5px;		
}
#intest_avviso img,#intest_popup img{
	margin-top:2px;
}
#titolo_avviso,#titolo_popup{
	float:left;
	margin-left:10px;
	color:#ffffff;
}
#chiudi_avviso,#chiudi_popup{
	float:right;
	text-align:center;
	cursor:pointer;
	width:20px;
	background-color:#ffffff;
	color:#1e5f74;
}
#cont_avviso,#cont_testo_popup{
	padding:1.5em 1.5em 0.8em 1.5em;
}
#div_cookie{
	position: fixed;
	font-family: 'Exo', sans-serif;
	background-color:#000055;/*#F3F3F3*/
	bottom:0;
	left:0;
	opacity:.85;
	filter:alpha(opacity=75);
	z-index:2001;
	height:auto;
	width:100%;
	color:#fff;
	padding:0;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	}
#div_cookie p{
	margin:0.4em;
	}
#div_cookie input{
	margin-top:0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	}
#div_cookie .ok{
	background-color:#900;
	margin-right:1em;	
	}
#div_cookie .dettagli{
	background-color:#008;	
	}
#div_iscrizione_ok{width:550px;}
#div_iscrizione_ok p{
	font-size:130%;
    margin:0.2em 0.5em;
}
@media screen and (max-width: 600px) {
	#div_iscrizione_ok{width:80%;}
}