* {margin:0; padding:0;}
body {
	margin: 0 auto;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #001;
	background: #000;
	position: relative;
	z-index: 1;
}


/* ============================= DIV DEL BOX ESTERNO ========================== */
div#left,div#right {
	width: 175px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
div#left { left:0; background:url(images/box/left.jpg) 0 0 repeat-y; }
div#right { right:0; background:url(images/box/right.jpg) 0 0 repeat-y; }

div#top,div#bottom {
	width: 1007px;
	height: 108px;
	position: absolute;
	left: 0;
	z-index: 4;
}
div#top { top:0; background:url(images/box/top.png) 0 0 no-repeat; }
div#bottom { bottom:0; background:url(images/box/bottom.png) 0 bottom no-repeat; }
/* ============================= FINE DIV DEL BOX ESTERNO ========================== */


/* ======================== TITLES ========================  */
h1 {
	width: 525px;
	height: 77px;
	font: 2em Geneva, Arial, Helvetica, sans-serif;
}

h1 a, h3 a { position:relative; z-index:-1; }

h1#accessibilita_ttl { background:url(images/titles/accessibilita.jpg) no-repeat; }
h1#animazioni_ttl {	background:url(images/titles/animazioni.jpg) no-repeat; }
h1#conformita_ttl {	background:url(images/titles/conformita.jpg) no-repeat; }
h1#contatti_ttl { background:url(images/titles/contatti.jpg) no-repeat; }
h1#creare_ttl {	background:url(images/titles/creare.jpg) no-repeat; }
h1#designer_ttl { background:url(images/titles/designer.jpg) no-repeat; }
h1#dichiarazione_ttl { background:url(images/titles/dichiarazione.jpg) no-repeat; }
h1#indicizzare_ttl { background:url(images/titles/indicizzare.jpg) no-repeat; }
h1#portfolio_ttl { background:url(images/titles/portfolio.jpg) no-repeat; }
h1#progettista_ttl { background:url(images/titles/progettista.jpg) no-repeat; }
h1#pubblicita_ttl {	background:url(images/titles/pubblicita.jpg) no-repeat; }
h1#scorciatoie_ttl { background:url(images/titles/scorciatoie.jpg) no-repeat; }
h1#tipi_ttl { background:url(images/titles/tipi.jpg) no-repeat; }
h1#usabilita_ttl { background:url(images/titles/usabilita.jpg) no-repeat; }

h1#lp {width:auto; font-size:2.5em;} /* titolazione per landing page AdWords */
h2.lp {font-size:4em;} /* titolazione per landing page AdWords */

h2 {
	margin: 0.8em 0 0.6em;
	font: 2.5em Geneva, Arial, Helvetica, sans-serif;
	color: #001;
}

h2.home {
	margin: 0;
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #001;
}

h3 {
	width: 245px;
	height: 48px;
	margin: 18px 0 0 18px;
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	background: transparent url(images/sidebar/informazioni.png) center center no-repeat;
}

h4 {
	width: 185px;
	height: 25px;
	margin: 0 0 0.3em -3px;
	background-repeat: no-repeat;
	font: 1.3em Geneva, Arial, Helvetica, sans-serif;
}
h4 span { position:relative; z-index:-1; }

h4#orari { background-image: url(images/footer/orari.png); }
h4#dove { background-image: url(images/footer/dove.png); }
h4#sn { background-image: url(images/footer/sn.png); }

h5 {
	font: bold 1.5em Geneva, Arial, Helvetica, sans-serif;
	margin: 0.7em 0 0.2em;
	color: #001;
}
/* ====================== FINE TITLES ======================= */


/* ====================== ELEMENTI VARI ======================== */
hr.prog_space { visibility:hidden; clear:both; }
a.blueAcc,
a.blueAcc:link,
a.blueAcc:hover,
a.blueAcc:focus,
a.blueAcc:active { color:#003379; }
a.blueAcc:visited { color:#481676; }

abbr { border-bottom:1px dotted #000; cursor:help; }

img#gab { /* NON HO ANCORA IMPLEMENTATO UN'IMMAGINE */
	float: left;
	border: 1px solid #000;
	margin: 15px 15px 25px 0;
}
/* ====================== FINE ELEMENTI VARI ======================== */


/* ===================== CONTENITORI ========================= */
div#container {
	width: 1007px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
}
	div#ghost_contains { position:relative; z-index:4; }


/* ============================= HEADER ============================ */
div#header {
	width: 914px;
	height: 512px;
	margin: 0 auto;
	background: #fff url(images/header/bg_header.jpg) center center no-repeat;
	position: relative;
	z-index: 3;
}

	img#logo {
		position: absolute;
		top: 123px;
		left: 68px;
	}
/* ============================= FINE HEADER ============================ */


/* ====================== BOX HOME ============================= */
div#box_home {
	width: 914px;
	height: 382px;
	margin: 0 auto;
	background: transparent url(images/home/bg_box.jpg) center center no-repeat;
}
	div#box_home div {
		width: 260px;
		height: 259px;
		margin: 70px 10px 0 0;
		float: left;
	}
	
	div#box_home div#box1 { margin-left:28px; }
	div#box_home div#box2 { margin-left:22px; }
	div#box_home div#box3 { margin-left:30px; }
	
		div#box_home a {
			width: 260px;
			height: 259px;
			font: 1em Verdana, Arial, Helvetica, sans-serif;
			text-align: center;
			text-decoration: none;
			display: block;
		}
			div#box_home strong { position:relative; z-index:-1; }
	
		div#box1 a:link, div#box1 a:visited, div#box1 a:active {
			background: transparent url(images/home/titles/creare.png) center -259px no-repeat;
		}
		div#box1 a:hover, div#box1 a:focus {
			background: transparent url(images/home/titles/creare.png) center top no-repeat;
		}
			
		div#box2 a:link, div#box2 a:visited, div#box2 a:active {
			background: transparent url(images/home/titles/indicizzare.png) center -259px no-repeat;
		  }
		div#box2 a:hover, div#box2 a:focus {
			background: transparent url(images/home/titles/indicizzare.png) center top no-repeat;
		}
		
		div#box3 a:link, div#box3 a:visited, div#box3 a:active {
			background: transparent url(images/home/titles/portfolio.png) center -259px no-repeat;
		  }
		div#box3 a:hover, div#box3 a:focus {
			background: transparent url(images/home/titles/portfolio.png) center top no-repeat;
		}
/* ====================== FINE BOX HOME ============================= */


/* ========================	MENU INFORMAZIONI ======================= */
	ul#menu_info {
		list-style-type: none;
		position: absolute;
		bottom: 142px;
		left: 410px;
		z-index: 4;
	}
	
		ul#menu_info li {
			width: auto;
			float: left;
			margin: 0 0.8em;
			font-size: 1.2em;
		}
			
			ul#menu_info a { display:block; }
/* ========================	FINE MENU INFORMAZIONI ======================= */


/* ====================== MENU NAVIGAZIONE ========================= */
div#nav { width:auto; height:89px; position:relative; z-index:4;}

	ul#menu_navi {
		width: 870px;
		height: 120px;
		margin: 0 auto;
		text-align: center;
		list-style-type: none;
	}

		li.nascondi {
			position: absolute;
			top: -10000px;
			left: -10000px;
		}
		
		ul#menu_navi a {
			width: 201px;
			height: 89px;
			float: left;
			margin: 0 8px;
			font: 1em Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			display: block;
		}
		
		ul#menu_navi strong { position:relative; z-index:-1; }
		
		a:link#home, a:visited#home, a:active#home {
			background: #fff url(images/nav/home.jpg) 0 -89px no-repeat;
		}						
		a:hover#home, a:focus#home, a#home.position {
			background: #fff url(images/nav/home.jpg) 0 0 no-repeat;
		}
		a:link#progettista, a:visited#progettista, a:active#progettista {
			background: #fff url(images/nav/progettista.jpg) 0 -89px no-repeat;
		}
		a:hover#progettista, a:focus#progettista, a#progettista.position {
			background: #fff url(images/nav/progettista.jpg) 0 0 no-repeat;
		}
		a:link#portfolio, a:visited#portfolio, a:active#portfolio {
			background: #fff url(images/nav/portfolio.jpg) 0 -89px no-repeat;
		}
		a:hover#portfolio, a:focus#portfolio, a#portfolio.position {
			background: #fff url(images/nav/portfolio.jpg) 0 0 no-repeat;
		}
		a:link#contatti, a:visited#contatti, a:active#contatti {
			background: #fff url(images/nav/contatti.jpg) 0 -89px no-repeat;
		}
		a:hover#contatti, a:focus#contatti, a#contatti.position {
			background: #fff url(images/nav/contatti.jpg) 0 0 no-repeat;
		}
/* ====================== FINE MENU NAVIGAZIONE ========================= */


/* ============================ MENU SIDEBAR =========================== */
div#sidebar, div#sidebar_hp {
	width: 285px;
	height: 478px;
	margin: 60px 72px 0 0;
	float: right;
	background: url(images/sidebar/bg_sidebar.jpg) center top no-repeat;
}
div#sidebar_hp {
	height: 1550px;
	background-image: url(images/sidebar/bg_sidebar_hp.jpg);
}

	ul#webDesigner {
		width: 275px;
		height: 378px;
		margin: 20px 0 0;
		padding: 0 0 0 10px;
		list-style-type: none;
	}
	
		ul#webDesigner li {	margin:0 0 1.4em; }
		
			ul#webDesigner a {
				width: 269px;
				height: 34px;
				margin-top: -3px;
				font: 1em Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				display: block;
			}
	
			ul#webDesigner strong { position:relative; z-index:-1; }
			
			a:link#creare, a:visited#creare, a:active#creare {
				background: transparent url(images/sidebar/creare.png) 0 -34px no-repeat;
			}
			a:hover#creare, a:focus#creare, a#creare.position {
				background: transparent url(images/sidebar/creare.png) 0 0 no-repeat;
			}
							
			a:link#indicizzare, a:visited#indicizzare, a:active#indicizzare {
				background: transparent url(images/sidebar/indicizzare.png) 0 -34px no-repeat;
			}
			a:hover#indicizzare, a:focus#indicizzare, a#indicizzare.position {
				background: transparent url(images/sidebar/indicizzare.png) 0 0 no-repeat;
			}
							
			a:link#tipi, a:visited#tipi, a:active#tipi {
				background: transparent url(images/sidebar/tipi.png) 0 -34px no-repeat;
			}
			a:hover#tipi, a:focus#tipi, a#tipi.position {
				background: transparent url(images/sidebar/tipi.png) 0 0 no-repeat;
			}
							
			a:link#animazioni, a:visited#animazioni, a:active#animazioni {
				background: transparent url(images/sidebar/animazioni.png) 0 -34px no-repeat;
			}
			a:hover#animazioni, a:focus#animazioni, a#animazioni.position {
				background: transparent url(images/sidebar/animazioni.png) 0 0 no-repeat;
			}
							
			a:link#conformita, a:visited#conformita, a:active#conformita {
				background: transparent url(images/sidebar/conformita.png) 0 -34px no-repeat;
			}
			a:hover#conformita, a:focus#conformita, a#conformita.position {
				background: transparent url(images/sidebar/conformita.png) 0 0 no-repeat;
			}
							
			a:link#accessibilita, a:visited#accessibilita, a:active#accessibilita {
				background: transparent url(images/sidebar/accessibilita.png) 0 -34px no-repeat;
			}
			a:hover#accessibilita, a:focus#accessibilita, a#accessibilita.position {
				background: transparent url(images/sidebar/accessibilita.png) 0 0 no-repeat;
			}
							
			a:link#usabilita, a:visited#usabilita, a:active#usabilita {
				background: transparent url(images/sidebar/usabilita.png) 0 -34px no-repeat;
			}
			a:hover#usabilita, a:focus#usabilita, a#usabilita.position {
				background: transparent url(images/sidebar/usabilita.png) 0 0 no-repeat;
			}
							
			a:link#pubblicita, a:visited#pubblicita, a:active#pubblicita {
				background: transparent url(images/sidebar/pubblicita.png) 0 -34px no-repeat;
			}
			a:hover#pubblicita, a:focus#pubblicita, a#pubblicita.position {
				background: transparent url(images/sidebar/pubblicita.png) 0 0 no-repeat;
			}
/* ============================ FINE MENU SIDEBAR =========================== */


/* ============================ CONTENUTI =========================== */				
div#contain {
	width: 520px;
	margin: 48px 0 0 40px;
	padding: 0 0 10px 40px;
	float: left;
}

/* contenitore specifico per la landing page AdWords */
div#contain-lp {width:auto; margin:48px 40px 0; padding:0 40px 10px; float:left;}

	div#contain p, div#contain-lp p /* paragrafo per la landing page AdWords */ {
		font-size: 1.6em;
		text-align: justify;
		padding: 0 0 1.2em 0;
		line-height: 1.6em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	div#contain-lp p {font-size:2em; margin-top:0.8em; line-height:2em;} /* paragrafo per la landing page AdWords */
	
	div#contain p.dichiara {
		margin-top: -10px;
		color: #333;
	}
	
	div#contain p.contatti { line-height:2em; }
		
	ul.listaGene { font-size:1.6em; margin:0.5em 0 1.5em 40px; }
	ul.listaGene li, ul.scor li { margin:0.5em 0; line-height:1.5em; }
	
	ul.scor { font-size:1.6em; margin:0.8em 0 2em; list-style-type:none; }
	span.letterScor { width:2em; display:inline-table; line-height:0.5em; }
/* ============================ FINE CONTENUTI =========================== */				


/* ============================ PORTFOLIO ================================ */		
	img.port {border:1px solid #333;}

	ul.port { font-size:1.6em; list-style-type:none; margin:5px 0 50px; }
		ul.port li { margin:0.5em 0; line-height:1.5em; }				
/* ========================== FINE PORTFOLIO ============================ */

	
/* ============================= FOOTER =========================== */
	div#ghost_footer { position:relative; z-index:3;}
	div#footer, div#footer-lp /* footer per la landing page AdWords */ {
		width: 914px;
		height: 632px;
		margin: 0 auto;
		background: url(images/footer/bg_footer.jpg) center center no-repeat;
		clear: both;
	}
	
	div#footer-lp /* immagine di bg per il footer della landing page AdWords */ {background: url(lp/footer-lp.jpg) center center no-repeat;}
	
		div#footer div {
			height: 265px;
			margin-top: 59px;
			padding: 10px 0 0 14px;
			float: left;
			background: transparent;
		}
		
		div#footer_1 { width:257px; margin-left:31px; }
		div#footer_2 { width:282px; margin-left:5px; }
		div#footer_3 { width:254px; margin-left:5px; }
		
		div#footer_3 img { margin:8px 20px 0 0; border:none; }
		
		div#footer p {
			font: 1.4em Geneva, Arial, Helvetica, sans-serif;
			line-height: 1.5em;
			margin: 0.4em 0;
			color: #001;
		}

		div#footer div#validation {
			text-align: center;
			width: 390px;
			height: 40px;
			margin: 0 auto;
			padding: 0;
			float: none;
			position: relative;
			top: 90px;
		}
		
		img.valid {	width:88px;	height:31px; border:none; }
		
		img.cc { margin-left:5px; }
			
/* ============================= FINE FOOTER =========================== */