* { padding:0; margin:0;  }

body{ background:#FFFFFF url(images/mainbg.gif) repeat-x scroll 0 0; color:#666666; font-size:14px; line-height: 1.3em; font-family: Verdana, Arial, sans-serif; font-style:normal; font-variant:normal; font-weight:normal; margin:0; padding:0;}

ul{ list-style-type:none;}

a { color:#047; text-decoration:underline;}

a:hover { color:#c00; text-decoration:none;}

acronym{ border-bottom: 1px dotted black; cursor:help;}

img { border:none;}





/* header*/

#header { width:911px; margin: 0px auto; height:120px; position:relative; }



#header img {display:block; width:230px; height:80px; position:absolute; top:27px; left:0;}

#header ul {display:block; height:35px; width:406px; position:absolute; top:46px; right:0; }

#header ul li {float:right; font-weight:bold; }

#header ul li a {width:80px; line-height:32px; height:36px; display:block; color:#555555; text-align:center; margin:0 1px 0 0; text-decoration: none; font-size:12px; background: #F5F4F4 url(images/topmenu-normal.jpg) no-repeat scroll 0 0;}

#header ul li a:hover {text-decoration:none; color:#FFFFFF; text-align:center; background:#F5F4F4 url(images/topmenu-hover.jpg) no-repeat scroll 0 0;}

#header ul li.active { height:36px; display:block; width:80px; line-height:32px; text-align:center; margin:0 1px 0 0; color:#FFFFFF; font-size:12px; background:#F5F4F4 url(images/topmenu-hover.jpg) no-repeat scroll 0 0; }



/* footer*/

#footer { height:113px; position:relative; color:#4C4C4C; font-size:11px; text-align:center; background:#F4F4F4 url(images/footerbg.gif) repeat-x scroll 0 0;}

#footer #corpo { width:911px; margin: 0 auto; position:relative;}

#footer #corpo ul {display:block; position:absolute; top:12px; right:0px;}

#footer #corpo ul li {float:right; font-weight:bold; }

#footer #corpo ul li a { display:block; width:80px; text-decoration: underline; text-align:center; margin:0 1px 0 0; font-size:12px; color:#555555;}

#footer #corpo ul li a:hover { text-decoration: none; color:#666666;}

#footer p.copyright {display:block; width: 911px; position:absolute; top:60px; }

#footer p.key {display:block; width: 911px; position:absolute; top:90px; }



/* container*/

#container{width:911px; margin: 0px auto; position:relative;}

/* container*//* content*/

#container.group:after, #content.group:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/* content*/

#content {float:left; width:700px;}

#content img{display:block; float:left; }

#content p{ margin: 10px 0;}

#content p.formthankyou{ margin-bottom: 290px; }

#content ul{ display:block; margin-bottom:30px;}

#content #introduzione p{margin-left: 220px;height: 225px;text-align: justify;}

#content h1 {font-size:13px; font-weight: bold; margin:15px 0px; color:#555555;}

#content #bread h1 {font-size:13px; font-weight: bold; margin:15px 0px; color:#555555; display:inline;}

#content h1.arancio { background: url(images/symbol2-a.gif) no-repeat scroll 0 8px; padding-left: 15px; display:block;  margin-bottom: 8px; margin-top: 22px; font-size:16px; font-weight:bold; color:#FF7113;}

#content h1.verde { background: url(images/symbol2-v.gif) no-repeat scroll 0 8px; padding-left: 15px; display:block;  margin-bottom: 8px; margin-top: 22px; font-size:16px; font-weight:bold; color:#66cc00;}

#content h1.blu { background: url(images/symbol2-b.gif) no-repeat scroll 0 8px; padding-left: 15px; display:block;  margin-bottom: 8px; margin-top: 22px; font-size:16px; font-weight:bold; color:#336699;}

#content h2 {font-size:15px; font-weight: bold; margin:15px 0 10px 0px; color:#555555;}

/* bread*/

#content #bread { margin:15px 0 30px 0px; font-size:13px; font-weight: bold; color:#555555;}

#content #bread a {text-decoration:none; color:#555555;}

#content #bread a:hover { text-decoration:underline; color:#555555;}

#content #bread a:visited {color:#222; color:#555555;}



/* panels*/

#content #panels {height:200px; position:relative; margin-top:15px;}

#content #panels h2{display:block; width:90px; height:47px; margin:25px 0 0 85px; font-size:18px; font-weight:bold; position:absolute; top:0px; left:0px; color:#fff;}

#content #panels p{ width:210px; display:block; position:absolute; top:0px; z-index:1; padding:0; margin:110px 50px 0 25px; color:#fff; left: -3px; }

#content #panels a{width:210px; height:225px; display:block; text-decoration:none; }



#content #panels #panels-sx{width:210px; height:225px;  position:absolute; top:0; left:0; background:url(images/web-design.jpg) no-repeat 0 0;}

#content #panels #panels-sx a:hover{width:210px;height:225px;background:url(images/web-design-hover.jpg) no-repeat 0 0 #FC5F00; text-decoration:none;}



#content #panels #panels-center {width:210px; height:225px; position:absolute; top:0; left:248px; background:url(images/webmaster.jpg) no-repeat 0 0;}

#content #panels #panels-center a:hover{width:210px; height:225px; background:url(images/webmaster-hover.jpg) no-repeat 0 0 #FC5F00; text-decoration:none;}



#content #panels #panels-dx {width:210px; height:225px; position:absolute; top:0; right:0; background:url(images/web-marketing.jpg) no-repeat 0 0;}

#content #panels #panels-dx a:hover{width:210px; height:225px; background:url(images/web-marketing-hover.jpg) no-repeat 0 0 #FC5F00; text-decoration:none;}

#content #panels #panels-dx h2{margin:25px 0 0 75px; left: -5px;}



/* items*/

#content #items {height:90px; position:relative; font-size:11px;}

#content #items a {width:210px; height: 33px; display:block; text-indent:18px; }



#content #items #items-sx {width:210px; position:absolute; top:0; left:0;}

#content #items #items-sx a {background:url(images/symbol2-a.gif) 0 8px no-repeat; color:#FF7113; }

#content #items #items-sx a:hover { background:url(images/symbol2-g.gif) 0 8px no-repeat; color:#666666; }



#content #items #items-center {width:210px; position:absolute; top:0; left:248px;}

#content #items #items-center a {background:url(images/symbol2-v.gif) 0 8px no-repeat; color:#66CC00;}

#content #items #items-center a:hover { background:url(images/symbol2-g.gif) 0 8px no-repeat; color:#666666;}



#content #items #items-dx {width:210px; position:absolute; top:0; right:0; }

#content #items #items-dx a { background:url(images/symbol2-b.gif) 0 8px no-repeat; color:#336699;}

#content #items #items-dx a:hover { background:url(images/symbol2-g.gif) 0 8px no-repeat; color:#666666;}



/* sidebar*/

#sidebar {float:right; width:180px; margin:0 0 20px; padding:0 0 20px 10px; font-size:12px;}

#sidebar h2 { margin:60px 0 20px 0px; font-size:13px; font-weight: bold; color:#555555;}

#sidebar p.home {margin-top:4px;}

#sidebar .box {margin-top: 65px; padding: 3px; border: 1px solid #999; width: 175px; position: relative; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px;  }

#sidebar .box h2 {display: inline; position: absolute; font-weight:bold; top: -13px; background: #fbfbf2; color:#555555; margin: 0 3px; padding:2px; }

#sidebar .box p { margin: 1em 0; padding: 0.2em;}

#sidebar .box p:hover {background: #ffc; color: #000;}



/* bottombar*/

#bottombar {clear:both; margin:10px 0px 10px 0px; padding:10px;}

#bottombar.arancio {border: 1px dotted #FF7113;}

#bottombar.verde {border: 1px dotted #66cc00;}

#bottombar.blu {border: 1px dotted #336699;}



/* form*/

form {width:700px; margin-top: 20px; margin-bottom: 20px;}

fieldset {padding:10px; margin:10px;}

fieldset table {margin:3px 0 1px 0;}

legend {font-size:100%; border:1px solid #000; background:#efefef;color:#c00;padding:3px;}



form tr {height:25px;}

form td.etichetta { width:290px; }