/************************************
* 	TOP HEADER CON SERRANDA MOBILE
*************************************/


/************************************
*   CAROUSEL
*************************************/
.hpAjCarousel {
	float:left;
	display: inline;
  height: 336px;
  width: 100%;
  position: relative;
}

.hpAjCarousel div.filter {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	clear: both;
	width: 100%;
}

.hpAjCarousel div.filter img.left { float: left; }
.hpAjCarousel div.filter img.right { float: right; }

.hpAjCarousel .container {
	float: left;
	display: inline;
	width: 100%;
	overflow: hidden;
	height: 336px;
	position: relative;
}

.hpAjCarousel ul,
.hpAjCarousel ul li {
	position: relative;
	float: left;
	display: inline;
	width: 940px;
	height: 336px;
	margin: 0;
	padding: 0;
}
.hpAjCarousel ul {
	width: 10000px;
}

.hpAjCarousel ul li div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 70px 0 0 65px;
}
.hpAjCarousel ul li div h1 {
	font-size: 39px;
	color: #FFF;
	margin: 0;
}
.hpAjCarousel ul li div strong,
.hpAjCarousel ul li div span {
	display: block;
	width: 305px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

.hpAjCarousel .previous_button,
.hpAjCarousel .next_button {
	float: left;
	display: inline;
	position: absolute;
  width: 33px;
  height: 33px;
  z-index: 3;
}
.hpAjCarousel .previous_button a,
.hpAjCarousel .next_button a {
	outline: none;
	display: block;
	width: 33px;
  height: 33px;
}

.hpAjCarousel .previous_button {
	top: 30px;
	left: 65px;
}
.hpAjCarousel .next_button {
  top: 30px;
  left: 100px;
}

.hpAjCarousel .previous_button a { background: url(../images/home/btn_previous.png) no-repeat top left; }
.hpAjCarousel .next_button a { background: url(../images/home/btn_next.png) no-repeat top left; }

.hpAjCarousel .previous_button_disabled,
.hpAjCarousel .next_button_disabled {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.hpAjCarousel .previous_button_disabled a,
.hpAjCarousel .next_button_disabled a { cursor: default; }

.hpAjCarousel #carousel_loading {
	position: absolute;
	top: 48%;
	left: 40%;
	z-index: 10;
}

.hpAjCarousel a.roll {
	display: block;
	width: 104px;
	background: url(/images/home/btn_vai_itinerario2_on.gif) no-repeat bottom left;
	positon: relative;
}
.hpAjCarousel a.roll:hover { direction: ltr; }
.hpAjCarousel a.roll:hover img { visibility: hidden; }

.hpAjCarousel .slider_controls {
	float: left;
	display: inline;
	position: absolute;
	top: 50px;
	left: 65px;
	z-index: 20;
}

.hpAjCarousel .slider_controls a {
	background: url(../images/home/bg_indicator.png) no-repeat top left;
	float: left;
	display: inline;
	text-indent: -999em;
	font-size: 0;
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin-right: 2px;
	outline: none;
}
* html .hpAjCarousel .slider_controls a { background: url(../images/home/bg_indicator.gif) no-repeat top left; }
.hpAjCarousel .slider_controls a.selected { background-position: bottom left; }

.hpAjCarousel ul li div span.overlay {
	margin: 0 0 0 7px;
}

/************************************
*   BOX ITINERARI
*************************************/

.box_itinerari {
	float: left;
	display: inline;
	clear: both;
	width: 691px;
	height: 115px;	
	margin-top: -8px;
	position: relative;
	z-index: 10;
}
.box_itinerari div.bg {
	float: left;
  display: inline;
  width: 691px;
  height: 115px;  
	background: url(../images/home/bg_ultimi_itinerari.png) no-repeat top left;
}

.box_itinerari .hpItCarousel {
	position: relative;
	float: left;
  display: inline;
  width: 691px;
  height: 115px;
}

.box_itinerari .hpItCarousel .container {
	overflow: hidden;
	float: left;
  display: inline;
  width: 580px;
  height: 96px;
  margin: 19px 0 0 59px;
  position: relative;
}

.box_itinerari .hpItCarousel ul {
	width: 10000px;
	margin: 0;
	padding: 0;
	position: absolute;
}

.box_itinerari .hpItCarousel ul li {
	list-style:none;
}

.hpItCarousel ul li {
  position: relative;
  float: left;
  display: inline;
  width: 580px;
  height: 96px;
  margin: 0;
  padding: 0;
}

.hpItCarousel ul li img {
	float: left;
	display: inline;
}

.hpItCarousel ul li div {
	float: left; 
	display: inline;
	width: 447px;
	margin-left: 15px;
}

.hpItCarousel ul li div strong {
	font-size: 11px;
}

.hpItCarousel ul li div strong.title {
	color: #c80706;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	margin-top: 4px;
}

.hpItCarousel ul li div span.detail {
	font-size: 10px;
}

.hpItCarousel ul li div p {
	font-size: 11px;
	margin: 5px 0 0 0;
}

.hpItCarousel .previous_button,
.hpItCarousel .next_button {
	clear: both;
  position: absolute;
  width: 10px;
  height: 20px;
  z-index: 3;
}
.hpItCarousel .previous_button a,
.hpItCarousel .next_button a {
  display: block;
  width: 10px;
  height: 20px;
}

.hpItCarousel .previous_button {
  top: 54px;
  left: 39px;
}
.hpItCarousel .next_button {
  top: 54px;
  right: 34px;
}

.hpItCarousel .previous_button a { background: url(../images/home/btn_previous_it.gif) no-repeat top left; }
.hpItCarousel .next_button a { background: url(../images/home/btn_next_it.gif) no-repeat top left; }

.hpItCarousel .previous_button_disabled,
.hpItCarousel .next_button_disabled {
  opacity:0.4;
  filter:alpha(opacity=40);
}

.hpItCarousel .previous_button_disabled a,
.hpItCarousel .next_button_disabled a { cursor: default; }


/************************************
* 	BOTTOM HEADER
*************************************/

.bottomHeader .content{
	width: 940px;
	margin:0 auto;
	position:relative;
}

h2{
	float:left;
	display:inline;
	font-size:0;
	line-height:999em;
	text-indent:-999em;
	overflow:hidden;
}

h3{
	float:left;
	display:inline;
	font-size:0;
	/*line-height:9999px;*/
	text-indent:-999em;
	padding:0 0 18px 0;
	overflow:hidden;
}

#flashHome{
	float:left;
	display:inline;
	width:940px;
	height:452px;
}

.cerca{
	float:left;
	display:block;
	clear: both;
	position:absolute;
	right:-23px;
	top:220px;
	width:272px;
	z-index:100;
}

.cerca div.bg {
	float: left;
	display: inline;
	width:250px;
  padding-left: 22px;
  padding-top: 20px;
  *padding-top: 68px;
  _padding-top: 68px;
	background:transparent url(../images/home/bg_cerca.png) no-repeat top left;
}

.cerca a.roll {
	display: block;
	background: url(../images/home/btn_crea_itinerario_on.gif) no-repeat top left;
	width: 123px;
	margin: 49px 0 23px 0;
	position: relative;
}
.cerca a.roll:hover {
	direction: ltr;
}
.cerca a.roll:hover img {
	visibility: hidden;
}

.cerca h2.cerca_itinerario {
	width:168px;
	height:21px;
	background:transparent url(../images/home/h2_cerca_itinerario.gif) no-repeat top left;
}

.cerca h3.dove{
	width:138px;
	height:17px;
	margin:10px 0 0 0;
	padding:0 0 12px 0;
	background:transparent url(../images/home/h3_dove.gif) no-repeat top left;
}


.cerca a.underlined{
	display:block;
	margin:12px 0 0 0;
	text-decoration:underline;
	font-size:9px;
}

#carouselHome{
	float:left;
	display:inline;
	position:relative;
	clear:left;
	width:238px;
	height:333px;
	background: #fff url(../images/home/bg_carouselHome.gif) no-repeat top left;
	margin-top: 3px;
}

#carouselHome .title{
	float:left;
	display:inline;
	width:155px;
	height:44px;
	margin:22px 0 0 18px;
	background:transparent url(../images/home/carouselTitle.gif) no-repeat top left;
	font-size:0;
	line-height:999em;
	text-indent:-999em;
}

#carouselHome .container{
  float:left;  
  clear:left;
  width: 210px;
  height:190px;
  margin:20px 0 0 18px;
  overflow: hidden !important;
  position:relative;
}
* html #carouselHome .container{
	margin-left:9px;
}

#carouselHome .container ul {
  margin: 0;
  padding:0;
  width: 3000px;
  height:190px;
  position: relative;
  top: 0;
  left: 0;
  float:left;
}

#carouselHome .container ul li {  
  list-style:none;
  float:left;
  padding:0;
  margin:0;
  width:210px;
  height:190px;
  position:relative;
  text-align:center;
}

#carouselHome .index{
	float:left;
	clear:left;
	display: inline;
	margin: 0 0 0 94px;
	width:100px;
}

#carouselHome .index .ele {
	outline: none;
	float:left;
	display:inline;
	clear:none;
	width:10px;
	height:10px;
	font-size:0;
	text-indent:-999em;
	line-height:999em;
	margin-left:2px;
	background: transparent url(../images/home/bg_indicator.png) no-repeat top left;
}
* html #carouselHome .index .ele { background: url(../images/home/bg_indicator.gif) no-repeat top left; }

#carouselHome .index .ele.active, #carouselHome .index .ele active {
  background-position: bottom left;
}

a.btn_scopri_oem{
	float:left;
	display:inline;
	width:216px;
	height:34px;
	background: transparent url(../images/home/btn_scopri_oem.gif) no-repeat top left;
	text-indent:-999em;
	line-height:999em;
	font-size:0;
	margin:8px 0 0 12px;
}

a.btn_scopri_oem:hover{
	background: transparent url(../images/home/btn_scopri_oem.gif) no-repeat bottom left;
}

a.btn_vai_itinerario{
	float:right;
	display:inline;
	position:absolute;
	width:115px;
	height:23px;
	background: transparent url(../images/home/btn_vai_itinerario.gif) no-repeat top left;
	text-indent:-999em;
	line-height:999em;
	font-size:0;
  margin-left: 20px;
}

a.btn_vai_itinerario:hover{
	background: transparent url(../images/home/btn_vai_itinerario.gif) no-repeat bottom left;
}

.boxCultori{
	float:left;
	width:702px;
	height:333px;
	background: #fff url(../images/home/bg_cultori.gif) no-repeat top left;
}

.boxCultori h2.cultori{
	width:465px;
	height:16px;
	margin:22px 0 0 0;
	background:transparent url(../images/home/h2_cultori_sfizio.gif) no-repeat top left;
}

.boxCultori ul.cultori,
.boxCultori ul.itinerari{
	float:left;
	display:inline;
	width:154px;
	list-style:none;
	padding:0;
	margin:16px 0 0 0;
}

.boxCultori ul.cultori.dx{
	background: transparent url(../images/home/bg_dot_vertical.gif) no-repeat;
	background-position: 153px 29px;
}

.boxCultori h3.popolari{
	float:left;
  display:inline;
  width:154px;
	height:10px;
	background:transparent url(../images/home/h3_popolari.gif) no-repeat top left;
	margin-top:10px;
	padding-bottom:2px;
}

.boxCultori h3.ultimi_iscritti{
	float:left;
  display:inline;
  width:154px;
	height:10px;
	margin-top:2px;
	background:transparent url(../images/home/h3_ultimi_iscritti.gif) no-repeat top left;
	 margin-top:10px;
  padding-bottom:2px;
}

.boxCultori h3.itinerari_cliccati{
	float:left;
  display:inline;
  width:154px;
	height:10px;
	 margin-top:10px;
  padding-bottom:2px;
	background:transparent url(../images/home/h3_itinerari_cliccati.gif) no-repeat top left;
}

/* SAFARI HACK */
@media screen and (-webkit-min-device-pixel-ratio:0){
   .boxCultori ul.cultori h3.ultimi_iscritti{
		margin-top:3px;
	}
	.itinerari_cliccati ul.itinerari h3.itinerari_cliccati{
		margin-top:2px;
	}
}

.boxCultori h3.invita{
	width:77px;
	height:8px;
	background:transparent url(../images/home/h3_invita_amici.gif) no-repeat top left;
}

.boxCultori ul.cultori li{
	float:left;
	clear:left;
	width:153px;
	background: transparent url(../images/home/bg_dot.gif) repeat-x top left;
	padding: 9px 0;
}

.boxCultori ul.itinerari li{
	float:left;
	clear:left;
	width:153px;
	padding:16px 0 3px 0;
}

.boxCultori ul.itinerari li.first{
	background: transparent url(../images/home/bg_dot.gif) repeat-x top left;
}

.boxCultori ul.cultori li .dati{
	float:left;
	clear:none;
	margin:6px 0 0 8px;
	width:100px;
	font-size:11px;
}

.boxCultori ul.cultori li .dati strong{
	display:block;
	width:100%;
}

.boxCultori ul.itinerari li a.btn_vai_itinerario{
	clear:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
}

.boxCultori ul.itinerari li span,
.boxCultori ul.itinerari li strong{
	margin-left:12px;
	display:block;
	width:141px;
	font-size:11px;
}

.boxCultori .sfizioCloud{
	float:right;
	display:inline;
	width:219px;
}

.boxCultori .sfizioCloud h2{
	width: 117px;
	height:21px;
	margin:18px 0 0 20px;
	background: transparent url(../images/home/h2_sfizio_cloud.gif) top left;
}

.boxCultori .sfizioCloud ul.tagCloud{
	float:left;
	clear:left;
	list-style: none;
	width: 190px;
	line-height:21px;
	padding:8px 0 0 20px;
	margin:0;
	height:221px;
	overflow-x:hidden;
	overflow-y:hidden;
}

* html .boxCultori .sfizioCloud ul.tagCloud{ line-height:23px; }
*+html .boxCultori .sfizioCloud ul.tagCloud{ line-height:23px; }

.boxCultori .sfizioCloud ul.tagCloud li, .boxCultori .sfizioCloud ul.tagCloud li a{
	display:inline;
	float:none;
	clear:none;
	padding:0 4px 0 0;
	cursor:pointer;
	color:#575956 !important;
}

.boxCultori .invita_amici{
	float:left;
	display:inline;
	clear:both;
	width:680px;
	margin:10px 0 0 18px;
}

.boxCultori .invita_amici h3.invita{
	margin:16px 0 0 0;
	float:left;
}

.boxCultori .invita_amici .social{
	float:left;
	display:inline;
	margin:6px 0 0 20px;
	padding:0;
	width:570px;
}

.boxCultori .invita_amici .social img{
	float:left;
	display:inline;
	margin:0 1px 0 0;
	padding:0;
}


/************************************
* 	FOOTER
*************************************/

.footer{
	padding-top: 5px;
}


/***************** classi per restyling hp ******************/



h3.oppure{
	float: left;
	display: inline;
	background:url(/images/home/h3_oppure_scegli.gif) no-repeat top left;
	width:167px;
	height:16px;
	margin-top:8px;
	padding-bottom:6px;
	clear: both;
	}

a.btn_parti{
	height:23px;
	width:73px;
	background:url(../images/home/btn_parti.gif) no-repeat top left;
	float:left;
	display:inline;
	line-height:9999px;
	text-indent:-9999px;
	margin-top:10px;
	}

a.btn_parti:hover {
	background-position: 0 -23px !important;
}

.cerca{
	height:140px;
	}

.center_hp{
	width:701px;
	background:url(/images/home/bg_center_hp.gif) top left no-repeat;
	float:left;
	display:inline;
	min-height: 604px;
	height: auto !important;
	height: 604px;
	}

.shoulder_sx{
	width:238px;
	}

.networks{
	background:url(/images/home/bg_networks.gif) top left no-repeat;
	width:226px;
	height:112px;
	margin-top:4px;
	padding:15px 0 0 13px;
	}

h2.cultori {
	background:transparent url(/images/home/h2_cultori_sfizio.gif) no-repeat scroll left top;
	height:16px;
	width:142px;
	}

h2.itinerari {
	background:transparent url(/images/home/bg_itinerari.gif) no-repeat scroll left top;
	height:16px;
	width:421px;
	}
	
.cultori_cont, .itinerari_cont{
	float:left;
	display:inline;
	width:215px;
	margin:20px 0 0 20px;
	}

.itinerari_cont{
	width:421px;
	}

.btn_popolari, .btn_last_iscritti, .btn_votati, .btn_cliccati{
	float:left;
	display:inline;
	line-height:9999px;
	text-indent:-9999px;
	height:25px;
	margin-top:15px;
	outline:none;
	overflow: hidden;
	}

.btn_popolari{
	background:url(../images/home/btn_popolari.gif) no-repeat 0 -25px;
	width:90px;
	}
	
.btn_last_iscritti{
	background:url(../images/home/btn_last_iscritti.gif) no-repeat 0 0;
	width:121px;
	}

.btn_votati{
	background:url(../images/home/btn_most_vote.gif) no-repeat 0 0;
	width:79px;
	}
	
.btn_cliccati{
	background:url(../images/home/btn_most_click.gif) no-repeat 0 -25px;
	width:85px;
	}

ul#btn1_block, ul#btn2_block, ul#btn3_block, ul#btn4_block{
	width:209px;
	border-left:1px dotted #e3ded3;
	border-right:1px dotted #e3ded3;
	border-top:1px solid #e3ded3;
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#btn3_block, ul#btn4_block{
	width:419px;
	
	background:url(/images/home/bg_itinerari_list.gif) top center repeat-y;
	}

ul#btn1_block li, ul#btn2_block li{
	width:189px;
	padding:10px;
	float:left;
	display:inline;
	border-bottom:1px solid #e3ded3;
	margin:0;
	}

ul#btn1_block li span.dati, ul#btn2_block li span.dati{
	margin-left:10px;
	float:left;
	display:inline;
	font-size:11px;
	}

ul#btn3_block .itinerario, ul#btn4_block .itinerario{
	padding:9px 5px;
	width:199px;
	font-size:11px;
	float:left;
	display:inline;
	border-bottom:1px solid #e3ded3;
	}

.btn_scopri, .btn_scopri_voted{
	float:left;
	display:inline;
	height:18px;
	width:105px;
	background:url(/images/home/btn_scopri.gif) top left no-repeat;
	padding:5px 0 0 8px;
	color:#FFFFFF;
	margin-top:8px;
	}

.btn_scopri:hover{
	color:#FFFFFF;
	background:url(/images/home/btn_scopri.gif) bottom left no-repeat;
	}

.btn_scopri_voted{
	width:55px;
	background:url(/images/home/btn_scopri_voted.gif) top left no-repeat;
	line-height:9999px;
	text-indent:-9999px;
	padding:0;
	margin:4px 0 0 -4px;
	height:23px;
	}

.btn_scopri_voted:hover{
	margin:4px 0 0 -4px;
	background:url(/images/home/btn_scopri_voted.gif) bottom left no-repeat;
	
	}

#routes_rating_disabled{
	margin-top:4px;
	width:81px;
	float:left;
	display:inline;
	}

.tagCloud{
	list-style:none;
	float:left;
	display:inline;
	width:661px;
	padding:0 15px;
	margin: 5px 0 0 0;
	height: 88px;
	overflow: hidden;
	}

.tagCloud li{
	display:inline;
	line-height:26px;
	padding:0 5px;
	height:26px;
	font-size: 14px;
	}
h2.sfizio_cloud {
	width: 276px;
	height: 17px;
	background: url(../images/home/lb_sfizio_cloud.gif) no-repeat top left;
	margin: 20px 0 0 20px;
	clear: both;
}

.itinerari_cont ul li a.floatleft {
	margin: 1px 6px 0 4px;
}
.itinerari_cont ul li div {
	float: left;
	display: inline;
	width: 141px;
	margin-left: 4px;
}
.itinerari_cont ul li {
	min-height: 45px;
	height: auto !important;
	height: 45px;
}

.itinerari_cont ul li div a.title {
	line-height: 13px;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	display: block;
}

.itinerari_cont ul li div span.bg_click_left { margin-top: 1px; }

.center_hp li.itinerario #routes_rating_disabled {
	background: none;
	margin-left: 0;
	padding-left: 0;
  height: 13px;
  margin-top: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.center_hp #user_rating_disabled {
	background: none;
  margin-left: 0;
  padding-left: 0;
  height: 13px;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
}

div.box_news {
	background: url(../images/home/bg_box_news.gif) no-repeat top left;
	float: left;
	display: inline;
	width: 238px;
	height: 137px;
	position: relative;
}

div.box_news div.container {
	float: left;
	display: inline;
	width: 203px;
	height: 101px;
	margin: 17px 0 0 19px;
	position: relative;
	overflow: hidden;
}

.box_news h3.image {
	float: left;
	display: inline;
	width: 100%;
	height: 23px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 13px;
}

div.box_news ul {
	float: left;
	display: inline;
	width: 1000px;
	list-style:none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 10;
}
div.box_news ul li {
	float: left;
	display: inline;
	width: 203px;
}

div.box_news .slider_controls {
  float: left;
  display: inline;
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 20;
}

div.box_news .slider_controls a {
  background: url(../images/home/bg_indicator.png) no-repeat top left;
  float: left;
  display: inline;
  text-indent: -999em;
  font-size: 0;
  overflow: hidden;
  width: 10px;
  height: 10px;
  margin-right: 2px;
  outline: none;
}
* html div.box_news .slider_controls a { background: url(../images/home/bg_indicator.gif) no-repeat top left; }
div.box_news .slider_controls a.selected { background-position: bottom left; }

div.box_news img.cornice { width: 65px; height: 65px; top: 0; left: 0; position: absolute;}
div.box_news ul li div.floatleft div {
	float: left;
	display: inline;
	width: 125px;
	margin-left: 10px;
	padding-top: 3px;
}
div.box_news ul li div.floatleft div a.title {
	display: block;
	font-weight: bold;
	color: #363835;
	min-height: 30px;
	height: 30px;
	height: auto !important;
	line-height: 12px;
}
div.box_news ul li div.floatleft div a.title strong { color: #c80706; }

div.box_news ul li div.floatleft div span {
	font-size: 11px;
	color: #363835;
	line-height: 11px;
	display: block;
	margin-top: 5px;
}

div.box_news ul li div.floatleft div a.blue {
	display: block;
	margin-top: 10px;
	font-weight: bold;
	color: #505b84;
	font-size: 11px; 
}

div.box_news ul li a.floatleft img {
	width: 65px;
	height: 65px;
}