body, html 
{
	margin: 0;
	padding: 0;
	font-family:Arial Black,Tahoma,Verdana,Courier new,helvetica,sans-serif,"Time New Roman","Trebuchet MS";
	font-size: 10px;
	background-color:black;
}

div.all 
{
	text-align: left;
	height:550px;
	margin : 0 auto;
	display:table;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
}

div.container 
{
	margin: 0 auto;
	display:table-cell; /*l’elemento è visualizzato come una cella della tabella*/
	vertical-align:middle; /*proprietà vertical-align con valore centrato*/
}

div.header 
{
	background-color: black;
	height:100px;
	width:1007px;
}

div.headerTop
{
	/*background-color: green;*/
	height:60px;
	width:1007px;
}

div.headerBottom
{
	/*background-color: yellow;*/
	height:40px;
	width:1007px;
	clear:both;
}

div.imageOne
{
	float:left;
	/*background-color: brown;*/
	height:40px;
	width:405px;
}

div.imageTwo
{
	float:left;
	/*background-color: pink;*/
	height:40px;
	width:252px;
}

div.imageTwoScritta
{
	float:left;
	height:40px;
	width:270px;
	padding-left:50px;
}

div.content 
{
	background-color: black;
	height:410px;
	clear:both;
}

/*Menu*/
/*Previene l'andare a capo del link*/
a
{
	white-space:nowrap;
	text-align:center;
}

#tabsH 
{
      float:left;
      width:100%;
      background:#000;
      font-size:12px;
}

#tabsH ul 
{
	margin:0;
	padding:10px 10px 0 405px;
	list-style:none;
}

#tabsH li 
{
    display:inline;
    margin:0;
    padding:0;
}
    
#tabsH a 
{
    float:left;
    background:url("../grafica/tableftH.gif") no-repeat left top;
    margin:0px;
    padding:0 0 0 4px;
	text-decoration:none;
	
}
    
#tabsH a span 
{
    float:left;
    display:block;
    background:url("../grafica/tabrightH.gif") no-repeat right top;
    padding:5px 15px 4px 10px;
    color:#FFF;
	text-align:center;
}
   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
 /* End IE5-Mac hack */
#tabsH a:hover span 
{
	color:#FFF;
}
    
#tabsH a:hover 
{
    background-position:0% -42px;
}

#tabsH a:hover span 
{
    background-position:100% -42px;
}

/*Il div della home che contiene i quattro link principali con le relative immagini*/
div.sx 
{
	float:left;
	width:395px;
	height:410px;
}

div.imageHomeContainer
{
	float:left;
	width:355px;
	height:410px;
	
}

div.containerScroller
{
	float:left;
	width:40px;
	height:410px;
}

div.scroll
{
	background-color:white;
	width:40px;
	height:410px;
}


#menu
{
	font-size:24px;
	text-align:center;
	height:410px;
	width:40px;
	text-transform: lowercase;
}

p.arte
{
	text-decoration:blink;
}

/*Il div contiene  due link*/
div.imageHome 
{
	width:335px;
	height:145px;
	margin-left:10px;
	margin-top:1px;
	border-top:1px solid white;
}

/*Il div contiene  un link alla volta*/
div.tabsHBis 
{
    font-size:11px;
	width:100px;
	height:24px;
	margin-top:4px;
	margin-right:1px;
	margin-left:175px;
}

div.tabsHBis ul 
{
	margin:0;
	padding:0px 10px 0 0px;
	list-style:none;
}

div.tabsHBis  li 
{
    display:inline;
    margin:0;
    padding:0;
}
    
div.tabsHBis  a 
{
    float:left;
    background:url("../grafica/tableftH.gif") no-repeat left top;
	margin-right:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
    
div.tabsHBis  a span 
{
	float:left;
    display:block;
    background:url("../grafica/tabrightH.gif") repeat right top;
    padding:5px 15px 4px 10px;
    color:#fff;
	text-align:center;
}
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabsHBis  a span {float:none;}
 /* End IE5-Mac hack */
div.tabsHBis  a:hover span 
{
	color:#fff;
}
    
div.tabsHBis  a:hover 
{
    background-position:0% -42px;
}

div.tabsHBis  a:hover span 
{
    background-position:100% -42px;
}

div.description
{
	height:102px;
	text-align:left;
	padding:0px;
    margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	color:white;
	border-top:1px solid white;
	font-size:11px;
}

div.imageScroll
{
	width:315px;
}

div.tabella
{
	text-align:left;
}
div.containerLinkHome
{
	clear:both;
	width:334px;
	height:136px;
	margin-top:5px;
}

/*Il div contiene le immagini*/
div.imageLinkHome
{
	float:left;
	width:174px;
	height:135px;
	margin-top:-24px;
}

div.descriptionLink
{
	float:left;
	height:100px;
	color:white;
	padding:5px 0px 5px 5px;
	width:153px;
	margin:1px;
	text-align:left;
	font-size:11px;
}

img
{
	border:none;
}
/*Il div della home che contiene le immagini che cambiano random*/
div.dx 
{
	float:left;
	background-color: black;
	width:612px;
	height:410px;
	display:table;
	margin: 0 auto;
	color:white;
}

div.home
{
	margin: 0 auto;
	display:table; /*l’elemento è visualizzato come una cella della tabella*/
	color:white;
	width:547px;
	overflow:auto;
}

.pic
{
	margin: 0 auto;
	display:table-cell; /*l’elemento è visualizzato come una cella della tabella*/
	vertical-align:middle; /*proprietà vertical-align con valore centrato*/
}

div.footer 
{
	text-align:center;
	height:40px;
	clear:both;
	background-color: #30353b;
	color:white;
}

div.footerInformation
{
	width:1005px;
	height:15px;
	padding-top:12px;
}

/*Div che contiene il contenuto delle singole sezioni*/
div.page
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow:auto;
	height:390px;
	width:592px;
}

/*Form dei contatti*/
div.titleForm
{
	text-align:left;
	font-size:12px;
	margin-left:8px;
}

div.descriptionForm
{
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	background-color:black;
	margin-left:0px;
	padding-left:8px;
	color:white;
}

div.contatti
{
	text-align: center;
	border-collapse: collapse;
	width:auto;
	background: url(../grafica/bruciature31.jpg) no-repeat;
}

form.formContatti
{
	text-align:justify;
	font-family:Verdana,Arial Black,Tahoma,Courier new,helvetica,sans-serif,"Time New Roman","Trebuchet MS";
	font-size: 10px;
	
}

fieldset.raggruppamentoSubmit
{
	margin-top:5px;
	margin-bottom:15px;
	margin-right:5px;
	margin-left:5px;
	border-top: solid 1px #ccccce;
	border-bottom: solid 2px #ccccce;
	border-right: solid 1px #ccccce;
	border-left: solid 1px #ccccce;
}

legend.tipoRaggruppamento
{
	margin-left:25px;	
	background-color:white;
	font-variant: small-caps;
	color: black;
	font-weight:bolder;
	border-top: solid 1px #ccccce;
	padding-right:10px;
	padding-left:10px;
}

textarea.textMail
{
	font-family:Verdana,Arial Black,Tahoma,Courier new,helvetica,sans-serif,"Time New Roman","Trebuchet MS";
	font-size: 10px;
	width:326px;
	color:black;
	height:150px;
	overflow:auto;
	padding:5px;
}
	
div.datiContact
{
	height:183px;
	clear:both;
	margin-top:2px;
	padding-top:4px;
}

div.divDescription
{
	float:left;
	width:341px;
}

div.contattiObbligatori
{
	font-size:10px;
	color:black;
	float:left;
	margin-left:5px;
}

div.erroreContact 
{
	font-size:10px;
	float:left;
	margin-left:5px;
	color:#f93a75;
}

div.datiUtenteContatti
{
	height:27px;
	clear:both;
	margin-top:2px;
	padding-top:4px;
	text-align:center;
}

div.regoleTextarea
{
	height:15px;
	margin-top:170px;
	padding-left:150px;
	color:white;
	font-size:10px;
	font-weight:bold;
}

div.erroreTextarea
{
	height:15px;
	margin-top:165px;
	padding-left:140px;
	color:#ff8100;
	font-size:10px;
	font-weight:bold;
}

div.datiUtente
{
	height:55px;
	clear:both;
	margin-top:2px;
	padding-top:4px;
	text-align:center;
}

/*Div contenente la label che identifica il campo che l'utente deve immettere*/
div.divNameDatiUser
{
	float:left;
	width:175px;
	text-align:right;
	margin-top:7px;
}

/*Div contenente l'input che identifica il campo che l'utente deve immettere*/
div.divValueDatiUser
{
	margin-right:-170px;
	float:left;
}

label.nameField
{
	color:white;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	margin-right:5px;
	padding-top:1px;
	padding-bottom:2px;
}

input.valueField
{
	font-family:Verdana,Arial Black,Tahoma,Courier new,helvetica,sans-serif,"Time New Roman","Trebuchet MS";
	font-size: 10px;
	width:340px;
	color:black;
	margin-top:3px;
	margin-bottom:3px;
	height:13px;
	padding-left:5px;
	padding-bottom:2px;
}

div.campoObbligatorio
{
	font-size:10px;
	float:left;
	margin-top:3px;
	margin-left:175px;
	color:white;
}

div.regole
{
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	float:left;
	margin-left:175px;
	color:white;
	font-weight:bold;
}

div.errore
{
	font-size:10px;
	color:#ff8100;
	float:left;
	margin-left:175px;
	font-weight:bold;
}

button.bottoneSubmit
{
	 margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/invia.png) no-repeat;
	 height:34px;
	 width:88px;
	 margin-left:40px;
}

button.bottoneSubmitHover
{
     margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/inviaHover.png);

}

button.bottoneClean
{
	 margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/cancella.png) no-repeat;
	 height:34px;
	 width:140px;
	 
}

button.bottoneCleanHover
{
     margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/cancellaHover.png);
	 height:34px;
	 width:140px;
}

/*Bottoni per versione inglese*/
button.bottoneSubmitEn
{
	 margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/submit.png) no-repeat;
	 height:34px;
	 width:120px;
	 margin-left:40px;
}

button.bottoneSubmitEnHover
{
     margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/submitHover.png);
	 height:34px;
	 width:120px;
}

button.bottoneCleanEn
{
	 margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/clean.png) no-repeat;
	 height:34px;
	 width:88px;
	 
}

button.bottoneCleanEnHover
{
     margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/cleanHover.png);
	 height:34px;
	 width:88px;
}

/*Per posizionare indirizzo e piantina*/
div.containerSedi
{
	clear: both;
}

div.indirizzo
{
	float:left;
	width:130px;
	margin-right:10px;
	padding:5px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div.piantina
{
	float:left;
}

div.linkPiantina
{
	height:30px;
	padding-top:5px;
	text-align:center;
}

/*Per posizionare la pagina del chi sono*/
div.containerInfo
{
	clear: both;
}

div.imageCurriculum
{
	float:left;
	width:181px;
	height:400px;
	margin-right:1px;
	padding:5px;
	margin-top:-20px;
}

div.curriculum
{
	float:left;
	width:349px;
	height:400px;
	margin-top:-20px;
	padding:5px 10px 5px 40px;
	font-size:12px;
}

/*Per posizionare la pagina del laboratori*/
div.containerLaboratori
{
	 background:url("../grafica/weblink4.gif") repeat;
	height:409px;
	margin-top:-20px;
	color:black;
}

div.infoLaboratori
{
	float:left;
	height:134px;
	margin:1px;
}

div.containerTreLab
{
	clear:both;
	height:136px;
	width:575px;
}

div.descrLaboratori
{
	float:left;
	height:134px;
	width:373px;
	margin-left:5px;
	margin-top:1px;
}

div.imageLaboratori
{
	float:left;
	width:193px;
	height:135px;
	margin-bottom:1px;
	margin-right:1px;
}

div.titleLab
{
	margin-top:-10px;
	font-size:14px;
	height:20px;
	width:470px;
	font-family:scream;
	padding-top:20px;
	padding-left:10px;
	color:black;
}


div.title
{
	margin-top:18px;
	font-size:11px;
	font-family:scream;
	padding:2px;
	color:black;
}

div.data
{
	font-size:11px;
	float:left;
	height:330px;
	width:100px;
	margin-top:5px;
}

div.titleDate
{
	font-size:14px;
	height:20px;
	padding-top:20px;
	padding-left:10px;
	width:90px;
	font-family:scream;
	margin-top:-45px;
}

div.dataNum
{
	height:290px;
	width:100px;
	padding-bottom:10px;
	margin:1px;
}
div.descr
{
	float:left;
	font-size:11px;
	margin-top:5px;
	height:330px;
	width:460px;
	padding-left:10px;
	padding-right:10px;
}

img.imgLab
{
	width:174px;
	height:130px;
}

div.linkBack
{
	clear:both;
	height:20px;
	text-align:center;
	padding-top:5px;
	font-family:scream;
	font-size:11px;
}

a.linkArt
{
	color:white;
}

a.linkArt:hover
{
	color:#30353b;
}

a.linkBackBis
{
	color:black;
	border:none;
	text-decoration:none;
}

a.linkBackBis:hover
{
	color:#30353b;
	border:none;
	text-decoration:none;
}


/*Mailing List*/
div.mailingList
{
	text-align: center;
	border-collapse: collapse;
	width:auto;
	color:black;
	 background:url("../grafica/weblink4.gif") repeat;
}

div.mailUtente
{
	font-weight:bold;
	text-align:left;
	margin-left:0px;
	height:20px;
	padding:5px;
	margin-top:10px;
	color:black;
}
div.selection
{
	font-weight:bold;
	text-align:left;
	margin-left:73px;
	height:15px;
	padding:5px;
	margin-top:10px;
}

abel.nameFieldMail
{
	color:black;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	margin-right:5px;
	padding-top:1px;
	padding-bottom:2px;
}

input.valueFieldMail
{
	font-family:Verdana,Arial Black,Tahoma,Courier new,helvetica,sans-serif,"Time New Roman","Trebuchet MS";
	font-size: 10px;
	width:340px;
	color:white;
	margin-top:3px;
	margin-bottom:3px;
	height:13px;
	padding-left:5px;
	padding-bottom:2px;
	background-color:black;
}

div.campoObbligatorioMail
{
	font-size:10px;
	float:left;
	margin-top:3px;
	margin-left:175px;
	color:black;
}

div.regoleMail
{
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	float:left;
	margin-left:175px;
	color:black;
	font-weight:bold;
}

div.erroreMail
{
	font-size:10px;
	color:#C21212;
	float:left;
	margin-left:175px;
	font-weight:bold;
}

button.bottoneNewsletter
{
	 margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/iscriviti.png) no-repeat;
	 height:34px;
	 width:130px;
	 margin-left:40px;
}

button.bottoneNewsletterHover
{
     margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/iscrivitiHover.png);
}

button.bottoneRimuovi
{
	 margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/rimuovi.png) no-repeat;
	 height:34px;
	 width:140px;
	 
}

button.bottoneRimuoviHover
{
     margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/rimuoviHover.png);
	 height:34px;
	 width:140px;
}

/*Bottoni per versione inglese*/
button.bottoneNewsletterEn
{
	 margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/subscribe.png) no-repeat;
	 height:34px;
	 width:150px;
	 margin-left:40px;
}

button.bottoneNewsletterEnHover
{
     margin-right:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/subscribeHover.png);
	 height:34px;
	 width:150px;
}

button.bottoneRemove
{
	 margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/remove.png) no-repeat;
	 height:34px;
	 width:130px;
	 
}

button.bottoneRemoveHover
{
     margin-left:5px;
	 border-top-color:#D7D7D7;
	 border-right-color:#2f4f4f;
	 border-left-color:#D7D7D7;
	 border-bottom-color:#2f4f4f;
	 background: url(../grafica/removeHover.png);
	 height:34px;
	 width:130px;
}



/*Per visulizzare la descrizione nelle opere*/
a.ToolTip
{
    color: #000000;
    text-decoration: none;
}
a.ToolTip div.didascalia
{
    display: none;
	float:left;
	height:50px;
	width:110px;
}
a.ToolTip:hover div.didascalia
{
    display: block;
    position: absolute;
    left: 10px;
	top:-100px;
    background: black;
    color:white;
    padding: 5px 5px 5px 5px;
    border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	font-size:11px;
	height:50px;
	width:110px;
}
a.ToolTip:hover
{
    position: relative;
}


div.containerOpereBig
{
	width:575px;
	height:409px;
	clear:both;
	margin-top:-20px;
}

div.containerOpere
{
	width:574px;
	height:135px;
	margin-top:1px;
	clear:both;
}

div.imageOpere
{
	float:left;
	height:135px;
	width:135px;
	margin-right:5px;
	margin-bottom:1px;
	
}

img.imgOpere
{
	width:135px;
	height:135px;
	text-decoration:none;
}

/*Per posizionare la pagina del bb*/
div.containerBB
{
	clear:both;
	background:url("../grafica/weblink4.gif") repeat;
	height:409px;
	margin-top:-20px;
	color:black;
}

div.descriptionBB
{
	float:left;
	height:399px;
	width:400px;
	color:black;
	margin-right:1px;
	padding:5px;
}

div.containerImageBB
{
	float:left;
	height:409px;
	width:180px;
	color:black;
}

div.imageBB
{
	height:135px;
	width:180px;
	color:black;
	margin-bottom:1px;
}

span.desc
{
	font-size:18px;
	padding-right:50px;
}