p {font-weight:normal;}
a {color: #4c5361; font-weight:bold;text-decoration:none;}
#distribuzione{width:800;height:500px;margin:0 auto;clear:both;}
div#infoagente a {color: #ffffff; font-weight:bold;text-decoration:none;}
#nav a{font-family: Arial; font-size:12px; font-weight:bold; }

#nav {padding:0; margin:0; list-style:none; height:25px;  position:relative; z-index:200; float:left;height: 400px;}
#nav li.top {display:block; float:left;margin:10px 30px 20px 0}
#nav li a.top_link {display:block; float:left; height:25px; width:110px; line-height:20px; color:#ccc; text-decoration:none;   cursor:pointer; background: url(regioni.jpg) top left no-repeat;}
#nav li a.top_link span {float:left; display:block; padding:2px 24px 0 5px; height:25px;  }
#nav li a.top_link span.down {float:left; display:block; padding:2px 24px 0 5px; height:25px; }

#nav li:hover a.top_link,
#nav a.top_link:hover{color:#fff; }
#nav li:hover a.top_link span, 
#nav a.top_link:hover span{color:#ddd;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down {color:#ddd;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:25px; background: #ffffff; padding:3px; border:1px solid #dddddd; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; font-weight:normal; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#424b5c; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#424b5c color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 




div#lista{ width:450px; float:left;}
div#europa{  float:left;}
div#regioni{ width:450px; float:left;}
div#infoagente {width:300px; height:500px; float:right;padding:0; margin:0 20px 0 0;}

  div#info{width:280px;}
  div#nomeagente{text-align:right;padding:20px 20px 10px 0;}
 
  #info span {float:right; margin: 0 20px 0 0;}
  #generali{background: url(generaliback.jpg) no-repeat top left;height:130px;padding:10px 0 0 0;}
  #collabagente{margin: 0 0 20px 0;}
  #zoneagente{margin: 0 0 20px 0;}
  #info p{margin:0 0 8px 10px;}  
  .titoletto{ font-weight:bold;margin:0 0 20px 0;color:#4B5361}

  
 #info {
font-family:  Arial;
font-size: 0.8em; /* we set the font size to 76% to compensate for different browsers and operating systems. 76% tends to look like 12px on most screens */
line-height: 0.9em; /* we set the line height equalt to the height of an uppercase "M" character */
color:#888;
}  
  
 #nomeagente {
font-family:  Arial;
font-size: 1.8em; 
line-height: 0.8em;
color: #4c5361;
font-weight:bold;
}

#generali p{
font-family:  Arial;
font-size: 1.2em; /* we set the font size to 76% to compensate for different browsers and operating systems. 76% tends to look like 12px on most screens */
line-height: 1em; /* we set the line height equalt to the height of an uppercase "M" character */
color:white;
}  
#zoneagente p,#corrispondente p,#collabagente p{
font-family:  Arial;
font-size: 1.2em; /* we set the font size to 76% to compensate for different browsers and operating systems. 76% tends to look like 12px on most screens */
line-height: 1.2em; /* we set the line height equalt to the height of an uppercase "M" character */

}  


h4{font-family:  Georgia;
font-size: 1.3em; 
line-height: 1em;
color: #4c5361;
font-weight:bold;}