/* tab pane styling */
div.panes  {

    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    height:620px;
    font-size:14px;
    background-color:#fff;
}

#swf-player {float:left;display: inline; width: 480px; height: 360px;}

#media {display:block;width:480px;height:384px;}

ul.tabs {
    border-bottom:1px solid #666666;

height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 !important;
padding:0;
}
ul.tabs li {
background: #ddd;
float:left;
list-style-image:none !important;
margin:0 !important;
padding:0;
text-indent:0;
border:1px solid #999;
border-bottom:0;
}
ul.tabs a {

color:#F99;
display:block;
font-size:11px;
height:30px;
line-height:30px;
margin:0;
padding:0;
position:relative;
text-align:center;
text-decoration:none;
top:1px;
width:134px;
}
ul.tabs a:active {

outline-style:none;
outline-width:medium;
}
ul.tabs a:hover {
background-position:-420px -31px;
color:#f00;
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background:#fff;
color:#f00 !important;
cursor:default !important;
}
ul.tabs a.s {
background:#fff;
width:81px;
}
ul.tabs a.s:hover {
color: #fff;
}
ul.tabs a.s.current {
background-position:-553px -62px;
}
ul.tabs a.l {
background: #ddd;
color:#F99;
width:174px;
}
ul.tabs a.l:hover {
    color: #fff;
}
ul.tabs a.l.current {
background-color:#fff;
}
ul.tabs a.xl {
background-position:0 0;
width:248px;
}
ul.tabs a.xl:hover {
    color: #fff;
}
ul.tabs a.xl.current {
background-color:#fff;

}
div.panes div.pane {
display:none;
}

div.textimage{
margin-bottom: 10px;



}

div.textimage img{
float:left;
width:100px;
margin:10px;
margin-top:0;
border: 1px solid red;

}

div.textimage h2, .textimage div{
margin:0 10px;
padding: 0;
text-align:left;

}
h2{
font-size:17px;
}
div.textimage ul{
    padding: 10px;

}

div.textimage h2{
margin-top: 10px
}

div.clearer{clear: left}


/*scrollable*/
/*preso da http://flowplayer.org/tools/demos/scrollable/vertical.html*/
/* root element for scrollable */
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 480px;

}

/* root element for scrollable items */
div.scrollable div.items {
    position:absolute;

    /* this time we have very large space for the height */
    height:20000em;
}

.actions {
 width:700px;
margin:10px 0 10px 0;
}

.actions a {
font-size:11px;
 cursor:pointer;
 color:#666;
 z-index:10;
}
.actions a:hover {
 text-decoration:underline;
 color:#F00;
}

.disabled {
 visibility:hidden;
}


.itemScrollable
{
    height:109px;
    width:730px;
    border-bottom: 1px solid #ddd;
    padding:0;
    margin :0;
    cursor: pointer;
}

.itemScrollable:hover
{
    background: #ddd;
}

/* position and dimensions of the navigator */
.navi {


    margin:auto;
    height:20px;


}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url('/images/navigator.png') 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}
#descrivi
{

    height:335px;

    text-align: left;
    margin-left:488px;
    border-left: 1px solid #333;
    padding: 0 4px ;
}
#descrivi h1
{
    color:#ffe;
}
#descrivi div
{
    color:#bbb;
}