.floatleft			{float:left !important}
.floatright			{float:right !important}
.right, .destra			{text-align:right}
.left, .sinistra		{text-align:left}
.center, .centro		{text-align:center !important}
.giustifica, .justify		{text-align:justify}
.clear				{clear:both}

.bold, .grassetto       	{font-weight:bold}
.italic, .italico		{font-style:italic}

.invisibile, .hidden		{visibility:hidden}
.nodisp				{display:none}
.nopadding     			{padding:0}
.small				{font-size:0.8em !important}
.small2				{font-size:0.85em !important}
.nosfondo			{background-image:none;}
abbr, acronym, .help 		{border-bottom: 1px dotted #000;cursor: help;}
form {margin:10px; padding:10px;border:1px dashed #ccc; background-color:#f3f3ea}
form p{text-align:center}
input, textarea, select{border:1px solid #aaa; font:400 11px/18px "Lucida Grande","Trebuchet MS",Arial,sans-serif}
object{display:block}
.border{border:1px solid #999}

body{
	margin:0;padding:0;text-align:center;
	background:#3C423E url(../img/Sfondo.jpg) top left repeat-x; color:#000;
	font:11px/1.3 "Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;
}


a[href $= ".pdf"] {
   padding-right: 14px;
   background: transparent url(../img/pdf.png) no-repeat 100% 40%;
}
a[href ^= "mailto"] {
   padding-right: 18px;
   background: transparent url(../img/email.gif) no-repeat 100% 40%;
}
a.blank {
    padding-right:14px;
    background:transparent url(../img/external.png) no-repeat scroll 100% 40%;
}
a.blank_noimg, #loghi a.blank {
    padding-right:0;
    background-image:none;
}


#container{
	width:998px; margin:0 auto;padding:0;text-align:left;
	background:url(../img/Sfondopagina.png) repeat-y;
}
#pagestart{
	height:43px; margin:0 auto -8px auto;
	background:transparent url(../img/page_start.png) no-repeat top center;
	}
	#dataora {margin:0 28px; padding-top:18px}

#page {float:left;width:683px;padding-left:24px;background:transparent url(../img/bg_homecontent.gif) no-repeat 100% 3%;min-height:500px;}
#pagehead {margin:0; padding:0}
#pagehead h1{
	margin:0; padding:10px;
	font-size:180%;color:#036;
	background: transparent url(../img/page_head.gif) repeat-x;
}

#pagecontent{margin:0 10px; padding:0; }
	#pagecontent p{text-align:justify;margin-bottom:5px;}
	#pagecontent img{vertical-align:middle}
	#pagecontent img.gallery{border:1px solid #000;}
	a:link, a:visited{color:#069; font-weight:bold; text-decoration:none}
	a:hover, a:active{font-weight:bold; text-decoration:underline;background-color:#def; color:#069;}
	#pagecontent h2{margin:6px 0; padding:10px 0 0 0; font-size:115%}
	#pagecontent h2.start{padding:5px 0 0 0; font-size:130%; color:#FF7F00}
	#pagecontent h2.alert{padding:5px 0 0 0; font-size:130%; color:#900}
	h3 {margin:3px 0; padding:10px 0 0 0; font-size:110%;color:#FF7F00}
	h3.start{margin:5px 0;padding:5px 0 0 0;font-size:130%; color:#FF7F00}
	#pagecontent h4{margin:10px 0; padding:0; font-size:100%; font-weight:bold}
	#pagecontent img.left{float:left; margin:3px 10px 10px 0}
	#pagecontent img.right{float:right; margin:3px 0 10px 7px}
	#pagecontent li{list-style-image: url(../img/Pallino.jpg);margin-left:15px;}

#portfolio td{padding-bottom:12px; vertical-align:top;}
#portfolio h3 {margin:0; padding:0; font-size:100%; color:#006699}

#globalhead {height:50px; margin:0; padding:0}
#globalheadcontent {/*background-image:url(../img/Sfondopagina.png); background-repeat:repeat-y;*/margin:0; padding:0}
#globalheadcontent img{vertical-align:middle; margin:0px 15px}
#globalheadcontent img.w3c{margin:0px 0px auto 138px}

#containerhead {padding-left:24px;width:950px;}
#containerheadcontent h2{display:none}
#containerheadcontent img{display:block; margin:0; padding:0; border-top:1px solid black;}

/* Links */
#primarynav {
	margin:0;padding:0;
	background:#CCC url(../img/menu_bg.jpg) repeat -20px 35px;
	height:24px;width:683px;
	}
	#primarynav ul li {/*width:auto;*/position:relative;float:left;}
	#primarynav ul ul {position: absolute;}
	#primarynav ul li a{
		border-right:1px solid black;
		height:16px;display:block;padding:4px 14px;text-decoration:none;
		font-weight:bold;color:#fff;
		background:#CCC url(../img/menu_bg.jpg) repeat -20px 35px;
	}
	#primarynav li a:hover, #primarynav li a#current {color:#fff;background-position:-20px 94px;}
	#primarynav ul li ul {display:none;}
	#primarynav ul ul li a {font-size:10px;margin:0;width:130px;}
	#primarynav ul li:hover ul {display: block;}

#util_nav{
	width:267px;height:66px;
	margin-top:-24px;float:right;}
	#util_nav ul {margin-left:131px;padding:0;}
	#util_nav li {display:inline;margin:0;padding:0;}
	#util_nav li a {display:block;width:44px;height:24px;float:left;margin-left:1px;text-indent:-5000px;overflow:hidden;}
        #util_nav li a:hover {background:transparent}

	.a {background:url(../img/a.jpg) no-repeat;}
        .b {background:url(../img/b.jpg) no-repeat;}
	.c {background:url(../img/c.jpg) no-repeat;}
	.e {background:url(../img/e.jpg) no-repeat;}
        .e2 {background:url(../img/e2.jpg) no-repeat;}
	.i {background:url(../img/i.jpg) no-repeat;}
	.l {background:url(../img/l.jpg) no-repeat;}
        .l2 {background:url(../img/l2.jpg) no-repeat;}
        .p {background:url(../img/p.jpg) no-repeat;}
        .p2 {background:url(../img/p2.jpg) no-repeat;}
	.q {background:url(../img/q.jpg) no-repeat;}
        .s {background:url(../img/s.jpg) no-repeat;}
        .s2 {background:url(../img/s2.jpg) no-repeat;}
        .w {background:url(../img/w.jpg) no-repeat;}

/* Sidebar */
#sidebar{float:right; width:267px; margin:0 24px 0 0; padding:0;}
#sidebarcontent{font-size:100%; line-height:140%;margin:0;padding:0;color:#223}
	.Nod32{text-align:justify}
	.Nod32 img{padding-left:9px}
	.Nod32Small{text-align:justify; font-size:10px}
	#sidebarcontent form{margin:0 0 0 7px; padding:0; border:0; background-color:#ccc; text-align:left}
	#sidebarcontent form p{text-align:left}
	#sidebarcontent input, select{border:1px solid #aaa; font:400 11px/12px "Lucida Grande","Trebuchet MS",Arial,sans-serif}
	#sidebarcontent h2{margin:20px 5px 5px 7px; font-size:145%; font-weight:bold}
	#sidebarcontent h2:first-child {margin-top:5px;}
	#sidebarcontent h3{margin:15px 5px 10px 7px; font-size:145%; font-weight:bold}
	#sidebarcontent h4{margin:5px 5px 0 7px; font-size:100%; font-weight:bold}
	#sidebar img{float:left; margin:3px 5px 2px 0}
	#sidebarcontent p{margin:0; padding:5px 5px 10px 7px}
	#sidebarcontent ul{margin:0 0 10px 5px; padding:0 3px 0 3px}
	#sidebarcontent .alt{background:#b8b8b8 url(../img/sidebar_alt.gif) repeat-y}
	#sidebarcontent a:link, #sidebarcontent a:visited{font-weight:bold; text-decoration:none;color:#036}
	#sidebarcontent a:hover, #sidebarcontent a:active{font-weight:bold; text-decoration:underline;background-color:#e1e1cd; color:#036}
	#sidebarcontent h2, #sidebarcontent h3, #sidebarcontent h4{color:#036}
        

/* Footer */
#containerfoot{height:89px;margin:0; padding:0;background:#3C423E url(../img/page_foot.png) no-repeat bottom;clear:both;}
	#containerfootcontent{font-size:100%; text-align:left;margin:0 221px 0 11px; padding:15px}
	#containerfootcontent a:link, #containerfootcontent a:visited{font-weight:bold; text-decoration:none;color:#069}
	#containerfootcontent a:hover, #containerfootcontent a:active{font-weight:bold; text-decoration:underline;background-color:#def; color:#069}

#pagecontent ul.navpath {display:inline; list-style:none; margin:0; padding:0; font-size:100%}
#pagecontent ul.navpath li{display:inline; margin:0; padding:0; text-decoration:none; font-weight:bold;color:#333;list-style-image:none;}
#pagecontent ul.navpath li a{padding:0}

a.Button{font:800 10px/14px "Lucida Grande","Trebuchet MS",Arial,sans-serif; background-color:#00478B; color:#FFF; padding:2px;text-decoration:none; border:1px solid black;margin-left:30px;}
a.Button:hover{background-color:#FF7F00;color:#fff;}

/* WEB HOSTING */
#loghi {margin-top:10px;}
#pagecontent #loghi a:hover {background-color:transparent;}
#pagecontent .wh li {width:90%; margin:10px 10px; padding:0 10px 5px 10px; border:1px solid #505050;position:relative;list-style-image:none;}
#pagecontent .wh li h2 {margin-top:4px;padding:0; font-size:150%; color:#036;}
#pagecontent .wh li p.prezzo{position:absolute;top:6px;right:20px;text-align:right;font-size:130%;font-weight:bold;color:#000}
#pagecontent .wh li span.prezzo{font-weight:bold;color:#000;text-align:right;float:right;margin-top:-1.5em;margin-right:10px}

#map{
	width:650px;height:500px;
	border:1px solid black;margin:10px auto;
}
#map.small{
	width:255px;height:255px;
	overflow:hidden;
}

/*HOMEPAGE*/

#home #page{background:none;}
#home #pagecontent{margin:15px 0 0 4px;}
.boxhome{
	width:338px;height:214px;
	float:left;
	}
        #pagecontent .boxhome a, #pagecontent .boxhome a:hover {text-decoration:none;font-weight:normal;background-color:transparent;color:#fff;}

	.boxhome h3, .boxsidebar h3{height:32px;margin:0;padding:0;text-indent:-10000px;}
	.boxhome p{font-size:11px;margin:28px 32px 0 42px;color:#fff;text-align:left !important;}
	.boxhome acronym {border:none;}
	#box-webdesign{background:transparent url(../img/home/Webdesign.jpg) no-repeat top left}
		#box-webdesign p{margin-left:156px;}
	#box-hotspot{background:transparent url(../img/home/Hotspot.jpg) no-repeat top left}
		#box-hotspot p{margin-top:65px;}
	#box-hosting{background:transparent url(../img/home/Hosting.jpg) no-repeat top left}
		#box-hosting p{margin-top:60px;margin-left:125px;}
	#box-hotel{background:transparent url(../img/home/Hotel.jpg) no-repeat top left}
		#box-hotel p{margin-right:110px;}
	#box-enti{background:transparent url(../img/home/EntiPubblici.jpg) no-repeat top left}
		#box-enti p{margin-left:145px;}
	#box-hardware{background:transparent url(../img/home/Hardware.jpg) no-repeat top left}
		#box-hardware p{margin-right:120px;}

.boxsidebar{
        margin-left:10px;
    }
    #box-pec{
        width:251px;height:175px;
        background:transparent url(../img/home/pec.png) no-repeat top left;
        }
        #box-pec p{margin:-12px 110px 0 0px;line-height:12px;}
    #box-helpdesk{
        width:251px;height:105px;
        background:transparent url(../img/home/helpdesk.png) no-repeat top left;
        }
        #box-helpdesk p{margin:-30px 55px 0 0px;line-height:12px;}
        #box-helpdesk a{
            display:block;
            width:105px;height:35px;text-indent:-10000px;
        }
        #box-helpdesk a:hover{background-color:transparent;}



#tooltip {
	height:175px;width:250px;
	position: absolute;
	z-index:3000;
	text-align:justify;
	margin:0;
	background:transparent url(../img/shadow.png) no-repeat scroll 0 0;
}
#tooltip h3, #tooltip div { margin: 0;padding:18px 18px 0 18px }