body { background-repeat: repeat-x; background-attachment: fixed; background-position: 0 0; text-align:center; font-family: sans-serif; font-size:12px; padding:0; margin:0 }
.fittizio { font-size:1px; height: 1px; line-height:1px; clear:both; }
.left { float:left }
.right { float:right }
.clearBoth { clear:both }
.none { display:none }
.bold { font-weight:bold }

img { border: 0 }
a { text-decoration:underline }
a:hover { text-decoration:none }

#outerArea { background: transparent url(./../images/logo-bottom-right.png) no-repeat scroll 114% 100%;  }
#area { width: 1020px; margin: 30px auto; }
#header { margin:15px 30px; }
#content { }
#footer { margin: 10px 30px; height:120px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }

#logo { display:block; outline:none; background: transparent url(./../images/logo.png) no-repeat scroll 0 0; width: 320px; height: 106px; float:left; text-indent:-9999px }
#mainMenu { float:right; width: 640px; height:106px }
.imgMenu { display:block; text-indent:-9999px; float:right; margin: 10px 0px; width:90px; height:90px; outline:none; background: transparent url(./../images/icone-menu-90-all.png) no-repeat scroll 0 0; }

.imgMenuHome { background-position:  0 0; }
.imgMenuHome:hover { background-position:  0 -90px; }
.imgMenuChiSiamo { background-position:  -450px 0; }
.imgMenuChiSiamo:hover { background-position:  -450px -90px; }
.imgMenuCorsi { background-position:  -90px 0; }
.imgMenuCorsi:hover { background-position:  -90px -90px; }
.imgMenuDoposcuola { background-position:  -180px 0; }
.imgMenuDoposcuola:hover { background-position:  -180px -90px; }
.imgMenuFranchising { background-position:  -270px 0; }
.imgMenuFranchising:hover { background-position:  -270px -90px; }
.imgMenuLavoraConNoi { background-position:  -360px 0; }
.imgMenuLavoraConNoi:hover { background-position:  -360px -90px; }
.imgMenuSedi { background-position:  -540px 0; }
.imgMenuSedi:hover { background-position:  -540px -90px; }
.imgMenuContatti { background-position:  -630px 0; }
.imgMenuContatti:hover { background-position:  -630px -90px; }

#menuSinistra { float:left; width: 300px; background-image: url(./../images/logo-menu.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 1px 35px; margin: 10px 0 10px 30px; border-width: 1px; border-style:solid; height:205px; text-align:left }
#zonaCentro { float:left; width: 140px; margin: 10px 0 10px 20px; border-width: 1px; border-style:solid; height:200px; text-align:left }
#zonaDestra { float:right; width: 640px; margin: 10px 30px 10px 0; border-width: 1px; border-style:solid; height:205px }

#intestazioneMenu { background-repeat: repeat-x; background-attachment: scroll; margin: 10px; font-weight:bold; font-size: 14px; }
#innerIntestazioneMenu { background-image: url(./../images/background-menu.png); background-repeat: no-repeat; background-position: 10px 5px; padding:10px 10px 10px 38px  }
#listaMenu { margin:0 10px; padding:0 }
#listaMenu li { margin: 5px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style:dashed; list-style-position:inside; list-style-image: url(./../images/triangle.png); font-weight:bold }
#listaMenu li a { text-decoration: none; }
#listaMenu li a:hover { text-decoration: underline }

#intestazioneZonaCentro { background-image: url(./../images/background-menu.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px 5px; margin: 10px; font-weight:bold; font-size: 14px; padding:10px 10px 10px 38px }

#slogan, #grazie { float:left; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 15px 0; height:175px; width:430px }
#innerSlogan, #innerGrazie { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0; height:175px; width:430px; text-indent:-9999px }
#persona { float:right; background: transparent url(./../images/persona.png) no-repeat scroll 0 0; margin: 15px 0; height:175px; width: 200px }

.intestazionePannello { text-align:left; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; font-weight:bold; padding:5px 12px; border-bottom-width:1px; border-bottom-style:solid; height:100% }

#areaChiSiamo { background-image: url(./../images/logo-menu.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 710px -35px; margin: 15px 30px; }
#infoPannelloChiSiamo { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: -4px 0px; width:180px; height:220px; float:right; text-indent:-9999px; margin:8px 0 }
.previewChiSiamo { width: 370px; margin: 8px; float:right; height:220px }
.imgPreviewChiSiamo { margin: 10px; float:left }
.divPreviewChiSiamo { float:left; margin: 10px 0; width:180px; }
.intestazionePreviewChiSiamo { font-weight:bold; text-align:left; margin: 0 0 5px 0; }
.descrizionePreviewChiSiamo { text-align:left; margin: 0; }

#areaAttivita { background-image:url(./../images/logo-menu.png); background-repeat:no-repeat; background-attachment:scroll; background-position:-40px -35px; margin: 15px 30px; }
#infoPannelloAttivita { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; width:180px; height:220px; float:left; text-indent:-9999px; margin:8px }
.previewAttivita { width: 180px; margin: 8px 8px 8px 0; float:right; height:220px }
.imgPreviewAttivita { margin: 10px; }
.intestazionePreviewAttivita { font-weight:bold; text-align:left; margin: 0 10px 5px 10px; }
.descrizionePreviewAttivita { text-align:left; margin: 0 10px 10px 10px; }

#areaCorsi { background-image:url(./../images/logo-menu.png); background-repeat: no-repeat; background-attachment: scroll; background-position:-40px -35px; margin: 15px 30px; }
.previewCorso { width: 180px; margin: 8px 8px 8px 0; float:right; height:220px }
.imgPreviewCorso { margin: 10px; }
.intestazionePreviewCorso { font-weight:bold; text-align:left; margin: 0 10px 5px 10px; }
.descrizionePreviewCorso { text-align:left; margin: 0 10px 10px 10px; }
.intestazionePrimoPiano { font-size: 18px; text-align:center !important; }
.descrizionePrimoPiano { font-size: 14px; text-align:center !important; margin-top:12px; }

#areaEntraNelTeam { background-image:url(./../images/logo-menu.png); background-repeat:no-repeat; background-attachment:scroll; background-position:770px -35px; margin: 15px 30px; }
#infoPannelloEntraNelTeam { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: -4px 0px; width:180px; height:220px; float:right; text-indent:-9999px; margin:8px 0 }
.previewEntraNelTeam { width: 370px; margin: 8px 0 8px 8px; float:left; height:220px }
.imgPreviewEntraNelTeam { margin: 10px; float:left }
.divPreviewEntraNelTeam { float:right; margin: 10px 10px 10px 0; width:180px; }
.intestazionePreviewEntraNelTeam { font-weight:bold; text-align:left; margin: 0 0 5px 0; }
.descrizionePreviewEntraNelTeam { text-align:left; margin: 0; }

#riepilogoFooter { font-weight: bold; margin: 15px 15px 10px 15px}
.vociRiepilogoFooter { margin: 0 6px; text-decoration:none }
.vociRiepilogoFooter:hover { text-decoration: underline }

#copyright, #autore { font-weight:bold; margin: 0 15px 10px 15px }
#nomeAutore { text-decoration:underline }
#nomeAutore:hover { text-decoration: none }

.previewInsideCorso { width: 180px; margin: 8px 8px 8px 0; float:right; height: 246px;  }


/* Sedi */
#sediSinistra { float:left; width:400px; margin: 10px 0 10px 30px; text-align:left }
#sediDestra { float:right; width:550px; height:324px; margin: 10px 30px 10px 0 }

.sede { border-width: 1px; border-style: solid; background-image: url(./../images/logo-menu.png); background-repeat: no-repeat; background-attachment: scroll; /*background-position: 120% 0;*/ margin-bottom:10px; padding:20px }
/*.sede1 { background-position: 120% -10%; }
.sede2 { background-position: 120% 48%; }
.sede3 { background-position: 120% 104%; }*/

#mapSedi { /*width:550px; */height:339px; border-width: 1px; border-style: solid; }
.nomeSede { font-weight:bold }
.sedeSelezionata { }

.sedeCentrale { background-position: 50% -3%;  }

.sedeAffiliata { width:153px; }
.sedeSinistraTop { float:left; background-position:-44% 48%; }
.sedeDestraTop { float:right; background-position:144% 48%; }
.sedeSinistraBottom { float:left; background-position:-44% 104% }
.sedeDestraBottom { float:right; background-position:144% 104% }

.hidePhoto { display:none }


/* Corsi di formazione */
#corsiSinistra { float:left; width:400px; margin: 10px 0 10px 30px; text-align:left }
#corsiDestra { float:right; width:550px; /*height:339px;*/ margin: 10px 30px 10px 0 }

#corsiSinistra #corsiSinistraUl{ margin:0 10px 0 0; padding:0; border-width:1px; border-style:solid; }
.categoriaCorso { list-style-type:none; font-weight:bold; }
.categoriaCorso ul { padding-left:10px; margin: 0 }
.corso { margin: 5px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style: dashed; list-style-position:inside; list-style-image: url(./../images/triangle.png);  }
.intestazioneCategoriaCorso { background-image:url(./../images/purple/background-intestazione.png); padding:5px }
.intestazioneCategoriaCorsoLink { text-decoration:none; }
.intestazioneCategoriaCorsoLink:hover { text-decoration:underline }
.corso a { text-decoration: none; }
.corso a:hover { text-decoration: underline }

.descriptionCorso { text-align:left; padding:10px; margin-bottom:10px; border-width:1px; border-style:solid; background-attachment:scroll; background-image:url(./../images/logo-menu.png); background-position:40px 90px; background-repeat:no-repeat; display:none; }
.descriptionCorso li { list-style-image: url(./../images/triangle-purple.png); }
.continua { font-style:italic; font-weight:bold }
.descriptionCorsoDesc { float:left; width:355px }
.descriptionCorsoImg { float:right; }
.nomeCorso { font-weight: bold; margin-bottom:10px; padding:5px; background-image:url(./../images/purple/background-intestazione.png); }
.nomeCorso a { }

#corsoIstituzionale { display:block }
.openCorsoSelected { text-decoration:underline !important }

#listaCategorieCorsi { margin:0; padding:0 0 0 15px }
#listaCategorieCorsi li { margin: 5px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style:dashed; /*list-style-position:inside;*/ list-style-image: url(./../images/triangle-purple.png); }
#corsoIstituzionale { background-position:40px 37px; }

.categorySelected { text-decoration:underline overline !important; outline:none }
.bold { font-weight: bold !important }

input, textarea, select { font-family: sans-serif; font-size:12px; }


/* Corso di formazione */
#moduloContattiOuter { float:left; width:555px; margin: 10px 0 10px 30px; /*text-align:left*/ }
#moduloContatti { text-align:left; padding:10px; margin-bottom:10px; border-width:1px; border-style:solid; background-attachment:scroll; background-image:url(./../images/logo-menu.png); background-repeat:no-repeat; background-position:40px 35px; height:322px }
.lavoraConNoi { height: 535px !important; }

#intestazioneContatti { font-weight: bold; margin-bottom:10px; padding:5px; background-image:url(./../images/purple/background-intestazione.png); width:523px }

/* Franchsising */
#descrizioneFranchisingLeftOuter { float:left; width:555px; margin: 5px 0 10px 30px; }
#descrizioneFranchisingLeft { text-align:left; padding:10px; margin-bottom:10px; border-width:1px; border-style:solid; background-attachment:scroll; background-image:url(./../images/logo-menu.png); background-repeat:no-repeat; background-position:50% 60%; height:400px }
#intestazioneFranchisingLeft { font-weight: bold; margin-bottom:10px; padding:5px; background-image:url(./../images/purple/background-intestazione.png); width:523px }
#descrizioneFranchisingRightOuter { float:right; width:377px; margin: 5px 30px 10px 0 }
#descrizioneFranchisingRight { height:400px; }
/* Fine Franchising */

.moduloCampo { margin:0 0 8px 0; clear:both }
.moduloCampo .label { float:left; width:149px; }
.moduloCampo textarea, .moduloCampo .text { width:200px; border-width: 1px; border-style: solid; }
.moduloCampo .text { height: 15px; }
.moduloCampo .file { height: 22px !important; }
.moduloCampo .text-half { width:95px !important; }
.moduloCampo .text-half2, .moduloCampo .select-half2 { margin-left:7px }
.moduloCampo .select { width:202px; border-width: 1px; border-style: solid; }
.moduloCampo .select-half { width:98px !important; }
.moduloCampo textarea { height:48px }
.moduloCampo .submit { margin-left:227px; padding:2px 10px; border-width: 1px; border-style: outset; }

.infoContatto { margin-top:15px; font-style:italic }

#descrizioneCorsoOuter { float:right; width:377px; margin: 10px 30px 10px 0 }
#descrizioneCorso { text-align:left; padding:10px; margin-bottom:10px; border-width:1px; border-style:solid; background-attachment:scroll; background-image:url(./../images/logo-menu.png); background-position:190px 170px; background-repeat:no-repeat; height:322px; }
#descrizioneCorso li { list-style-image: url(./../images/triangle-purple.png); }

b { font-weight:normal; }

#waitMessage { display:none; margin-left:185px; font-style:italic; height:23px }
#continua { margin-left:223px; height:23px }


/*Chi siamo*/
#chiSiamoOuter { margin:10px 30px; }
#chiSiamo { background-attachment:scroll; background-image:url(./../images/logo-menu.png); background-position:50% 50%; background-repeat:no-repeat; border-style:solid; border-width:1px; margin-bottom:10px; padding:10px; text-align:left; }

.chiSiamoDesc {  }

.paragrafo, .paragrafoFinale, .paragrafoImmagini { border-width:1px; border-style:solid; margin: 0px 0 10px 0; padding:10px; }
.paragrafo { width:500px }
.paragrafoImmagini { width:405px; padding:0 !important }
.paragrafoFinale { margin-bottom:0 !important; text-align:center; font-weight:bold; font-style:italic }

.paragrafo1 { height:125px }
.paragrafo2 { height:230px }
.paragrafo3 { height:200px }

.paragrafo1desc { height:105px }
.paragrafo2desc { height:210px }
.paragrafo3desc { height:180px }