html{width:100%; background:#ffffff; text-align:center; height:100%;}
body{width:900px; position:relative; margin:0px auto; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#555555; font-size:0.75em; text-align:left;}

/*reset*/
img{border:none; vertical-align:middle;}
img.bordo{padding:5px; border:1px solid #cccccc; margin:0px 20px 15px 20px;}
ul, ol{font-size:0.90em;}
ul li ul{font-size:1em;}
ul, ol, ul li ul{list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, span, div, li, img, tr, rd, table{margin:0px; padding:0px;}
/*reset*/

/*generali*/
a{color:#333333; font-weight:bold; text-decoration:none;}
a:hover{border-bottom:1px dotted #cccccc;}

a.nostile{border-bottom:none; color:#b51720; cursor:default;}

h2{padding:20px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.5em;}
h3{padding:20px 0px; color:#b51720; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.3em;}
h4{padding-bottom:3px; color:#333333; font-size:1em;}

.sostituisci{position: relative; margin:0px; padding:0px; /*nascondi l'overflow per i browser da Explorer 5/mac */ overflow:hidden;	/**/ font-size:0em;}
.sostituisci span {display:block; position:absolute; top:0;	left:0px; z-index: 1; /*accorgimento per Opera 5 e 6*/ font-size:0em;}
.sostituisci a {display:block; position:absolute; top:0; left:0px; z-index: 1; /*accorgimento per Opera 5 e 6*/ font-size:0em;}

textarea.campo{width:400px; border:1px solid #cccccc; color:#888888; background:#ffffff; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
.campo{width:120px; border:1px solid #cccccc; color:#888888; font-size:1em; background:#ffffff;}
.bottone{width:22px; height:18px; background:url(../img/btn.gif) no-repeat; border:none; vertical-align:top;}

.grande{font-size:1.4em;}
.medio{font-size:1em;}
.piccolo{font-size:0.80em;}

.grassetto{font-weight:bold;}
.errore, .inserito{color:#cc0000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.90em;}
.inserito{background:#dddddd; border:1px solid #d9d9d9;}
/*generali*/

/*colori*/
.bianco{color:#ffffff;}
.rosso, #interna .testo a, .tabella h4 a{color:#b51720;}
.blu{color:#000033;}
.grigio, #interna .testo a:hover, .tabella h4 a:hover{color:#888888;}
/*colori*/

/*posizione*/
.sx{float:left;}
.dx{float:right;}
/*posizione*/

/*testata*/
#tit-branding, #tit-branding span, #tit-branding a{width:180px; height:45px; display:block; float:left; color:#ffffff; background:url(../img/logo-netsinergy.gif) top left no-repeat;}

#mission{width:395px; height:60px; display:block; padding:20px 0px 0px 0px; float:right; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888888;}
#home #mission{margin-bottom:310px;}
#interna #mission{margin-bottom:0px;}
/*testata*/

/*home-servizi*/
#servizi{width:900px; clear:both; position:relative; border-top:1px dotted #cccccc;}
#servizi li{width:270px; margin-top:20px; padding:0px 13px; display:block; float:left;}
#servizi li.bordo{border-right:1px dotted #cccccc; border-left:1px dotted #cccccc;}
#servizi li ul li{width:265px; margin-top:0px; padding:10px 0px 10px 8px; float:none; background:url(../img/freccina.gif) no-repeat 0px 14px;}

#servizi .bottone{width:51px; height:18px; background:url(../img/btn-iscrivi.gif) no-repeat;}

#servizi a.rss-link{display:block; line-height:14px; position:absolute; color:#888888; top:40px; left:670px;}
#tit-blog, #tit-blog span, #tit-blog a{width:265px; height:60px; display:block; color:#ffffff; background:url(../img/tit-blog.gif) top left no-repeat;}
/*home-servizi*/

/*home-tag*/
#home .tag h3{padding-left:15px; clear:both;}
#home .tag p{width:868px; margin-top:-20px; padding:10px 15px; border:1px dotted #cccccc; font-size:0.85em;}
/*home-tag*/

/*footer*/
#footer{width:870px; height:20px; margin:20px auto 0px auto; padding:5px 15px; border-top:1px dotted #cccccc; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888888; font-size:0.85em; clear:both;}
#footer ul{width:500px; text-align:right;}
#footer ul li{display:inline; padding:3px;}
#footer ul li a{color:#888888;}
#footer ul li a:hover{color:#333333; text-decoration:underline; border-bottom:none;}
/*footer*/

/*home-portfolio*/
a#portfolio-completo{width:110px; height:195px; position:absolute; top:90px; left:890px; border-bottom:none;}
#portfolio{width:710px; height:292px; position:absolute; top:85px; right:0px;}
#portfolio li{width:235px; height:145px; display:block; float:left; border-left:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#portfolio li img{vertical-align:top;}

.hideshow{position:absolute; display:block; width:235px; height:145px; background:url(../img/bg-portfolio.png) repeat-x; display:none;}

#hideshow1 {top:0px; left:1px;}
#hideshow2 {top:0px; left:237px;}
#hideshow3 {top:0px; left:473px;}
#hideshow4 {top:146px; left:1px;}
#hideshow5 {top:146px; left:237px;}
#hideshow6 {top:146px; left:473px;}

#portfolio li h3 {color:#ffffff; padding:20px 10px 0px 10px; font-size:1.1em; font-style:normal; font-weight:normal;}
#portfolio li a {color:#ffffff; border:none; display:block; width:235px; height:145px;}
/*home-portfolio*/

/*home-menu*/
#contenitore-menu1{width:165px; height:295px; position:absolute; top:80px; left:0px;}
.menu1{width:155px; margin-bottom:20px; font-size:11px;}
.menu1 li{padding:8px 0px;}
.menu1 li.selezionato{padding:8px 0px 0px 0px;}
.menu1 li a{padding:3px 3px; background:url(../img/bg-menu.gif) repeat-x bottom; color:#ffffff; text-transform:uppercase;}
.menu1 li a:hover{border-bottom:none; color:#dddddd;}

.menu1 li ul{margin:5px 0px 0px 0px;}
.menu1 li ul li{padding:1px;}
.menu1 li ul li a{padding:0px; background:none; color:#555555; text-transform:lowercase; font-weight:normal; }
.menu1 li ul li a:hover{border-bottom:1px dotted #cccccc; color:#555555;}
.menu1 li ul li a.selezionato{font-weight:bold;}

#cerca{font-size:0.90em; margin-bottom:20px;}
/*home-menu*/

/*interna*/

/*centro*/
#pagina{width:715px; margin:0px; float:right; }
	
#corpo{width:460px; float:left;}
#corpo h3{margin-bottom:20px; clear:both;}
#corpo ul, #corpo p, #corpo div{padding-bottom:20px;}
#corpo div.post{padding-bottom:0px;}

.testo{/*margin-bottom:20px;*/}
#corpo .testo div{margin:0px; padding:0px;}
.testo ul.lista{margin-top:5px;}
.testo ul.lista li{padding-left:10px; line-height:16px; background:url(../img/freccina.gif) no-repeat 0px 6px; font-style:italic; font-size:1.1em;}
#corpo .testo h3{padding:0px 0px; margin:0px; border:none; font-size:0.90em;}

#corpo p.alterna1, #corpo p.alterna2{padding:10px; margin:-10px 0px 10px 0px;}
#corpo p.alterna1 span.editore, #corpo p.alterna2 span.editore{font-size:0.90em; display:block; margin:0px 0px 10px 0px;}
#corpo p.alterna1 span.editore span, #corpo p.alterna2 span.editore span{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1em; display:normal;}

.alterna1{background:#ffffff;}
.alterna2{background:#f3f3f3;}

#briciole li, .utilita li, .post-tag li{display:inline;}
.utilita{width:430px; float:right; text-align:right;}

.paginazione{width:460px; padding-top:20px; clear:both; font-family:Georgia, "Times New Roman", Times, serif;}
.paginazione a{color:#b51720;}
.paginazione a:hover{text-decoration:underline; border-bottom:none;}
.paginazione li.sx{padding-left:12px; background:url(../img/bg-indietro.gif) no-repeat left;}
.paginazione li.dx{padding-right:12px; background:url(../img/bg-avanti.gif) no-repeat right;}

/*post*/
.post{width:460px; position:relative; clear:both;}

.post-titolo{width:410px; display:block; float:right; margin-bottom:15px;}
.post-titolo h2{padding:10px 0px;}
.post-titolo span{font-size:0.90em;}
.post-titolo span a{color:#000033;}

.post-titolo-tag{float:left; font-size:0.90em;}
.post-tag{width:430px; float:right;}
.post-tag li a{color:#000033;}

.post .testo img{padding:5px; border:1px solid #cccccc; margin:0px 20px 15px 20px;}
.post .testo{clear:both;}

.post-data{width:40px; line-height:10px; margin:0px; padding:0px; position:absolute; top:10px; left:0px; background:url(../img/bg-data.gif) no-repeat center; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
.post-data li.anno{margin:0px; padding:0px 0px 3px 0px; font-size:11px; color:#888888;}
.post-data li.mese{padding:0px 0px 8px 0px; font-size:11px; color:#ffffff;}
.post-data li.giorno{font-size:15px; color:#b51720;}

.post-modulo li{margin:10px 0px; clear:both;}
.post-modulo label{width:115px; float:left; display:block;}
.post-modulo campo{float:left;}
.post-modulo .bottone{width:44px; height:18px; margin:10px 0px 10px 180px; background:url(../img/btn-invia.gif) no-repeat; border:none;}
.post-modulo .bottone-iscrivi{width:51px; height:18px; margin:10px 0px 10px 100px; background:url(../img/btn-iscrivi.gif) no-repeat; border:none;}
/*post*/


/*case*/
.case{width:460px; position:relative;}
.case p, .case h2{width:300px; float:right; padding:0px 0px 10px 0px;}
#corpo .case-logo{width:140px; height:95px; display:block; text-align:center; border:3px solid #dfdfdf; position:absolute; top:0px; left:0px;}
.case li ul{width:300px; float:right;}
.case li ul li{display:inline; margin:0px 5px;}

.sottotitolo{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#corpo img.img-sito{margin:0px auto 20px auto; display:block; text-align:center; border:1px solid #cccccc;}
#corpo a.img-sito{width:460px; margin-bottom:20px; display:block; text-align:center;}
#corpo a.img-sito:hover{border-bottom:none; padding-bottom:0px;}
#corpo a.img-sito img{border:1px solid #cccccc;}

#corpo .img-sito-anteprima{/*margin-top:-20px;*/}
#corpo .img-sito-anteprima li{display:inline;}
#corpo .img-sito-anteprima img{margin-left:5px; margin-bottom:20px; border:3px solid #dfdfdf;}
#corpo .img-sito-anteprima a img:hover{border:3px solid #b51720;}
/*case*/

/*risultato*/
.risultato-ricerca{width:460px;}
.risultato-ricerca li{border-bottom:1px dotted #dddddd;}
#corpo .risultato-ricerca li h3{width:440px; clear:none; margin:0px 0px 5px 0px; border:none; float:right;}
.risultato-ricerca li span{width:20px; line-height:30px; color:#555555; font-size:0.90em; display:block; float:left;}
.risultato-ricerca li p{clear:both; margin-left:20px;}
/*risultato*/

/*tabella*/
ul.tabella{width:460px;}
ul.tabella li.dx{width:222px; margin:0px 0px 10px 0px; float:right;}
ul.tabella li.sx{width:222px; margin:0px 10px 10px 0px; float:left;}
ul.tabella li h4{width:220px;}
ul.tabella li p{padding:5px; min-height:150px; border:1px dotted #dddddd;}

/*ul.tabella{width:460px;}
ul.tabella li h4{width:200px;}
ul.tabella li{margin:0px 10px 10px 0px; float:left;}
ul.tabella li p{min-height:150px; width:200px; padding:5px; border:1px dotted #dddddd;}
*html ul.tabella li p{height:150px; padding:5px; margin:0px 10px 10px 0px; float:left; border:1px dotted #dddddd; overflow:auto; scrollbar-3dlight-color:#ffffff; 
scrollbar-arrow-color:#aaaaaa; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#cccccc; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#aaaaaa;}*/
/*tabella*/

/*centro*/

/*dx*/
#colonna-dx{width:215px; margin:0px 15px 0px 0px; float:right;}
*html #colonna-dx{width:215px; margin:0px 10px 0px 0px; float:right;}

#colonna-dx .box li img, #colonna-sx .box li img{padding-right:10px;}
#colonna-dx .box li a.no-bordo:hover, #colonna-sx .box li a.no-bordo:hover{border-bottom:none;}
#colonna-dx .box, #colonna-sx .box{margin-bottom:20px;}
#colonna-dx .box li, #colonna-sx .box li{margin-bottom:10px;}
#colonna-dx .box li h4, #colonna-sx .box li h4{background:url(../img/freccina.gif) no-repeat 0px 6px;}
#colonna-dx .box li h4, #colonna-dx .box li p, #colonna-dx .box li div, #colonna-sx .box li h4, #colonna-sx .box li p, #colonna-sx .box li div{padding-left:8px; line-height:16px; }

#colonna-dx h3, #colonna-sx h3, #corpo h3{padding:5px 0px; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc;}
#colonna-dx h4, #colonna-sx h4{padding-bottom:0px;}

#interna .tag li{margin-bottom:0px;}
#interna .tag li ul{width:205px; padding:10px 5px; border:1px dotted #cccccc; border-top:none; background:url(../img/bg-tag.gif) repeat-x bottom; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px;}
#interna .tag li ul li{margin:0px; display:inline; padding:0px 5px;}
#interna .tag li ul li a{color:#888888;}

#colonna-dx .box li.case-logo{width:215px; text-align:center; border:none;}
#colonna-dx .box li.case-logo img{border:3px solid #dfdfdf; padding:0px;}
/*dx*/

/*sx*/
#colonna-sx{width:165px; float:left; margin:0px 0px 0px 0px;}
*html #colonna-sx{width:165px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*sx*/
/*interna*/


/*CSS3*/
.testo h6{font-size:1.1em; text-shadow:#bbbbbb 3px 3px 2px;}

.testo #css3-test li{display:block; width:100%; clear:both;}
.testo #css3-test li p{width:212px; margin:0px 10px 0px 0px; float:right;}
.testo #css3-test li > p:first-of-type {width:206px; padding:5px; min-height:150px; margin-bottom:20px; border:1px dotted #dddddd; float:left;}
.testo #css3-test li > p:last-of-type span{font-weight:bold;}

.testo #css3-test li#webdesign p:first-of-type{width:135px; padding-right:77px; background:url(../img/css3-albero.gif) no-repeat 137px 20px, url(../img/css3-lumaca.gif) no-repeat 0px 110px, url(../img/css3-prato.gif) repeat-x bottom;}

.testo #css3-test li#duepuntozero > p:first-of-type{box-shadow:2px 2px 5px #888888; -webkit-box-shadow:2px 2px 5px #999999;}

.testo #css3-test li#tv{padding-top:10px; background:url(../img/css3tv.gif) no-repeat 90px 0px;}
.testo #css3-test li#tv > p:first-of-type{background:url(../img/css3-tv.png) repeat-x; -moz-border-radius:7px; -webkit-border-radius:7px;}

.testo #css3-test li#marketing p:first-of-type{column-width:95px; -moz-column-width:95px; -webkit-column-width:95px; column-gap:10px; -moz-column-gap:10px; -webkit-column-gap:10px; column-count:2; -moz-column-count:2; -webkit-column-count:2;}

.testo #css3-test li#webseo p:first-of-type{background:url(../img/css3-seo.png) no-repeat; box-shadow:-2px 2px 5px #888888; -webkit-box-shadow:-2px 2px 5px #999999; opacity:0.40;}
.testo #css3-test li#webseo p:first-of-type:hover{opacity:1.0;}
/*CSS3*/

/*HTML5*/
article{width:460px; margin:20px auto; display:block;}
article mark{color:#b51720}
article p{margin:10px 0px 0px 0px;}

header{width:100%; margin-bottom:15px; padding:10px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; position:relative;}
header h1{width:410px; display:block; float:right; margin-bottom:15px; margin-top:10px; font-size:1.7em;}

time{width:40px; height:60px; line-height:10px; margin:0px; padding:0px; position:absolute; top:10px; left:0px; background:url(../img/bg-data.gif) no-repeat center; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
time .anno{margin:0px; padding:0px 0px 3px 0px; font-size:11px; color:#888888; display:block;}
time .mese{padding:0px 0px 8px 0px; font-size:11px; color:#ffffff; display:block;}
time .giorno{font-size:15px; color:#b51720; display:block;}

article #css3-test article{display:block; width:100%; clear:both;}
article #css3-test article p{width:212px; margin:0px 10px 0px 0px; font-size:0.90em;}
article #css3-test article aside{width:212px; margin:0px 10px 0px 0px; float:right;}
article #css3-test article header h1{width:auto; font-size:0.95em; margin-bottom:2px; margin-left:2px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-style:normal; float:none;}
article #css3-test article > p:first-of-type {width:206px; padding:5px; min-height:150px; margin-bottom:20px; border:1px dotted #dddddd; float:left;}
article #css3-test article > p:last-of-type span{font-weight:bold;}

article #css3-test article#webdesign p:first-of-type{width:135px; padding-right:77px; background:url(../img/css3-albero.gif) no-repeat 137px 20px, url(../img/css3-lumaca.gif) no-repeat 0px 110px, url(../img/css3-prato.gif) repeat-x bottom;}

article #css3-test article#duepuntozero > p:first-of-type{box-shadow:2px 2px 5px #888888; -webkit-box-shadow:2px 2px 5px #999999;}

article #css3-test article#tv{padding-top:10px; background:url(../img/css3tv.gif) no-repeat 90px 10px;}
article #css3-test article#tv > p:first-of-type{background:url(../img/css3-tv.png) repeat-x; -moz-border-radius:7px; -webkit-border-radius:7px;}

article #css3-test article#marketing p:first-of-type{column-width:95px; -moz-column-width:95px; -webkit-column-width:95px; column-gap:10px; -moz-column-gap:10px; -webkit-column-gap:10px; column-count:2; -moz-column-count:2; -webkit-column-count:2;}

article #css3-test article#webseo p:first-of-type{background:url(../img/css3-seo.png) no-repeat; box-shadow:-2px 2px 5px #888888; -webkit-box-shadow:-2px 2px 5px #999999; opacity:0.40;}
article #css3-test article#webseo p:first-of-type:hover{opacity:1.0;}

footer{width:100%; display:block; clear:both; margin:10px 0px;}
footer a{color:#000033;}
/*HTML5*/