/* CSS Document by INSTANT WEBSITES per il sito life4fit.net - 2007 rev. 2008/2009 */
/* www.instantwebsites.it - info@instantwebsites.it */

/* Body della pagina */

body, html {
	height: 100%; /* Regola per Mozilla e Opera */
}

body {
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center; /* IE5+ bug fix */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Elementi della struttura di pagina e relativa formattazione */

#header {
	background-color: #62A6DA;
	height: 150px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #333;
	overflow: hidden;
	background-image: url(../immagini/banner/header.jpg);
	background-repeat: no-repeat;
}
body#index #header {
/* Eliminazione sfondo del div header nella pagina index per potere inserire l'immagine nel div con punto attivo */
	background-image: none;
}
#centrato {
	text-align: left;
	margin: auto;
	width: 770px;
	border: 1px solid #333;
}
#corpo {
	width: 770px;
	float:left;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo_left.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#colonna-sx {
	float: left;
	width: 170px;
	background-color: #62A6DA;
}
#colonna-dx {
	float: left;
	width: 600px;
	background-color: #FFF;
	overflow: hidden; /* Previene il bug dell'espansione riquadro in IE */
	text-align: left; /* Rettifica del bug fix per la centratura in IE 5.x */
}
#footer {
	background-color: #62A6DA;
	clear: left;
	border-top: 1px solid #333;
}
#colonna-sx, #colonna-dx, #footer {
	padding-left: 0;
	padding-right: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}
#city4fit {
	height:400px;
	width: 590px;
	position: relative;
	top: 0px;
	text-align: right;
	background-color: transparent;
	background-image: url(../immagini/logo/logo_comp01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#newsbox { /* Box per contenere le news generate da script nella pagina news.php */
	width: auto;
	height: auto;
	background: transparent;
	margin: 0;
	padding-left: 13px;
}

/* Box alternativi per la index */

/* Versione 1: box sx per il logo, box dx per le novità */

#logo { /* Box per l'immagine del logo Life4Fit nella index */
	width: 460px;
	height: 450px;
	position: relative;
	top: 0px; /* Offset eventuale per allineare il riquadro con il logo ai contenuti laterali */
	float: left;
	text-align: center;
	background: transparent;
	overflow: visible;
}
#novita { /* Box da affiancare al div#logo */
	width: 135px;
	position: relative;
	float: right;
	text-align: center;
	background: transparent;
	overflow: visible;
}

/* Versione 2: box unico */

#novita-index {
	margin: 0;
	padding: 0;
	background: transparent;
}

/* Contenitore per il ticker nella pagina index */

#ticker {
	width: 500px;
	height: 30px;
	background: transparent;
	overflow: visible;
	margin-left: 50px; /* Centratura tramite margine */
	padding-top: 42px;
	padding-bottom: 14px;
	clear: both; /* Annulla il float delle colonne */	
}

/* Contenitore per l'immagine di sfondo nella pagina Kick4Fit */

#kick4fit {
	margin: 0;
	padding: 0;
	background-attachment: scroll;
	background-image: url(../immagini/logo/kick4fit-bckg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Formattazione base del testo tramite stili di tag HTML */

p {
	font-size: 13px;
	line-height: 130%;
	color: #333;
}
h1 { /* Titolo principale della pagina */
	font-size: 18px;
	text-align: center;
	color: #003399;
	font-weight: bold;
}
h2 { /* Titoletto di paragrafo blu allineato a sx */
	font-size: 13px;
	text-align: left;
	color: #003399;
	font-weight: bold;
}
h3 { /* Titoletto di paragrafo blu centrato */
	font-size: 13px;
	text-align: center;
	color: #003399;
	font-weight: bold;
}
h4 {
	font-size: 13px;
	text-align: center;
	color: #333;
	font-weight: bold;
}
h5 { /* Equivale al testo di paragrafo ma centrato */
	font-size: 13px;
	line-height: 130%;
	color: #333;
	text-align: center;
}
h6 { /* Titolo principale della pagina bianco usato su sfondo azzurro */
	font-size: 18px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
div p, div h2, div h3, div h4, div h5, div h6 {
	margin: 0;
	padding: 6.5px 13px;
}

/* Formattazione testo nel footer */

#footer p {
	font-size: 11px;
	text-align: center;
	line-height: 120%;
	color: #FFFB73;
	font-weight: bold;
}

/* Strutturazione del menu principale di navigazione e sua formattazione */
/* Aggiunta revisione luglio 2008 */ 

#menu {
	width: auto;
	height: auto;
	background: transparent;
	padding-top: 14px; /* Distanza del menu dal bordo superiore */
}
.menuNavigazione {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menuNavigazione a {
	display: block;
	text-decoration: none;
	margin: 14px 0;
}
.menuNavigazione a:link, .menuNavigazione a:visited {
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active {
	font-size: 14px;
	color: #FFFB73;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}
.menuNavigazione .ultimaVoce a { /* Separazione della voce con l'indirizzo e-mail */
	margin-top: 42px;
}

/* Formattazione degli hyperlink nel paragrafo */

p a:link, p a:visited {
	font-size: 13px;
	line-height: 130%;
	color: #62A6DA;
}
p a:hover, p a:focus, p a:active {
	font-size: 13px;
	line-height: 130%;
	color: #003399;
}

/* Formattazione degli hyperlink nei titoli h2 ed h3 */

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	color: #003399;
}
h2 a:hover, h2 a:focus, h2 a:active, 
h3 a:hover, h3 a:focus, h3 a:active
{
	color: #FF0000;
}

/* Stile relativo al nome della A.S.D. */
/* Aggiunta revisione luglio-agosto 2008 */

.life4fit {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 11px; /* Dimensione mirata all'allineamento col testo di paragrafo normale */
	color: #333;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}
.life4fit-blue {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 11px; /* Dimensione mirata all'allineamento col testo di paragrafo normale */
	color: #003399; /* Colore blu */
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}
.life4fit-h1 {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 15px; /* Dimensione mirata all'allineamento col testo di titolo 1 */
	color: #003399;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}
.life4fit-h2 {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 12px; /* Dimensione mirata all'allineamento col testo di titolo 2 */
	color: #003399;
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}
.life4fit-p-footer {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 10px; /* Dimensione mirata all'allineamento col testo del paragrafo nel footer */
	color: #FFFB73;
	font-weight: bold;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}

/* Stili per le immagini flottanti e centrate */

.left_image {
	float: left;
	border: 1px solid #333;
	margin: 10px 10px 10px 0;
	padding: 0;
}
.right_image {
	float: right;
	border: 1px solid #333;
	margin: 10px 0 10px 10px;
	padding: 0;
}
.left_image_nobord {
	float: left;
	border: none;
	margin: 10px 10px 10px 0;
	padding: 0;
}
.right_image_nobord {
	float: right;
	border: none;
	margin: 10px 0 10px 10px;
	padding: 0;
}
.center_image {
	margin: 0 auto;
	display: block;
}

/* Stili per le miniature dei docenti nella pagina Hip-Hop */
/* Aggiunta revisione luglio 2008 */

.miniatura-left { /* A sx del testo */
	border: 1px solid #333;
	margin-right: 15px;
}
.miniatura-right { /* A dx del testo */
	border: 1px solid #333;
	margin-left: 15px;
}

/* Stili per le liste non ordinate e link contenuti */
/* Aggiunta revisione luglio 2008 */

.lista-disc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #333;
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 0;
}
.lista-disc-strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #333;
	font-weight: bold;
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 0;
}
.lista-disc a:link, .lista-disc a:visited,
.lista-disc-strong a:link, .lista-disc-strong a:visited {
	color: #FF0000;
}
.lista-disc a:hover, .lista-disc a:focus, .lista-disc a:active,
.lista-disc-strong a:hover, .lista-disc-strong a:focus, .lista-disc-strong a:active {
	color: #003399;
}

/* Altri stili di classe */

.red_center { /* Titoletto di paragrafo rosso centrato con interlinea maggiorata */
	font-size: 13px;
	text-align: center;
	color: #FF0000;
	line-height: 130%;
	font-weight: bold;
}
.red_center_lg { /* Titoletto di paragrafo rosso centrato con interlinea maggiorata */
	font-size: 16px;
	text-align: center;
	color: #FF0000;
	line-height: 130%;
	font-weight: bold;
}
.red_left { /* Titoletto di paragrafo rosso allineato a sx con interlinea maggiorata */
	font-size: 13px;
	text-align: left;
	color: #FF0000;
	line-height: 130%;
	font-weight: bold;
}
.blue_center { /* Titoletto di paragrafo rosso centrato con interlinea maggiorata */
	font-size: 13px;
	text-align: center;
	color: #003399;
	line-height: 130%;
	font-weight: bold;
}
.blue_strong { /* Stile blu e grassetto. Applicato al paragrafo, equivale a h2 ma con il rispetto del ruolo semantico di questo selettore */
	color: #003399;
	font-weight: bold;
}
.framethin {
	border: 1px solid #333;
}
.p_titoletto { /* Etichetta campi del form di contatto */
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	color: #003399;
}
.p_titolettowht {
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.didascalia { /* Testo 10px centrato per didascalie pagina Formazione */
	font-size: 10px;
	line-height: 130%;
	color: #333;
	text-align: center;
}
.didascalia11 { /* Testo 11px centrato per didascalie es. pagina Press */
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: center;
}
.testo_form { /* Testo delle clausole di privacy nel form e testo dei profili docenti nella pagina Hip-Hop */
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
}
.testo_form-right { /* Testo dei profili docenti nella pagina Hip-Hop - allineato a destra */
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: right;
}
.tab_privacy { /* Testo delle clausole di privacy nella pagina Newsletter */
	font-size: 11px;
	color: #FFF;
	background-color: #62A6DA;
	border: 1px solid #333;
}
.spaziato { /* Testo spaziato sopra e sotto */
	padding-top: 10px;
	padding-bottom: 10px;
}
.apress { /* Non usato */
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
	}
.underline {
	text-decoration: underline;
}

/* Formattazione della tabella destinata a contenere le comunicazioni importanti */

.comunicazione {
	border: 1px solid #333;	
	margin: 12px 0 12px 0;
	background-color: #FEF8E3;
}
.comunicazione p {
	text-align: left;
}

/* Rimozione del bordo dalle immagini a cui è stato applicato un link */

a img {
	border: none;
}

/* Distanziamento verticale del pulsante Skype nel footer */
/* Aggiunta revisione agosto 2008 */

#footer img{
	margin-top: 5px;
}

/* Regole particolari per la formattazione dei contenuti relativi all'evento RIMINI WELNESS 2009 */

#rimini-novita {
	width: 550px;
	position: relative; /* Per fungere da progenitore al livello contenente il logo */
	margin: 0 auto;
	padding-top: 175px; /* Spazio per l'immagine di intestazione che resta sullo sfondo del box */
	background-color: transparent;
	background-image: url(../immagini/riminiwellness2009/riminiwellness2009-sfondo.jpg);
	background-repeat: no-repeat;
	border: 1px solid #003399;
}
#rimini-novita-logo {
	/* Posizioniamo questo box in modo assoluto in alto a sinistra per sovrapporre l'immagine del logo a quella dello sfondo */
	/* L'obiettivo è di potere aggiungere un punto attivo ed il link al sito esterno, cosa non possibile da fare su uno sfondo */
	width: 180px;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#rimini-novita p {
	padding: 10px;
	color: #003399;
}

/* Stile per la dicitura INSIEME PER LO SPORT - aprile/maggio 2009 */

.insiemeperlosport {
	/* Dimensionato per l'inserimento nel testo di paragrafo */
	font-family: "Bradley Hand ITC", "Comic Sans MS", Arial, sans-serif; /* Font originale ed alternative */
	font-size: 13px; /* Dimensione mirata all'allineamento col testo di paragrafo normale */
	color: #003399; /* Colore blu */
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
}
.insiemeperlosport-titolo {
	/* Destinato all'uso come titolo */
	font-family: "Bradley Hand ITC", "Comic Sans MS", Arial, sans-serif; /* Font originale ed alternative */
	font-size: 20px; 
	color: #003399; /* Colore blu */
	font-weight: bold;
	line-height: 130%;
	text-transform: uppercase; /* Nome tutto in maiuscolo */
	text-align: center;
}

/* Stile per la scritta EU.FI.W.A. - aprile 2011 */

.eufiwa {
	/* Font non standard usato */
	font-family: "Segoe Print", "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color: #0000C0;
	font-weight: bold;
}

/* Stile per la dicitura SPIRALS - Rimini Wellness - maggio 2009 */

.spirals {
	font-family: "Lucida Handwriting", Arial, sans-serif; /* Font originale ed alternative */
	font-size: 12px; /* Dimensione mirata all'allineamento col testo di paragrafo normale */
	font-weight: bold;
	line-height: 130%;
	color: #003399;	/* Colore blu */
}
.spirals-titolo {
	/* Destinato all'uso come titolo */
	font-family: "Lucida Handwriting", Arial, sans-serif; /* Font originale ed alternative */
	font-size: 20px; 
	color: #003399; /* Colore blu */
	font-weight: bold;
	line-height: 130%;
	text-align: center;
}

/* Box per il testo nelle pagine di redirect - per utenti con JS disattivato */

#testo-redirect {
	width: 700px;
	margin: 50px auto;
	padding: 0;
	background: transparent;
}
#testo-redirect p {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
#testo-redirect a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
}
#testo-redirect a:link, #testo-redirect a:visited {
	color: #FFFF00;
}
#testo-redirect a:hover, #testo-redirect a:focus, #testo-redirect a:active {
	color: #FFF;
}

/* Formattazione delle tabelle nella pagina News & Press - sezione Press */

table.tabellaPress {
	width: 91%;
	margin: 0 auto 10px auto;
}

/* Boxettino flottante per immagine del certificato ISO 9001 e relativa didascalia - marzo 2010 */
/* Pagina eufiwa.html */
/* Il problema del box model in IE5.x e precededenti risulta trascurabile */

#boxMobileSx {
	width: 160px;
	float: left;
	border: 1px solid #333;
	background-color: #F3F8FC;
	margin: 10px;
	display: inline; /* Bug fix per il raddoppio del margine in IE6 e precedenti */
	padding: 10px;
}
#boxMobileSx img {
/* Centra l'immagine nel box e dispone il testo al di sotto */
	display: block;
	margin: 0 auto;
}
#boxMobileSx p {
	font-size: 11px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
}

/* Clearfloat */
/* Questa classe deve essere inserita in un elemento div e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
.clear { 
	clear: both;
}