body,html 
{ 
	margin:0 auto;
	padding:0;
	color:#003366;
	display:table;
	height:553px;
}

body
{
	font-family:Tahoma,Verdana,Courier new,helvetica,sans-serif,"Time New Roman",Arial,"Trebuchet MS";
	font-size: 10px;
	text-align:center;
	display:table-cell;
	vertical-align:middle; /*proprietà vertical-align con valore centrato*/
	margin:auto;
}

/*Per centrare l'intero sito*/
div.containerBox
{
	height:544px;
	width:995px;
	display:table;
	background-color:#fed;
}

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*/
}

.header
{
	float:left;
	height:85px;
	text-align:center;
	margin-bottom:1px;
	margin-top:-4px;
	margin-left:-1px;
}

/*Menu*/
div.menu
{
	float:left;
	padding-top:5px;
	padding-left:50px;
	height:40px;
	width:963px;
	font-family:Tahoma,Verdana,Courier new,helvetica,sans-serif,"Time New Roman",Arial,"Trebuchet MS";
	font-size: 10px;
	font-weight:bold;
	border:solid 1px #c7c8ef;
	background: url(grafica/sfondoMenuBis.jpg) no-repeat;
	text-align:center;
	clear:both;
}


div.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8
{
	float: left;
	width:104px;
	height:30px;
    margin: 0px 11px 0px 0px;
    padding: 0px;
}

div.scritta
{
	margin-top:3px;
	text-align:center;
	width:104px;
	height:30px;
}

a.primo
{
	float: left;
	width:104px;
	height:24px;
	text-decoration:none;
	font-weight: bold;
	font-size:11px;
	background: url(grafica/menu10.jpg);
	color:#003366;
	padding-top:6px;
}

a.primo:hover
{
	float: left;
	width:104px;
	height:24px;
	text-decoration:none;
	font-weight: bold;
	font-size:11px;
	background: url(grafica/menu14.jpg);
	color:#003366;
	padding-top:6px;
}

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

div.content
{
	margin-top:2px;
	height:375px;
	clear:both;
}

div.menuLeft
{
	width:344px;
	height:375px;
	float:left;
	margin-right:3px;
	background-color:#e8e0ff;
}

div.page
{
	width: 668px;
	height:375px;
	float:left;
	border-right:0 solid;
	background-color:#bfbfff;
	overflow:auto;
	margin-bottom:2px;
}

div.footer
{
 	font-size:10px;
	font-weight:600;
	background: url(grafica/footer2.jpg) repeat;
	text-align:center;
	height:40px;
	clear:both;
	color:#fff;
}

.footerInformation
{
	float:left;
	margin-top:15px;
	margin-left:3px;
}

.footerInformationImage
{
	height:31px;
	float:left;
	margin-top:5px;
	margin-left:150px;
}

div.testoPhotoGallery
{
	height:78px;
	width:342px;
	font-size:10px;
}

a.sfondoGallery
{
	float: left;
	height:64px;
	width:342px;
	text-decoration:none;
	background: url(grafica/sfondoPhotogallery.png);
	color:#003366;
	padding-top:15px;
}

a.sfondoGallery:hover 
{
	float: left;
	width:342px;
	height:64px;
	text-decoration:none;
	font-size:10px;
	color:white;
	background: url(grafica/sfondoPhotogalleryHover.png);
	border:none;
	padding-top:15px;
}


div.provaTesto
{
	height:45px;
	width:290px;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
}

div.PhotoGalleryIndex
{
	margin-top:3px;
	width:342px;
	height:290px;
	float:left;
	background: url(grafica/sfondo2.png) no-repeat;
}

div.immaginiAndrea
{
	width:342px;
	height:289px;
}

div.immaginiAndrea img
{
	margin-top:22px;
	margin-right:16px;
}

div.textTitle
{
	text-align:justify;
	padding:5px;
	font-size:12px;
	font-style:italic;
	color:#3C78A7;
	margin-top:20px;
	margin-bottom:10px;
} 

blockquote
{
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 40px;
	padding:10px;
	background-color: #e8e0ff;
	border-left:2px solid #3C78A7;
	border-right:2px solid #3C78A7;
	text-align:justify;
	line-height:22px;
} 

blockquote:before { content: open-quote; font-weight: bold; font-size:2em;}
blockquote:after { content: close-quote; font-weight: bold; font-size:2em; margin-right:400px;}

div.textFirm
{
	font-style:italic;
	color:#3C78A7;
	background-color: #e8e0ff;
	border-left:2px solid #3C78A7;
	border-right:2px solid #3C78A7;
	margin-top:-10px;
	width:567px;
	margin-left:40px;
	padding-bottom:10px;
	margin-bottom:40px;
} 

/*Informazioni del curriculum*/
div.consenso
{
	text-align:left;
	padding:10px;
	margin-left:1px;
	font-style: italic;
} 

div.titleCv
{
	text-align:left;
	padding:10px;
	margin-left:1px;
	font-weight:600;
	text-align:center;
} 

div.descrizionePersonale
{
	text-align:left;
	padding:5px 5px 5px 10px;
	margin-left:1px;
} 

div.dataCv
{
	text-align:left;
	padding: 5px 5px 5px 10px;
	margin-left:1px;
	font-weight:600;
	text-align:left;
} 

div.informazioniCv
{
	text-align:left;
	padding:5px 5px 5px 25px;
	margin-left:1px;
} 

/*Form contatti*/
.descriptionForm
{
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

div.contatti
{
	text-align: center;
	border-collapse: collapse;
	width:auto;
}

form.formContatti
{
	text-align:justify;
}

fieldset.raggruppamentoSubmit
{
	margin-top:5px;
	margin-bottom:15px;
	margin-right:5px;
	margin-left:5px;
	background-color:#e8e0ff;
	border-top: solid 1px #3C78A7;
	border-bottom: solid 2px #3C78A7;
	border-right: solid 1px #3C78A7;
	border-left: solid 1px #3C78A7;
}

legend.tipoRaggruppamento
{
	margin-left:25px;	
	background-color:#e8e0ff;
	font-variant: small-caps;
	color: #3C78A7;
	font-style:oblique;
	font-weight:bolder;
	border-top: solid 1px #3C78A7;
}

textarea.textMail
{
	font-family:Tahoma,Verdana,Courier new,helvetica,sans-serif,"Time New Roman",Arial,"Trebuchet MS";
	font-size:10px;
	width:326px;
	color:#003366;
	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:#4000c9;
	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;
	text-align:center;
	color:#4000c9;
	font-size:10px;
}

div.erroreTextarea
{
	height:15px;
	margin-top:165px;
	text-align:center;
	color:#f93a75;
	font-size:10px;
}

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;
	background-color:#000066;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	margin-right:5px;
	padding-top:1px;
	padding-bottom:2px;
}

input.valueField
{
	font-size:10px;
	width:340px;
	color:#003366;
	margin-top:3px;
	margin-bottom:3px;
	height:13px;
	padding-left:5px;
	padding-bottom:2px;
}

.campoObbligatorio
{
	font-size:10px;
	float:left;
	margin-top:3px;
	margin-left:175px;
	color:#4000c9;
}

.regole
{
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	float:left;
	margin-left:175px;
	color:#4000c9;
}

.errore
{
	font-size:10px;
	color:#f93a75;
	float:left;
	margin-left:175px;
}

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

button.bottoneSubmitHover
{
     margin-right:5px;
	 border-bottom-color:#9f6186;
	 border-left-color:#e1add1;
	 border-right-color:#9f6186;
	 border-top-color:#e1add1;
	 background: url(grafica/submitHover.jpg);
	 
}

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

button.bottoneCleanHover
{
     margin-left:5px;
	 border-bottom-color:#9f6186;
	 border-left-color:#e1add1;
	 border-right-color:#9f6186;
	 border-top-color:#e1add1;
	 background: url(grafica/cleanHover.jpg);
	 height:34px;
	 width:88px;
}

div.loginOk
{
	height:25px;
	padding-right:10px;
	text-align:right;
	font-weight:bold;
	color:#ffff00;
	padding-top:10px;
	background-color:#d12a22;
}

/*FotoGallery*/
div.galleryContainer
{
	clear:both;
	height:375px;
	width:1015px;
	display:table;
}

div.categoriaMenu
{
	float:left;
	height:375px;
	width:242px;
	overflow:auto;
	background-color:#8080ff;
}

div.pageGallery
{
	float:left;
	height:375px;
	width:772px;
	margin-left:1px;
	background-color:#9f9fff;
}

div.galleryImageResult
{
	font-weight:bold;
	color:white;
	text-align:center;
}

div.description
{
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#9a1010;
	color:white;
	font-weight:bold;
}

div.galleryLink
{
	clear:both;
	height:30px;
	padding-top:8px;
}

div.gallery
{
	float:left;
	display:table;
	margin:0 auto;
	overflow:auto;
	width:772px;
	height:313px;
	background-color:#4040c2;
}

div.galleryImage
{	
	clear:both;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	padding-left:35px;
}

div.galleryImgDiv
{
	float: left;
}

img.galleryImg
{
	border:none;
}

a.effetti
{
	float:left;
	height:120px;
	margin:2px;
	border:10px solid #bfbfff;
}

a.effetti:hover
{
	float:left;
	margin:2px;
	height:120px;
	border:10px solid #8080ff;
}

div.optionLinkMenu
{
	clear:both;
	width:165px;
	height:47px;
	margin-top:0px;
	padding-top:2px;
	border:1px solid #5F78A2;
	background-color:#fffce7;
	text-align:center;
	padding-left:30px;
	margin-left:25px;
	margin-bottom:0px;
}

a.sfondoLink
{
	float:left;
	width:130px;
	height:28px;
	text-decoration:none;
	background: url(grafica/bottone.png);
	border-top:1px solid #D7D7D7;
	border-right:1px solid #2f4f4f;
	border-left:1px solid #D7D7D7;
	border-bottom:1px solid #2f4f4f;
	margin-bottom:5px;
	padding-top:15px;
}

a.sfondoLink:hover
{
	float:left;
	width:130px;
	height:28px;
	text-decoration:none;
	background: url(grafica/bottoneHover.png);
	border-top:1px solid #D7D7D7;
	border-right:1px solid #2f4f4f;
	border-left:1px solid #D7D7D7;
	border-bottom:1px solid #2f4f4f;
	color:#80ff80;
	margin-bottom:5px;
	padding-top:15px;
}

div.scrittaMenu
{
	margin-top:0px;
	font-weight:bold;
}

div.coverGallery
{
	clear:both;
	height:255px;
	width:682px;
	margin-left:9px;
}

div.coverGalleryImg
{
	float:left;
	margin-right:1px;
}

div.homeImg
{
	display:table;
	width: 668px;
	height:375px;
	background: url(grafica/ciel.gif) repeat;
}

div.homeImgCenter
{
	width: 665px;
	height:250px;
	text-align:center;
	display:table-cell;
	vertical-align:middle; /*proprietà vertical-align con valore centrato*/
	margin:auto;
}

div.logoLavoro
{
	margin:50px;
	text-align:left;
}

div.logoLavoroBis
{
	margin-top:80px;
	margin-right:50px;
	margin-left:50px;
	text-align:right;
}

img
{
	border:none;
}

#citazioniPellizza
{
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
	padding:10px;
	text-align:justify;
	line-height:22px;
}

div.citazioni
{
	color:#40005f;
}

div.textFirmBis
{
	font-style:italic;
	color:#3C78A7;
	width:560px;
	text-align:center;
	text-decoration: blink; 
}

#fotoPellizza
{
	text-decoration: blink; 
}

div.ppp
{
	text-decoration: blink; 
}

div.imageScroll
{
	width:250px;
	float:left;
}

div.textScroll
{
	width:240px;
	float:left;
	margin-left:10px;
}

div.didascalia
{
	font-style:italic;
	color:#3C78A7;
	width:250px;
	text-align:center;
}

/*-------------------------------Per la lightbox------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }