/* Formattazione dei link */
a:link {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {color: #ffcc00;}

/* Per evitare bordo colorato alle immagini linkate */
a img {border: 0px;}
a:hover img {border: 0px;}
a:active img {border: 0px;}
a:visited img {border: 0px;}

html { 
	padding:0px;
	margin:0px;
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	height:100%;
	text-align: center;
	background-color:#a1d207;
	background-image:url(../img/sfondo-body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* Box Container principale allineato orizzontalmente al centro */
#container {
	width:960px;
	height:100%;
	margin: auto;
}


/* Box Header che contiene gli H1 e i link alti Home e Contatti*/
#header {
	width:960px;
	height:200px;
	background-image:url(../img/sfondo-header.jpg);
	background-repeat: no-repeat;	
}

/* Box H1-WEB-DESIGNER posizionamento relative, con immagine e testo H1*/
#h1-web-designer {
	width:360px;
	height:70px;
	display: inline;
	float: left;
	position: relative;
	margin-left:60px;
	margin-top:40px;
}

/* Box H1-SEO-SPECIALIST posizionamento relative, con immagine e testo H1 */
#h1-seo-specialist {
	width:280px;
	height:70px;
	display: inline;
	float: left;
	position: relative;
	margin-left:20px;
	margin-top:40px;
}

/* Box H1-PAGINE-INTERNE posizionamento relative, con immagine e testo H1*/
#h1-pagine-interne {
	width:550px;
	height:54px;
	display: inline;
	float: left;
	position: relative;
	margin-left:60px;
	margin-top:40px;
	text-align:left;
}

/* Formattazione degli H1 */
.h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	line-height:14px;
	color:#330000;
	
}

/* Box LINK-ALTI con posizionamenot relative */
#link-alti {
	width:120px;
	height:70px;
	display: inline;
	float: right;
	position: relative;
	margin-right:28px;
	margin-top:45px;
}

/* Formattazione link alti */
.link-alti {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	line-height: 35px;
	color: #ddff99;
	display: block;
	font-weight: bold;
}

/* Box NAVIGATION */
#navigation {
	width:960px;
	height:380px;
	background-image:url(../img/sfondo-navigation.jpg);
	background-repeat:no-repeat;
}

/* Box NAVIGATION-BAR */
#navigation-bar {
	width:410px;
	height:324px;
	float:left;
}

/* Box NAVIGATION-SITI-WEB-DESIGN-NAPOLI */
#navigation-siti-web-design-napoli {
	width:410px;
	height:108px;
	float: left;
}

/* Box NAVIGATION-HOME */
#navigation-home {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-home.jpg);
	background-repeat: no-repeat;
}

#navigation-link-home {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-home.jpg);
	background-repeat: no-repeat;
}

#navigation-link-home:hover {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-home-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION-WEBDESIGN */
#navigation-webdesign {
	width:410px;
	height:36px;
	float: left;
	background-image:url(../img/navigation-web-design.jpg);
	background-repeat: no-repeat;
}

#navigation-link-webdesign {
	width:410px;
	height:36px;
	float: left;
	background-image:url(../img/navigation-web-design.jpg);
	background-repeat: no-repeat;
}

#navigation-link-webdesign:hover {
	width:410px;
	height:36px;
	float: left;
	background-image:url(../img/navigation-web-design-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION-REALIZZAZIONE */
#navigation-realizzazionesiti {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-realizzazione.jpg);
	background-repeat: no-repeat;
}

#navigation-link-realizzazionesiti {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-realizzazione.jpg);
	background-repeat: no-repeat;
}

#navigation-link-realizzazionesiti:hover {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-realizzazione-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION-POSIZIONAMENTO */
#navigation-posizionamento {
	width:410px;
	height:31px;
	float: left;
	background-image:url(../img/navigation-posizionamento.jpg);
	background-repeat: no-repeat;
}

#navigation-link-posizionamento {
	width:410px;
	height:31px;
	float: left;
	background-image:url(../img/navigation-posizionamento.jpg);
	background-repeat: no-repeat;
}

#navigation-link-posizionamento:hover {
	width:410px;
	height:31px;
	float: left;
	background-image:url(../img/navigation-posizionamento-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION-PREVENTIVO */
#navigation-preventivo {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-preventivo.jpg);
	background-repeat: no-repeat;
}

#navigation-link-preventivo {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-preventivo.jpg);
	background-repeat: no-repeat;
}

#navigation-link-preventivo:hover {
	width:410px;
	height:30px;
	float: left;
	background-image:url(../img/navigation-preventivo-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION-RISORSE */
#navigation-risorse {
	width:410px;
	height:60px;
	float: left;
	background-image:url(../img/navigation-risorse.jpg);
	background-repeat: no-repeat;
}

#navigation-link-risorse {
	width:410px;
	height:60px;
	float: left;
	background-image:url(../img/navigation-risorse.jpg);
	background-repeat: no-repeat;
}

#navigation-link-risorse:hover {
	width:410px;
	height:60px;
	float: left;
	background-image:url(../img/navigation-risorse-over.jpg);
	background-repeat: no-repeat;
}

/* Box NAVIGATION */
#navigation-bodycopy {
	width:530px;
	height:380px;
	float:left;
	text-align:left;
}

/* Box Titolo Bodycopy "Servizi di web design e soluzioni offerte" */
#navigation-bodycopy-titolo {
	height:60px;
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	line-height: 60px;
	color: #005900;
}

/* Box Titolo Bodycopy Pagine interne */
#navigation-bodycopy-titolo-pag-interne {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	line-height: 20px;
	color: #005900;
}

/* Formattazione Paragrafo nella bodycopy */
#navigation-paragrafo-bodycopy {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 15px;
	color: #330000;
}

/* Formattazione Paragrafo nella bodycopy delle pagine interne */
#navigation-paragrafo-bodycopy-pag-interne {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	color: #330000;
	text-align:justify;
}

/* Colore verde testo del Paragrafo nella bodycopy */
.navigation-paragrafo-bodycopy-verde {
	color: #009900;
}

/* Formattazione link preventivo nella bodycopy */
.navigation-preventivo-bodycopy {
	color: #005900;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

/* Box CONTENT-HOME che contiene tre div affiancati orizzontalmente */
#content-home {
	width:960px;
	height:1000px;
	margin: auto;
	background-color:#FFFFFF;
}


/* Box CONTENT-HOME-SX che contiene img e testo Web designer */
#content-sx-home {
	width:310px;
	float:left;
	/* position:relative; */
}

/* Box CONTENT-HOME-SX-PADDING che contiene img e testo Web designer */
#content-sx-home-padding {
	padding-left:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	color:#330000;
	line-height:24px;
}

/* Box CONTENT-WEB-DESIGN che contiene DUE div affiancati orizzontalmente */
#content-web-design {
	width:960px;
	height:1300px;
	margin: auto;
	background-color:#FFFFFF;
}

/* Box CONTENT-REALIZZAZIONE-SITIWEB che contiene DUE div affiancati orizzontalmente */
#content-realizzazione-sitiweb {
	width:960px;
	height:1300px;
	margin: auto;
	background-color:#FFFFFF;
}

/* Box CONTENT-POSIZIONAMENTO che contiene DUE div affiancati orizzontalmente */
#content-posizionamento {
	width:960px;
	height:500px;
	margin: auto;
	background-color:#FFFFFF;
}

/* Box CONTENT-SX-PAGINE-INTERNE che contiene img e testo delle pagine interne */
#content-sx-pag-interne {
	width:590px;
	float:left;
}

/* Box CONTENT SX PADDING che contiene img e testo delle pagine interne */
#content-sx-pag-interne-padding {
	padding-left:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;
	color:#330000;
	line-height:22px;
}

.verde-005900 {
	color: #005900;
}
.marrone-330000 {
	color: #330000;
}

.verde-009900 {
	color: #009900;
}

/* Box CONTENT CENTER che contiene portfolio e ultime realizzazioni */
#content-center {
	width:310px;
	float:left;
}

/* Box CONTENT CENTER PADDING che contiene portfolio e ultime realizzazioni */
#content-center-padding {
	padding-left:30px;
}


/* Box CONTENT CENTER PORTFOLIO che contiene img e link al portfolio  */
#content-center-portfolio {
	width:280px;
	text-align: justify;
	
}

.content-link-portfolio {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #330000;
}

/* Box CONTENT CENTER REALIZZAZIONI che contiene thumbs e link a ultime realizzazioni */
#content-center-realizzazioni {
	width:280px;
	text-align: center;
	background-color:#EEFFCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:20px;
	color: #005900;
}

/* Box CONTENT DX che contiene box contatti e offerte */
#content-dx {
	width:340px;
	float:right;
}

/* Box CONTENT DX PADDING che contiene box contatti e offerte */
#content-dx-padding {
	padding-left:30px;
	padding-right:30px;
	text-align:left;
}

/* Box CONTENT DX CONTATTI che contiene contatti */
#content-dx-contatti {
	width:280px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	background-color:#009900;
}

#content-dx-contatti-padding {
	padding-left:20px;
}

.content-dx-contatti {
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:24px;
	line-height: 36px;
}

.content-dx-email {
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:16px;
	line-height: 24px;
}

/* Box CONTENT DX OFFERTE che contiene offerte */
#content-dx-offerte {
	width:280px;
	font-family:"Times New Roman", Times, serif;
	color:#c9fc61;
	font-size:16px;
	text-align:left;
	background-color:#009900;
}

#content-dx-offerte-padding {
	padding-left:20px;
}

.bianco {
	color: #FFFFFF;
}

.giallo-ffcc00 {
	color: #ffcc00;
}

/* Box FOOTER allineato orizzontalmente al centro */
#footer {
	width:960px;
	height:315px;
	margin: auto;
	background-image:url(../img/sfondo-footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:35px;
	color:#c9fc60;
	clear:both;
}

#footer-padding {
 padding-top:120px;
}

.footer-link {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:35px;
	color:#c9fc60;
}