#container_mappe {width: 592px; height: 670px; color: #fff; overflow: hidden; background: #296091;}
#container_mappe a {color: #FFF; font-weight: bold; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

/* MAPPA 01 */
#mappa {width: 592px; height: 395px; background: url(../images/mappa/bk.jpg) top no-repeat; position: relative;}

#container {padding:0px; list-style:none; position:absolute; width:20px; height:20px; margin:0px; font-family: Arial, Helvetica, sans-serif; z-index: 2; color: #FFF; font-weight: bold; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
#container table {border-collapse:collapse; margin:-1px -10px;}
#container li {position:absolute; margin:0px; text-decoration:none; width:20px; height:20px; cursor:hand; list-style:none; z-index: 2; left: -1px;}
#container li a.thumb {display:block; width:20px; height:20px; text-decoration:none; cursor:hand; position:absolute; z-index: 2;}
#container li a.thumb img {display:block; border:0; display: inline;}
#container li div {position:absolute; left:-9999px; border:0; text-align:left; z-index:-1; }
#container li div img {margin:5px 0px 0px 10px;}
#container li div h1 {margin:10px 10px 0px 10px; padding: 0px; font-size: 14px; font-weight: normal; color: #b80d0d; background:#FFF; text-indent: 4px; letter-spacing: 0px;}
#container :hover, #container :active {overflow:visible;}
#container li a.thumb:hover {border-color:#ddd; z-index: 2;}
#container li:hover > a {}
#container :hover div {position:absolute; left:10px; top:0; padding:0px 0px 10px 0px; text-align:left; background: url(../images/mappa/bk.png); z-index: 900; width: 194px; border: #e3f5fc 1px solid; behavior: url("iepngfix.htc");}
#container :hover div img {border:1px solid #fff;}
#container :hover div a:hover img {border:1px solid #bb0d0d;}

.radiali {top: 109px; left: 111px;}
.sbavatura {top: 82px; left: 243px;}
.lavaggio {top: 71px; left: 306px;}
.utensileria {top: 107px; left: 207px;}
.cnc {top: 137px; left: 165px;}
.cnc01 {top: 106px; left: 306px;}
.fresatura {top: 87px; left: 383px;}
.taglio {top: 75px; left: 432px;}
.sbavatura-termica { top: 190px; left: 390px; letter-spacing: -1px;}

#container :hover div.areataglio {left: -40px; top: 18px;}

.controllo {top: 154px; left: 250px;}
.dimensionale {top: 153px; left: 332px; letter-spacing: -1px;}
.programmazione {top: 138px; left: 80px; letter-spacing: -1px;}
.tecnico {top: 234px; left: 268px; letter-spacing: -1px;}
.produzione {top: 220px; left: 318px; letter-spacing: -1px;}
.cnc02 {top: 143px; left: 416px; letter-spacing: -1px;}

#container :hover div.cncdiv02 {left: -40px; top: 18px;}

#mappa div#legenda {position: absolute; width: 550px; top: 280px; left: 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-bottom: #bfdbec 1px dashed;}
#mappa div#legenda p {padding: 0px; margin: 0px 0px 6px 0px; line-height: 16px;}
#mappa div#legenda .rosso {font-weight: bold; padding: 0px 2px; border: 1px solid #296091; margin-left: 6px; background: #b80d0d;}

/* MAPPA 02 */
#mappa02 {width: 592px; height: 315px; background: url(../images/mappa/bk2.jpg) top no-repeat; position: relative;}
#container02 {padding:0px; list-style:none; position:absolute; width:20px; height:20px; margin:0px; font-family: Arial, Helvetica, sans-serif; z-index: 2; color: #FFF; font-weight: bold; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
#container02 table {border-collapse:collapse; margin:-1px -10px;}
#container02 li {position:absolute; margin:0px; text-decoration:none; width:20px; height:20px; cursor:hand; list-style:none; z-index: 2; left: -1px;}
#container02 li a.thumb {display:block; width:20px; height:20px; text-decoration:none; cursor:hand; position:absolute; z-index: 2;}
#container02 li a.thumb img {display:block; border:0; display: inline;}

#container02 li div {position:absolute; left:-9999px; border:0; text-align:left; z-index:-1; }
#container02 li div img {margin:5px 0px 0px 10px;}
#container02 li div h1 {margin:10px 10px 0px 10px; padding: 0px; font-size: 14px; font-weight: normal; color: #2e7fd1; background:#FFF; text-indent: 4px; letter-spacing: 0px;}

#container02 :hover {overflow:visible;}
#container02 li a.thumb:hover {border-color:#ddd;}

#container02 li:hover > a {}
#container02 :hover div {position:absolute; left:10px; top:0; padding:0px 0px 10px 0px; text-align:left; background: url(../images/mappa/bk.png); z-index: 900; width: 103px; border: #e3f5fc 1px solid; behavior: url("iepngfix.htc");}
#container02 :hover div img {border:1px solid #fff;}
#container02 :hover div a:hover img {border:1px solid #bb0d0d;}

.verniciatura {top: 44px; left: 284px;}
.spedizioni {top: 18px; left: 367px;}
.rettifica {top: 142px; left: 263px;}
.lavaggio02 {top: 90px; left: 358px;}
.montaggio {top: 68px; left: 410px;}
.magazzino {top: 44px; left: 480px;}

#mappa02 div#legenda {position: absolute; width: 550px; top: 224px; left: 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-bottom: #bfdbec 1px dashed;}
#mappa02 div#legenda p {padding: 0px; margin: 0px 0px 6px 0px; line-height: 16px;}
#mappa02 div#legenda .rosso {font-weight: bold; padding: 0px 2px; border: 1px solid #296091; margin-left: 6px; background: #0c33b1;}