/*
IPnext s.r.l.
Sito v1.0
CSS Elementi di stile per la imagemap delle persone v1.0
*/

#persone-info {
	margin-left: 200px;
	margin-top: 5px;
	padding: 8px;
	width: 320px;
	height: 22px;
	font: 16px arial,helvetica,sans-serif;
	background:url(../pg-img/seleziona.png) no-repeat left center;
	font-weight: bold;
	text-align: center
}

p.text {
	height: 160px;
}

#imgmap {
  display:block;
  width:600px;
  height:188px;
  background:url(../pg-img/gruppo_ipnext.png) no-repeat;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  left:0;
  top:0;
  }

#imgmap #title {
  display:block;
  width:600px;
  height:0;
  padding-top:188px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(../pg-img/gruppo_ipnext_s.png) no-repeat 600px 188px;
  border: none;
  cursor:default;
}

#imgmap #title:hover {
  background-position: 0 0;
  z-index:10;
  }

#imgmap dd {
  position:absolute;
  padding:0;
  margin:0;
  }

#imgmap div p, #imgmap div a, #imgmap a:visited p, #imgmap div img, #imgmap a img, #imgmap a:visited img, a#title  {
  display:none;
  font:12px arial,helvetica,sans-serif;
  }

/* Elenco div Persone */
  
#imgmap #fede_dd {
  left:403px;
  top:-2px;
  z-index:20;
  }

#imgmap #fede:hover p {
  position:absolute;
  top:191px;
  left: -374px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/fede.png) no-repeat 5px 20px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }
  
#imgmap #carlo:hover p  {
  position:absolute;
  top:191px;
  left: 1px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/carlo.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #carlo_dd {
  left:28px;
  top:-2px;
  z-index:20;
  }

#imgmap #barbara:hover p  {
  position:absolute;
  top:188px;
  left: -81px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/barbara.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #barbara_dd {
  left:110px;
  top:1px;
  z-index:20;
  }
  
#imgmap #stefano:hover p{
  position:absolute;
  top:187px;
  left: -152px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/stefano.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #stefano_dd {
  left:181px;
  top:2px;
  z-index:20;
  }

#imgmap #giovanni_dd {
  left:257px;
  top:-2px;
  z-index:20;
  }
 
#imgmap #paolo:hover p {
  position:absolute;
  top:191px;
  left: -302px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/paolo.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }
#imgmap #paolo_dd {
  left:331px;
  top: -2px;
  z-index:20;
  }

#imgmap #luca:hover p {
  position:absolute;
  top:191px;
  left: -446px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/luca.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }
#imgmap #luca_dd {
  left:475px;
  top: -2px;
  z-index:20;
  }

#imgmap #andrea:hover p {
  position:absolute;
  top:116px;
  left: -492px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/andrea.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }
#imgmap #andrea_dd {
  left:521px;
  top: 73px;
  z-index:20;
  }
  
#imgmap #giovanni:hover p {
  position:absolute;
  top:191px;
  left: -228px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/giovanni.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #walter:hover p {
  position:absolute;
  top:121px;
  left: 33px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/walter.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #walter_dd {
  left:-4px;
  top:68px;
  z-index:20;
  }

#imgmap #rigel:hover p {
  position:absolute;
  top:118px;
  left: -54px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/rigel.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #rigel_dd {
  left:83px;
  top:71px;
  z-index:20;
  }

#imgmap #pat:hover p{
  position:absolute;
  top:122px;
  left: -135px;
  display:block;
  width: 353px;
  background:#fff url(../pg-img/pat.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #pat_dd {
  left:164px;
  top:67px;
  z-index:20;
  }

#imgmap #angelo:hover p{
  position:absolute;
  top:115px;
  left: -221px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/angelo.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #angelo_dd {
  left:250px;
  top:74px;
  z-index:20;
  }

#imgmap #riccardo:hover p{
  position:absolute;
  top:116px;
  left: -310px;
  display:block;
  width: 353px;
  background:#ffffff url(../pg-img/riccardo.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #riccardo_dd {
  left:339px;
  top:73px;
  z-index:20;
  }

#imgmap #giorgio:hover p {
  position:absolute;
  top:120px;
  left: -393px;
  display:block;
  width: 353px;
  background: #ffffff url(../pg-img/giorgio.png) no-repeat 5px 5px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

#imgmap #giorgio_dd {
  left:422px;
  top:69px;
  z-index:20;
  }

#imgmap #fede, #imgmap #carlo, #imgmap #barbara, #imgmap #walter, #imgmap #rigel, #imgmap #pat, #imgmap #angelo, #imgmap #riccardo, #imgmap #giorgio, #imgmap #stefano, #imgmap #luca, #imgmap #paolo, #imgmap #giovanni, #imgmap #andrea  {
  display:block;
  width:62px;
  height:62px;
  z-index:20;
  text-decoration: none;
  }

/* Fix per IE7 */
#imgmap #fede p, #imgmap #carlo p, #imgmap #barbara p, #imgmap #walter p, #imgmap #rigel p, #imgmap #pat p, #imgmap #angelo p, #imgmap #riccardo p, #imgmap #giorgio p, #imgmap #stefano p, #imgmap #luca p, #imgmap #paolo p, #imgmap #giovanni p, #imgmap #andrea p  {
display: none
  }

/* Bordo universale + Hover  */

#imgmap #fede:hover, #imgmap #carlo:hover, #imgmap #barbara:hover, #imgmap #walter:hover, #imgmap #rigel:hover, #imgmap #pat:hover, #imgmap #angelo:hover, #imgmap #riccardo:hover, #imgmap #giorgio:hover, #imgmap #luca:hover, #imgmap #paolo:hover, #imgmap #stefano:hover, #imgmap #giovanni:hover, #imgmap #andrea:hover  {
  border: 1px #ffffff solid;
  }

#imgmap :hover img{
  left: -222px;
  border: 2px #000000 solid;
  padding-bottom: 1px
  }
#imgmap :hover p {
  left: 0px;
  }

#imgbox  {
  position:absolute;
  top:121px;
  left: 32px;
  display:block;
  width: 400px;
  color:#000;
  padding: 8px 8px 8px 180px;
  border: 1px #000000 solid
  }

/* hack per IE6- */

* html #imap div#title #imgmap, html #imap a#title #imgmap{
  height:160px;
  he\ight:0;
  }