@charset "UTF-8";
/* CSS Document */

div#wrapper {
	background: #FFF;
	width: 950px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}

a.bigger {
	padding:10px 20px;
	font-size:16px;
	}

/********************************
 *								*
 *		  	    TYPE            *
 *								*
 ********************************/
div#wrapper .white { color:#FFF; }
div#wrapper .orange { color:#F60; }
div#wrapper .purple { color:#660099; }

div#wrapper .clear { clear:both; }

div#wrapper .margint-10 { margin-top:10px; }
div#wrapper .margint-20 { margin-top:20px; }
div#wrapper .margint-30 { margin-top:30px; }
div#wrapper .margint-40 { margin-top:40px; }
div#wrapper .margint-50 { margin-top:50px; }
div#wrapper .margint-60 { margin-top:60px; }
div#wrapper .margint-70 { margin-top:70px; }
div#wrapper .margint-80 { margin-top:80px; }
div#wrapper .margint-90 { margin-top:90px; }
div#wrapper .margint-100 { margin-top:100px; }

div#wrapper .marginb-10 { margin-bottom:10px; }
div#wrapper .marginb-20 { margin-bottom:20px; }
div#wrapper .marginb-30 { margin-bottom:30px; }
div#wrapper .marginb-40 { margin-bottom:40px; }
div#wrapper .marginb-50 { margin-bottom:50px; }
div#wrapper .marginb-60 { margin-bottom:60px; }
div#wrapper .marginb-70 { margin-bottom:70px; }
div#wrapper .marginb-80 { margin-bottom:80px; }
div#wrapper .marginb-90 { margin-bottom:90px; }
div#wrapper .marginb-100 { margin-bottom:100px; }

div#wrapper .floatright { float:right; }

div#wrapper h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	letter-spacing:-1px;
	color:#000;
}

div#wrapper p {
	line-height:20px;
}

div#wrapper h1.heading {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	background: #F60;
	color: white;
	display: inline-block;
	margin: 0 0 1px;
	text-transform: uppercase;
	padding: 10px 25px;
	clear: both;
	letter-spacing:-1px;
}

div#wrapper h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size:52px;
	letter-spacing:-1px;
	text-transform: uppercase;
	text-align:left; 
	line-height:40px; 
	margin-bottom:10px;
	margin-top:230px;
}

div#wrapper h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #666;
	float: left;
	background-color: #FFF;
	width: 250px;
}

div#wrapper h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing:-1px;
	text-transform: uppercase;
	color: #000;
	line-height: 1.2em;
}

div#wrapper .slide-copy {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

div#wrapper .normal {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

div#wrapper .small {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
}

div#wrapper .shop {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin: 5px 0 0 0;
}

	
/********************************
 *							 	*
 *		 	  NAVIGAZIONE       *
 *						 		*
 ********************************/
div#navigazione {
	position:absolute;
	top:184px;
	left:50%;
	margin-left:-480px;
	z-index:99;
	}
div#navigazione ul,
div#navigazione ul li {
	margin:0;
	text-align:left;
	list-style:none;
	float:left;
	margin-right:3px;
	margin-top:2px;
	}
div#navigazione ul li a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 17px;
	background: #09F;
	color: white;
	display: inline-block;
	text-transform: uppercase;
	padding: 7px 14px;
	clear: both;
	}
div#navigazione ul li a:hover {
	background:#0CF;
	}
div#navigazione ul li a.schedap {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	background: #09F;
	color: white;
	display: inline-block;
	margin: 0 0 2px;
	text-transform: uppercase;
	padding: 7px 14px;
	clear: both;
	}
div#navigazione ul li a.schedap:hover {
	background:#0CF;
	}

	
	
/********************************
 *							 	*
 *		 	  CONTENT           *
 *						 		*
 ********************************/
 


div#wrapper .sezione {
	margin:150px 0 0 0;
	padding-top:43px;
	}
div#wrapper .contenuti {
	border-top:solid 1px #eee;
	padding-top:30px;
	}
	
div#wrapper #start {
	background:url(../img/bg-start2.jpg) left top no-repeat;
	height: 850px;
	width: 950px;
	margin-top:0px;
}
#featured-ipad {
  position: relative;
  margin-left:-250px;
  margin-top:150px;
  z-index: 95;
}


div#wrapper #keypoints {
	background:none;
	height: auto;
	width: 950px;
	}
div#wrapper #one-keypoint {
	text-align:center;
	}
.icon-bubble {
  background: none;
  height: 110px;
  margin: 50px auto 30px;
  text-align: center;
  width: 110px;
	}
.icon-bubble img {
  padding-top: 15px;
  padding-bottom: 15px;
	}

div#wrapper #activerouting {
	background:url(../img/bg-activer.jpg) left top no-repeat;
	height: auto;
	width: 950px;
	list-style-image:
	}
div#wrapper #activerouting .elenco-ar {
	display:block;
	margin:20px 0px 0px 0px;
	min-height:48px;
	padding-left:60px;
	}
div#wrapper #activerouting .evidenziare {
	background:url(../img/ar-matita.png) no-repeat top left;
	}
div#wrapper #activerouting .itinerari {
	background:url(../img/ar-map.png) no-repeat top left;
	}
div#wrapper #activerouting .personalizzare {
	background:url(../img/ar-tools.png) no-repeat top left;
	}
div#wrapper #activerouting img.anteprima.sinistra {
	height:230px;
	width:230px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
	}
div#wrapper #activerouting img.anteprima.destra {
	height:230px;
	width:230px;
	float:right;
	margin-right:0px;
	margin-bottom:10px;
	cursor:pointer;
	}
div#wrapper #activerouting .overlay {
  cursor: pointer;
  background:url(../img/overlay.png) repeat;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 20;
}
div#wrapper #activerouting .icon {
  background: url(../img/magnify.png) no-repeat;
  display: block;
  height: 62px;
  left: 40%;
  position: absolute;
  top: 40%;
  width: 62px;
}

div#wrapper #collaborazioni {
	background:none;
	height: 800px;
	width: 950px;
	}
img.logo-collaboratore {
	margin:0px 5px 0px 0px;
	}
	
div#wrapper #updatev2-v3 {
	background:none;
	height: 800px;
	width: 950px;
	}
div#wrapper #updatev2-v3 ul li {
	margin:10px 0px;
	}

div#wrapper #concorso {
	background:none;
	height: auto;
	width: 950px;
	}






/********************************
 *							 	*
 *		  CONCORSO           	*
 *						 		*
 ********************************/

div#wrapper #map {
	position: relative;
	width: 950px;
	height: 550px;
	top: 0;
	left: 0;
	border:none;
	overflow: visible;
	margin-top:30px;
	margin-bottom:30px;
}

div#wrapper #map .FriendPinMap>.inner {
  background: none;
  float: left;
  color:#333333;
  border-radius: 2px;
  background:url(../img/bg.png) top left repeat-x;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
  width: 430px;
  height:auto;
  padding-left:20px;
}
div#wrapper #map .FriendPinMap>.inner>.content {
  display: block;
}

div#wrapper #map .FriendPinMap>.inner>.content {
	font-family:Arial, Helvetica, sans-serif;
  float: left;
  margin: 3px;
  width: 395px;
  height: auto;
  overflow: hidden;
}

div#wrapper #map .FriendPinMap>.inner>.content .column {
float: left;
width: 130px;
margin-right: 2px;
}

div#wrapper #map .FriendPinMap>.inner>.content p {
  font-size:12px;
}

div#wrapper #map .FriendPinMap>.inner>.content p.description {
  	overflow: auto;
	width: 215px;
	height: 155px;
	overflow-x: hidden;
}

div#wrapper #map .FriendPinMap>.inner>.content h4 {
  font-size: 1em;
	line-height: auto;
	letter-spacing: -.015em;
	color: #47372B;
	font-weight: 900;
	text-shadow: 0 1px 0 rgba(232, 216, 193, .45);
	-webkit-margin-before: 2px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
  	margin-top:2px\9;
}

div#wrapper #map .FriendPinMap>.inner>.content a {
  cursor: pointer;
  text-decoration: none;
}

div#wrapper #map .FriendPinMap>.inner>.content a:hover {
  text-decoration: underline;
  color:#000;
}

div#wrapper #map .FriendPinMap {
  float: left;
  position: absolute;
  z-index:0;
}

div#wrapper #map .FriendPinMap:hover {
  z-index:3;
}

div#wrapper #map .FriendPinMap>.inner>.icon {
  margin : 3px 3px 3px 3px;
  width: 23px;
  height: 30px;
  float: left;
}


div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes {
float: left;
font-weight: 600;
text-align: right;
margin: 15px 15px 0 0;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
margin-left: -30px\9;
}

div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes li {
font-size: .9em;
font-weight: 400;
margin-bottom: 7px;
width: 125px;
overflow: hidden;
white-space: nowrap;
list-style-type: none;
}

div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes li.Difficulty .Amount {
background: #1E4481;
color: #EEEEEF;
padding: 2px 6px;
}
div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes li.Terrain .Amount {
background: #DEA24C;
color: #EEEEEF;
padding: 2px 6px;
}
div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes li.Awesomeness .Amount {
background: #E27B31;
color: #EEEEEF;
padding: 2px 6px;
}
div#wrapper #map .FriendPinMap>.inner>.content ul.poi-attributes li.Size .Amount {
background: #807F39;
color: #EEEEEF;
padding: 2px 6px;
}

div#wrapper #map .FriendPinMap>.inner>.content .column {
float: left;
width: 130px;
margin-right: 2px;
padding-left:10px;
}

div#wrapper #map .FriendPinMap>.inner>.content .column .poi-location {
margin-top: 3px;
margin-bottom: 3px;
}

div#wrapper #map img .canvas {
	margin-top: 10px;
	margin-left:15px;
	margin-left:0px\9;
	}