/* CSS Document realizzato da INSTANT WEBSITES - 2009 per il sito corsimassaggio.net */
/* www.instantwebsites.it - info@instantwebsites.it */

/* Body della pagina e regole di base */

body,html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-size: 62.5%; /* 1 em = 10 px */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4587A9;
	text-align: center; /* Fix per la centratura del disegno in IE 5.5 e precedenti */
	background-attachment: fixed;
	background-image: url(../immagini/bckg/sfondo-pagina.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Elementi della struttura di pagina */

#wrapper {
	/* Contenitore principale del layout */
	width: 900px;
	background-color: #FFF;
	margin: 50px auto 0 auto; /* Determina la centratura */
	padding: 0;
	text-align: left; /* Rettifica del fix applicato a body */
	border: 1px solid #999;
	background-image: url(../immagini/bckg/sfondo-wrapper.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
body#aiso #wrapper {
	/* Rimozione della immagine di sfondo nella pagina troppo breve per contenerla - si determinerebbe sovrapposizione rispetto a quella ruotata */
	background-image: none;
}
#wrapper-cont {
	/* Box usato per applicare padding evitando il problema con il box model di IE 6 e precedenti */
	margin: 0;
	padding: 0 10px 10px 10px;
	background-color: transparent;
	background-image: url(../immagini/bckg/sfondo-wrapper-rot.jpg);
	background-repeat: no-repeat;
	background-position: left 365px;
}
#titolo {
	/* Box per il titolo del sito */
	height: 95px;
	background-color: #FFF;
	margin: 0;
	padding: 0 0 0 20px; /* Allineamento della immagine contenuta nel box */
}
#intestazione {
	/* Box per la immagine di intestazione */
	background-color: #FFF;
	margin: 0;
	padding: 0;
	overflow: hidden; /* Taglia il contenuto per compensare il bordo */
	border: 1px solid #999;
}
#menu {
	/* Box per il menu principale di navigazione */
	height: 40px;
	background-color: #F8F9FC;
	padding: 0;
	margin: 0;
	border-top: 0 none;
	border-right: 1px solid #DFE4EA;
	border-bottom: 1px solid #DFE4EA;
	border-left: 1px solid #DFE4EA;
}
#mainContent {
	margin: 20px 0 0 0;
	padding: 0;
	background-color: transparent;
}
#collegamenti {
	background: transparent;
}
#pie-di-pagina {
	/* Box per i crediti */
	/* L'altezza č determinata dai suoi contenuti e dal padding */
	width: 900px;
	margin: 0 auto; /* Determina la centratura */
	padding: 0;
	background: transparent;
	clear: both;
}

/* Formattazione del testo principale */

h1 {
	font-size: 2em; /* Testo scalabile */
	margin: 0;
	padding: 10px 20px; /* Imbottitura fissa per un migliore allineamento */
	color: #4587A9;
}
h2 {
	font-size: 1.7em; /* Testo scalabile */
	margin: 0;
	padding: 15px 20px 7px 20px; /* Imbottitura fissa per un migliore allineamento */
	color: #4587A9;
}	
p {
	font-size: 1.4em; /* Testo scalabile */
	line-height: 120%;
	margin: 0;
	padding: 7px 20px; /* Imbottitura fissa per un migliore allineamento */
	color: #333;
}

/* Formattazione del testo nel box collegamenti */

#collegamenti p {
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 5px;
}

/* Formattazione del testo nel pič-di-pagina */

#pie-di-pagina p {
	font-size: 1.1em;
	text-align: center;
	color: #FFF;
	line-height: 100%;
	margin: 0;
	padding: 1em 20px;
}

/* Formattazione del menu principale di navigazione */

/* Il menu di navigazione č gestito dal plugin jQuery Slide Menu di jQuery. */
/* Le regole pre-esistenti che riguardavano il menu a 1 livello precedentemente */
/* usato, sono state spostate nel foglio css/menu-old.css a scopo di backup */

/* Formattazione dei link nel testo principale */

#mainContent a:link,
#mainContent a:visited {
	text-decoration: underline;
	color: #4587A9;
}
#mainContent a:hover,
#mainContent a:focus,
#mainContent a:active {
	text-decoration: underline;
	color: #BC4D6E;
}

/* Formattazione dei link nel box collegamenti */

#collegamenti a:link,
#collegamenti a:visited {
	color: #FFF;
	text-decoration: underline;
}
#collegamenti a:hover,
#collegamenti a:focus,
#collegamenti a:active {
	color: #BC4D6E;
	text-decoration: underline;
}

/* Formattazione dei link nel pie-di-pagina */

#pie-di-pagina a:link,
#pie-di-pagina a:visited {
	color: #FFF;
	text-decoration: underline;
}
#pie-di-pagina a:hover,
#pie-di-pagina a:focus,
#pie-di-pagina a:active {
	color: #BC4D6E;
	text-decoration: underline;
}

/* Formattazione dell'elenco dei motivi per iscriversi ai corsi nella pagina Index */

.elencoPerche {
	margin: 10px 20px 10px 35px;
	padding: 0;
}
.elencoPerche li {
	font-size: 1.4em; /* Stessa dimensione del testo di paragrafo */
	list-style: disc;
	padding-bottom: 5px; /* Inserimento di spazio tra le voci */
}
.elencoPerche li.ultimaVoceElencoPerche {
	padding-bottom: 0; /* Rimuove lo spazio aggiuntivo indesiderato dopo l'ultima voce */
}

/* Lista non ordinata generica */
/* Utilizzo una classe per evitare conflitto di regole con il menu */

ul.elenco {
	margin: 10px 10px 5px 35px;
	padding: 0;
}
ul.elenco li {
	font-size: 1.4em; /* Stessa dimensione del testo di paragrafo */
	list-style: disc;
	padding-bottom: 5px; /* Inserimento di spazio tra le voci */
}

/* Formattazione dell'elenco dei corsi nella pagina index.html e della relativa tabella */

.tabellaElencoCorsi {
	margin: 10px 0 10px 30px;
}
.elencoCorsi {
	margin: 0 0 0 40px;
	padding: 0;
}
.elencoCorsi li {
	font-size: 1.4em; /* Stessa dimensione del testo di paragrafo */
	list-style: disc;
}

/* Formattazione della tabella relativa agli insegnanti */

.tabellaInsegnanti {
	margin: 10px 0 20px 0;
	border: none;
}
.tabellaInsegnanti img {
	margin: 0 20px; /* Allinea l'immagine agli altri contenuti della pagina */
	border: 2px solid #DFE4EA;
}
.tabellaInsegnanti td.colonnaFoto {
	width: 200px; /* Dimensiona la colonna con la foto */
}

/* Formattazione dell'elenco relativo alle competenze degli insegnanti */

.elencoInsegnanti {
	margin: 10px 0 10px 60px;
	padding: 0;
}
.elencoInsegnanti li {
	font-size: 1.4em; /* Stessa dimensione del testo di paragrafo */
	list-style: disc;
	padding-bottom: 0.4em; /* Interlinea tra le voci dell'elenco */
}

/* Formattazione della tabella relativa al calendario dei corsi ed ai suoi contenuti */

.calendario {
	width: 840px;
	margin: 10px auto 20px auto;
	padding: 0;
	background: transparent;
}
.calendario .tabellaCalendario td {
	/* Uniforma la larghezza delle colonne, escluse quelle particolari */
	width: 14%;
}
.calendario .tabellaCalendario td.primaColonna {
	/* Determina la larghezza della prima colonna */
	width: 25%; 
}
.calendario .tabellaCalendario td.colonnaInsegnanti {
	/* Determina la larghezza della colonna con i nomi degli insegnanti */
	width: 18%; 
}

.calendario p {
	font-size: 14px; /* Dimensione fissa per evitare problemi con la tabella nel ridimensionamento */
	margin: 0;
	padding: 10px;
}
.calendario p span.titolo {
	/* Titolo del corso */
	color: #4587A9;
	font-weight: bold;
}
.iscrizioniAperte {
	color: #57A857; /* Colore verde */
}
.iscrizioniChiuse {
	color: #FF0000; /* Colore rosso */
}

/* Formattazione dell'elenco relativo alle istruzioni di iscrizione nella pagina del Calendario */

.modalitaIscrizione {
	margin: 10px 0 10px 60px;
	padding: 0;
}
.modalitaIscrizione li {
	font-size: 1.4em; /* Stessa dimensione del testo di paragrafo */
	list-style: disc;
	padding-bottom: 0.7em; /* Interlinea tra le voci dell'elenco */
}

/* Formattazione della tabella relativa alle modalitā di contatto nella pagina Contatti */

#contatti {
	width: 500px;
	margin: 10px auto 20px 60px;
	padding: 0;
	background: transparent;
}
#contatti .tabellaContatti td {
	padding-bottom: 10px; /* Inserimento di spazio tra le righe */
}

/* Box destinato al form della newsletter e relativa formattazione */

#newsletter {
	/* Non specifico l'altezza del box. In caso di ridimensionamento del testo nei browser che lo consentono, il box si estenderā e l'immagine di sfondo si fonderā con il colore scelto per il background */
	width: 600px;
	margin: 10px auto 20px auto;
	padding: 0;
	border: 1px solid #333;
	background-color: #EAD4D6; /* Colore che si fonde con l'immagine di sfondo */
	background-image: url(../immagini/bckg/sfondo-form.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
}
#newsletterCont {
	/* Box usato per applicare padding evitando il problema con il box model di IE 6 e precedenti */
	margin: 0;
	padding: 10px;
	background: transparent;
}
#newsletter h3 {
	font-size: 18px; /* Dimensione fissa per evitare problemi nel ridimensionamento */
	color: #4587A9;
	text-align: left;
	margin: 0;
	padding: 0;
}
#newsletter p {
	margin: 10px 0;
	padding: 0;
	font-size: 13px; /* Dimensione fissa per evitare problemi nel ridimensionamento */
}
input.txt {
	width: 300px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #333;
}
input.btn {
	width: 50px;
	color: #333;
	background-color: #E8EEEE;
	border: 1px solid #333;
	font-size: 11px; /* Dimensione fissa per evitare problemi nel ridimensionamento */
	padding: 1px 2px;
}
.privacy {
	font-size: 10px; /* Dimensione fissa per evitare problemi nel ridimensionamento */
}

/* Posizionamento e formattazione generica delle immagini */

.mobiledx {
	/* Immagine flottante a destra con bordo */
	float: right;
	margin: 10px 0 10px 10px;
	border: 2px solid #DFE4EA;
}
.mobilesx {
	/* Immagine flottante a sinistra con bordo */
	float: left;
	margin: 10px 10px 10px 0;
	border: 2px solid #DFE4EA;
}
.centrata {
	/* Immagine centrata nel box con bordo */
	margin: 10px auto;
	display: block;
	border: 2px solid #DFE4EA;
}
.bordo {
	border: 2px solid #DFE4EA;
}
a img {
	border: none;
}

/* Posizionamento e formattazione specifica delle immagini */

.fotoAttestato {
	/* Tabella per le immagini affiancate nella pagina Attestato */
	margin: 10px 20px;
	padding: 0;
}
.fotoAttestato img {
	/* Posizionamento delle immagini ed applicazione del bordo */
	margin-left: 80px;
	border: 2px solid #DFE4EA;
}

/* Stili relativi alla pagina testimonianze */
/* Aggiunta settembre-ottobre 2009 */

table.testimonianza {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #F8F9FC;
	border: 1px solid #DFE4EA;
}
table.testimonianza img {
	margin: 20px;
	border: 1px solid #DFE4EA;
}
h2.titolotestim {
	text-align: center;
}

/* Altri stili di classe */

.oleos {
	/* Stile applicato al nome della scuola nel corpo del testo */
	color: #4587A9;
	font-weight: bold;
}
.lineaSx {
	/* Stile applicato alla linea di separazione tra le descrizioni dei corsi e degli insegnanti */
	margin: 10px 0 10px 20px;
}
.testoEvidenziato {
	/* Stile da applicare ad una porzione di testo da evidenziare */
	/* Non definisco il padding per applicare in automatico quello del selettore p */
	margin: 20px 20px 10px 20px;
	border: 1px solid #333;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo-testoEvidenziato.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.reg {
	/* Stile da applicare al simbolo R di registrato o analoghi - apice */
	position: relative;
	top: -0.5em;
	font-size: 0.7em;
}
.nobord {
	/* Rimozione del bordo */
	border: 0;
}
.clear { 
	/* 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: both;
}

/* Box per i collegamenti - aggiunta luglio 2009 - modifica luglio 2010 */

#collegamenti {
	/* Box contenitore */
	width: 900px;
	height: 65px;
	margin: 10px auto 0 auto;
	padding: 0;
	background: transparent;
	border: none;
}
#olisticmap {
	/* Immagine posizionata a sinistra */
	width: 230px;
	height: 65px;
	margin: 0;
	padding: 0;
	float: left;
	border: 1px solid #666;
}
#testo {
	/* Box per il testo */
	width: 516px; /* tenere conto del bordo applicato alle immagini */
	height: 65px;
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}
#testo p {
	font-size: 12px;
}
#condib {
	/* Immagine posizionata a destra */
	width: 150px;
	height: 65px;
	margin: 0;
	padding: 0;
	float: right;
	border: 1px solid #666;
}

/* STILI AGGIUNTIVI */
/* ================ */

/* Stili tratti dal foglio di stile delle landing page */
/* Questa pagina č formattata secondo lo stile delle pagine normali del sito (in particolare, l'intestazione), quindi ricopio qui le regole delle l.p. che servono */

#boxEvidenziato {
	margin: 10px 20px 10px 20px;
	border: 1px solid #333;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo-testoEvidenziato.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#boxEvidenziato2 {
	margin: 10px 20px 10px 20px;
	border: 1px solid #333;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo-testoEvidenziato.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#boxEvidenziato3 {
	margin: 10px 20px 10px 20px;
	border: 1px solid #333;
	background-color: #FFF;
	background-image: url(../immagini/bckg/sfondo-testoEvidenziato.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.gancio {
	/* Scritta in rosso e grassetto di richiamo */
	color: #BC4D6E;
	font-weight: bold;
}
.gancioCentrato {
	/* Scritta in rosso e grassetto di richiamo centrata nella pagina con margini laterali */
	color: #BC4D6E;
	font-weight: bold;
	text-align: center;
	margin-left: 100px;
	margin-right: 100px;
}
.pulsanteScarica {
	/* Da applicare al pulsante quando va distanziato da altri contenuti precedenti e successivi */
	margin: 10px auto 0 auto;
	padding-bottom: 10px;
	display: block;
}
.elencoCaratteristiche {
	margin: 10px 20px 10px 40px;
	padding: 0;
}
.elencoCaratteristiche li {
	font-size: 1.4em;
	list-style: disc;
	padding-bottom: 5px;
}
.elencoCaratteristiche li.ultimaVoceElencoCaratteristiche {
	padding-bottom: 0;
}
table.elencoDettagli img {
	/* Margini dell'immagine nell'ambito della cella di tabella */
	margin: 20px;
}