@charset "utf-8";
/* -- WRAPPER, FOOTER ------------------------------------------------------------- */

BODY { text-align:center; /* centra il sito per IE5*/ }

#wrapper, #footer {
	width:970px;
	margin:0 auto;
	text-align:left;  /* IE5 fix: ripristina il giusto allineamento del testo */
	background:url(../graph/bkg/bkg.gif) top left repeat-y;
	}

#wrapper {
	margin-top:10px;
	background:url(../graph/bkg/bkg.gif) top left repeat-y;
	overflow:hidden;
	margin-bottom:0px;
	}

#footer {
	padding: 13px 0 0 0;
	text-align:center;
	clear:both;
	}

#footer P {
	background:url(../graph/bkg/bkg_footer.gif) top left no-repeat #FFFFFF;
	padding: 20px 0 20px 0;
	text-align:center;
	clear:both;
	}


/* -- SITE MENU ------------------------------------------------------------------ */

#site_menu {
	width:946px;
	padding-left:24px;
	float:left;
	background:url(../graph/sitemenu/sitemenu_ruler.gif) bottom left no-repeat #FFFFFF; 
	}

/* comportamento standard del testo A nel menu */
#site_menu A {
	font-size:105%;
	text-decoration:none;
	font-weight:bold;
	color:#768CAC;
	text-align:center;
	}

#site_menu A:hover {
	text-decoration:none;
	font-weight:bold;
	color:#082650;
	}
	
/* elemento standard */
#site_menu LI {
	width:306px;  /* specifica qui width quando fissa */
	float:left;
	padding: 0 0 2px 0; /* solleva tab sopra alla linea */
	margin: 0 2px 0px 0; /* distanza fra i tab */
	}

#site_menu LI A {
	width:100%; /* espande il tab nei lenght fissi */
	float:left;
	display:block;
	background:url(../graph/sitemenu/sitemenu_left.gif) top left no-repeat;
	}

#site_menu LI A SPAN {
	display:block;
	margin-left:10px;
	padding:10px 10px 7px 0; /* a sinistra ci sono gia' 10px dovuti la margin */
	background:url(../graph/sitemenu/sitemenu_right.gif) top right no-repeat;
	}


/* CONDIZIONALE: if BODY = "#isok" */
#isok #site_menu LI.isokinetic { padding: 0; /* mette il tab sopra alla linea */ }

#isok #site_menu LI.isokinetic A,
#isok #site_menu LI.isokinetic A:hover { background:url(../graph/sitemenu/sitemenu_isok_left.gif) top left no-repeat; }

#isok #site_menu LI.isokinetic A SPAN,
#isok #site_menu LI.isokinetic A:hover SPAN {
	background:url(../graph/sitemenu/sitemenu_isok_right.gif) top right no-repeat;
	padding-bottom:9px; /* alza il tab per farlo alto uguale, copre la riga */
	}

#isok #site_menu LI.isokinetic A { color:#FEB918; }
#isok #site_menu LI.isokinetic A:hover { color:#FFFFFF; }

/* CONDIZIONALE: if BODY = "#cs" */
#cs #site_menu LI.centro_studi { padding: 0; /* mette il tab sopra alla linea */ }

#cs #site_menu LI.centro_studi A,
#cs #site_menu LI.centro_studi A:hover { background:url(../graph/sitemenu/sitemenu_cs_left.gif) top left no-repeat; }

#cs #site_menu LI.centro_studi A SPAN,
#cs #site_menu LI.centro_studi A:hover SPAN { 
	background:url(../graph/sitemenu/sitemenu_cs_right.gif) top right no-repeat;
	padding-bottom:9px; /* alza il tab per farlo alto uguale, copre la riga */
	}

#cs #site_menu LI.centro_studi A { color:#082650; }
#cs #site_menu LI.centro_studi A:hover { color:#FEB918; }


/* CONDIZIONALE: if BODY = "#guida" */
#guida #site_menu LI.guida { padding: 0; /* mette il tab sopra alla linea */ }

#guida #site_menu LI.guida A,
#guida #site_menu LI.guida A:hover {
	background:url(../graph/sitemenu/sitemenu_guida_left.gif) top left no-repeat;
	}

#guida #site_menu LI.guida A SPAN,
#guida #site_menu LI.guida A:hover SPAN {
	background:url(../graph/sitemenu/sitemenu_guida_right.gif) top right no-repeat;
	padding-bottom:9px; /* alza il tab per farlo alto uguale, copre la riga */
	}

#guida #site_menu LI.guida A { color:#082650; }
#guida #site_menu LI.guida A:hover { color:#FFFFFF; }

/* HOVER del tab standard */
#site_menu LI A:hover { background:url(../graph/sitemenu/sitemenu_roll_left.gif) top left no-repeat; }
#site_menu LI A:hover SPAN { background:url(../graph/sitemenu/sitemenu_roll_right.gif) top right no-repeat; }


/* -- HEADER --------------------------------------------------------------------- */

#header {
	position:relative;
	margin:0 10px 0 10px;
	/*background:url(../../../pic/is/big/veduta_bologna.png) top left no-repeat;*/
}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #header {	background-color:#082650; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #header {	background-color:#7382BD;	}
/* CONDIZIONALE: if BODY = "#guida" */
#guida #header { background-color:#FEB918	}
/* CONDIZIONALE: if BODY = "#home" */
#home #header {	background-color:#082650; }


/*********
BADGE_FIFA
**********/

#header A#badge_fifa {
	display:block;
	width:83px;
	height:115px;
	position:absolute;
	top:12px;
	left:14px;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #header A#badge_fifa { background:url(../graph/header/elementi/logo_fifa_medical_centre.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #header A#badge_fifa {	background:url(../graph/header/elementi/logo_fifa_medical_centre.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #header A#badge_fifa { background:url(../graph/header/elementi/logo_fifa_medical_centre.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#home" */
#home #header A#badge_fifa { display:none; }


/******
GO_HOME
*******/
#header A#go_home {
	display:block;
	width:27px;
	height:24px;
	position:absolute;
	top:12px;
	left:912px;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #header A#go_home { background:url(../graph/header/elementi/casa_isok.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #header A#go_home {	background:url(../graph/header/elementi/casa_cs.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #header A#go_home { background:url(../graph/header/elementi/casa_guida.png) top left no-repeat; }
/* CONDIZIONALE: if BODY = "#home" */
#home #header A#go_home { display:none; }

/* tutti i condizionali (rollover) */
#guida #header A#go_home:hover,
#cs #header A#go_home:hover,
#isok #header A#go_home:hover {
	background-position:bottom;
	}

/*******
FACEBOOK
********/
#header A#facebook {
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	top:12px;
	left:880px;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #header A#facebook { background:url(../graph/header/elementi/facebook_isok.png) bottom left no-repeat; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #header A#facebook {	background:url(../graph/header/elementi/facebook_cs.png) bottom left no-repeat; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #header A#facebook { background:url(../graph/header/elementi/facebook_guida.png) bottom left no-repeat; }
/* CONDIZIONALE: if BODY = "#home" */
#home #header A#facebook { 
	background:url(../graph/header/elementi/facebook_isok.png) bottom left no-repeat;
	top:12px;
	left:912px;
}

/* tutti i condizionali (rollover) */
#home #header A#facebook:hover,
#guida #header A#facebook:hover,
#cs #header A#facebook:hover,
#isok #header A#facebook:hover {
	background-position: top left;
	}





/***
LOGO
****/
#header A#logo {
	display:block;
	position:absolute;
	}

/* CONDIZIONALE: if BODY = "#isok" */
/* CONDIZIONALE: if BODY = "#home" */
#isok #header A#logo,  
#home #header A#logo { 
	background:url(../graph/header/elementi/logo_isok.png) top left no-repeat; 
	width:110px;
	height:58px;
	top:10px;
	left:418px;
	}

/* CONDIZIONALE: if BODY = "#cs" */
#cs #header A#logo {
	background:url(../graph/header/elementi/logo_cs.png) top left no-repeat; 
	width:110px;
	height:110px;
	top:7px;
	left:420px;
	}

/* CONDIZIONALE: if BODY = "#guida" */
#guida #header A#logo {
	background:url(../graph/header/elementi/logo_guida.png) top left no-repeat; 
	width:121px;
	height:110px;
	top:8px;
	left:415px;
	}

/*******
LANGUAGE 
********/
#header UL#lang {
	display:block;
	position:absolute;
	top:41px;
	left:910px;
}

#header UL#lang LI { padding-bottom:3px; }

/* #header UL#lang A IMG { padding:2px; } */
/* modificato su ruchiesta Francois */

#header UL#lang A IMG { 
	border:#F00 2px solid;
}

#header UL#lang A:hover IMG {
	padding:0;
	border:#000000 2px solid;
}

/* CONDIZIONALE: if BODY = "#isok" */
/* CONDIZIONALE: if BODY = "#home" */
#isok #header UL#lang A:hover IMG,
#home #header UL#lang A:hover IMG  { 
	border-color:#6699FF; 
	}
/* CONDIZIONALE: if BODY = "#cs" */
#cs #header UL#lang A:hover IMG  { border-color:#FEB918; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #header UL#lang A:hover IMG  { border-color:#FFFFFF; }


/******
CLAIM
*******/
#header SPAN.claim {
	/* ripristinare per mettere claim
	display:block;
	*/
	display:none;
	position:absolute;
	top:100px;
	left:100px;
	}

/* CONDIZIONALE: per tutti eccetto BODY = "#home" */
#isok #header SPAN.claim,
#cs #header SPAN.claim,
#guida #header SPAN.claim {
	 display:none;
}

/************
NUMNERO VERDE
*************/
#header #numero_verde {
	display:block;
	position:absolute;
	top:11px;
	left:760px;
	height:45px;
	width:125px;
}

#home #header #numero_verde  { background:url(../graph/header/elementi/numero_verde_chiaro.png) top left no-repeat; }
#isok #header #numero_verde  { background:url(../graph/header/elementi/numero_verde_chiaro.png) top left no-repeat; }
#cs #header #numero_verde    { display:none; }
#guida #header #numero_verde { background:url(../graph/header/elementi/numero_verde_scuro.png) top left no-repeat; }


/************
CLICK AREA
*************/

#header #click_area{
	display:block;
	position:absolute;
	top:178px;
	left:410px;
	height:45px;
	width:320px;
	/*background:#0F0;*/
}

/* visuliza solo in home */
#isok #header #click_area{ display:none }
#cs #header #click_area{ display:none }
#guida #header #click_area{ display:none }



/* -- BLURB (solo HOME) ---------------------------------------------------------- */

#home #header #blurb {
	width:950px;
	padding-top:266px;
	/* mette ombra sotto */
	padding-bottom:10px;
	background:url(../graph/header/elementi/shadow_o.gif) left bottom repeat-x;
	}

#home #header #blurb P {
	display:block;
	padding: 12px 0 12px 0;
	background:#082650;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

/* -- MENU (tabbed) -------------------------------------------------------------- */

#header #menu {
	width:950px;
	padding-top:246px;
	/* mette ombra sotto */
	padding-bottom:10px;
	background:url(../graph/header/elementi/shadow_o.gif) left bottom repeat-x;
	}

/* comportamento testo */
#menu A {
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	}

#menu A:hover {
	text-decoration:none;
	font-weight:bold;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu A { color:#FFFFFF; }
#isok #menu A:hover { color:#6699FF; }
#isok #menu .selected A { color:#FEB918 } 
#isok #menu .linear .selected A { color:#FEB918 } 
#isok #menu A.selected  { color:#FEB918 } 
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu A { color:#FFFFFF; }
#cs #menu A:hover { color:#DEB918; }
#cs #menu .selected A { color:#082650; } 
#cs #menu .linear .selected A { color:#082650; } 
#cs #menu A.selected  { color:#082650; } 
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu A { color:#666666; }
#guida #menu A:hover { color:#FFFFFF; }
#guida #menu .selected A { color:#082650; } 
#guida #menu .linear .selected A { color:#082650; } 
#guida #menu A.selected  { color:#082650; } 

/* -- MENU (cavalieri, sotto HEADER) --------------------------------------------- */

#menu #tabbed {
	width:937px;
	float:left;
	padding-left:13px;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu #tabbed { background:url(../graph/menu/isok_ruler.gif) bottom left repeat-x; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu #tabbed { background:url(../graph/menu/cs_ruler.gif) bottom left repeat-x; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu #tabbed { background:url(../graph/menu/guida_ruler.gif) bottom left repeat-x; }

/* elemento standard */
#menu #tabbed LI {
	/*width:304px;  specifica qui width quando fissa */
	float:left;
	padding: 0 0 2px 0; /* solleva tab sopra alla linea */
	margin: 0 0 0px 1px; /* distanza fra i tab */
	}

#menu #tabbed LI A {
	width:100%; /* espande il tab nei lenght fissi */
	float:left;
	display:block;
	}

#menu #tabbed LI A SPAN {
	display:block;
	margin-left:10px;
	padding:10px 10px 7px 0; /* a sinistra ci sono gia' 10px dovuti la margin */
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu #tabbed LI A { background:url(../graph/menu/isok_off_left.png) top left no-repeat; }
#isok #menu #tabbed LI A SPAN { background:url(../graph/menu/isok_off_right.png) top right no-repeat; }
#isok #menu #tabbed LI A:hover { background:url(../graph/menu/isok_on_left.png) top left no-repeat; }
#isok #menu #tabbed LI A:hover SPAN { background:url(../graph/menu/isok_on_right.png) top right no-repeat; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu #tabbed LI A { background:url(../graph/menu/cs_off_left.png) top left no-repeat; }
#cs #menu #tabbed LI A SPAN { background:url(../graph/menu/cs_off_right.png) top right no-repeat; }
#cs #menu #tabbed LI A:hover { background:url(../graph/menu/cs_on_left.png) top left no-repeat; }
#cs #menu #tabbed LI A:hover SPAN { background:url(../graph/menu/cs_on_right.png) top right no-repeat; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu #tabbed LI A { background:url(../graph/menu/guida_off_left.png) top left no-repeat; }
#guida #menu #tabbed LI A SPAN { background:url(../graph/menu/guida_off_right.png) top right no-repeat; }
#guida #menu #tabbed LI A:hover { background:url(../graph/menu/guida_on_left.png) top left no-repeat; }
#guida #menu #tabbed LI A:hover SPAN { background:url(../graph/menu/guida_on_right.png) top right no-repeat; }

/* elemento standard SELECTED */
#menu #tabbed LI.selected { padding: 0; /* mette il tab sopra alla linea */ }
#menu #tabbed LI.selected A SPAN { padding-bottom:9px; /* alza il tab per farlo alto uguale, copre la riga */ }

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu #tabbed LI.selected A,
#isok #menu #tabbed LI.selected A:hover { background:url(../graph/menu/isok_on_left.png) top left no-repeat; }
#isok #menu #tabbed LI.selected A SPAN,
#isok #menu #tabbed LI.selected A:hover SPAN { background:url(../graph/menu/isok_on_right.png) top right no-repeat; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu #tabbed LI.selected A,
#cs #menu #tabbed LI.selected A:hover { background:url(../graph/menu/cs_on_left.png) top left no-repeat; }
#cs #menu #tabbed LI.selected A SPAN,
#cs #menu #tabbed LI.selected A:hover SPAN { background:url(../graph/menu/cs_on_right.png) top right no-repeat; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu #tabbed LI.selected A,
#guida #menu #tabbed LI.selected A:hover { background:url(../graph/menu/guida_on_left.png) top left no-repeat; }
#guida #menu #tabbed LI.selected A SPAN,
#guida #menu #tabbed LI.selected A:hover SPAN { background:url(../graph/menu/guida_on_right.png) top right no-repeat; }

/* -- MENU (lineare, sotto HEADER) ----------------------------------------------- */

#menu .linear {
	width:902px;
	padding: 8px 24px 8px 24px;
	background:#999999;
	}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu .linear  { 
	border-bottom:#6699FF solid 2px;
	background:#082650; 
	}
#isok #menu .last .linear { border-bottom:none; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu .linear {
	border-bottom:#082650 solid 2px;
	background:#7382BD; 
	}
#cs #menu .last .linear { border-bottom:none; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu .linear {
	border-bottom:#082650 solid 2px;
	background:#FEB918; 
	}
#guida #menu .last .linear { border-bottom:none; }

/* elemento standard */
#menu .linear A {
	line-height:190%;
	padding-right:12px;
	margin-right:12px;
	border-right:#FFFFFF 2px solid;
	}


#menu .linear LI A[href^="http:"] {
	/* eventualmente elimina l'immagine del link OFFSITE */
	background:none;
	padding-right:12px;
}



#menu .last .linear LI SPAN.dummy {
/*	display:block; */
	font-weight:bold;
	color:#FFFFFF;
	line-height:170%;
}

/* CONDIZIONALE: if BODY = "#isok" */
#isok #menu .linear A { border-right:#FFFFFF 2px solid; }
/* CONDIZIONALE: if BODY = "#cs" */
#cs #menu .linear A { border-right:#FFFFFF 2px solid; }
/* CONDIZIONALE: if BODY = "#guida" */
#guida #menu .linear A { border-right:#666666 2px solid; }


/* -- CONTENT HOLDER ----------------------------------------------- */
#content_holder {
	width:606px;
	float:left;

	padding: 0 15px 32000px 0; /* FF: ci sono 2px di padding-left in piu' per simulare il border con una immagine */
	margin: 7px 0 -32000px 23px;
	font-size:110%;
	text-align:justify;
	background:url(../graph/dotted/dotted_v.gif) right repeat-y; /* FF: mette "finto" border */
	}


/* -- POD HOLDER --------------------------------------------------- */
/* definizione generale pod_hoilder */
#pod_holder {
	width:289px;
	float:left;
	padding: 0 15px 32000px 0; /* FF: ci sono 2px di padding-left in piu' per simulare il border con una immagine */
	margin: 7px 0 -32000px 13px;
	font-size:85%;
	text-align:justify;
	line-height:130%;
	/*border-right:2px dotted #CCCCCC;*/
	background:url(../graph/dotted/dotted_v.gif) right repeat-y; /* FF: mette "finto" border */
	}

/* eccezioni e casi particolari */
#pod_holder.isok { margin-left:23px; }
#pod_holder.guida { padding-right:0; background-image:none; }
#pod_holder.standard { padding-right:0; background-image:none; }
#pod_holder.numbers {
	width:950px; /* = 950-26 */
	padding:13px 0 0 0;
	margin:0 0 0 10px;
	background:#FFFFFF; /* copre le righe verticali */
}

/* piazza la riga nelle imagini */
#pod_holder IMG { background:#082650; padding: 0 0 6px 0; }
#pod_holder IMG.v { padding: 0 0 6px 0; }
#pod_holder IMG.o { padding: 0 0 0 6px; }

/* if BODY = "#isok" */
#isok #pod_holder IMG { background:#082650; }
#isok #pod_holder A:hover IMG { background:#134B8A; }
/* if BODY = "#cs" */
#cs #pod_holder IMG { background:#7382BD; }
#cs #pod_holder A:hover IMG { background:#9DA8D0; }
/* if BODY = "#guida" */
#guida #pod_holder IMG { background:#FEB918; }
#guida #pod_holder A:hover IMG { background:#FED067; }
/* if BODY = "#home" */
#home #pod_holder IMG { background:#082650; }
#home #pod_holder.isok IMG { background:#082650; }
#home #pod_holder.isok A:hover IMG { background:#134B8A; }
#home #pod_holder.cs IMG { background:#7382BD; }
#home #pod_holder.cs A:hover IMG { background:#9DA8D0; }
#home #pod_holder.guida IMG { background:#FEB918; }
#home #pod_holder.guida A:hover IMG { background:#FED067; }