-->foglio di stile
@charset "utf-8";
/* CSS Document */

.box_generale {
height: 80px;
width: 350px;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
text-align: left;
}
.testata-grigio {
border-top: 1px solid #000066;
border-right: 1px solid #000066;
border-bottom: 0px solid #000066;
border-left: 1px solid #000066;
padding: 3px 2px 3px 2px;
background-color: #F4F5F7;
position: static;
}
.float_right {
position:relative;
float:right;
width: 201px;
vertical-align: top;
background-image: url(img/scorrevole/scorrevole3.gif);
text-align: right;
}
.grigio_chiaro {
color: #EEEEEE;
}

.float_left {
padding-left:3px;
padding-bottom:8px;
}
#box {
height: 100%;
/*width: 99%;*/
border: 1px solid #000066;
padding: 2px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 8pt;
overflow: hidden;
}
-->fine foglio di stile

-->file html
<div class="box_generale">
<div class="testata-grigio">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="img/scorrevole/scorrevole_4.gif" style="font-weight: 600;"><span class="float_left">Links
Utili </span></td>
<td background="img/scorrevole/scorrevole_4.gif" ><div class="float_right">[img]img/scorrevole/scorrevole_1.gif[/img][img]img/scorrevole/scorrevole_button_plus.gif[/img][img]img/scorrevole/scorrevole_button_less.gif[/img][img]img/scorrevole/arrow_up_active.jpg[/img][img]img/scorrevole/arrow_down.gif[/img][img]img/scorrevole/play.gif[/img][img]img/scorrevole/pause.gif[/img][img]img/scorrevole/stop.gif[/img]</div></td>
</tr>
<tr>
<td height="23" colspan="3" valign="middle" background="img/scorrevole/sfondo_blu.gif" bgcolor="#FF3300"><div class="grigio_chiaro" style="float:left; padding-left:3px; padding-right:5px; padding-top:1px">Argomento:</div>
<div style="float:left; font-weight: 600; padding-right:5px; padding-left:5px; background-color:#F4F5F7; height:16px; margin-bottom:2px; padding-top:0px; border-color:#999999; border-left-width:2px; border-style:ridge; border-width:1px" id= "titoli" onmouseover="DivTitoli_visible('visibile')" onmouseout="DivTitoli_visible('no')"></div>
<div style="float:left">[img]img/scorrevole/triangolo_menu.gif[/img]</div>
<div style="float:right; ">[img]img/scorrevole/arrows_up_down_active.jpg[/img]</div></td>
</tr>
</table>
</div>
<div id="box" name="box" onmouseover="scorr_actions('play','over', 'img_play_scr')" onmouseout="scorr_actions('play','out', 'img_play_scr')"></div>
</div>

<div id ="argomenti" style="display:none;">
<div id="a" name="Associazioni Ambientali">
Associazioni Ambientali Associazioni Ambientali Associazioni Ambientali Associazioni
</div>

<div id="b" name="Associazioni Ecoturismo">
Associazioni Ecoturismo Associazioni Ecoturismo Associazioni Ecoturismo Associazioni Ecoturismo Associazioni Ecoturismo Associazioni Ecoturismo Associazioni Ecoturismo </div>
<div id="c" name="Parchi Nazionali">
Parchi Nazionali Parchi Nazionali Parchi Nazionali Parchi Nazionali Parchi Nazionali Parchi </div>

<div id="d" name="Associazioni Naturalistiche">
Associazioni Naturalistiche Associazioni Naturalistiche Associazioni Naturalistiche (4)</div>

<div id="e" name="Associazioni Varie">
Associazioni Varie Associazioni Varie Associazioni Varie Associazioni Varie Associazioni Varie Associazioni Varie Associazioni Varie (5)</div>

</div>