ul, li  {list-style:none; padding:0; margin:0}
	
	#login { background: #fff;
	text-align:center; margin:150px auto 20px auto; color:#111;
	width:300px;}
	#login .logo {margin:0 0 40px 0}
	#login .logo img { width:200px}
	#login div {margin:10px 0}
	#login input {width:100%; padding:10px; margin:10px 0; text-align:center;
	border:2px solid #ccc; 
	-moz-border-radius: 2px;border-radius: 2px;}

	#login label {margin:20px 0 10px 0; font-size:16px; text-transform:uppercase; color:#555}
	
	#login #submit {width:70%; background:#007719; color:#fff; font-weight:bold}

	@media screen and (max-width: 601px) {
	#login {
		margin:20px auto 20px auto !important; 
		width:90%;}
	}
	 .input-user {background:url(https://cdn4.iconfinder.com/data/icons/small-n-flat/24/user-alt-32.png) left center no-repeat !important;
	 background-size: auto 100%} 
	 
	 
	 
	.strutture_home { margin:60px 0 0 0}
	.strutture_home li {width:33.3333%; float:left; text-align:center} 
	.strutture_home li .cella {border:1px solid #ccc; margin:10px 10px 0 0; background:#fff; padding:20px 0}
	.strutture_home .fotona  {margin-bottom:20px}
	.strutture_home .fotona img {width:100%; max-width:350px}
	.strutture_home li .testo {display:none}
	.pulisci {clear:both;}
	 
	@media screen and (max-width: 601px) {
	.strutture_home { margin:10px 0 0 0}
	.strutture_home li {width:100%; float:none; text-align:center} 
	.strutture_home .fotona img {width:100%; max-width:150px}
	}		 
	 
	.riquadri-home { margin:10px 0 20px 0}
	.riquadri-home li {width:25%;  float:left; margin:20px 0;}
	@media screen and (max-width: 601px) {
		.riquadri-home { margin:10px 0 40px 0 !important}
		.riquadri-home li {width:50%;  float:left; margin:5px 0 5px 0 !important;}
		.riquadri-home li div {margin:0 !Important}
		.riquadri-home div {  -moz-border-radius: 0px !Important;border-radius: 0px !Important;}
	}
	
	.riquadri-home div { 
	padding:25px 0px 0px 0px; -moz-border-radius: 3px;border-radius: 3px; text-align:left;
	margin: 0 10px 0 0px; color:#fff; background-position:right top; background-repeat: no-repeat; background-size: auto 80%}
	.riquadri-home div { font-weight:900; line-height:30px}
	.riquadri-home div a {color:#eee;}
	.riquadri-home div small {font-size:16px; font-weight:100; }
	.riquadri-home div a:hover {color:#fff; }
	.riquadri-home li:first-child div {margin:0 10px 0 0}
	.riquadri-home li:last-child div  {margin:0 0px 0 0px}
	.riquadri-home .testo {font-size:36px; color:#fff; padding:0 0 0 20px; margin:0 !important; line-height:40px}
	.riquadri-home .link {font-size:12px; color:#fff; background:rgba(0,0,0,.2); padding:3px 20px 0 20px; text-align:center; text-transform:uppercase}
	.riquadri-home .frazione {color:#ccc;}
	

	.riquadri-home .aziende {background-color:#00a65a; 
	background-image:url(../../../icone/128/home-riquadri-aziende.png);}
	.riquadri-home .dipendenti {background-color:#00a65a; 
	background-image:url(../../../icone/128/home-riquadri-utenti.png);}
	.riquadri-home .ingressi {background-color:#00c0ef; 
	background-image:url(../../../icone/128/home-riquadri-statistiche.png);} 
	.riquadri-home .uscite {background-color:#00c0ef; 
	background-image:url(../../../icone/128/home-riquadri-statistiche.png);} 
	


@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.container ,
.codrops-top {

	font-family: 'Lato', Arial, sans-serif;
}

.container  {
	margin: 0 auto;
	padding: 5em 2em 6em 2em;
	padding-left: /*370px*/ 100px;
	background: #34495e;
}
#dashboard .container { background:#eee !important}
#dashboard .container  h1 { color:#c00 !important}
#chart_div {background:#c00}

.container  span {
	display: block;
	font-size: 55%;
	color: #74818e;
	padding: 0 0 0.6em 0.1em;
}


.container  a {
	color: #566473;
	text-decoration: none;
	outline: none;
}

.container  a:hover {
	color: #c00;
}

.container  h1 {
	font-size: 2.5em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
		color: #fff;
}



/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #222;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo, 
.codrops-demos a.current-demo:hover {
	border-color: #89867e;
	color: #89867e;
}

@media screen and (max-width: 1025px) {
	.container  {
		margin: 0 auto;
		padding: 70px 10px;
		font-size: 100%;
		text-align: left;
	}

}

@media screen and (max-width: 740px) {

	.codrops-icon span {
		display: none;
	}

}


	.bottone-stampa {float:right; }
	.bottone-stampa input { background:#222 !important; color:#fff; padding:10px 30px;
	text-transform:uppercase	}
	@media print {
	.bottone-stampa {display:none}

	}