A:link {text-decoration: none; color:#365e77;}
A:visited {text-decoration: none; color:#365e77;}
A:hover {text-decoration: none; color:#9ec7be;}

body
{
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		font-size:18px!important;
		background-image:url(grafiche/bg.jpg);
		margin:0px;
		padding:0px;
}
img {
	border:0px;
}
form {
	margin:0px;
	padding:0px;
}
.spacer
{
	height:0px;
	width:0px;
	overflow:hidden;
	clear:both;
}
.spacer2
{
	height:15px;
	width:0px;
	overflow:hidden;
	clear:both;
}
.titoloDashboard
{
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:1.6em;
		color:#365e77;
	text-align:center;
}
.titoloHeader
{
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:2.5em;
	color:#365e77;
	text-align:center;
	margin:5px 0px;
}
.corpoHomeDashboard
{
	width:920px;
	margin:0px auto;
	
}
.corpoGrigio
{
	width:100%;
	
	background-color:rgb(240,240,240);
	border-radius:10px;
}
.divisorioHeader
{
	height:1px;
	width:600px;
	margin:5px 0px
}
.barraBiancaDashboard
{
	width:100%;
	background-color:#FFF;
	margin:0px 0px 25px 0px;
	padding:0px;
}
.headerdashboard
{
	width:900px;
	margin:0px auto;
	margin-bottom:10px;
}
.logo
{
	height:80px;
	float:right;
	margin-top:30px;
	
}
.logoevento
{
	height:160px;
	float:left;
	
}
.corpodashboard
{
	width:900px;
	margin:0px auto;
}

.layer25percentoDashboard
{
	width:23%;
	height:300px;
	margin:15px 1%;
	padding:0px;
	float:left;
	font-size:26px;
	
}
.layer50percentoDashboard
{
	width:46%;
	height:300px;
	margin:15px 1%;
	padding:0px;
	float:left;
	font-size:26px;
	
}
.layer33percentoDashboard
{
	width:31.3%;
	margin:10px 1%;
	float:left;
	
}
.layer50poercento
{
	width:48%;
	margin:1%;
	text-align:center;
	float:left;
}
.iconedashboard
{
	text-align:center;
}
.iconedashboard img
{
	width:150px;
	margin:0px 0px 10px 0px;
	/*border:2px solid#CCC;
	border-radius:200px;
	background-color:#365e77;*/
}
.centrato
{
	text-align:center;	
}
.pulsanteform
{
	background-color:#be0042;
	font-size:18px;
	color: #FFF!important;
	border:1px solid #CCC;
	padding:3px 20px;
	text-align:center;
}
.campoLungo {
	width:90%;
	font-weight:normal;
	color:#767575;
	border:1px solid #808081;
	margin:5px 0px;
	padding:5px;
	font-size:16px;
}
.numero
{
	font-size:50px;
	margin:10px 0px;
}
.pannelloDati
{
	width:240px; height:240px;
	margin:15px auto;
	background-color:#FFF!important;
	border:2px solid#CCC;
	border-radius:120px;
	font-size:26px;
	text-align:center;
	color:#333!important;
	background-color:#365e77;
}
.off img
{
	background-color:#666!important;
}
.vuoto
{
	background-color:#FFF!important;
}
.pannelloDati .margine
{
	margin:50px 0px 0px 0px;
}
.numeroSopraImmagine
{
	width:100%;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	text-align:center;
	margin-top:22%;
	font-size:50px;
	color:#333;
}
.corpodashboard, .headerdashboard
{
	width:98%;
	margin:0px auto;
}
.testoevento
{
	width:95%;
	padding:1%;
	border:1px solid#365e77;
	margin:0px auto 35px auto;
	background-color: rgba(255, 255, 255, 0.5);
	text-align:center;
}
.bottom a, hover, visted
{
	color:#333;
}
.video
{
	 max-width:650px;
	 max-height:300px;
	 margin:15px auto;
	 font-size: 26px;
}
#header
{
	width:100%;
	overflow:hidden;
}
#header img
{
	width:100%;
}

@media screen and (max-width: 1200px) {
.layer25percentoDashboard
{
	width:31%;
}
.titoloHeader
{
	font-size:2.9em;
}
/*#header img
{
	width:120%;
	margin-left:-10%;
}*/
}

@media screen and (max-width: 1080px) {
.logo
{
	height:70px;
}
.titoloHeader
{
	font-size:2.6em;
}
.divisorioHeader
{
	height:1px;
	width:600px;
	margin:5px 0px
}
/*#header img
{
	width:140%;
	margin-left:-20%;
}*/
.corpoHomeDashboard
{
	width:98%;
}
}

@media screen and (max-width: 900px) {
.corpodashboard, .headerdashboard
{
	width:98%;
	margin:0px auto;
}
.testoevento
{
	width:95.8%;
	margin:0px auto;
}
#header img
{
	width:22%;
	margin-left:-55%;
}
}

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


.layer25percentoDashboard
{
	width:48%;
}
}

@media screen and (max-width: 700px) {
.logo
{
	height:60px;
}
.layer50poercento
{
	width:100%;
	margin:8px 0;
}
.iconedashboard img {
    width: 80px;
}
}

@media screen and (max-width: 650px) {
.video
{
	width:100%;
}
}


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

.corpodashboard, .headerdashboard
{
	text-align:center;	
}

.barraBiancaDashboard
{
	text-align:center;	
}
.logo
{
	height:inherit;
	width:60%;
	margin:0px 15%;
	float:inherit;
}
.logoevento
{
	height:inherit;
	width:55%;
	max-width:230px;
	margin:2px auto;
	float:inherit;
}
.divisorioHeader {
    width: 90%;
}
.titoloHeader
{
	font-size:2.4em;
}
.divisorioHeader
{
	width:80%;
}
.layer25percentoDashboard img
{
	width:70%;
}

.layer25percentoDashboard
{
	height:46vw;
}
.layer50percentoDashboard
{
	width:98%;
	
}
.pannelloDati
{
	width:38vw;
	height:38vw;
	font-size:14px;
}
.pannelloDati .margine {
    margin: 40px 10% 0 10%;
}

.numero, .numeroSopraImmagine {
    font-size: 40px;
}
}

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


.pannelloDati .margine {
    margin: 25px 10% 0;
}
.numero, .numeroSopraImmagine {
    font-size: 30px;
}
}

@media screen and (max-width: 500px) {
.titoloHeader
{
	font-size:2.3em;
}
}