/*--------------------------Stile dedicato a tutte le pagine--------------------------*/
		/*Principali Tag*/
		body{
			/*line-height: 1.5;*/
			font-family: sans-serif, verdana, italic;
			margin:0;
			min-width:350px;
			height:100%;
		}
		
		a{
			color:black;
			text-decoration:none;
		}		
		
		header{
			margin-top:2%; 
			margin-bottom:2%;
		}
		
		/*Titolo*/
		.titolo{
			
		}
		
		/*Testo link*/
		.testo-link{
			
		}
		
		.testo-link:hover{
			text-decoration: underline;
		}
		
		/*Testo*/
		.testo{
			line-height:1.5;
			text-align: justify;
		}
		
		/*Corpo pagina*/
			.corpopagina{
				margin-left:10%; 
				margin-right:10%; 
				padding:2%; 
				box-shadow: 18px 0 14px -14px rgba(0,0,0,0.2), -18px 0 14px -14px rgba(0,0,0,0.2);
				min-height:500px;
			}
				
		/*Bottone*/
			.bottone {
				display: inline-block;
				border-radius: 4px;
				background-color:#616161 ;
				border: none;
				color: #FFFFFF;
				text-align: center;
				text-decoration:none;
				width: 300px;
				transition: all 0.5s;
				cursor: pointer;
				line-height: 1.5;
				vertical-align:middle;
				padding: 5px;
				margin-bottom:2%; 
				margin-top:1%;
			}

			.bottone span {
				cursor: pointer;
				display: inline-block;
				position: relative;
				transition: 0.5s;
			}

			.bottone span:after {
				content: '\00bb';
				position: absolute;
				opacity: 0;
				top: 0;
				right: -20px;
				transition: 0.5s;

			}

			.bottone:hover span {
				padding-right: 25px;
			}

			.bottone:hover span:after {
				opacity: 1;
				right: 0;
			}
			
		/*Tooltip*/
			.tooltip {
				display: inline-block;
				border-bottom: 1px dotted black;
				position: relative;
			}

			.tooltip .tooltiptext {
				margin-left: -60px;
				width: 120px;
				background-color: black;
				z-index: 1;
				bottom: 150%;
				left: 50%;
				visibility: hidden;
				text-align: center;
				border-radius: 6px;
				padding: 5px 0;
				position: absolute;
				color: #fff;
			}

			.tooltip .tooltiptext::after {
				content: "";
				position: absolute;
				border-width: 5px;
				border-style: solid;
				border-color: black transparent transparent transparent;
				top: 100%;
				left: 50%;
				margin-left: -5px;
			}

			.tooltip:hover .tooltiptext {
				visibility: visible;
			}
		
		/*Google*/
			/*Info del contenitore*/
			.cse .gsc-control-cse,
			.gsc-control-cse {
				background-color:transparent !important;
				border-color: transparent !important;
				margin:0 !important;
				padding:0 !important;
				/*padding:0 !important;*/
			}
			
			/*Info del bottone*/
			.cse .gsc-search-button input.gsc-search-button-v2,
			input.gsc-search-button-v2 {
				background-color:#08368B !important;
				border-radius: 25px !important;
				border:#FFF !important;
			}
			
			/*Info della casella di ricerca*/
			input.gsc-input{
				border-style: solid;
				/*background-color:black !important;*/
				
			}
			
			
			
/*--------------------------Stile dedicato alle singole pagine--------------------------*/
		
		/*-------------------Pagina INDEX-------------------*/
		.index-corpopagina{
		margin-left:10%;
		margin-right:10%; 
		box-shadow: 18px 0 14px -14px rgba(0,0,0,0.2), -18px 0 14px -14px rgba(0,0,0,0.2);
		}
			
			/*Corpo INTRO*/
			.corpo-intro{
				width:90%;
				line-height: 1.5;
				margin:0 auto;
			}
			
			.testo-intro{
				display:inline-block; 
				width:80%; 
				vertical-align:middle;
				text-align: justify;
			}
			
			.immagine-intro{
				display:inline-block; 
				width:160px; 
				position:relative; 
				vertical-align:middle;
			}
			
			/*Corpo PARTNER*/
			.corpo-partner{
				padding:2%; 
				background-color: #f1f1f1;
			}
			
			.imm-partner{
				cursor:pointer;
				width:250px; 
				margin-top:10px; 
				margin-left:10px;
			}
					
			.imm-partner:hover{
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			}
			
			
		
			/*Corpo INFO*/
			.testo-informazioni{
				margin-top:1%; 
				padding:2%;
				display:inline-block;
				width:60%;
			}
			
			.icona-wifi{
				display:inline-block;
				width:20%;
				text-align:center;
			}
			
			/*Corpo NEWS*/
			.casella-news{
				max-width:640px !important; 
				margin: 0 auto !important;
				text-align:center;
			}
			
			.news{
				width:300px;
				border-style: solid;
				border-color:#FFFFFF;
				display:inline-block; 
				padding:5px;
			}
			
			.news:hover{
				
				border-color: #08368B;
				
			}
			
			.news-collegamenti{
				text-decoration:none !important;
				font-weight: bold; 
				color:#08368B !important;
			}
			
			.news-collegamenti a:hover{
				text-decoration: underline !important;
				color:#08368B !important;
			}
		
			/*Corpo SYMANTEC*/
			#corpo-symantec{
				padding-top:2%;
				padding-bottom:4%;
				width:80%;
				margin: 0 auto;
			}
			
			#tabella-symantec{
				border-collapse: collapse;
				width: 100%;
			}
			
			#tabella-symantec th{
				background-color: #08368B;
				color: white;
			}
			
			#tabella-symantec th, #tabella-symantec td{
				text-align: left;
				padding: 8px;
				border-bottom: 1px solid #ddd;
			}
			
			#tabella-symantec tr:hover{
				background-color: #f5f5f5
			}
		
		
		/*-------------------Pagina CLIENTI-------------------*/
		.lista-clienti a{
			text-decoration:none;
			line-height:1.5;
		}
		
		/*-------------------Pagina CONTATTO-------------------*/
		.map {
			width:100%;
			height:500px;	
		}


		.map-wrap {
			position:relative; 
		}
			
		.overlay {
			width:100%;
			min-height:500px; 
			position:absolute; 
			top:0;
		}
	
		/*-------------------Pagina LOGIN-------------------*/
		.immagine-login{
			position:relative; 
			vertical-align: middle;
			max-width:450px; 
			text-align: center; 
			margin-top:15%; 
			margin-left:10%; 
			opacity: 0.5;
		}
		
		.casella-login{
			display: inline-block;
			margin-left:10%;
			margin-top:10%;
			margin-bottom:15%;
		}
		
		.focus_login{
			margin:5px; 
			box-sizing:border-box; 
			border: 3px solid #ccc; 
			padding: 14px 20px;
		}
		
		.focus_login:focus {
			background-color:#555555; 
			color: white;
			outline: none;
		}
		
		
		.bottone_login{
			background-color:#727272;
			color:white;
			border:solid;
			border-color:#727272;
			height:30px;
			width:60px;
		}
		
		.bottone_login:hover{
			border-color:#08368B;
			background-color:#08368B;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		/*-------------------Pagina 404-------------------*/
		.testo-404{
			text-align:center;
			margin-bottom:5%;
		}
		.titolo-404{
			font-size:150px;
			margin:2%;
		}
		
		
/*--------------------------Stile dedicato al mobile--------------------------*/
		
		/*Grandezza schermo 600px*/
		@media only screen and (max-width: 600px) {
			.bottone{
				text-align:center;
			}
			
			.corpopagina{
				margin-left:0; 
				margin-right:0; 
				padding:2%; 
				
			}
			
			/*Index*/
			.corpo-intro{
				width:90% !important;
			}
			
			.bottone{
				width:200px;
			}
			
			#corpo-symantec{
				display:none;			
			}
			
			.intro-bottone{
				width:210px;
				margin: 0 auto;
			}
			
		}
		
		/*Grandezza schermo 800px*/
		@media only screen and (max-width: 850px) {
			.index-corpopagina{
				margin-left:0px;
				margin-right:0px;
			}
			
			.news{
				width:100%;
				display:initial; 
				text-align:center;
				border:none;
				
			}
			
			.news-collegamenti{
				text-align:center !important;
			}
			
			#corpo-symantec{
				width:100%;
				padding: 0px;
			}
			
			.immagine-intro{
				display:none;
			}
			
			.testo-intro{
				width:100% !important;
				display:block;
			}
			
			
		}
		
		/*Grandezza schermo 1000px*/
		@media only screen and (max-width: 1000px) {
			.icona-wifi{
				display:none !important;
			}
			
			.testo-informazioni{
				text-align:center;
				width:100%;
				padding:0%;
			}
		}
		
		/*Grandezza schermo 1000px*/
		@media only screen and (max-width: 1030px) {
			
		}
		
		/*Grandezza schermo 1200px*/
		@media only screen and (max-width: 1200px) {
			/*Login*/
			.immagine-login{
				display:none;
			}
			
			.casella-login{
				display:inherit;
				margin: 50px auto;
				width:230px;
				
			}
			
			.testo-intro{
				width:70%;
			}
		}
		
		@media only screen and (min-width: 1600px){
			.corpopagina{
				max-width:1200px;
				margin: 0 auto;
			}
			.index-corpopagina{
				max-width:1200px;
				margin:0 auto;
			}
		}