a{outline:none;}


/* ------------- stili generici -------------------- */
body, html						{background:black;}
.float_sx					{float:left;}
.float_dx					{float:right;}
.testing					{border:1px solid red;}
.visibility					{display:none;}

.opacity, .opacity_low:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#doc4						{width:974px;}
.opacity_low, .opacity:hover
{
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}

.testing			{border:1px solid red;}

ul.breadcrumb		{height:17px;  padding-left:22px;background:white; margin-bottom:9px;}
ul.breadcrumb li	{float:left;margin-right:5px;background:white;font-size:10px; padding-top:2px;}
ul.breadcrumb li a	{font-size:10px; color:black; text-decoration:underline;}

p.autore			{/*font-weight:bold;*/}
span.qualifica	    {display:block;}
.strong				{font-weight:bold;}

a					{color:black; text-decoration:underline;}
a:hover				{color:#0083ad; text-decoration:none;}
a:visited			{color:#004d66;text-decoration:underline;}

.clear				{clear:both;}

/* ------------------ menu di primo livello ---------*/
.alt_text					{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:black;}

.m1_box						{background:white; height:81px;}
.m1 						{margin-top:50px;}
.m1, .m1 li					{height:31px;}
.m1 li						{float:left; width:81px; margin-right:12px;}

.m1 li a					{display:block; height:31px; width:81px; float:left; background-position: bottom left; background-repeat:no-repeat;}
.m1 li a:hover				{background-position:top;height:31px;}
a.m1_1						{background:url(../img/m1_1.gif) no-repeat;}
a.m1_2						{background:url(../img/m1_2.gif) no-repeat;}
a.m1_3						{background:url(../img/m1_3.gif) no-repeat;}
a.m1_4						{background:url(../img/m1_4.gif) no-repeat;}
a.m1_5						{background:url(../img/m1_5.gif) no-repeat;}
a.m1_6						{background:url(../img/m1_6.gif) no-repeat;}
a.m1_7						{background:url(../img/m1_7.gif) no-repeat;}

.progetto .m1 li a.m1_2		{background-position:top;}
.home .m1 li a.m1_1			{background-position:top;}
.bit_beat .m1 li a.m1_3		{background-position:top;}
.gallery .m1 li a.m1_5		{background-position:top;}
.downloads .m1 li a.m1_6	{background-position:top;}
.contatti .m1 li a.m1_7		{background-position:top;}
.progressi .m1 li a.m1_4		{background-position:top;}
/* -------------/ menu di primo livello -------------*/ 


#hd 						{background:url(../img/bg_header.jpg) no-repeat top left;}		

/* -------------sliding header -------------------- */

#bd							{position:relative; clear:both;}
.slider_control 			{float:right; height:25px;}
.slider_control li			{float:left; width:27px; height:16px; margin-left:10px;}
.slider_control li a		{display:block; height:19px; width:27px;}
a.slider_previous			{background:url(../img/bt_header_previous.gif) no-repeat;}
a.slider_next				{background:url(../img/bt_header_next.gif) no-repeat;}

.video_box					{position: absolute; z-index:10; top:104px; right:86px;}
/* -------------/sliding header -------------------- */

/* ------------- footer -------------*/
#ft							{padding:20px; background:white; clear:both; margin-top:23px; clear:both;position:relative;}
#ft a img					{margin-right:13px;}
#ft a img.last				{margin:0;}
#powered img                  {position:absolute;top:-25px ;right:0;}
/* ------------- /footer -------------*/

/* ------------- timeline --------------*/
ul.timeline
{
background:url(../img/bg_timeline_off.gif) repeat-x top left;
height:52px;
}

ul.timeline li	{
background:url(../img/bg_timeline_on.gif) repeat-x top left;
width:150px;
float:left;
position:relative;
height:52px;
}

ul.timeline li.last_event
{
background:none;
}

ul.timeline li a
{
position:absolute;
background:url(../img/bg_link_event.gif) no-repeat top left;
display:block;
height:52px;
width:150px;
font-size:11px;
font-weight:bold;
color:white;
text-decoration:none;
}

ul.timeline li a:visited
{
color:white;
}

ul.timeline li a:hover
{
color:#0083AD;
}

ul.timeline li a span
{
display:block;
position:absolute;
top:34px;
left:8px;
}

li.evento_1
{
padding-left:20px;
}

/* ------------- /timeline-------------------*/

/* ------------- box degli eventi ---------*/
div.sliding_panel
{
height:70px;
}


ul.events
{

}

ul.events li
{
width:150px;
height:70px;
}

ul.events li img
{
border:2px solid white;
margin-right:12px;
}

ul.events li
{
color:white;
font-size:11px;
float:left;
}

ul.events li a, ul.events li a:visited
{
color:white;
text-decoration:none;
}

ul.events li a:hover
{
text-decoration:underline;
}

p.category
{
text-transform:uppercase;
color:#0083AD;
margin-bottom:3px;
font-weight:bold;
}


/* -------------- interviste ------------*/
.column_wrapper	{ float:left; position:relative; width:100%; }

.col_sx
{
float:left;
/*background:url(../img/col_dx_bg.jpg) repeat-x top left white;*/
background:url(../img/bg_wrapper.jpg) repeat-x #e4e4e7; 
padding:58px 18px 0px 18px;
position:relative;
width:660px;
padding-bottom:70px;
}

.col_dx
{
float:right;
width:238px;
background:white;
padding:0px 10px 0px 10px;
position:relative;
right:0;
top:0;
height:458px;
}


.col_dx ul	
{margin-top:12px;}

.col_dx img
{
margin-bottom:7px;
}

.col_dx img.last
{
margin-bottom:0;
}

.col_sx h1
{
position:absolute;
top:0; left:0;
height:48px;
width:100%;
}

.col_sx h1.interviste
{
background:url(../img/h1_interviste.gif) no-repeat;
}
div.intervista{ padding-bottom:10px; line-height:15px; }
div.intervista img
{
border:2px solid #666;
margin-right:8px;
float:left;
}
div.intervista h3{ color:#0083ad; font-size:16px;}
div.intervista p{ font-size:12px; font-weight:bold;}
div.intervista span{ font-size:11px;}

ul.faq	{margin-top:40px;}
ul.faq li.domanda	{font-weight:bold; margin-top: 22px;}
ul.faq li.domanda p span, ul.faq li p span
{
text-tranform:uppercase;
margin-right:5px;
font-weight:normal;
}
ul.faq li.domanda p span.space, ul.faq li p span.space
{

margin:0 5px 0 10px;
font-weight:normal;
}

a.action_button
{
background:url(../img/bg_button_03.jpg) no-repeat top left;
display:block;
height:24px;
width:129px;
right:10px;
position:absolute;
font-size:93%;
color:white;
text-decoration:none;
text-align:center;
padding-top:5px;
z-index:10;
}

.action_position_top
{
top:10px;
}

.action_position_bottom
{
bottom:10px;
}

/* ------------- progetto ---------*/
#content_progetto
{
background:url(../img/bg_progetto.jpg) no-repeat top left;
padding-bottom:0;
height:400px;
}


#content_progetto div
{
position:relative;
margin-top:100px;
margin-right:300px;
}

#progetto #ft
{
height:137px; 
background:url(../img/bg_footer_gray.jpg) repeat-x top left;
padding:20px;
overflow:hidden;
}

#ft h1.interviste
{
background:url(../img/h1_interviste_footer.jpg) no-repeat top left;
height:26px;
margin-bottom:10px;
}

#progetto #ft img
{
border:2px solid #858587;
margin-right:8px;
float:left;
}

#progetto #ft img:hover
{
border:2px solid #0083ad;
}

#progetto #ft div
{
padding-left:10px;
border-left:2px solid #858587;
height:86px;
margin-right:20px;
width:155px;
font-size:11px;
display:inline;
}

#progetto #ft div h4	{font-size:11px; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
#progetto #ft div h4 a	{color:black; text-decoration:none; }
#progetto #ft div h4 a:hover	{color:#0083ad; text-decoration:undeline; }

.col_sx h1.nome
{
background:url(../img/h1_nome.gif) no-repeat;
}


/* ---- pagina intro caratteristiche -----*/
#content_nome
{
background:url(../img/bg_nome.jpg) no-repeat top left;
padding-bottom:0;
height:400px;
}

#content_nome div
{
position:relative;
margin-right:300px;
padding-top:30px;
}

.col_sx h1.caratteristiche
{
background:url(../img/h1_caratteristiche.gif) no-repeat;
position:static;
margin-top:20px;
}

.vai a
{
color:#0083ad;
text-transform:uppercase;
font-weight:bold;
}

#progetto  a.action_button
{
background:url(../img/bg_button_03.jpg) no-repeat top left;
display:block;
height:24px;
width:129px;
right:10px;
position:static;
font-size:93%;
color:white;
text-decoration:none;
text-align:center;
padding-top:5px;
z-index:10;
margin-top:30px;
}

/* -------------- video - photo gallery ----*/
div.gallery{top:0; left:0;}



h1.video
{
background:url(../img/h1_video.gif) no-repeat top left;
}

h1.foto
{
background:url(../img/h1_foto.gif) no-repeat top left;
}

/*gestione dei tab foto/video*/
ul.tab_media
{
position:absolute;
right:0;
top:20px;
z-index:100;
width:21px;
height:93px;
}
ul.tab_media li
{
float:right;
}
a.video
{
background:url(../img/tab_video.gif) 0 0 no-repeat;
float:right;
height:46px;
width:21px;
text-decoration:none;
}

a.video:hover, li.active a{ background-position:100% 0; }
li.active a{ cursor:default; }

a.foto
{
background:url(../img/tab_photo.gif) 0 0 no-repeat;
float:right;
height:46px;
width:21px;
margin-top:1px;
text-decoration:none;
}
a.foto:hover{ background-position: 100% 0;}

#video img
{
margin-right:10px;
border:1px solid #666666;
}

#video table
{width:95%; margin-top:10px;}
#video  p	{ font-size:11px;}
#video  p.strong 	{margin-top:10px; font-size:12px;}
#video  p.strong  a	{color:#333333; text-decoration:none;}


/* ----------- caratteristiche tecniche ----------*/
#content_mappa
{
background:url(../img/mappa_bit_beat.jpg) no-repeat top left;
padding-bottom:0;
height:400px;
}

/* -------------- wallpapers ----------- */

#wallpapers table td	{text-align:left;}
.col_sx h1.screensavers
{
background:url(../img/h1_screensavers.gif) no-repeat;
margin:40px 0 15px 0;
}

#wallpapers a
{
color:black;
}

#wallpapers p
{
margin-bottom:5px;
}

#wallpapers  img
{
margin-right:10px;
border:1px solid #333;
}

.col_sx h1.wallpapers
{
background:url(../img/h1_wallpapers.gif) no-repeat;
}

/* -------------  lightbox ------------------ */
/*
div.lightbox_wrapper
{
width:714px;
background:#333333;
padding:50px 36px;
text-align:left;
}

div.lightbox_wrapper table
{
margin:25px 0 0;
}

.lightbox_wrapper td
{
text-align:left;
}

.lightbox_wrapper input, .lightbox_wrapper textarea
{
width:100%;
border:1px solid #353535;
height:1.7em;
background:url(../img/lightbox_latua_input_bg_18.gif) repeat-y #666666;
padding:3px 0 0 5px;
color:white;
overflow:hidden;
}

.lightbox_wrapper textarea
{
height:120px;
}
div.lightbox_wrapper p, div.lightbox_wrapper label
{
color:white;
}

div.lightbox_wrapper h1
{
	margin-bottom:12px;
	color:#0083ad;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

button.bt_form
{
background:url(../img/bg_button_03.jpg) no-repeat top left;
display:block;
height:24px;
width:129px;
font-size:93%;
color:white;
text-align:center;
border:none;
padding:0;
}

td.separator
{
height:2em;
}

.lightbox_wrapper input[type=file]
{
background:url(../img/lightbox_latua_input_bg_18.gif) repeat-y #666666;
}
*/


div.lightbox_wrapper_main
{
background:#333333;
text-align:left;
}

div.lightbox_wrapper
{
	background:#333333;
	padding:20px 20px;
	text-align:left;
	height:500px;
}

div.lightbox_wrapper table
{
margin:25px 0 0;
}

.lightbox_wrapper td
{
text-align:left;
}

.lightbox_wrapper input, .lightbox_wrapper textarea
{
width:100%;
border:1px solid #353535;
height:1.7em;
background:url(../img/lightbox_latua_input_bg_18.gif) repeat-y #666666;
padding:3px 0 0 5px;
color:white;
overflow:hidden;
}

.lightbox_wrapper textarea
{
height:120px;
}
div.lightbox_wrapper p, div.lightbox_wrapper label
{
color:white;
}

div.lightbox_wrapper h1
{
	margin-bottom:12px;
	color:#0083ad;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
div.lightbox_wrapper a
{
color:#0083ad;
text-decoration:none;
}



button.bt_form
{
background:url(../img/bg_button_03.jpg) no-repeat top left;
display:block;
height:24px;
width:129px;
font-size:93%;
color:white;
text-align:center;
border:none;
padding:0;
}

td.separator
{
height:15px;
}

.lightbox_wrapper input[type=file]
{
background:url(../img/lightbox_latua_input_bg_18.gif) repeat-y #666666;
}




#progetto #ft span.interviste_all	{width:auto;}
#progetto #ft span.interviste_all div {
/*border-left:2px solid #858587;*/
font-size:11px;
height:86px;
margin-right:10px;
padding-left:10px;
margin-bottom:20px;
width:150px;
float:left;
}

a.powered_by	{display:block; width:135px; height:21px; background:url(../img/powered_by.gif) no-repeat; float:right; position:relative; top:-3px;}

/* ---------------- progressi ------------ */
.progress_box	{margin-bottom:0px;}

h1.progressi
{
background:url(../img/h1_progressi.gif) no-repeat top left;
}

p.video_title		{color:#0083AD; font-size:12px !important; font-weight:bold;}
div.comment			{background:url(../img/bg_commenti.jpg) no-repeat top left #E1E1E2;width:644px; padding: 22px 11px; position:relative;  }
div.comment	p		{font-size:12px;}
div.comment_bottom	{background:url(../img/bg_commenti_bottom.jpg) no-repeat bottom left; height:7px; width:666px; position:absolute; bottom:0; left:0;}

div.separatore_progressi	{background:url(../img/bg_hr.gif) repeat-x; height:4px; width:100%; margin:25px 0;}