body{ background-color:#000000;
text-align:center;
margin-left:0px;
margin-right:0px;}

body#index{ background-color:#000000;
text-align:center; margin-top:30px;
margin-left:0px;
margin-right:0px;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */

/******************** HOME ********************/

/**** container ****/
#bkg{
background-color:#7e4a24;
width:100%;
height:550px;}

#container{ 
width:900px;
height:550px;
background-image:url(img/bkg.jpg);
margin:0 auto;
padding:0;
text-align:center;}

#container a {color:#00375D;
font-weight:bold;
text-decoration:none;}

#container a:hover { color:#0066CC}

/**** news ****/

#news{ /*position:relative;*/
margin-top:150px;
margin-left:78px;
background-color:#FFFFFF;
width:270px;
height:345px;
float:left;
text-align:left;
}

#news #newstitolo{ 
height:25px;
margin-top:-25px;
position:relative;
}

#news #contenitore{ /*position:relative;*/
padding:0px;

background-color:#FFFFFF;}

#news #contenitore #notizie{
margin:15px 10px;
padding-right:10px;
overflow:auto;
height:320px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
clear:left;}

#news #contenitore #notizie p.notizia
{ border-bottom:dashed 1px #7F7F7F;
padding-bottom:10px;
padding-top:3px;
margin:3px 0;
text-align:justify;
}

p.notizia span.datan {display:block; font-weight:bold;}

/**** navigazione ****/

#navigazione { position:relative;
float:left;
left:71px;
width:760px;
height:35px;
text-align:left;
margin:0 auto;
padding:0;
top:107px;}

#navigazione #sezione {width:486px;
height:24px;
text-align:left;
float:left;} 

#navigazione #scritte{width:273px;
height:24px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#000000;
text-align:center;
float:left;
line-height:24px;
margin-top:10px;
}

/**** manifesto ****/

#manifesto{position:relative;
width:480px;
height:190px;
float:left;
background-color:#ffffff;
top:305px;
left:61px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

#manifesto #immagine
{ padding:10px;
float:left;}

#manifesto img.cope {float:left; border:0; padding:10px; }

#manifesto #testo {
	/*width:291px;*/
	padding:10px;
	/*float:left;
	height: 191px;*/
}

#manifesto #testo #titolo{ font-size:14px;
font-weight:bold;
border-bottom:dashed 0px #7F7F7F;
margin-bottom:6px;}


/**** version ****/

#version {position:relative;
top:10px;
float:right;
right:71px;
width:114px;
height:20px;}


.vers {width:760px; margin:0 auto; padding:3px 0 20px 0; height:20px;}
#version2 {
/*position:relative;*/
float:left;
width:114px;
height:20px;
}


/******************** MUSICA ********************/

/**** header e navigazione ****/

#header{
width:760px;
height:53px;
text-align:left;
margin:0 auto;
margin-bottom:5px;
padding:0;
}

#header img.logo {width:256px; float:left;}

#header #sezione {
width:486px;
height:24px;
text-align:left;
float:right;} 


/**** container ****/

#bkgmusica{
background-color:#032f32;
width:100%;
height:550px;}

#containermusica{ 
width:900px;
height:552px;
background-image:url(img/bkg_musica.jpg);
margin:0 auto;
padding:0;
text-align:center;}

#containermusica a {color:#00375D;
font-weight:bold;
text-decoration:none;}

#containermusica a:hover { color:#0066CC}

/**** version ****/

#versionmusica {
position:relative;
top:3px;
float:left;
left:70px;
width:114px;
height:20px;
clear:both;}


/**** onstage ****/

#onstage{ 
/*position:relative;*/
float:left;
width:256px;
text-align:left;
margin:117px 0 0 -44px;
}

#onstage #titolo{ 
height:25px;
width:256px;
float:left;
position:relative;
text-align:left;
clear:right;}

#onstage #contenitore{
position:relative;
float:left;
width:256px; 
height:391px;
background-color:#EBECEC;}

#onstage #contenitore #scorre{
position:relative;
float:left;
padding-left:14px;
padding-right:14px;
overflow:auto;
height:97%;
width:87%;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}

#onstage #contenitore #scorre #data{ 
border-bottom:dashed 1px #757676;
padding-bottom:15px;
padding-top:15px;
}

#presentazione{ position:relative;
float:right;
width:478px;
height:183px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#EBECEC;
top:0px;
right:70px;
padding:4px;}

#box{ position:relative;
float:right;
width:236px;
height:147px;
text-align:left;
margin-bottom:12px;
margin-left:12px;
right:70px; 
top:36px;
}

#box #sopra{ position:relative;
width:236px;
height:41px;}

#box #sotto{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
 position:relative; 
background-image:url(img/bkg_box.gif);
width:216px;
height:86px;
line-height:18px;
padding:10px;}

.data{ color:#06939B;
font-weight:bold;}

.nome{
background-color:#FFFFFF;
font-size:12px;}

.dove{ color:#06939B;}

.album{background-color:#DAEBEB;}





/******************** EDITING ********************/

/**** container ****/

#bkgediting{
background-color:#0a0d12;
width:100%;
height:550px;}

#containerediting{ 
width:900px;
height:552px;
background-image:url(img/bkg_editing.jpg);
margin:0 auto;
padding:0;
text-align:center;}

#containerediting a {color:#00375D;
font-weight:bold;
text-decoration:none;}

#containerediting a:hover { color:#0066CC}

/**** corti ****/

#corti{ 
position:relative;
float:left;
width:463px;
height:203px;
text-align:left;
top:325px;
left:-44px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


#corti #contenitore{
position:relative;
float:left;
width:463px; 
height:203px;
background-color:#EBECEC;}

#corti #contenitore #scorre{
position:relative;
float:left;
padding-left:14px;
padding-right:14px;
overflow:auto;
height:95%;
width:92%;
color:#000000;
}

#corti #contenitore #scorre #data{ 
padding-bottom:15px;
padding-top:15px;
}

#presentazioneediting{ 
position:relative;
float:right;
width:248px;
height:174px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#EBECEC;
top:325px;
right:70px;
padding:15px;
}

.tit{background-color:#FFFFFF;
color:#434444;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;}
.svo{color:#434444;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}




/******************** DOWNLOAD ********************/

/**** container ****/

#bkgdownload{
background-color:#8c1b1f;
width:100%;
height:550px;}

#containerdownload{ 
width:900px;
height:550px;
background-image:url(img/bkg_download.jpg);
margin:0 auto;
padding:0;
text-align:left;}

#containerediting a {color:#00375D;
font-weight:bold;
text-decoration:none;}

#containerediting a:hover { color:#0066CC}

/**** media ****/

#media {float:left; padding:10px; width:274px; height:310px; background-color:#e1e1e1;}
#media img {border:0;}
#media #navi {width:auto; border-bottom:1px dashed #707071; font:bold 14px Arial, Helvetica, sans-serif; /*margin-bottom:10px;*/padding:3px 3px 3px 0;}
#media #navi span {background-color:#d61f26; display:block; float:left; padding:5px; margin-right:5px; color:#ffffff;}
#media #navi span.attivo {background-color:#d61f26; color:#ffffff;}
#media #navi a {color:#ffffff; text-decoration:none;}
#media #navi a:hover {color:#ffffff; text-decoration:underline;}
#media #list {clear:both; width:275px; height:265px; overflow:auto; margin-top:10px;}
#media #list .subtit {width:250px; margin:0 0 5px 0; padding:0; background-color:#FFFFFF; font:bold 11px Arial, Helvetica, sans-serif; color:#d61f26;}
#media #list .subtit span {float:left; padding:7px 10px; display:block;}
#media #list .subtit img {float:right; padding-top:3px;}
#media #list img {float:left; margin:7px 15px;}
#media #list div.item {width:250px; background-color:#eceded; /*padding:6px 0;*/ font:normal 11px Arial, Helvetica, sans-serif; color:#2b2b2b; margin:5px 0;}
#media #list div a {color:#2b2b2b; text-decoration:none; display:block; width:100%; padding:6px 0;}
#media #list div a:hover {background-color:#FFFFFF;}
#media #list span.gruppo {font-weight:normal;}
#media #list span.titolo {font-weight:bold; background-color:#ffffff;}
#media #list span.dime {font-style:italic;}

#mediaplayer {float:left; margin-left:30px; background-color:#FFFFFF; padding:10px;}
#mediaplayer #suonabox {width:auto; background-color:#eceded; margin:30px 0 0 0; font:normal 11px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px;}
#mediaplayer #suonabox span {font-weight:bold;}


/**** musica ****/

div#musica {float:left; margin:25px 0 0 20px; width:452px; height:474px; background-color:#e0e0e1; text-align:left; padding:17px;}
#musica a img {border:0;}
#musica #navi {width:auto; border-bottom:1px dashed #707071; font:bold 16px Arial, Helvetica, sans-serif; /*margin-bottom:10px;*/ padding:3px 3px 3px 0;}
#musica #navi span {background-color:#4ac3cb; display:block; float:left; padding:5px; margin-right:5px; color:#ffffff;}
#musica #navi span.attivo {background-color:#d61f26; color:#ffffff;}
#musica #navi a {color:#ffffff; text-decoration:none;}
#musica #navi a:hover {color:#ffffff; text-decoration:underline;}
#musica #list {width:435px; padding-right:15px; clear:both; margin-top:15px; height:420px; overflow:auto;}
#musica #list .tit {clear:both; padding:2px 4px; background-color:#47c2ca; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; margin-bottom:15px;}

#musica #list .progetto {margin:10px 0; padding:5px 0; border-bottom:1px dashed #707071; font:normal 12px Arial, Helvetica, sans-serif;}
#musica #list .progetto img {float:left;}
#musica #list .progetto span {display:block; color:#2b2b2b;}
#musica #list .progetto span.gruppo {float:left; background-color:#ffffff; padding:1px 4px; margin:0 5px 4px 0; font-weight:bold;}
#musica #list .progetto gruppo a {color:#2b2b2b;}
#musica #list .progetto span.comp {clear:both; padding:3px 0;}
#musica #list .dischi {margin-bottom:40px;}
#musica #list .disco {width:190px; float:left; padding-bottom:10px; margin:5px; border-bottom:1px dashed #707071;}
#musica #list .disco:hover {background-color:#eceded;}
#musica #list .disco img.cover {width:119px; height:119px; margin:15px 35px;}
#musica #list .disco img.buy {float:right;} 
#musica #list .disco span {display:block; font:normal 11px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0 10px;}
#musica #list .disco span.titolo {background-color:#FFFFFF; font-weight:bold;}
#musica #list .disco span.anno {float:left;}
#musica #list p.strumentazione {font:normal 12px Arial, Helvetica, sans-serif; color:#2b2b2b; padding-bottom:50px;}


#downloadmusica{
position:relative;
float:left;
width:298px;
top:98px;
}

#downloadmusica #titolo{
position:relative;
float:left;
width:298px;
text-align:left;
clear:both;
margin-bottom:7px;
}

#downloadmusica #downloads{
position:relative;
float:left;
width:268px;
height:333px;
background-color:#F6F6F6;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px 15px 15px 15px;
color:#972217;
text-align:left;
}

#downloadmusica #istruzioni{
position:relative;
float:left;
width:268px;
height:28px;
background-color:#EAEAEA;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 7px 15px 7px 15px;
color:#972217;
text-align:left;
margin-top:3px;
}

#downloadmusica a {
color:#972217;
font-weight:bold;
text-decoration:none;}

#downloadmusica a:hover { 
font-weight:bold;
color:#ffffff;
background-color:#972217;}


/**** video ****/

#video{ 
position:relative;
float:left;
width:358px;
height:286px;
text-align:left;
top:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:18px;
}

#video #titolo{
position:relative;
float:left;
width:298px;
text-align:left;
clear:both;
margin-bottom:7px;
}

#video #contenitore{
position:relative;
float:left;
width:358px; 
height:286px;
background-color:#ffffff;
}

#video #contenitore #scorre{
position:relative;
float:left;
padding-left:5px;
padding-right:5px;
overflow:auto;
height:95%;
width:95%;
color:#000000;
}

#video #contenitore #scorre #data{ 
padding-bottom:15px;
margin-top:-10px;
}

#titvideo{background-color:#EAEAEA;
color:#434444;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:regular;
margin-top:5px;
margin-bottom:5px;
color:#972217;
padding-left:5px;}

/**** scritti ****/

#downloadscritti{
position:relative;
float:left;
width:298px;
top:98px;
margin-left:18px;
}

#downloadscritti #titolo{
position:relative;
float:left;
width:298px;
text-align:left;
clear:both;
margin-bottom:7px;
}

#downloadscritti #downloads{
position:relative;
float:left;
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#972217;
text-align:left;
background-color:#EAEAEA;
margin-bottom:2px;
padding-left:6px;
}

#downloadscritti a {
color:#972217;
font-weight:bold;
text-decoration:none;}

#downloadscritti a:hover { 
font-weight:bold;
color:#ffffff;
background-color:#972217;}




/******************** BIO ********************/

/**** container ****/

#bkgbio{
background-color:#282069;
width:100%;
height:550px;}

#containerbio{ 
width:900px;
height:552px;
background-image:url(img/bkg_bio.jpg);
margin:0 auto;
}

#containerbio a {color:#00375D;
font-weight:bold;
text-decoration:none;

}

#containerbio a:hover { color:#0066CC}

#containerbio #contenitore{
	/*position:relative;*/
	clear:both;
	width:760px;
	height:480px;
	margin:0 auto;
	overflow:auto;
}

#containerbio #contenitore #foto{
	/*position:relative;*/
	width:320px;
	float:left;
	left: -20px;
}

#containerbio #contenitore #testo{
/*position:relative;*/
width:380px;
float:left;
text-align:justify;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
padding:15px;
}

#containerbio #contenitore #testo #titolo{
/*position:relative;*/
display:block;
width:373px;
float:left;
text-align:center;
border-bottom: dashed 1px #7F7F7F;
margin-bottom:10px;
padding-bottom:15px;
}

.titolone{font-size:20px;
display:block;
font-weight:bold;}

.sottotitolo{font-size:14px;
}

/******************** LINKS ********************/

/**** container ****/

#bkglinks{
background-color:#238a8f;
width:100%;
height:550px;
}

#containerlinks{ 
width:900px;
height:552px;
background-image:url(img/bkg_links.jpg);
margin:0 auto;
text-align:left;
}

#containerlinks #testol{
/*height:336px;*/
position:relative;
width:440px;
clear:both;
font:normal 11px Arial, Helvetica, sans-serif;
padding:15px;
/*margin:20px;*/
margin:50px 0 0 68px;

}

#containerlinks  #testol #titolo{
position:relative;
width:100%;
float:left;
text-align:left;
border-bottom: dashed 1px #7F7F7F;
margin-bottom:10px;
padding-bottom:27px;
margin-bottom:20px;
margin-top:5px;
}


#containerlinks #testol #indirizzi{
position:relative;
width:170px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
}

#containerlinks #testol #indirizzi #indirizzo{
position:relative;
width:170px;
height:15px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#E5F0F6;
color:#3C3D3F;
margin-bottom:5px;
padding-left:5px;
}

#containerlinks #testol #indirizzi #indirizzo a{
color:#3C3D3F;
text-decoration:none;
}

#containerlinks #testol #indirizzi #indirizzo a:hover{
background-color:#000000;
color:#ffffff;
text-decoration:none;
}

#containerlinks #testol #indirizzi #indirizzo:hover{
background-color:#000000;
color:#ffffff;
text-decoration:none;
}



#containerlinks #testol #descrizione{
position:relative;
width:240px;
float:right;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-right:10px;
left:10px;
}

#containerlinks #testol #descrizione #descritto{
position:relative;
width:240px;
height:15px;
float:left;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3C3D3F;
margin-bottom:5px;
clear:both;
}


/******************** MALA HIERBA ********************/

/**** container ****/

#bkgmala{
background-color:#0d0a57;
width:100%;
height:550px;}

#containermala{ 
width:900px;
height:550px;
background-image:url(img/bkg_mala.jpg);
margin:0 auto;
padding:0;
text-align:center;}

#containermala a {color:#00375D;
font-weight:bold;
text-decoration:none;}

#containermala a:hover { color:#0066CC}

#containermala #contenitore{
	clear:both;
	width:760px;
	height:480px;
	margin:0 auto;
	padding:0;
	overflow:auto;}

#containermala #contenitore #foto{
width:320px;
float:left;
}

#containermala #contenitore #foto img { border:4px solid #ffffff;}

#containermala #contenitore #testo{
width:363px;
line-height:16px;
float:left;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
padding:15px;
left:10px;
}

#containermala #contenitore #testo #titolo{
width:363px;
float:left;
text-align:center;
border-bottom: dashed 1px #7F7F7F;
margin-bottom:10px;
padding-bottom:15px;
}

h1.titolone{font-size:20px;
font-weight:bold; margin:0;}

.sottotitolo{font-size:14px;
}