.mapContainer
	{
	position:relative; 
  	visibility:hidden;
	background-color:#3f3f3f; /* siena: official:d0c4ac prova:d4c8af*/
	overflow:hidden;
	}	

.place
	{
	position:absolute;
	visibility:hidden;
	background-color:#545454;
	border: 3px solid #303030; /* bf270c */
    border-radius: 3px;
    color:#303030; /* bf270c */
    text-align:center;
	}

.map_placeSerigrafia
	{
	fill: none;
	stroke:#303030;  /*bf270c*/
	stroke-width:3;
	}
	
.placeBttn
	{
	position:absolute; 
	 /*background-color: #0f0; */
    border-radius: 3px;
	}

.placeDidaMain {
	position:absolute; 
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#fff; /*bf270c*/
	text-align:left;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	 -khtml-user-select: none;    /* Konqueror */
 	 -moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}

.placeDidaSec {
	position:absolute; 
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff; /*bf270c*/
	text-align:left;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	 -khtml-user-select: none;    /* Konqueror */
 	 -moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}

.bttn
	{
	position:relative; 
	top:30px;
	left:30px;
	width:300px;
	}


/* pirulls */

.pir{display:block;width:4px;height:4px;border-radius:4px;border: 2px solid #03c;background:#39f;}
.pir:hover{background:#ff9a3f;cursor:pointer;border: 2px solid #e1120a;}
.pir:active{background:cyan}

.pastPirullo{display:block;width:4px;height:4px;border-radius:4px;border: 2px solid #750603;background:#f00;}
.pir:hover{background:#ff9a3f;cursor:pointer;border: 2px solid #e1120a;}
.pir:active{background:cyan}

.currPirullo
	{
	position:relative;
	width:5px; height:5px;
	background-color:#ff9a3f;
	border: 2px solid #f00;
    border-radius: 5px;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: reverse;  /*Chrome, Safari, Opera */
    /*transform-origin:70% 70%;*/
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    /*animation-direction: reverse;*/
	}

/* Chrome, Safari, Opera */
@-webkit-keyframes pulse {
    0%  {transform:scale(1);}
    25% {transform:scale(1.2);}
    50% {transform:scale(1.3);}
    75% {transform:scale(1.2);}
    100%{transform:scale(1);}
    }
    
/* Standard syntax */
@keyframes pulse {
	0%  {transform:scale(1);}
    25% {transform:scale(1.2);}
    50% {transform:scale(1.3);}
    75% {transform:scale(1.2);}
    100%{transform:scale(1);}
}



/*dashBoard*/

.roundBttn {
	display:block;
	width:22px;
	height:22px;
	border-radius:13px;
	background:#444;
	color:#ccc;
	font-size:60%
	font-family: Arial,Helvetica,sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}
.roundBttn:hover {
	display:block;
	width:22px;
	height:22px;
	border-radius:13px;
	background:#ccc;
	color:#333;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}
.roundBttn:active {
	display:block;
	width:22px;
	height:22px;
	border-radius:13px;
	background:#000;
	color:#f00;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}

.roundBttnCredits {
	display:block;
	width:20px;
	height:20px;
	border-radius:13px;
	background:#303030;
	color:#555;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}
.roundBttnCredits:hover {
	display:block;
	width:20px;
	height:20px;
	border-radius:13px;
	background:#444;
	color:#ccc;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}
.roundBttnCredits:active {
	display:block;
	width:20px;
	height:20px;
	border-radius:13px;
	background:#000;
	color:#f00;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}


.roundBttnMyGuida {
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	background:#817769;
	color:#D0C4AC;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}
.roundBttnMyGuida:hover {
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	background:#D16B2B;
	color:#D16B2B;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}
.roundBttnMyGuida:active {
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	background:#FC4A14;
	color:#FC4A14;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}

.myGuidaSVG
	{
	fill:#958C7B; 
	stroke:#D0C4AC;
	}

.myGuidaSVG:hover
	{
	fill:#FC5108; 
	stroke:#231F20;
	}
	
.myGuidaSVG:active
	{
	fill:#FC5108; 
	stroke:#231F20;
	}
		
.zoomBttn {
	color: #000; /* 868686 777 */
	cursor:pointer;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
  	background-color:#3f3f3f; 
	}
.zoomBttn:hover {
	color:#ff0000;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
  	background-color:#3f3f3f; 
	}
.zoomBttn:active {
	color:#fff;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
  	background-color:#3f3f3f; 
	}
	
.restore_roundBttn {
	display:block;
	width:30px;
	height:30px;
	border-radius:22px;
	background:#1f1f1f;
	color:#ccc;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	-khtml-user-select: none;    /* Konqueror */
 	-moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
	}
.restore_roundBttn:hover {
	display:block;
	width:30px;
	height:30px;
	border: solid 1px; 
	border-radius:22px;
	background:#ccc;
	color:#4f4f4f;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}
.restore_roundBttn:active {
	display:block;
	width:30px;
	height:30px;
	border-radius:22px;
	background:#000;
	color:#f00;
	font-family: Arial,Helvetica,sans-serif;
	cursor:pointer;
	}

.didaPosition {
	position:absolute; 
	bottom:9px; 
	left:20px;
	width:310px;
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:white;
	text-align:left;
	line-height: 14px;
	padding-left:5px;
	-webkit-touch-callout: none; /* iOS Safari */
  	-webkit-user-select: none;   /* Chrome/Safari/Opera */
 	 -khtml-user-select: none;    /* Konqueror */
 	 -moz-user-select: none;      /* Firefox */
  	-ms-user-select: none;       /* IE/Edge */
  	user-select: none;
  	background-color: #000;
	}

.dashb_bkgrPanel
	{
	fill:#303030;
	}

.dashb_serigrafiaPanel
	{
	fill: none;
	stroke:#000; /* 777 */
	stroke-width:1px;
	}