/* CSS style*/

/*************************inizio regole per il reset generale(crossbrowser)***************************/

* {margin: 0; padding: 0;}

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 

{border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}

ol, ul {list-style: none;}

hr {background: #000; color: #000; width: 100%; height: 0.1em;}

table {border-collapse: collapse; border-spacing: 0;}

/************************fine regole per il reset generale(crossbrowser)************************/


/****************************************inizio regole generali********************************/

/*inizio regole titoli*/

h1, h2, h3, h4, h5, h6 {letter-spacing: 1px; font-weight: normal; font-family: Helvetica,Arial,sans-serif; padding: 2px;}

h1 {font-size: 1.6em; padding-bottom: 10px; color: #D272AD;}

h2 {font-size: 1.4em; color: #D9D9D9;}

h3 {font-size: 1.3em; padding-bottom: 10px;}

h4 {font-size: 1.2em;}

h5 {font-size: 1.1em;}

h6 {font-size: 1em; font-weight: bold;}

/*fine regole titoli*/

/*inizio regole interlina e paragrafi*/

p, blockquote, pre, ol, dl, ul, form {line-height: 1.5;}

p {font-size: 0.8em; text-align: left; padding-bottom: 8px;}

/*fine regole interlina e paragrafi*/

/*----------------------inizio regole generali per i LINK colore di default*/

a {text-decoration: none; cursor: pointer;}

a:link, a:visited {color: #FCEB57; text-decoration: underline;}

a:hover, a:focus, a:active {color: #FFF;}

a img {border: none;}

/*inizio regole .vocecorrente a*/

.vocecorrente a:link, .vocecorrente a:visited {color: #000; font-weight: bold;}

.vocecorrente a:hover, .vocecorrente a:focus, .vocecorrente a:active {color: #900;}

/*fine regole .vocecorrente a*/

/*---------------------------fine regole generali per i LINK colore di default*/

.Clear {clear: both;}/*regola data per pulire i float di altri elementi*/


/************************************INIZIO REGOLE ELEMENTI PRINCIPALI**************************************************/	

body {color: #ECECEC; background: #000; font-family: Arial,Verdana,Helvetica,sans-serif; text-align: center; /*per IE*/}

#INTESTAZIONE /*regole #Header che contiene l'animazione*/ {background: transparent; height: 200px; margin-bottom: 10px;}

#NAVIGAZIONE {/*IMG crea sfondo alla barra di #NAVIGAZIONE*/ height: 37px; width: 100%;}

#CONTENUTO {background-color: transparent;}

#FOOTER {width: 100%; background-color: transparent;}

.BOXcontainer/*per la centratura della pagina*/{position: relative; background-color: transparent; width: 855px; margin: 0 auto; text-align: left; /*per IE*/}

/************************************FINE REGOLE ELEMENTI PRINCIPALI**************************************************/	


/*****************************INIZIO REGOLE PER TUTTI GLI ELEMENTI DELLE PAGINE*********************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++inizio regole #Intestazione*/

#Intestazione {width: 855px; height: 200px; background: url(IMG/sfondo.jpg) no-repeat; color: #FFF; position: relative;}

#Intestazione p {margin-top: -180px; margin-left: 250px; font-weight: bold; font-size: 1.3em; line-height: 1.2;}

#Intestazione p.piccolo {margin-top: -20px; margin-left: 250px; font-size: 0.8em;}

#Intestazione p.medio {margin-top: 0; margin-left: 250px; font-size: 0.9em;}

/*inizio regole per lo sfondo flash con sopra l'immagine html*/

#sfon {z-index: 1; position: absolute;}

#cont {z-index: 2; position: relative; top: 53px; left: 12px;}

/*fine regole per lo sfondo flash con sopra l'immagine html*/

/*inizio regole per la sostituzione del logo*/

a img#logo {border: 0;}

#replacelogo a {position: relative; margin-top: 0px; width: 200px; height: 100px; cursor: pointer; display: block; color:#FFFFC0; font-size: 0.9em;}

#replacelogo a:hover {color: #80FFFF;/*regole se l'immagine non viene visualizzata*/}

#replacelogo a span {position: absolute; width: 100%; height: 100%; background: url(IMG/logo.gif) no-repeat;}

/*fine regole per la sostituzione del logo*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++fine regole #Intestazione*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++inizio contenuti #NAVIGAZIONE*/

#NAV {width: 100%; height: 37px;}

#NAV ul {float: left;}

#NAV #Menu1 li {display: inline; float: left; margin: 0;}

#NAV #Menu1 a {display: block; float: left; text-align: center; text-decoration: none;}

#NAV #Menu1 a span {display: block; font: bold 0.9em/37px Helvetica,Arial,sans-serif; color: #B0B0B0; padding: 0 7px;}

#NAV #Menu1 a:hover span {color: #FFF;}

#NAV #Menu1 a:hover {background: #000 url(IMG/deco/NAV.gif) repeat-x;}

#NAV #Menu1 li.vocecorrente a {background-image: none; font-weight: bold; font-style: normal; text-decoration: none;}

#NAV #Menu1 li.vocecorrente a span {color: #D272AD;}

#NAV #Menu1 li.vocecorrente a:hover {color: #113595;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++fine contenuti #NAVIGAZIONE*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++inizio contenuti #CONTENUTO*/

/*---------------------------------------------inizio regole per il #ContenutoColonne*/

#ContenutoColonne {width: 855px; text-align: left; background-color: transparent; padding: 30px 0 30px 0; float: left;}

#Colonna1 {width: 528px; float: right;}

#Colonna2 {width: 308px; float: left; padding-right: 19px;}

/*inizio regole per le pagine formazione e marketing*/

#Colonna1MEDIO {width: 546px; float: right;}

#Colonna2MEDIO {width: 290px; float: left; padding-right: 19px;}

/*fine regole per le pagine formazione e marketing*/

/*inizio regole per le pagine chi siamo consulenza*/

#Colonna1PICCOLO {width: 606px; float: right;}

#Colonna2PICCOLO {width: 230px; float: left; padding-right: 19px;}

/*fine regole per le pagine chi siamo consulenza*/

/*inizio regole per le pagine credits*/

#Colonna2GRANDE {width: 606px;}

/*fine regole per le pagine credits*/

/*---------------------------------------------inizio regole per il #ContenutoColonne*/

/*inizio regole per #BoxOPZIONI*/

#Opzioni .BOXcontainer/*cambia il background del contenuto del #Opzioni */ {height: 35px; margin: 0 0 20px 0;}/*cross borowser altezza uguale*/

#BoxOPZIONI ul {margin: 0 0 0 20px;}

#BoxOPZIONI li {float: left; margin: 0 1px 0 0; padding: 0;}

#BoxOPZIONI ul a {display: block; position: relative; width: 35px;/*cross borowser altezza uguale*/ height: 35px;/*cross borowser altezza uguale*/ margin: 0px 10px 0 0;}

#BoxOPZIONI ul a span {position: absolute; width: 100%; height: 100%; cursor: pointer;}

li#print span {background: url(IMG/deco/print.gif) repeat;}

li#chiaro span {background: url(IMG/deco/chiaro.gif) repeat;}

li#scuro span {background: url(IMG/deco/scuro.gif) repeat;}

#BoxOPZIONI ul a:hover span {background-position: 0 -35px;}

#BoxOPZIONI ul a:hover span {background-position: 0 -35px;}

#BoxOPZIONI b {background-color: #ccc; padding: 2px 5px; color: #333;}

#BoxOPZIONI b.nero {background-color: #444; padding: 2px 5px; color: #ccc;}

/*inizio regole per .Orienta*/

p.Orienta {margin: 0 0px 0 0; padding: 6px 0 0 0; text-align: right;}

p.Orienta span {font-family: Helvetica,Arial,sans-serif; color: #D272AD; padding: 4px 10px}

p.Orienta b {font-weight: normal; font-family: Helvetica,Arial,sans-serif; color: #FFF; border: 1px solid #D272AD; padding: 4px 10px;}

/*fine regole per .Orienta*/

/*fine regole per #BoxOPZIONI*/

/*-----------------------------------------------------inizio regole #Colonna1*/

/*inizio regole #Testo*/

#Testo {padding: 0;}

#Testo b {color: #FFF;}

#Testo ul {font: normal 0.85em/1.9em Helvetica,Arial,sans-serif; margin: 0 0 10px 0;}

#Testo ul li {background: transparent url(IMG/deco/lista.gif) no-repeat 0 8px; padding: 0 0 0 20px;}

#Titoli {border-bottom: 1px solid #333; margin-bottom: 20px; padding: 10px 0 10px 0;}

#Titoli span {color: #FFF;}

/*inizio regole #spazioFoto pagina Chi siamo/il Team*/

.box {position: relative; float: left; width: 295px;}

.boxBoss {position: relative; left: 150px; margin-bottom: 30px; margin-top: 30px; width: 300px;}

.floatbox {float: left; margin-bottom: 30px; border-bottom: 1px solid #333; border-top: 1px solid #333; padding-top: 30px; padding-bottom: 30px;}

.tessera {background-color: #000; width: 75px; margin: 0; left: 0; }

.spaziotesto {width: 218px; position: absolute; top: 20px; left: 75px;}

#spazioFoto ul li {background-position: 0 7px;}

#spazioFoto a {font-size: 0.8em; line-height: 1.4em;  font-weight: bold; display: block; background: transparent url(IMG/deco/freccia2.gif) no-repeat 0 0px; margin: 10px 0 10px 0px; padding: 0 0 0 30px;}

#spazioFoto a:hover {background-position: 0 -60px;}

#spazioFoto p.dipendente {margin: 0 0 5px 7px; padding: 0 0 0 4px; font-weight: bold; color: #FFF; background-color: #B3225B; font-size: 0.8em; word-spacing: 2px;}

#spazioFoto p.ruolo {margin: 0 0 5px 0; padding: 10px 0 0 7px; font-weight: normal; color: #FFF; font-size: 0.8em;}

#spazioFoto .scheda {text-align: left; margin: 0; padding: 0;}

#spazioFoto .intro {padding: 10px 0 0px 0; margin: 0; font-size: 0.9em;}

/*fine regole #spazioFoto pagina Chi siamo/il Team*/

/*inizio regole per #BOXcredits*/

#BOXcredits {float: left; margin: 0; padding: 30px 0 0 0; width: 100%; background-color: #FFF;}

#BOXcredits ul {margin-left: 35px;}

#BOXcredits ul li {background-image: none; float: left; margin: 0; padding: 0 0 20px 0;}

/*fine regole per #BOXcredits*/

/*inizio regole per #informazioni nelle pagine ECM*/

#informazioni {border:1px solid #D272AD; padding: 10px; margin: 30px 0 30px 0;}

/*fine regole per #informazioni nelle pagine ECM*/

/*inizio regole per il form*/

form {font-size: 0.8em;}

fieldset {border:0;}

label {display:block; padding: 2px 0;}

input, textarea {width: 400px; color: #FFF; padding: 4px; margin: 0 0 10px 0; border: 1px solid #333; background-color: transparent;}

input.submit {padding: 3px 5px; margin: 0; background: #8C0154; color: #FFF; width: 115px; border: 1px solid #fff; display: block; cursor: pointer;}

/*fine regole per il form*/

/*fine regole #Testo*/

/*inizio regole per evidenziare il testo*/

div.Evidenzia {color: #FFF; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px 0 17px 8px; margin: 10px 0 17px 0; font: 1em/1.3em Helvetica,Arial,sans-serif; letter-spacing: 1px;}

/*fine regole per evidenziare il testo*/

/*inizio regole per .tornasu*/

.tornasu {padding: 15px 21px 0px 0; text-align: right; margin: 0;}

.tornasu a:link, .tornasu a:visited {padding: 0px 0 3px 30px; background: url(IMG/deco/freccia.gif) no-repeat;}

.tornasu a:hover, .tornasu a:focus, .tornasu a:active {padding: 0 0 3px 30px; background-position: 0 -20px;}

/*fine regole per .tornasu*/

/*-------------------------------------------------------fine regole #Colonna1*/

/*-----------------------------------------------------inizio regole #Colonna2*/

#News {margin-top: 18px;} 

#News h4 {padding: 0px 0 20px 5px; color: #D272AD;}

#News h5 {padding: 10px 0px 10px 10px; font-size: 0.8em; border: 1px solid #333; margin-bottom: 20px;}

/*inizio regole #NAV2*/

#NAV2 {width: 100%; margin: 30px 0 0 0px;}

#NAV2 ul {padding: 10px 0; font-size: 0.75em; border-top: 1px solid #333; border-bottom: 1px solid #333;}

#NAV2 ul li a {display: block; letter-spacing: 1px; line-height: 1em; background: transparent url(IMG/deco/freccia2.gif) no-repeat 0 8px; padding: 10px 0 10px 30px; width: 70%;}

#NAV2 ul li {display: inline;} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

/*inizio regole #prin per sottolineare la voce prima del sottogruppo*/

#NAV2 ul li#prin {background-image: none;} 

#NAV2 ul li#prin a {font-size: 0.9em; color: #000; background: #FCEB57; padding: 4px 10px 4px 10px; text-decoration: none; font-weight: bold; text-transform: uppercase;}

#NAV2 ul li#prin a:hover {background-position: 7px -60px; background-color: #fff; font-weight: bold;}

/*fine regole #prin per sottolineare la voce prima del sottogruppo*/

#NAV2 ul li p {font-size: 0.7em;}

#NAV2 ul li a:hover {background-position: 4px -52px;}

#NAV2 ul li.vocecorrente a {background-position: 0 -52px; font-weight: bold; color: #FFF;}

#NAV2 ul li.vocecorrente a:hover {font-weight: normal; background-position: 0 -52px;}

/*fine regole #NAV2*/

#dati {margin: 30px 0 0 0; width: 100%; padding: 20px 0 20px 10px; border: 1px solid #333;}

#dati h4 {margin-bottom: 20px;}

#dati p {margin-left: 3px;}

/*-------------------------------------------------------fine regole #Colonna2*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++fine contenuti #CONTENUTO*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++inizio contenuti #FOOTER*/

#FOOTER .BOXcontainer/*cambia il background del contenuto del #FOOTER */ {padding-top: 10px; border-top: 1px solid #333; color: #6A6A6A;}

#FOOTER p {font-size: 0.75em;}

#FOOTER p.info {float: left; padding-left: 10px;}

#FOOTER p.Validazione {float: right; padding-right: 10px;}

#FOOTER a:link,#FOOTER a:visited {color: #999; font-variant: small-caps;}

#FOOTER a:hover {color: #ccc;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++fine contenuti #FOOTER*/