@charset "UTF-8";

/****************/
/*	spreadform	*/
/****************/

#spread_cont {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:120px;
	width:460px;
	display:block;
}
#spread_cont_imgBig {margin-bottom:20px; text-align:center}

/* BTN */
#spread_cont_form {position:relative;}
#spread_cont_form input {}
.spread_textInput {
	width:220px;
	border:none;
	border-bottom:1px solid #666;
	left:120px;
	position:absolute; text-align:left;
	background:none;
	font-size:20px;
	color:#333;
	text-align:center;
	font-family:"Aller", Helvetica, Arial;
	font-weight:bold;
	top:18px;
}
.spread_button {
	background-image:url(../img/enter_btn/keyboard_standard.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	position:absolute;
	right:89px;
	top:18px;
	font-family:"Aller";
	font-size:20px;
	color:#333;
	text-indent:-9999px;
	display:block;
	width:28px;
	height:35px;
}
.spread_button:hover {
	background-image:url(../img/enter_btn/keyboard_hover.gif);
}
.spread_facebook {margin-right:10px;}
.spread_numberof_views{
	position:absolute;
	background-color:red;
	display:block;
	height:10px;
}
#spread_cont_form label{
	position:absolute;
	color:#333;
	font-family:"Aller", Helvetica, Arial;
	font-size:20px;
	right:340px;
	top:20px;
	white-space:nowrap;
}
input[type=text]:focus,input[type=password]:focus {
  outline: 0 none;
}
#drawing-wrapper-index {
	background:url("../img/impalcatura.png");
	background-repeat:no-repeat;
	margin-left:-576px;
	height:336px;
	position:absolute;
	width:336px;
	left:50%;
	top:0;

	/*margin-top:-890px;*/
}

/*div extra help*/
#spread_extra_gps{display:none;}
#spread_extra_skip{text-align:center;}
#spread_extra_skip a {
	background:#FFFFFF; 
	padding:3px 8px; 
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px; 
	border: 1px solid #c0c2a7; 
	font-size: 12px
}
#spread_extra_content {display:none;}

/**********************************************************************/
/*	spreadstats	*/
#spread_strip{
		overflow:auto;
}
#spread_strip ul{
		overflow:auto;}
#spread_strip ul li ul {overflow:hidden;}
	
#spread_strip ul li {float:left; margin-right:30px; overflow:hidden; width:100px;}
#spread_strip ul li ul li {float:none;}
#spread_strip ul li ul li a img {border:0;}
/**********************************************************************/
/*MAP GIGA*/
#spread_top_confronto{position:absolute; top:0px; left:455px;}
#spread_top_confronto img {border:none; display:block;}
#spread_top_confronto h4 {margin-bottom:10px; font-weight:normal}
#spread_top_confronto h4 span{font-weight:bold;  }
#sprd_other_saw_title{clear:both; margin-top:36px;}
#spread_top_confronto h4 a{background-color:white; padding:5px; font-weight:bold;}
#spread_you_saw{margin-bottom:20px; height:75px;}

#spread_img{
	overflow:hidden;
	width:440px;
	position:absolute;
	top:0px;
}
#spread_you_saw li{
	float:left; 
	position:relative;
	margin-bottom:10px;
}
#spread_you_saw span {
	position:absolute; 
	top:0px; 
	left:0; 
	padding:5px;
	width:65px; 
	background-color:white
}

/* ----------------------- list tmb OTHERSVIEW  */

#spread_other_saw {
	font-size:11px;
	width:540px;
}

/* single tmb */
.sprd_othv_contsingle  {
	float:left;
	margin-bottom:41px;
	margin-right:15px;
	position:relative;
}
/* treeeeeee voice */
.sprd_othv_img{	

}
.sprd_othv_voice a{
	display:block;
	position:absolute;
	top:0px;
	height:75px;
	width:75px;
}
.sprd_othv_voice span {
	position:absolute;
	background-color:white;
	top:75px;
	width:67px;
	height:20px;
	overflow:hidden;
	padding-left:4px;
	padding-right:4px;
	background-repeat:no-repeat;
	background-position:63px 3px;
	background-image:url('../img/marker_milos_normal.gif');
}
.sprd_othv_number{
	position:absolute;
	top:3px;
	right:3px;
	background-color:white;
	padding-left:2px;
	padding-right:2px;
}
#spread_hint {
	color:#C80001;
	display:inline;
	margin-left:5px;
}
/* tag */
#spread_other_saw img{
	/*border:none;*/
}
#spread_other_saw a {
	/*
	display:block;
	position:absolute;
	margin-top:3px;
	*/
}
#spread_other_saw span{
	
}
/*-------------------------- MAPS */
#mappa{
	position:absolute;
	width:440px;
	height:380px;
}
#mappaBig {
	position:absolute;
	width:930px;
	height:380px;
}
#mapBigStats {
	height: 490px;
}
#map_canvas {
	width:980px; 
	height:490px;
	-moz-box-shadow:0 0 3px #393D27;
	-webkit-box-shadow: rgba(57, 61, 39, 0.5) 0px 0px 10px;
}

#map_canvas:hover {
	-moz-box-shadow:0 0 8px #000000;
	-webkit-box-shadow: rgba(57, 61, 39, 0.5) 0px 0px 20px;    
}
#spread_full_text{
	position:absolute;
	top:10px;
	left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:white;
	max-width:280px;
	
}

/*#close_map a{
	position:absolute;
	top:10px;
	right:550px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:white;
}*/

/*-------------------------- CONTENT*/
#spread_content{
	position:absolute;
	top:410px;
	color:#40413C;
}
#spread_content p {margin-bottom:10px;}
#spread_content h3{
	color:#40413c;  
	border-bottom: #ccc solid 1px; 
	text-shadow:1px 1px 1px #f4f6ea;
	font-family:"Aller";
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
/*ex about (ora container generico del contenuto) */
#spread_box_about {
	left:0px;
	padding-left:25px;
	padding-right:25px;
}


  
  
  
/*
swicth button
graphics by milos milosevic
devloped by alessandro descovi(c)
for fleka / www.fleka.me
*/

/*macchia*/
.spread_icon_macchia_active {background-image:url(../img/btnswitchmap/macchia_hover.png);}
.spread_icon_macchia		{background-image:url(../img/btnswitchmap/macchia_normal.png);}
.spread_icon_macchia:hover	{background-image:url(../img/btnswitchmap/macchia_hover.png);}

/*map*/
.spread_icon_map_active		{background-image:url(../img/btnswitchmap/map_hover.png);}
.spread_icon_map			{background-image:url(../img/btnswitchmap/map_normal.png);}
.spread_icon_map:hover		{background-image:url(../img/btnswitchmap/map_hover.png);}

/*general*/
.btn_switch {position:absolute; left:354px; top:10px;}
.btn_switch	a{display:block; width:29px; height:22px; text-indent:-9999px; float:left; outline:none}
