/* CSS Document */
/*HI-Lab css document*/
/* top bar */
body { font-family:Arial; font-size:11px; background-color:#FFF; margin:0px auto; }
h1 { margin: 8px 0 1px 5px; padding: 0px 0px 0px 12px; font-size: 18px; font-weight:normal; color: #CCC; }
p { margin: 0; padding: 5px 10px 5px 10px; }
img { border-bottom-width : inherit; border-left-width : inherit; border-right-width : inherit; border-top-width : inherit; }
a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
    color:#FFF;
  }
#toplogo {
    width:400px;
    background-color:#212224;
    height:59px;
    background: #212224 url(images/logohilab.jpg) no-repeat;
    margin-left: 25px;
  }
#toplogo h1 {
    visibility : hidden;
  }

#topleft {
    width:652px;
    background-color:#212224;
    height:74px;
    float:left;
    text-align:left;
  }

#topright {
    width:264px;
    background-color:#212224;
    float:right;
    height:74px;
  }

/*content*/
.content {
    width:919px;
    margin:0px auto;
  }

#Banner {
    width:652px;
    height:384px;
    background-color:#212224;
    float:left; margin-top: -16px;

  }

.Banner {
    color:#999;
    padding-top:18px;
    background-color:#212224;
  }

#web-content {
    width:652px;
    height:384px;
    background: #212224 url(images/boxservizi.png) no-repeat center;
    float:left;
    margin-top: -16px;
  }

.web {
    color:#999;
    font-size:13px;
    padding-bottom : 38px;
    padding-left : 38px;
    padding-top : 18px;
    padding-right : 38px;
  }

.web h2 {
    margin: 2px 0 1px 2px;
    font-size: 13px;
    color: #008A2E;
  }

.web ul {
    font-size : 13px;
    list-style-image : url('images/puntoelenco_verde.gif');
    margin-bottom : 3px;
    margin-top : 3px;
  }

#video-content {
    width:652px;
    height:384px;
    background: #212224 url(images/boxservizi.png) no-repeat center;
    float:left;
    margin-top: -16px;
  }

.video {
    color:#999;
    font-size:13px;
    padding-bottom : 38px;
    padding-left : 38px;
    padding-top : 18px;
    padding-right : 38px;
  }

.video h2 {
    margin: 2px 0 1px 2px;
    font-size: 11px;
    color: #E7511E;
  }

.video ul {
    font-size:13px;
    list-style-image : url('images/puntoelenco_arancio.gif');
    margin-bottom : 3px;
    margin-top : 3px;
  }

#grafica-content {
    width:652px;
    height:384px;
    background: #212224 url(images/boxservizi.png) no-repeat center;
    float:left;
    margin-top: -16px;
  }

.grafica {
    color:#999;
    font-size:13px;
    padding-bottom : 38px;
    padding-left : 38px;
    padding-top : 18px;
    padding-right : 38px;
  }

.grafica h2 {
    margin: 2px 0 1px 2px;
    font-size: 14px;
    color: #009EE0;
  }

.grafica ul {
    font-size : 13px;
    list-style-image : url('images/puntoelenco_celeste.gif');
    margin-bottom : 3px;
    margin-top : 3px;
  }

#software-content {
    width:652px;
    height:384px;
    background: #212224 url(images/boxservizi.png) no-repeat center;
    float:left;
    margin-top: -16px;
  }

.software {
    color:#999;
    font-size:13px;
    padding-bottom : 38px;
    padding-left : 38px;
    padding-top : 18px;
    padding-right : 38px;
  }

.software h2 {
    margin: 2px 0 1px 2px;
    font-size: 13px;
    color: #E2007A;
  }

.software ul {
    font-size : 13px;
    list-style-image : url('images/puntoelenco_fuxia.gif');
    margin-bottom : 3px;
    margin-top : 3px;
  }

#weblogo {
    width:105px;
    height:61px;
    background: url(images/web.png) no-repeat;
    margin-left: 25px;
  }

#weblogo h1 {
    visibility : hidden;
  }

#videologo {
    width:147px;
    height:61px;
    background: url(images/video.png) no-repeat;
    margin-left: 5px;
  }

#videologo h1 {
    visibility : hidden;
  }

#graficalogo {
    width:209px;
    height:61px;
    background: url(images/grafica.png) no-repeat;
    margin-left: 5px;
  }
#graficalogo h1 {
    visibility : hidden;
  }

#softwarelogo {
    width:260px;
    height:61px;
    background: url(images/software.png) no-repeat;
    margin-left: 5px;
  }

#softwarelogo h1 {
    visibility : hidden;
  }
#chisiamologo {
    width:307px;
    height:61px;
    background: url(images/chi-siamo.png) no-repeat;
    margin-left: 5px;
  }

#chisiamologo h1 {
    visibility : hidden;
  }

#portfoliologo {
    width:330px;
    height:61px;
    background: url(images/portfolio.png) no-repeat;
    margin-left: 5px;
  }

#portfoliologo h1 {
    visibility : hidden;
  }

#servizilogo {
    width:230px;
    height:61px;
    background: url(images/servizi.png) no-repeat;
    margin-left: 5px;
  }

#servizilogo h1 {
    visibility : hidden;
  }

#downloadlogo {
    width:329px;
    height:61px;
    background: url(images/download.png) no-repeat;
    margin-left: 5px;
  }

#dove-trovarcilogo h1 {
    visibility : hidden;
  }
#dove-trovarcilogo {
    width:379px;
    height:61px;
    background: url(images/dove-trovarci.png) no-repeat;
    margin-left: 5px;
  }

#downloadlogo h1 {
    visibility : hidden;
  }

#boxmenu {
    width:264px;
    float:right;
    height:262px;
    background-color:#0B46BB;
    text-align:center;
  }

a.r_web {
    text-decoration:none;
    width:130px;
    height:40px;
    display:block;
    float:left;
    border:1px #212224 solid;
    background:url(images/webcolor_a.jpg);
    color:#FFF;
    text-transform : uppercase;
    font-size: 18px;
    font-weight:bold;
    padding-top:90px;
  }

a.r_web:hover {
    background:url(images/webcolor_b.jpg);
    border:1px solid #000;
  }

a.r_video {
    text-decoration:none;
    width:130px;
    height:40px;
    display:block;
    float:left;
    border:1px #212224 solid;
    background:url(images/videocolor_a.jpg);
    color:#FFF;
    text-transform : uppercase;
    font-size: 18px;
    font-weight:bold;
    text-align:center;
    padding-top:90px;
  }

a.r_video:hover {
    background:url(images/videocolor_b.jpg);
    border:1px solid #000;
  }

a.r_grafica {
    text-decoration:none;
    width:130px;
    height:40px;
    display:block;
    float:left;
    border:1px #212224 solid;
    background:url(images/graficacolor_a.jpg);
    font-weight:bold;
    font-size: 18px;
    color:#FFF;
    text-transform : uppercase;
    text-align:center;
    padding-top:90px;
  }

a.r_grafica:hover {
    background:url(images/graficacolor_b.jpg);
    border:1px solid #000;
  }

a.r_software {
    text-decoration:none;
    width:130px;
    height:40px;
    display:block;
    float:left;
    border:1px #212224 solid;
    background:url(images/softwarecolor_a.jpg);
    font-weight:bold;
    font-size: 18px;
    color:#FFF;
    text-transform : uppercase;
    text-align:center;
    padding-top:90px;
  }

a.r_software:hover {
    background:url(images/softwarecolor_b.jpg);
    border:1px solid #000;
  }

a.web {
    color:#00892D;
    font-size: 18px;
    font-weight:bold;
  }

a.web:hover {
    color:#7CB743;
  }

a.video {
    color:#E8501E;
    font-size: 18px;
    font-weight:bold;  
}

a.video:hover {
    color:#FD8A49;
  }

a.grafica {
    color:#0190D4;
    font-size: 18px;
    font-weight:bold;
  }

a.grafica:hover {
        color:#6BCAF6;
  }

a.software {
    color:#CE017A;
    font-size: 18px;
    font-weight:bold;
  }

a.software:hover {
    color:#F55FB8;
  }

/*underbanner*/
#underbanner_left {
    width:652px;
    float:left;
    margin-top:0px;
  }

.clist {
    width:652px;
    background-color:#212224;
    color:#999;
    font-size:11px;
    text-align:left;
    border-top:1px #333 solid;
  }

.clistp {
    clear:both;
    width:652px;
    background-color:#212224;
    color:#999;
    font-size:11px;
    border-bottom:1px #333 solid;
    padding-bottom:10px;
    padding-top:10px;
  }

#underbanner_right {
    background-color:#212224;
    width:264px;
    float:right;
    height:80px;
    color:#333;
    margin-top: -120px;
    padding-top: 10px;
  }

.footer {
    width:652px;
    background-color:#212224;
    color:#666;
    font-size:10px;
    text-align:center;
    padding-top:10px;
    margin-top:0px;
    background:url(images/lbbg.png) no-repeat center left;
  }

#statusbar {
    width:50px;
    height:4px;
    float:left;
  }

/* Menubar cold funsion7.0*/

.menubar {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin:0px;
    width:264px;
    font-size: 12px;
    font-weight:bold;
    background-color:#212224;
    color:#FFF;
  }

.menubar ul ,.menubar li {
    padding:0;
    margin:0;
    list-style:none;
    width:200px;
  }

.menubar ul {
    padding:0;
    margin:0;
    list-style:none;
    width:200px;
    padding-left:20px;
  }

.menubar li {
    border-bottom:1px dotted #FFF;
    padding:3px;
  }

.menubar .tail {
    height:40px;
    overflow:hidden;
    text-align:center;
    background:url(images/rbbg.png) no-repeat center left;
    padding:10px;
  }

.menubar a {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-size: 12px;
    font-weight:bold;
    color:#FFF;
  }