/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#6f6f6f; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, h5, h6, h7, h8, h9, h10 img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#mainbody{width:775px; margin:0 auto; position:relative; padding:0px; border-left: #CCCCCC 1px solid} 

/*  TOP HEADER  */

#topheader{height:101px; width:770px; background:url(../images/topline.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;} 

#topheader img{height:68px; width:225px; position:absolute; top:20px; left:10px;}

#topheader ul {width:485px; height:33px; position:absolute; top:47px; left:269px; background:url(../images/lines_m.jpg) 0 0 no-repeat;}
#topheader ul li{float:left}

#topheader ul li.home{width:61px; height:17px; margin-right:20px}
#topheader ul li.home a{width:61px; height:17px; display:block; background:url(../images/home_g.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.home a:hover{width:61px; height:17px; background:url(../images/home_v.jpg) 0 0 no-repeat;}

#topheader ul li.about{width:83px; height:17px; margin-right:20px}
#topheader ul li.about a{width:83px; height:17px; display:block; background:url(../images/azienda_g.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.about a:hover{width:83px; height:17px; background:url(../images/azienda_v.jpg) 0 0 no-repeat;}

#topheader ul li.services{width:88px; height:17px; margin-right:20px}
#topheader ul li.services a{width:88px; height:17px; display:block; background:url(../images/soluzioni_g.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.services a:hover{width:88px; height:17px; background:url(../images/soluzioni_v.jpg) 0 0 no-repeat;}

#topheader ul li.support{width:86px; height:17px; margin-right:17px}
#topheader ul li.support a{width:86px; height:17px; display:block; background:url(../images/supporto_g.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.support a:hover{width:86px; height:17px; background:url(../images/supporto_v.jpg) 0 0 no-repeat;}

#topheader ul li.contacts{width:83px; height:17px;}
#topheader ul li.contacts a{width:83px; height:17px; display:block; background:url(../images/contatti_g.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topheader ul li.contacts a:hover{width:83px; height:17px; background:url(../images/contatti_v.jpg) 0 0 no-repeat;}

/* TOP BACK */

#topback{height:295px; width:770px; background:url(../images/main_back.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topback h2{width:181px; height:28px; background:url(../images/h_welcome.jpg) 0 0 no-repeat; text-indent:-20000px; margin:14px 0 0 19px;}
#topback p{width:170px; margin:14px 0 0 23px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; }
#topback p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }

#topback_sub{height:160px; width:770px; background:url(../images/main_back_sub.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topback_sub h2{width:181px; height:28px; background:url(../images/h_welcome.jpg) 0 0 no-repeat; text-indent:-20000px; margin:14px 0 0 19px;}
#topback_sub p{width:300px; margin:14px 0 0 23px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; }
#topback_sub p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase; }

#topback ul{width:170px; margin:14px 0 0 23px;}
#topback ul li a{display:block; width:160px; height:20px; background:url(../images/arrow1.jpg) 0 6px no-repeat; font:10px/20px Tahoma, Arial, Helvetica, sans-serif; color:#6fe3f0; font-weight:bold; text-decoration:none; padding:0 0 0 20px;}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 

#topback_sub ul{width:170px; margin:14px 0 0 23px;}
#topback_sub ul li a{display:block; width:160px; height:20px; background:url(../images/arrow1.jpg) 0 6px no-repeat; font:10px/20px Tahoma, Arial, Helvetica, sans-serif; color:#6fe3f0; font-weight:bold; text-decoration:none; padding:0 0 0 20px;}
#topback_sub ul li a:hover{text-decoration:underline; color:#FFF} 
#topback_sub ul li p {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-transform:uppercase; }

#topback ul.ask {width:200px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}

/*  BODY PAN */

#bodypan{width:770px; margin:0 0 0 5px; position:relative; padding:0px;}

#leftpan{width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#leftpan h2{width:219px; height:27px; background:url(../images/h_latestnews.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#leftpan ul{width:215px; margin:0 0 0 4px;}
#leftpan ul li.arrow{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#72ab13; margin-top:14px}
#leftpan ul li{background:none; padding:0 0 0 16px;}
#leftpan ul li span {font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#4aafdc;}
#leftpan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

#middlepan{width:212px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan h2{width:212px; height:27px; background:url(../images/h_featuredservices.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan span{color:#4aafdc;}
#middlepan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan a:hover{color:#4aafdc;}

#middlepan2{width:500px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan2 h2{width:500px; height:27px; background:url(../images/h_featuredservices.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan2 h3{width:500px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan2 span{color:#4aafdc;}
#middlepan2 a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan2 a:hover{color:#4aafdc;}

#middlepan3{width:500px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan3 h2{width:500px; height:27px; background:url(../images/h_featuredservices.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan3 h4{width:500px; height:27px; background:url(../images/h_svilupposw.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan3 h5{width:500px; height:27px; background:url(../images/h_supporto.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan3 h6{width:500px; height:27px; background:url(../images/h_contatti.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}

#middlepan3 h3{width:500px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan3 p{font-size:14px}
#middlepan3 span{color:#4aafdc;}
#middlepan3 a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan3 a:hover{color:#4aafdc;}

#middlepan4{width:500px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan4 h2{width:500px; height:27px; background:url(../images/h_serviziweb.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan4 h4{width:500px; height:27px; background:url(../images/h_documentale.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan4 h5{width:500px; height:27px; background:url(../images/h_vendita.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan4 h6{width:500px; height:27px; background:url(../images/h_trendmicro.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}

#middlepan4 h3{width:500px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan4 p{font-size:14px}
#middlepan4 span{color:#4aafdc;}
#middlepan4 a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan4 a:hover{color:#4aafdc;}

#middlepan5{width:500px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan5 h2{width:500px; height:27px; background:url(../images/h_partners.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan5 h4{width:500px; height:27px; background:url(../images/h_documentale.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan5 h5{width:500px; height:27px; background:url(../images/h_vendita.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan5 h6{width:500px; height:27px; background:url(../images/h_trendmicro.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}

#middlepan5 h3{width:500px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan5 p{font-size:14px}
#middlepan5 span{color:#4aafdc;}
#middlepan5 a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan5 a:hover{color:#4aafdc;}



#rightpan{width:246px; margin:18px 0 0 28px; position:relative; padding:0px; float:left}
#rightpan h2{width:246px; height:27px; background:url(../images/h_professionalteam.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#rightpan span{color:#4aafdc;}
#rightpan #img01{background:url(../images/fujitsu_logo.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan #img02{background:url(../images/cisco_logo.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan #img03{background:url(../images/TM_logo.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:12px}
#rightpan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}

/*  FOOTER */

#footer{width:770px; height:75px; margin:15px 0 0 5px; position:relative; padding:0px; background:#f3f3f3;}
#footer p{margin:20px 0 0 40px; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:underline;}
#footer img {height:37px; width:123px; position:absolute; top:17px; left:510px;}