.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: none;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;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#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 }

.iubenda-ibadge{margin-left: 8px}