/* general
*********************************************************************/
* {
	margin:0px;
	padding:0px;
}
a img {
	border:none;
}
ul {
	list-style-type:none;
}

img.alignleft, img[align="left"] {float:left; margin:12px 20px 15px 0;}
img.alignright, img[align="right"] {float:right; margin:12px 0 15px 20px;}



/* body structure
*********************************************************************/
html, body {
	height:101%;
}
body {
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
	color:#aeaeae;
	font-size:85%;
	line-height:1.4em;
	font-family:arial, tahoma, verdana, sans-serif;
	background:#1a1a1a url('../img/bg-body.gif') repeat;
}
#page {
	background:url('../img/bg-body2.gif') repeat-x 0 226px;
}
#container {
	width:992px;
	margin: 0 auto;
	overflow:hidden;
	text-align:left;
}
#spallasx {
	float:left;
	width:210px;
	margin:0;
	overflow:hidden;
	position:relative;
}
#mainbody {
	font-size:1em;
	float:left;
	width:780px;
	margin:0;
	overflow:hidden;
	border-top:1px solid #414141;
	border-right:1px solid #414141;
	border-left:1px solid #414141;
	background-color:#181818;
}
#mainbody-content {
	height:auto !important;
	height:660px;
	min-height:660px;
	width:780px;
}
#footer {
	width:782px;
	height:28px;
	clear:left;
	margin-left:210px;
	overflow:hidden;
	background: url(../img/bg-footer.gif) no-repeat 0 0;
}
#footer2 {
	width:782px;
	height:28px;
	clear:left;
	padding-top:30px;
	margin-left:0px;
	overflow:hidden;
	background: url(../img/bg-footer.gif) no-repeat bottom left;
}


/* elementi fissi
*********************************************************************/

a {color:#ed921b}
a:hover {text-decoration:none;}


#titolo {
	margin-left:20px;
}

.back {
	margin:20px 0 20px 20px;
}

.back2 {
	margin:20px 0 20px 20px;
	float:left;
}
.intervista {margin:10px auto;width:167px;}

#sfumatura {
	clear:both;
	width:780px;
	height:18px;
	background:url('../img/bg-testata.png') no-repeat 0 0;
	behavior: url(js/iepngfix.htc);
}


	/* logo
	*********************************************************************/
		#spallasx h1 a {
			width:210px;
			height:226px;
			display:block;
			text-indent:-9999px;
			margin:0;
			padding:0;
		}
		#spallasx h1{
			background:url(../img/logo2.gif) no-repeat 0 0;
			margin:0;
			width:210px;
			height:226px;
			padding:0;
			text-indent:-9999px;
			overflow:hidden;
			font-size:12px;
		}

	/* navigation
	*********************************************************************/
		#navigation {
			width:210px;
			height:180px;
			text-align:center;
			margin:18px 0 0 0;
		}
		#navigation ul {
			width:180px;
			padding:0;
			margin:0 auto;
			overflow:hidden;
			list-style-type:none;
		}
		#navigation ul li {
			float:left;
			width:44px;
			height:154px;
			overflow:hidden;
		}
		#navigation ul li a {
			display:block;
			width:23px;
			height:154px;
			text-indent:-9999px;
			overflow:hidden;
		}
		#navigation ul li a:hover, 
		#navigation ul li a.active {
			background-position:100% 100%!important;
		}
		#navigation ul li a.bot1, #navigation ul li a.bot1:active {
			background:url(../img/bot1.gif) no-repeat 0% 100%;
		}
		#navigation ul li a.bot2, #navigation ul li a.bot2:active {
			background:url(../img/bot2.gif) no-repeat 0% 100%;
		}
		#navigation ul li a.bot3, #navigation ul li a.bot3:active {
			background:url(../img/bot3.gif) no-repeat 0% 100%;
		}
		#navigation ul li a.bot4, #navigation ul li a.bot4:active {
			background:url(../img/bot4.gif) no-repeat 0% 100%;
		}

	/* footer
	*********************************************************************/
		#footer p {
			font-size:10px;
			margin-top:4px;
		}
		#footer p.f-left {
			margin-left:100px;
			float:left;
		}
		#footer p.f-right {
			margin-right:80px;
			float:right;
		}
		#footer p.f-right a {
			width:60px;
			height:15px;
			display:block;
			text-indent:-9999px;
			background:url('../img/top-page.gif') no-repeat 0 0;
		}

/* home content
*********************************************************************/
#home-content {
	width:590px;
	float:left;
}
#spalladx {
	background:#262626;
	border-left:1px solid #414141;
	border-bottom:1px solid #414141;
	width:180px;
	float:right;
	padding-top:15px;
	margin-bottom:25px;
}
#personal {
	margin:0 10px 20px 10px;
}
#personal h2 {
	margin:0 auto;
}
#personal img.foto {
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
#personal p {
	position:relative;
	padding-left:0px;
	padding-right:8px;
	padding-top:0;
	font-size:12px;
	line-height:1.9em;
}
#personal p a {color:#FFF;text-decoration:none;}
#personal p a:hover {color:#ed921b}
#personal p img {
	padding:4px 10px 4px 4px;
}
#personal .down{
	padding:4px 0 4px 10px;
	position:absolute;
	bottom:0;
}
#spazio-adv {
	background:#000;
	padding-top:20px;
}


/* focus in home
*********************************************************************/
#focus {
	margin-bottom:20px;
	padding-left:15px;
}
#prev-foto {
	width:287px;
	border:1px solid #414141;
	float:left;
	background:#000;
	margin:20px 20px 20px 0;
}
#presentazione-focus {
	float:left;
	width:260px;
	margin-right:0;
}
#presentazione-focus h2 {
	margin-top:20px;
	margin-bottom:20px;
}
#presentazione-focus h3 {
	color:#ed921b;
	font-size:18px;
	margin-bottom:20px;
}
#presentazione-focus p.citazione {
	margin-bottom:20px;
	padding-right:25px;
	font-family:Georgia, Times New Roman, Times, serif;
	line-height:1.3em;
	color:#a3a3a3;
	font-size:15px;
}



/* gallery in home
*********************************************************************/
#last-gallery {
	clear:left;
	overflow:hidden;
	width:570px;
	padding:30px 0 20px 18px;
}
#last-gallery ul li {
	width:118px;
	height:174px;
	margin-right:1px;
	margin-bottom:1px;
	padding:11px;
	background-color:#252525;
	overflow:hidden;
	line-height:1.3em;
	float:left;
}
#last-gallery ul li img {
	overflow:hidden;
}
#last-gallery h2 {
	margin-top:5px;
	font-size:11px;
	color:#ed921b;
	line-height:1.3em;
	overflow:hidden;
}
#last-gallery p {
	font-size:11px;
	margin-top:5px;
	line-height:1.3em;
	overflow:hidden;
}


/* elenco portfoli
*********************************************************************/
	#elenco-portfoli ul {
		overflow:hidden;
		margin-top:10px;
		margin-bottom:30px;
		margin-left:20px;
	}
	#elenco-portfoli ul li {
		float:left;
		width:342px;
		height:auto !important;
		height:246px;
		min-height:246px;
		margin:0 10px 20px 0;
		padding:10px 10px 0 10px;
		overflow:hidden;
		background:#1d1d1d;
		border:1px solid #565656;
	}
	#elenco-portfoli ul a img {
		border:1px solid #414141;
		display:block;
		overflow:hidden;
		position:relative;
		margin:0;
		padding:0;
		width:339px;
	}
	#elenco-portfoli ul p {
		margin:0 0 0 0;
		padding:0 0 10px 0;
	}
	#elenco-portfoli h4 {
		visibility: hidden;
		height:48px;
		margin:0;
		padding:0;
		border-top:1px solid #565656;
	}


/* elenco gallerie
*********************************************************************/
	#elenco-gallerie ul {
		overflow:hidden;
		margin-top:10px;
		margin-left:20px;
	}
	#elenco-gallerie ul li { 
		width:740px;
		height:148px;
		background:#252525 url('../img/bg-li-foto-small.gif') repeat-x bottom left ;
	}
	#elenco-gallerie ul li p {
		float:left;
		width:200px;
	}
	#elenco-gallerie ul li img {
		margin:0;
		padding:3px 0 0 3px;
	}
	#elenco-gallerie ul li .titolo-galleria {
		float:left;
		width:540px;
		position:relative;
	}
	#elenco-gallerie h4 {
		visibility: hidden;
		height:48px;
		margin:10px 0 0 0;
		padding:0;
		border-top:none;
	}
	#elenco-gallerie h4.icon {
		visibility: hidden;
		height:48px;
		margin:10px 60px 0 0;
		padding:0 0 10px 0 ;
		border-top:none;
	}
	#elenco-gallerie ul li .titolo-galleria p {width:520px;}
	#elenco-gallerie ul li .titolo-galleria img {position:absolute;right:10px;top:10px;}

	
	/* paginazione
	*********************************************************************/
		.page-next {
			float:right;
			margin-right:20px;
			width:198px;
		}

		.page-prev {
			float:left;
			width:198px;
			text-align:left;
			margin-left:20px;
		}

		.paginazione br {clear:both;}


/* elenco foto chi sono
*********************************************************************/
/*#presentazione ul {
	overflow:hidden;
	margin-top:10px;
	margin-left:20px;
	width:300px
}
#presentazione ul li { 
	width:503px;
	height:225px;
	background:#252525 url('../img/bg-li-foto-small.gif') repeat-x bottom left ;
}
#presentazione ul li p {
	float:left;
	width:303px;
}
#presentazione ul li img {
	margin:0;
	padding:3px 0 0 3px;
}
#presentazione ul li .titolo-galleria {
	float:left;
	width:540px;
}
#presentazione h4 {
	visibility: hidden;
	height:48px;
	margin:10px 0 0 0;
	padding:0;
	border-top:none;
}
*/


/* elenco foto chi sono
*********************************************************************/
#presentazione {padding:40px;}


#presentazione div.foto1 {
	width:300px !important;
	height:200px !important;
	background-color:#252525;
}
#presentazione div.foto1 strong {
	display:block;
	padding-bottom:30px;
	width:306px !important;
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
}

#presentazione div.foto3 {
	width:200px !important;
	height:300px !important;
	background-color:#252525;
}
#presentazione div.foto3 strong {
	display:block;
	padding-bottom:30px;
	width:206px !important;
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
}

#presentazione div.foto4 {
	width:388px !important;
	height:200px !important;
	background-color:#252525;
}
#presentazione div.foto4 strong {
	display:block;
	padding-bottom:30px;
	width:394px !important;
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
}

#presentazione div.foto10 {
	width:300px !important;
	height:170px !important;
	background-color:#252525;
}
#presentazione div.foto10 strong {
	display:block;
	padding-bottom:30px;
	width:306px !important;
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
}




#presentazione img {border:3px solid #252525}


ul.presentazione li {
	float:right;
	height:200px;
	margin:1px;
}
ul.presentazione li p {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:306px !important;
	height:206px !important;
	background-color:#252525;
	margin:0;
}
ul.presentazione li img {
	display:block;
	margin:0;
	padding:3px;
}
ul.presentazione li h4 {
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
	height:auto !important;
	height:30px;
	overflow:hidden;
	width:286px;
	margin:0 0 0 0;
	line-height:1.2em;
	padding:10px;
	font-size:80%;
	font-family:tahoma, arial;
	font-weight:normal;
}
#edge {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#fotosquare {text-align:center; width:100%; display:inline-block; vertical-align:middle;}




/* dettaglio portfoli
*********************************************************************/
#testata {
	margin:10px 15px 10px 15px;
	border-bottom:1px solid #535353;
	padding:0 0 2px 0;
}
#testata img {
	width:750px;
	height:215px;
}
#titolo-citazione {
	width:100%;
	overflow:hidden;
}
#titolo-portfolio {
	width:435px;
	float:left;
	margin:0 0 0 15px;
}
#citazione {
	width:290px;
	float:right;
	margin:0 13px 0 5px;
	font-size:15px;
	padding:0;
	line-height:1.3em;
	color:#a3a3a3;
	text-align:right;
	font-family:Georgia, Times New Roman, Times, serif;
}
#citazione em {
	font-size:12px;
	display:block;
}


/* elenco foto
*********************************************************************/
ul.elenco-foto {
	clear:both;
	width:720px;
	margin-left:30px;
}
ul.elenco-foto li {
	float:left;
	height:220px;
	margin:1px;
}
ul.elenco-foto li p {
	text-align:center !important;
	display:table-cell;
	vertical-align:middle;
	width:174px !important;
	height:182px !important;
	background-color:#1d1d1d;
	margin:0;

}
ul.elenco-foto li img {
	display:block;
	margin:0 auto;
	padding:0;
}
ul.elenco-foto li h4 {
	background:url('../img/bg-li-foto-small.gif') repeat-x 0 0;
	height:auto !important;
	height:30px;
	overflow:hidden;
	width:154px;
	margin:0 0 0 0;
	line-height:1.2em;
	padding:10px;
	font-size:80%;
	font-family:tahoma, arial;
	font-weight:normal;
}
#edge {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#fotosquare {text-align:center; width:100%; display:inline-block; vertical-align:middle;}

.edge {width:0; height:100%; display:inline-block; vertical-align:middle;} 
.fotosquare {text-align:center; width:100%; display:inline-block; vertical-align:middle;}


/* miniature foto
*********************************************************************/
#miniature-foto {
	background-color:#252525;
	padding:15px 0 15px 5px;
	height:auto !important;
	height:184px;
	min-height:184px;
	margin:1px 0 0 0;
	text-align:center;
}
#miniature-foto ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
#miniature-foto .fotine a {
	width:38px;
	height:38px;
	float:left;
	margin:3px;
	display:block;
	text-indent:-9999px;
	border:1px solid #656565;
}
#miniature-foto a.active {
	border:1px dashed #fff;
}
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: -900px;
	top: -900px;
	z-index: 1000;
}
#miniature-foto .fotine {
	width:195px;
	text-align:center;
	padding:5px 5px 5px 5px;
}
#miniature-foto h4 {
	padding:10px 0 5px 10px;
	font-size:95%;
	font-family:tahoma, arial;
	font-weight:normal;
	color:#ef9218;
}
#miniature-foto h4 a {
	color:#ef9218;
	font-weight:bold;
	text-decoration:none;
	margin:0 !important;
	padding:0 !important;
}
#miniature-foto h4 a:hover {
	text-decoration:underline;
}
#miniature-foto h4 span  {
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#aeaeae;
}
#miniature-foto img.back {
	margin:0 !important;
	padding:0 !important;
	display:block;
}
#miniature-foto .nav-foto {
	margin-top:10px;
	clear:left
}
#miniature-foto .nav-foto a {
	color:#aeaeae;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
#miniature-foto .nav-foto a:hover {
	color:#ef9218;
}



.editor p {margin:10px 0;}
.editor h1 {border-top:1px solid #ed921b;padding:10px 0;}
.editor h1, .editor h2 {margin:40px 0 20px 0;color:#ed921b;}
.editor h3 {color:#ed921b;line-height:22px;}
.editor h2 {color:#ed921b;line-height:22px;}
.editor .picture {border:2px solid #aeaeae; padding:5px; margin:5px 0 5px 5px;}