/*  ORS Web Site stylesheet - Image map pentagono finanza, energia, industria - 
Last updated: Jan 15, 2007 - Author: Cecilia Aquino */
/*IMAGE MAP pentagono */
/* =Finanza penta map e globali---------------------- */
#spriteBoxFin, #spriteBoxEne, #spriteBoxInd
{position:absolute; top:-27px; right:0;z-index:10;}
#spriteBoxFin .spriteMap { width: 210px; height: 199px; background: url(../img/spritePentaFin.jpg) top left; margin: 0; margin-right:10px;padding: 0; position: relative; }

#bHome .spriteMap li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; background-image: none; }
.spriteMap a { display: block; }


#spriteBoxFin .spriteMap a:link, #spriteBoxFin .spriteMap a:visited {background-image:none}

.spriteMap .penta1 { left: 52px; top: 0px; width: 108px; height: 70px; }
.spriteMap .penta2 { left: 129px; top: 35px; width: 75px; height: 98px; }
.spriteMap .penta3 { left: 102px; top: 120px; width: 84px; height: 73px; }
.spriteMap .penta4 { left: 21px; top: 120px; width: 85px; height: 74px; }
.spriteMap .penta5 { left: 1px; top: 37px; width: 75px; height: 98px; }
.spriteMap .penta6 { left: 70px; top: 95px; width: 70px; height: 22px; } /* centro del pentagono */

.spriteMap .penta1 a {height: 70px;}
.spriteMap .penta2 a {height: 98px;}
.spriteMap .penta3 a {height: 73px;}
.spriteMap .penta4 a {height: 74px;}
.spriteMap .penta5 a {height: 98px;}
.spriteMap .penta6 a {height: 22px;}

/* hover per il mouse, focus per la tastiera in Firefox, active per la tastiera in IE */
#spriteBoxFin .penta1 a:hover, #spriteBoxFin .penta1 a:focus, #spriteBoxFin .penta1 a:active {background: url(../img/spritePentaFin.jpg) -52px -396px no-repeat;}
#spriteBoxFin .penta2 a:hover, #spriteBoxFin .penta2 a:focus, #spriteBoxFin .penta2 a:active {background: url(../img/spritePentaFin.jpg) -129px -233px no-repeat;}
#spriteBoxFin .penta3 a:hover, #spriteBoxFin .penta3 a:focus, #spriteBoxFin .penta3 a:active {background: url(../img/spritePentaFin.jpg) -102px -516px no-repeat;}
#spriteBoxFin .penta4 a:hover, #spriteBoxFin .penta4 a:focus, #spriteBoxFin .penta4 a:active {background: url(../img/spritePentaFin.jpg) -21px -318px no-repeat;}
#spriteBoxFin .penta5 a:hover, #spriteBoxFin .penta5 a:focus, #spriteBoxFin .penta5 a:active {background: url(../img/spritePentaFin.jpg) -1px -631px no-repeat;}


/* =Energia penta map ---------------------- */
#spriteBoxEne .spriteMap { width: 210px; height: 199px; background: url(../img/spritePentaEne.jpg) top left; margin: 0; margin-right:10px;padding: 0; position: relative; }
#spriteBoxEne .spriteMap a:link, #spriteBoxEne .spriteMap a:visited {background-image:none}

/* hover per il mouse, focus per la tastiera in Firefox, active per la tastiera in IE */
#spriteBoxEne .penta1 a:hover, #spriteBoxEne .penta1 a:focus, #spriteBoxEne .penta1 a:active {background: url(../img/spritePentaEne.jpg) -52px -396px no-repeat;}
#spriteBoxEne .penta2 a:hover, #spriteBoxEne .penta2 a:focus, #spriteBoxEne .penta2 a:active  {background: url(../img/spritePentaEne.jpg) -129px -233px no-repeat;}
#spriteBoxEne .penta3 a:hover, #spriteBoxEne .penta3 a:focus, #spriteBoxEne .penta3 a:active  {background: url(../img/spritePentaEne.jpg) -102px -516px no-repeat;}
#spriteBoxEne .penta4 a:hover, #spriteBoxEne .penta4 a:focus, #spriteBoxEne .penta4 a:active  {background: url(../img/spritePentaEne.jpg) -21px -318px no-repeat;}
#spriteBoxEne .penta5 a:hover, #spriteBoxEne .penta5 a:focus, #spriteBoxEne .penta5 a:active  {background: url(../img/spritePentaEne.jpg) -1px -631px no-repeat;}


/* =Industria penta map---------------------- */
#spriteBoxInd .spriteMap { width: 210px; height: 199px; background: url(../img/spritePentaInd.jpg) top left; margin: 0; margin-right:10px;padding: 0; position: relative; }
#spriteBoxInd .spriteMap a:link, #spriteBoxInd .spriteMap a:visited {background-image:none}

/* hover per il mouse, focus per la tastiera in Firefox, active per la tastiera in IE */
#spriteBoxInd .penta1 a:hover, #spriteBoxInd .penta1 a:focus, #spriteBoxInd .penta1 a:active {background: url(../img/spritePentaInd.jpg) -52px -396px no-repeat;}
#spriteBoxInd .penta2 a:hover, #spriteBoxInd .penta2 a:focus, #spriteBoxInd .penta2 a:active {background: url(../img/spritePentaInd.jpg) -129px -233px no-repeat;}
#spriteBoxInd .penta3 a:hover, #spriteBoxInd .penta3 a:focus, #spriteBoxInd .penta3 a:active {background: url(../img/spritePentaInd.jpg) -102px -516px no-repeat;}
#spriteBoxInd .penta4 a:hover, #spriteBoxInd .penta4 a:focus, #spriteBoxInd .penta4 a:active {background: url(../img/spritePentaInd.jpg) -21px -318px no-repeat;}
#spriteBoxInd .penta5 a:hover, #spriteBoxInd .penta5 a:focus, #spriteBoxInd .penta5 a:active {background: url(../img/spritePentaInd.jpg) -1px -631px no-repeat;}