/*
	<!--  SET COLORS  -->

<!--set var="preProdIndexEng2013"            	value="http://www.gazzetta.it/Speciali/Giroditalia/2012/en/index.shtml" 
--><!--set var="preProdIndexEng2012"            	value="http://www.gazzetta.it/Speciali/Giroditalia/2012/en/index.shtml" 
-->








<!--  LOAD LANGUAGE STRINGS  -->
  
	<!-- include virtual="${WEB_ROOT_}/ssi/locale/ita.config" -->
	SSI_Error



<!--05.08.2011 Modifica per implementare audio e video degli articoli come in gazzetta4 -->
<!--  GAZZETTA TV  -->
























<!-- GAZZETTA TV  -->


<!--  DEBUG MODE  -->

	


<!--  DEBUG MODE a 1 forzato per inserire i css singolarmente  -->



<!--  SET DEFAULTS (SEZIONE, SOTTOSEZIONE, TIPOLOGIA)  -->

	



	



	



	
*/
h3 {
	text-transform:uppercase;
	font-size:22px;
	color:#e00078;
	font-weight:bold;
	float:left;
}


#tappe {
	float:left;
}

#ombraTappe {
    background: url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/serviceBoxAdvShad.png?v=201204191231) repeat-x scroll left top transparent;
    height: 4px;
    margin: 0 0 15px;
    padding: 0;
    width: 980px;
	float:left;
	margin-bottom:20px;

}

#dettaglitecnici {
	width:940px;
	/*height:730px;*/
	background:#FFF;
	float:left;
	padding:20px;
}

#tappe h1 {
	background-color: #E00078;
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    font-weight: bold;
    padding: 7px;
    text-transform: uppercase;
}

#col-sx {
	float:left;
	width:625px;
}

#titolotappa,
#titolotappaDurante {
	border-left: 5px solid #E00078;
    height: 38px;
    margin: 15px 0;
    padding-left: 7px;
    width: 620px;
	float:left;
	position:relative
}

#titolotappa .dataTappa,
#titolotappaDurante .dataTappaDurante {
	color: #678713;
    font-size: 12px;
}

#titolotappa .dettaglitappa,
#titolotappaDurante .dettaglitappaDurante {
	color: #000000;
    font-size: 16px;
	font-style:italic;
}

#titolotappa .dettaglitappa .tappabold,
#titolotappaDurante .dettaglitappaDurante .tappabold {
	font-size:18px;
	font-style: normal;
	text-transform:uppercase;
}

#mappe {
	width: 620px;
	height:628px;
	float:left;
	border:1px solid #f1f0f0;
}

#col-dx {
	float:right;
	width:300px;
	/*margin:10px 0;*/
}

/*#boxNewsTappa {
	border-left: 5px solid #E00078;
    font-family: Arial,Helvetica,sans-serif;
    margin: 16px 0;
    overflow: hidden;
    padding: 0 5px 0 11px;}

#boxNewsTappa a {
 	background:transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/boxes/guardaVideoIcona.jpg?v=201204191231)  left 3px no-repeat scroll;
    color: #000000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-indent: 23px;
    text-transform: uppercase;
}

#boxNewsTappa a:hover {
	text-decoration:underline;
}

#boxNewsTappa ul {
	font-size: 14px;
    list-style-type: none;
    margin: 4px 0 0;
    padding: 0;
}

#boxNewsTappa ul li{
	border-top: 1px solid #EAEAEA;
    margin: 0;
    padding: 5px 0;
}
#boxNewsTappa ul li span{
	color: #434343;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-right: 3px;
}*/

.advBox {
	margin:25px 0 25px 0;
}

#titolotappa span.star,
#titolotappaDurante span.star {
	display: block;
    height: 38px;
    margin: 0;
    padding: 0;
    width: 118px;
	position:absolute;
	right:0;
	top:0px;
}

#titolotappa span.star1,
#titolotappaDurante span.star1 {	
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/star_tappa_1.gif?v=201204191231) no-repeat scroll left center transparent;
}

#titolotappa span.star2,
#titolotappaDurante span.star2 {	
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/star_tappa_2.gif?v=201204191231) no-repeat scroll left center transparent;
}

#titolotappa span.star3,
#titolotappaDurante span.star3 {	
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/star_tappa_3.gif?v=201204191231) no-repeat scroll left center transparent;
}

#titolotappa span.star4,
#titolotappaDurante span.star4 {	
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/star_tappa_4.gif?v=201204191231) no-repeat scroll left center transparent;
}

#titolotappa span.star5,
#titolotappaDurante span.star5 {	
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/star_tappa_5.gif?v=201204191231) no-repeat scroll left center transparent;
}


/*GUIDA TAPPA*/

#guidatappa, #highlights {
	width:940px;
	background:#FFF;
	float:left;
	padding:20px;
	overflow:hidden;
}

#video {
	/*width:625px;*/
	height:400px;
	float:left;
	padding-bottom:110px;
}

#lecitta {
	position:relative;
	width:613px;
	height:188px;
	border: 1px solid #EEEEEE;
	float:left;
	margin-top:20px;
	padding:5px;
}

.cittaTab {
	float:right;
}

.cittaTab li {
	display:block;
	padding:5px;
	float:left;
	margin:0 5px 0 0;
	border: 1px solid #b5868d;
	background:#e2939e url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/bgMenuTappa.png?v=201204191231) no-repeat left top;	
}

.cittaTab li a {
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}

.cittaTab .cittaTab_active {
	background:#df0078 url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/bgMenuTappa_active.png?v=201204191231) no-repeat left top;
}

#partenza {
	position:absolute;
	background:#eeeeee;
	width:600px;
	float:left;
	padding:10px 5px;
	margin-top:30px;
}

#partenza h4 {
	text-transform:uppercase;
	font-size:14px;
	margin:5px 0;
	font-weight:bold;
	float:left;
}

#partenza ul {
	float:left;
	width:250px;

}

#partenza ul li {
	float:left;
	padding:0 2px 0 0;
}

#arrivo{
	position:absolute;
	background:#eeeeee;
	width:600px;
	float:left;
	padding:10px 5px;
	margin-top:30px;
}

#arrivo h4 {
	text-transform:uppercase;
	font-size:14px;
	margin:5px 0;
	font-weight:bold;
	float:left;
}

#arrivo ul {
	float:left;
	width:250px;

}

#arrivo ul li {
	float:left;
	padding:0 2px 0 0;
}

#linkCorrelati {
	border:1px solid #cccccc;
	background-color:#fff;
	width:240px;
	height:75px;
	float:left;
	padding:7px;
	font-size:11px;

}

#linkCorrelati ul li a {
	color:#7fa519;
	font-weight:bold;
}

#descrCitta {
	float:right;
	width:320px;
	height:140px;
	overflow:auto;
}
#descrCitta img {
	display:block;
	margin:0 5px 5px 0;
	float:left;
}

#descrCitta p {
	padding-bottom:10px;
	font-siza:12px;
}

#notizieTappa {
	margin-top:67px;
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/bg_notizieTappa.gif?v=201204191231) no-repeat center center;
	width:290px;
	height:351px;
	padding:5px;
	margin-bottom:9px;
}
.type-highlights #notizieTappa {
	height:194px;
}

/*SCROLL PANE*/

.jScrollPaneContainer   { position: relative; overflow: hidden; z-index: 1; float:right; }

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/bar.jpg?v=201204191231) top center repeat-y; padding: 3px; }

.jScrollPaneDrag { position: absolute; background: url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/ball.png?v=201204191231) center center no-repeat; cursor: pointer; overflow: hidden; }

/*ALTRI VIDEO*/

#altrivideo {
	width:605px;
	height:195px;
	float:left;
	margin-top:5px;
	padding:10px;
	background:#7D7D7D;
}

#altrivideo h3 {
	color:#fff;
}

.vaigallery {
	text-transform:uppercase;
	color:#fff;
	float:right;
	margin-top:10px;
}

#altrivideo ul {
	background:#8A8A8A;
	width:605px;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
	height:130px;
}
#altrivideo .active {
	background:#7d7d7d;
}

#altrivideo .indietro{
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/backarrow.png?v=201204191231) no-repeat scroll left center transparent;
	display:block;
	width:18px;
	height:135px;
	text-indent:-3000px;
	float:left;
	margin-right:15px;
}

#altrivideo .avanti{
	background:url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/forwardarrow.png?v=201204191231) no-repeat scroll left center transparent;
	display:block;
	width:18px;
	height:135px;
	text-indent:-3000px;
	float:right;
	margin-left:15px;
}
#altrivideo ul li {
	float:left;
	height: 120px;
    padding:0 15px;
    width: 110px;
	margin:0;
	color:#fff;
}

#altrivideo ul li a{
	color:#fff;
}

#altrivideo .ntappa {
	margin:10px 0 5px 0;
	font-size:11px;
	float:left;
}

#altrivideo .didatappa {
	float:left;
	margin:5px 0;
	font-size:11px;
}

#altrivideo .video_active {
	background:#e00078;
	color:#fff;
}


#combo_tappa{
	height: 695px;
    position: relative;
}

#tappe ul#menuTopTappa{
	clear:both;	
	overflow:hidden;
	position:relative;
	z-index:10;
}

#tappe ul#menuTopTappa li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#tappe ul#menuTopTappa li a {
	display: block;
	float: left;
	height: 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#B5B5B5;
	padding:8px 0 0 0;
	text-align:center;
}

#tappe ul#menuTopTappa li a:hover {
	text-decoration:none;
	color:#FFF;
}

#tappe ul#menuTopTappa li.active a{
	text-decoration:none;
	color:#FFF;
}

#tappe ul#menuTopTappa li .planimetria {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_planimetria.png?v=201204191231) no-repeat scroll center top;
	width: 117px;
}

#tappe ul#menuTopTappa li.active .planimetria {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_planimetria_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li .planimetria:hover,
#tappe ul#menuTopTappa li .planimetria:active,
#tappe ul#menuTopTappa li .planimetria.active {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_planimetria_hover.png?v=201204191231) no-repeat scroll center top;
}
#tappe ul#menuTopTappa li .altimetria {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_altimetria.png?v=201204191231) no-repeat scroll center top;
	width: 102px;
}
#tappe ul#menuTopTappa li .altimetria:hover,
#tappe ul#menuTopTappa li .altimetria.active {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_altimetria_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li.active .altimetria {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_altimetria_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li .cronotabella {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_cronotabella.png?v=201204191231) no-repeat scroll center top;
	width: 142px;
}
#tappe ul#menuTopTappa li .cronotabella:hover,
#tappe ul#menuTopTappa li .cronotabella.active {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_cronotabella_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li.active .cronotabella {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_cronotabella_hover.png?v=201204191231) no-repeat scroll center top;
}
#tappe ul#menuTopTappa li .dettaglio_salita {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_dettaglio_salita.png?v=201204191231) no-repeat scroll center top;
	width: 161px;
	/*display:none;*/
}
#tappe ul#menuTopTappa li .dettaglio_salita:hover,
#tappe ul#menuTopTappa li .dettaglio_salita.active {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_dettaglio_salita_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li.active .dettaglio_salita {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_dettaglio_salita_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li .ultimi_km {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_ultimi_km.png?v=201204191231) no-repeat scroll center top;
	width: 92px;
}
#tappe ul#menuTopTappa li .ultimi_km:hover,
#tappe ul#menuTopTappa li .ultimi_km.active {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_ultimi_km_hover.png?v=201204191231) no-repeat scroll center top;
}

#tappe ul#menuTopTappa li.active .ultimi_km {
	background: transparent url(http://images2.gazzettaobjects.it/GIROditalia/2012/libs/css/assets/tappe_tab_ultimi_km_hover.png?v=201204191231) no-repeat scroll center top;
}

#combo_tappa ul li {
	margin-right:2px;
}

#planimetria{
	position:absolute;
	width:619px;
	height:587px;
	overflow:hidden;
	margin:-10px 0 0 0;
	border:1px solid #f1f0f0;
}

#altimetria{
	position:absolute;
	width:619px;
	height:587px;
	overflow:hidden;
	margin:-10px 0 0 0;
	border:1px solid #f1f0f0;
}

#cronotabella{
	position:absolute;
	width:619px;
	height:587px;
	overflow:hidden;
	margin:-10px 0 0 0;
	border:1px solid #f1f0f0;
}

#dettaglio_salita{
	position:absolute;
	width:619px;
	height:587px;
	overflow:hidden;
	margin:-10px 0 0 0;
	border:1px solid #f1f0f0;
}

#ultimi_km{
	position:absolute;
	width:619px;
	height:587px;
	overflow:hidden;
	margin:-10px 0 0 0;
	border:1px solid #f1f0f0;
}
#cronotabella h5,
#dettaglio_salita h5,
#ultimi_km h5 {
    color: #CDCDCD;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    padding-top: 200px;
    text-align: center;
    }
    
.advBox_tappa{
	  margin: 18px 20px 0 0;
	  float:left;
}

.stampa{
	visibility:hidden;
}