/* general reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  { margin:0; padding:0; border:0; outline:0; font-size:100%; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
body { line-height:1.4em; }
ol, ul { list-style:none; }
blockquotes, q { quotes:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
label { cursor:default; }
iframe { border:0px solid #ffffff; }
.noborder { border:0px; }
textarea { resize:none; }
/* fine reset */

/* @group global */
body { background-color:black; height:70%; margin:0; padding:0; color:rgb(51,51,51) !important; font-family:"Myriad Pro","Lucida Grande","Verdana","Arial","Helvetica",sans-serif; color:#666666; font-size:75%; line-height:1.4em; }
img { border:0px solid white; border:0px; }
ol, li, ul { list-style:none; }
a { text-decoration:none; color:rgb(0,119,204); }
a:hover, a:focus, a:active { text-decoration:underline; color:rgb(0,119,204); }
.hidden { height:1px !important; left:0px !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; line-height:1px !important; float:left; }
.right { float:right; }
.left { float:left; }
.none  { float:none; }
.clear { clear:both; }
/* @end */

/*@group main */
#container { margin:0px auto; width:920px; }
#headerImage { background:rgb(0,0,0) url(/bici/content/images/layout/header_new.jpg) no-repeat scroll left top; width:920px; height:290px; margin-bottom:3px; }
#lp_logo { float:left; margin:0px; padding:0px; width:auto; height:auto; }
h1, h1 a, h1 a:hover { font-size:2.9em; color:rgb(88,2,51); line-height:1em; width:100%; }
h2, h2 a, h2 a:hover { font-size:2em; color:rgb(175,2,66); line-height:1em; width:100%; padding-bottom:2px; }
h3, h3 a, h3 a:hover { font-size:1.3em; color:rgb(110,110,110); line-height:1em; width:100%; }
h4, h4 a, h4 a:hover { font-size:1.1em; color:rgb(180,180,180); line-height:1em; width:100%; }
p { font-size:1.1em; }
.white { background:transparent; }
#page { width:880px !important; /* background:url(/bici/content/images/layout/bgPage.gif) no-repeat; */ background-color:white; padding:20px; padding-top:10px; }
#popup { width:600px !important; background-color:white; }

#raceTitleBox { display:block; }
#raceLogo { width:50px; float:left; }
#raceNum { font-size:7em; font-weight:bold; color:rgb(178,178,178); line-height:1em; width:50px; float:left; }
#raceTitle { margin-top:7px; float:left; width:816px; }
#guideHeader { display:block; margin-top:20px; }
.guideLogo { float:left; width:80px; height:60px; }
.guideTitle { margin-left:90px; }
.greyLine	{ border-bottom:2px solid rgb(237,237,237) }
.bluLine	{ border-bottom:2px solid #054088 }
.blu		{ color: #054088 }

#photoCredit { position:relative; left:10px; bottom:-190px; }
#photoCredit a { color:black; }

.divLinker { display:block; padding:6px; padding-left:0px; padding-right:0px; border:1px solid transparent; width:600px; }
.divLinker ul { border-bottom:2px solid rgb(237,237,237); }
.divLinker ul li { display:inline; }
.divLinker ul li a { padding:6px 10px 0px 10px; text-decoration:none; }
.divLinker ul li a.active { color:rgb(51,51,51); border:2px solid rgb(237,237,237); border-bottom:2px solid white; margin-bottom:-10px; padding:6px 10px 2px 10px; font-size:1.1em; font-weight:bold; }
#content2, #content3 { display:none; }

#mainTable, #commentTable { margin-left:15px; margin-right:8px; width:848px; overflow:hidden; float:left; }
#mainTableSide { margin-left:15px; margin-right:20px; width:560px; overflow:hidden; float:left; }
#sideBar { margin-right:10px; width:270px; }
#mapContainer { width:550px; padding:2px; border:2px solid rgb(237,237,237); }
.invisible { visibility: hidden; }
a.listenCaterpillar, a:hover.listenCaterpillar { background:url(/bici/content/images/layout/listenCaterpillar.jpg) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.listenCaterpillar { background-position:0px -24px; }
a.forum, a:hover.forum { background:url(/bici/content/images/layout/forumButton.png) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.forum { background-position:0px -24px; }
a.viewCommenti, a:hover.viewCommenti { background:url(/bici/content/images/layout/mostraCommenti.png) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.viewCommenti { background-position:0px -24px; }
a.insertCommento, a:hover.insertCommento { background:url(/bici/content/images/layout/inserisciCommento.png) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.insertCommento { background-position:0px -24px; }
a.tornaLista, a:hover.tornaLista { background:url(/bici/content/images/layout/tornaLista.png) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.tornaLista { background-position:0px -24px; }
a.tryCycle, a:hover.tryCycle { background:url(/bici/content/images/layout/tryCycle.jpg) no-repeat; cursor:pointer; display:block; overflow:hidden; width:169px; text-indent:-9999em; height:24px; }
a:hover.tryCycle { background-position:0px -24px; }
a.buyGuide, a:hover.buyGuide { background:url(/bici/guida/content/images/buyGuide.jpg) no-repeat; cursor:pointer; display:block; overflow:hidden; width:209px; text-indent:-9999em; height:24px; }
a:hover.buyGuide { background-position:0px -24px; }
#tecSheet, #eventSheet { display:block; width:270px; height:auto; border:0px; overflow:hidden; background-color:rgb(237,237,237); }
#guideSheet, #stageSheet { display:block; height:auto; border:0px; overflow:hidden; background-color:rgb(237,237,237); }
#photoSheet{ display:block; height:auto; border:0px; overflow:hidden; }
ul.cyclingGuide, ul.cyclingGuide li { font-size:0.95em; list-style:circle; line-height:1.2em; }
ul.stageLink, ul.stageLink li { font-size:0.95em; list-style:circle; line-height:1.7em; }
ul.stageLink { padding:10px 0px; }
.cyclingExperience { font-size:1em; line-height:1.1em; padding-top:8px; }
a.uploadFoto, a:hover.uploadFoto { background:url(/bici/itinerari/content/images/uploadFoto.jpg) no-repeat; cursor:pointer; display:block; overflow:hidden; width:169px; text-indent:-9999em; height:24px; }
a:hover.uploadFoto { background-position:0px -24px; }
.formItinerari { line-height:0.5em; }
.uploadedFoto { border:1px solid rgb(237,237,237); padding:2px; }
.inputField { border:1px solid rgb(180,180,180); margin:2px; padding:3px; clear:both; }
.inputFieldBig { border:1px solid rgb(128,182,42); margin:2px; padding:4px; clear:both; font-size:1.1em; font-weight:bold; }
.formLabel { width:130px; float:left; margin:0px; margin-top:10px; padding:2px; line-height:1.1em;}
.greySmall { font-size:0.8em; color:rgb(180,180,180); font-style:italic; }
.counterField { font-size:0.8em; color:rgb(180,180,180); font-style:italic; border:0px; text-align:right; }
#tripControl { float:right; border:2px solid rgb(237,237,237); width:200px; padding:10px; }
#tripControlTable { margin-top:10px; }
.tripControlButton { vertical-align:text-top; }
#panelOpen, #panelClose { cursor:pointer; }
#photoFrame { width:580px; height:auto; text-align:center; line-height:2em; font-size:0.9em; }
/* @end */

/* @login */
#login { z-index:5000; margin:0px; position:relative; overflow:hidden; height:70px; display:none; background:url(/bici/content/images/layout/loginPanel.jpg) no-repeat; }
#login .loginContent { font-size:0.85em; height:70px; padding-top:12px; margin:0px auto; text-align:left; }
#login .loginContent form { margin-bottom:2px; }
#login #loginResponse { font-weight:bold; font-size:1.1em; color:rgb(0,119,204); }
#login label { font-weight:bold; font-size:1.1em; margin-right:5px; }
/* @end */

/* @legambiente */
#legambiente { z-index:5000; margin:0px; position:relative; overflow:hidden; height:40px; background:url(/bici/content/images/layout/legambiente.png) no-repeat; background-color:rgb(255,204,51); }
#legambiente .legambienteContent { font-size:1em; margin:0px auto; }
/* @end */

/* @breadcrumbs */
#breadcrumbs { width:830px; display:inline; float:left; margin-bottom:10px; border:2px solid rgb(237,237,237); padding:5px; }
#breadcrumbs ul { line-height:20px; }
#breadcrumbs ul li { display:inline; font-size:1em; padding: 0px 2px; }
#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited, #breadcrumbs ul li a:hover, #breadcrumbs ul li a:active { color:#0064c4; font-size:1em; text-decoration: none; }
/* @end */

/* @mainNav */
#mainNavWrap { width:920px !important; background:rgb(147,0,55) url(/bici/content/images/layout/bgNav.jpg) repeat-x 0 100%; clear:both; float:left; position:relative; z-index:1; height:40px; margin-bottom:3px; }
#mainNav { display:block; overflow:hidden; }
#mainNav ul { height:40px; left:8px; list-style:none; z-index:5000; }
#mainNav ul li { float:left; width:auto; }
#mainNav ul li-last { float:right; width:auto; }
#mainNav ul li a:focus { outline:medium none; }
#mainNav ul li a.main-link { background: url(/bici/content/images/layout/mainNav.jpg) no-repeat; cursor:pointer; display:block; float:left; height:40px; overflow:hidden; text-indent:-9999em; width:auto;  }
#mainNav ul li a.main-link-last { background: url(/bici/content/images/layout/mainNav.jpg) no-repeat; cursor:pointer; display:block; float:right; height:40px; overflow:hidden; text-indent:-9999em; width:auto;  }
#mainNav ul li a.main-link.current { position:relative; z-index:5100; }

#mainNav ul li.home-link a { background-position:0px 0px; width:90px; }
#mainNav ul li.home-link a:hover, #mainNav ul li.home-link a.current, #mainNav ul li.home-link a.current:hover { background-position:0px -40px; width:90px; }
#mainNav ul li.tappe-link a { background-position:-90px 0px; width:101px; }
#mainNav ul li.tappe-link a:hover, #mainNav ul li.tappe-link a.current, #mainNav ul li.tappe-link a.current:hover { background-position:-90px -40px; width:101px; }
#mainNav ul li.sponsor-link a { background-position:-191px 0px; width:188px; }
#mainNav ul li.sponsor-link a:hover, #mainNav ul li.sponsor-link a.current, #mainNav ul li.sponsor-link a.current:hover { background-position:-191px -40px; width:188px; }
#mainNav ul li.itinerari-link a { background-position:-379px 0px; width:192px; }
#mainNav ul li.itinerari-link a:hover, #mainNav ul li.itinerari-link a.current, #mainNav ul li.itinerari-link a.current:hover { background-position:-379px -40px; width:192px; }
#mainNav ul li.guida-link a { background-position:-571px 0px; width:107px; }
#mainNav ul li.guida-link a:hover, #mainNav ul li.guida-link a.current, #mainNav ul li.guida-link a.current:hover { background-position:-571px -40px; width:107px; }
#mainNav ul li.login-link a { background-position:-801px 0px; width:119px; }
#mainNav ul li.login-link a:hover { background-position:-801px -40px; width:119px; }
#mainNav ul li.logout-link a { background-position:-920px 0px; width:119px; }
#mainNav ul li.logout-link a:hover { background-position:-920px -40px; width:119px; }

/* @end */

/* @tripNavigator */
#tripNavigatorWrap { margin-top:-10px; display:block; padding-bottom:20px;}
#tripNavigator { width:683px; background:rgb(255,255,255); left:98px; position:relative; z-index:1; height:40px; }
#tripNavigator ul { height:40px; list-style:none; z-index:5000; }
#tripNavigator ul li { float:left; width:auto; }
#tripNavigator ul li a:focus { outline:medium none; }
#tripNavigator ul li a.tripLink { background: url(/bici/content/images/layout/tripNavigator.jpg) no-repeat; cursor:pointer; display:block; float:left; height:40px; overflow:hidden; text-indent:-9999em; width:auto;  }
#tripNavigator ul li a.tripLink.current { position:relative; z-index:5100; }
#tripNavigator ul li.tappa1-link a { background-position:0px 0px; width:97px; }
#tripNavigator ul li.tappa1-link a:hover, #tripNavigator ul li.tappa1-link a.current, #tripNavigator ul li.tappa1-link a.current:hover { background-position:0px -40px; width:97px; }
#tripNavigator ul li.tappa2-link a { background-position:-97px 0px; width:82px; }
#tripNavigator ul li.tappa2-link a:hover, #tripNavigator ul li.tappa2-link a.current, #tripNavigator ul li.tappa2-link a.current:hover { background-position:-97px -40px; width:82px; }
#tripNavigator ul li.tappa3-link a { background-position:-179px 0px; width:82px; }
#tripNavigator ul li.tappa3-link a:hover, #tripNavigator ul li.tappa3-link a.current, #tripNavigator ul li.tappa3-link a.current:hover { background-position:-179px -40px; width:82px; }
#tripNavigator ul li.tappa4-link a { background-position:-261px 0px; width:81px; }
#tripNavigator ul li.tappa4-link a:hover, #tripNavigator ul li.tappa4-link a.current, #tripNavigator ul li.tappa4-link a.current:hover { background-position:-261px -40px; width:81px; }
#tripNavigator ul li.tappa5-link a { background-position:-342px 0px; width:82px; }
#tripNavigator ul li.tappa5-link a:hover, #tripNavigator ul li.tappa5-link a.current, #tripNavigator ul li.tappa5-link a.current:hover { background-position:-342px -40px; width:82px; }
#tripNavigator ul li.tappa6-link a { background-position:-424px 0px; width:83px; }
#tripNavigator ul li.tappa6-link a:hover, #tripNavigator ul li.tappa6-link a.current, #tripNavigator ul li.tappa6-link a.current:hover { background-position:-424px -40px; width:83px; }
#tripNavigator ul li.tappa7-link a { background-position:-507px 0px; width:81px; }
#tripNavigator ul li.tappa7-link a:hover, #tripNavigator ul li.tappa7-link a.current, #tripNavigator ul li.tappa7-link a.current:hover { background-position:-507px -40px; width:81px; }
#tripNavigator ul li.tappa8-link a { background-position:-588px 0px; width:95px; }
#tripNavigator ul li.tappa8-link a:hover, #tripNavigator ul li.tappa8-link a.current, #tripNavigator ul li.tappa8-link a.current:hover { background-position:-588px -40px; width:95px; }
/* @end */

/* @footer */
#footerWrap { width:880px !important; background:rgb(175,2,66); clear:both; overflow:hidden; padding:10px 20px 5px 20px; margin-top:3px; }
#footer a { color:rgb(224,217,224); font-size:1em; }
#footer a:hover { color:#8e8e8e; }
#footer { display:block; }
#footerLogo { float:left; margin-left:10px; margin-right:40px; width:auto; }
#footerInfo { padding-top:5px; }
#footer ul { padding-top:15px; float:left; display:inline; }
#footer ul li { float:left; margin-right:24px; }
#footer ul li.last { float:left; margin-right:0; }
#footer div p { margin-top:4px; font-size:0.8em; color:rgb(88,2,51); width:600px !important; overflow:hidden; }
/* @end */

/* @dashboard */
button.dashboard { background:url(/bici/content/images/dashboard/cal_icon.gif); border:0; cursor:pointer; height:20px; margin-right:6px; width:20px; }
button.dashboard:hover, button.dashboard.active { background-position: left bottom; }
div.dashboard { background:url(/bici/content/images/dashboard/dashboard.png); height:175px; padding:0 12px; text-align:center; width:147px; }	
div.dashboard * { margin:0; padding:0; }	
div.dashboard div { background:none !important; cursor:move; height:165px; overflow:hidden; padding-top:10px; position:relative; width:147px; }	
div.dashboard caption { color:#CF0; padding-top:4px; text-align:center; width:100%; }
div.dashboard caption a { cursor:pointer; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-100px; top:16px; width:11px; }
div.dashboard caption a.prev { background-image:url(/bici/content/images/dashboard/dashboard-prev.gif); left:1px; }
div.dashboard caption a.next { background-image:url(/bici/content/images/dashboard/dashboard-next.gif); right:1px; }
div.dashboard caption a:hover { background-position: 0 11px; }
div.dashboard caption span { height:25px; position:relative; text-align:center; }
div.dashboard caption span.month { padding-right:8px; }
div.dashboard caption span.month:after { content: ','; }
div.dashboard table { border:0; border-collapse:collapse; border-spacing:0; cursor:default; margin:0 auto; overflow:hidden; width:147px; }
div.dashboard td, div.dashboard th { border:0; color:#999; height:19px; text-align:center; width:21px; }
div.dashboard td { color:#333; font-size:11px; padding-right:5px; text-align:right; width:16px; }
div.dashboard td.invalid { color:#666; }
div.dashboard td.valid { color:#FFF; cursor:pointer; }
div.dashboard td.active, div.dashboard td.hover { color:#CF0; cursor:pointer; }
/* @end */

/* @partner level*/
.tb_partner				{ padding:0px;margin:0px;border:0px }
.partner_logo			{ padding:0px;margin:0px;border:0px;height:100px }
.cell_partner			{ padding:0px;margin:0px;border:0px;height:150px;width:440px }
/* @end */


/* @Contatti level*/
#contact_main			{ display:block;padding:15px }
input.input_contact		{ width:400px }
textarea.input_contact	{ width:550px;height:150px }
input.input_contact2	{ width:250px }
/* @end */

/* @sharebox */
#shareBox { float:right; margin:20px 15px 0px 0px; padding:0px; }
#shareBoxDest { float:right; margin-bottom:10px; padding:0px; }
#shareBoxShop { float:right; margin-top:20px; padding:0px; }
#shareBox span, #shareBoxDest span, #shareBoxShop span { font-size:10px; font-style:italic; color:#666; }
/* @end */

/* @commenti */
#adminComment, .userComment { width:540px; padding:10px; display:block; }
.bigComment { width:580px; }
#adminComment, .adminColor { background-color:rgb(238,238,238); margin-bottom:2px; }
#adminIcon, .userIcon { width:30px; float:left; position:relative; border:1px solid rgb(237,237,237); padding:1px; }
#adminPanel, .userPanel { margin-left:40px; width:500px; padding-top:2px; }
#adminPanel h1, .userPanel h1 { padding:0px; padding-bottom:4px; margin:0px; font-size:1.3em; font-weight:bold; }
#adminPanel h3, .userPanel h3 { padding:0px; padding-bottom:10px; margin:0px; font-size:0.9em; color:#666; font-style:italic; font-weight:normal; }
#adminPanel p, .userPanel p{ font-size:0.9em; }
#adminPanel .imgContainer, .userImgContainer { border:1px solid rgb(237,237,237); padding:1px; float:left; }
#adminPanel .text, .userText { font-size:0.9em; }
#adminPanel .text { padding-right:5px; }
.responseRow { display:block; width:440px; margin-bottom:1px; margin-left:50px; background-color:rgb(250,230,240); padding:7px; border:1px solid white; }
.showResponse { display:block; width:446px; margin-bottom:1px; margin-left:50px; background-color:rgb(236,239,245); padding:5px 4px 1px 4px; border:1px solid white; font-size:0.8em; }
.inputResponse { display:block; overflow:none; width:414px; margin-bottom:1px; margin-left:50px; background-color:rgb(236,239,245); padding:7px 20px; border:1px solid white; font-size:0.9em; }
.inputResponseField { border:1px solid #c9c9c9; margin:2px; width:402px; margin-bottom:5px; }
.submitComment { font-size:0.8em; }
.buddyContainer { border:1px solid rgb(237,237,237); padding:1px; float:left; width:13px; }
.responseText { font-size:0.8em; margin-left:20px; width:400px; line-height:1.4em; }
h3.responseHeader { font-size:1.2em; color:#666; margin-bottom:3px; padding-top:2px; }
h4.responseData { font-size:1em; color:#666; margin-bottom:3px; padding-top:2px; font-weight:normal; font-style:italic; }
.commentDiv { border-bottom:1px solid rgb(230,230,230); width:100%; height:1px; margin:5px 0px; }
.commentDivPopUp { border-bottom:1px solid rgb(230,230,230); width:600px; height:1px; margin:5px 0px; }