/* Caroussel by Quentin Ravinet */ 

.hidden{
display: none;
}

div#caroussel{
position: relative;
width: 512px;
height: 220px;
overflow:hidden;
background: #ccc;
font-family: arial, sans-serif;
}

div#slides .slide{
position: relative;
width: 352px;
height: 220px;
}

div#slides .slide a.slidelegend{
display: block;
position: absolute;
bottom: 0;
height: 55px;
width: 100%;
background: transparent url('images/black60percent.png') repeat;
color: #fff;
text-decoration: none;
behavior: url('iepngfix.htc');
}

div#slides .slide a.slidelegend:hover{
color: #fffb8c;
}

div#slides .slide a.slidelegend h3{
padding: 0;
margin: 8px 0 2px 10px;
font-size: 16px;
font-weight: bold;
}

div#slides .slide a.slidelegend p{
padding: 0;
margin: 0 0 0 10px;
font-size: 14px;
font-weight: normal;
}


div#slides_menu{
position: absolute;
top: 0;
right: 0;
width: 186px;
height: 220px;
overflow: hidden;
}

div#slides_menu .slidemenu{
height: 55px;
background: transparent url('images/menu_off.png') no-repeat;
overflow: hidden;
color: #000;
behavior: url('iepngfix.htc');
cursor: pointer;
}

div#slides_menu .slidemenu.active{
background-image: url('images/menu_active.png');
color: #fff;
}

div#slides_menu .slidemenu.over{
background-image: url('images/menu_over.png');
color: #fff;
}

div#slides_menu .slidemenu h2{
font-size: 13px;
font-weight: bold;
padding: 0;
margin: 10px 0 2px 40px;
}
div#slides_menu .slidemenu p{
font-size: 13px;
font-weight: normal;
padding: 0;
margin: 0 0 0 40px;
}

div#slides_menu .slidemenu p.menupara{
color: #ba2304;
}
div#slides_menu .slidemenu.active p.menupara, div#slides_menu .slidemenu.over p.menupara{
color: #ff9900;
}