/* CSS Document */

*{
margin:0;
padding:0;
}


html{
font-family: Helvetica, Arial, san-serif;
}

body{
background-image: url(../img/back_html.jpg);
background-position: center top;
background-repeat: repeat-x;
background-color: #505050;
}

body#homepage{
background-image: none;
background-color: #3c3c3c;
}

img{
border: 0px solid #000;
}

div#content{
margin: auto;
width: 772px;
height: 204px;
}

/* HOME */
/*-----------------------------------*/


/* HOME wrapper e cont*/

div#wrapper{
margin: auto;
width: 435px;
}

div#titolo{
display: block;
width: 435px;
height: 140px;
background-color: #3c3c3c;
background-image: url(../img/titolo.gif);
background-position: center top;
background-repeat: no-repeat;
}

div#cont{
margin: auto;
width: 435px;
height: 366px;
}


/* HOME sezione*/

div#cont a.home_sezione{
display: block;
margin: 2px;
margin-bottom: 20px;
text-decoration: none;
height: 176px;
width: 200px;
float: left;
}

div#cont a .home_sezione img{
height: 176px;
width: 200px;
}

div#cont a:hover.home_sezione img{
display: none;
}


/* HOME magiustra - songs*/

div#cont a#magiustra{
background-image: url(../img/home_hover.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}


/* HOME conte - videos*/

div#cont a#conte{
background-image: url(../img/home_hover.gif);
background-position: -200px 0px;
background-repeat: no-repeat;
}


/* HOME claudia - pics*/

div#cont a#claudia{
background-image: url(../img/home_hover.gif);
background-position: 0px -176px;
background-repeat: no-repeat;
}


/* HOME ale - gigs*/

div#cont a#ale{
background-image: url(../img/home_hover.gif);
background-position: -200px -176px;
background-repeat: no-repeat;
}


/* HOME info*/

a#info{
margin: auto;
clear: both;
display: block;
width: 90px;
height: 125px;
background-image: url(../img/info.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 20px;
}

a:hover#info{
background-image: url(../img/info.gif);
background-position: -90px 0px;
background-repeat: no-repeat;
}

/*-----------------------------------*/
/* Fine HOME */

/*HEAD*/

div#head{
width: 772px;
height: 174px;
}



/*PULSANTIERA*/

ul#menu{
width: 772px;
height: 50px;
list-style-type: none;
}

ul#menu .locandina_menu{
}

ul#menu .songs_menu{
}

ul#menu .photo_menu{
}

div#content.videos_content ul#menu.video_menu{
background-image: url(../img/videos_ul.gif);
background-position: 526px 0px;
background-repeat: no-repeat;
}

ul#menu li{
display:block;
float: left;
width: 193px;
height: 50px;
list-style: none;
}

ul#menu li a.area{
display: block;
cursor: pointer;
}

ul#menu li a.area_disabled{
display: block;
cursor: auto;
}

ul#menu li a#area_1{
width: 77px;
height: 30px;
margin: 17px 88px 13px 28px;
background-image: url(../img/gigs_a.gif);
background-position: -58px -20px;
background-repeat: no-repeat;
}

/*ul#menu li a:hover#area_1,*/
ul#menu li a#area_1.area_disabled{
width: 77px;
height: 30px;
margin: 17px 88px 13px 28px;
background-image: url(../img/gigs_a.gif);
background-position: -58px -80px;
background-repeat: no-repeat;
}

ul#menu li a#area_2{
width: 89px;
height: 33px;
margin: 16px 78px 11px 36px;
background-image: url(../img/songs_a.gif);
background-position: -52px -20px;
background-repeat: no-repeat;
}

/*ul#menu li a:hover#area_2,*/
ul#menu li a#area_2.area_disabled{
width: 89px;
height: 33px;
margin: 16px 78px 11px 36px;
background-image: url(../img/songs_a.gif);
background-position: -52px -80px;
background-repeat: no-repeat;
}

ul#menu li a#area_3{
width: 73px;
height: 28px;
margin: 15px 64px 18px 56px;
background-image: url(../img/pics_a.gif);
background-position: -60px -16px;
background-repeat: no-repeat;
}

/*ul#menu li a:hover#area_3,*/
ul#menu li a#area_3.area_disabled{
width: 73px;
height: 28px;
margin: 15px 64px 18px 56px;
background-image: url(../img/pics_a.gif);
background-position: -60px -76px;
background-repeat: no-repeat;
}

ul#menu li a#area_4{
width: 103px;
height: 36px;
margin: 8px 30px 16px 60px;
background-image: url(../img/videos_a.gif);
background-position: -45px -12px;
background-repeat: no-repeat;
}

/*ul#menu li a:hover#area_4,*/
ul#menu li a#area_4.area_disabled{
width: 103px;
height: 36px;
margin: 8px 30px 16px 60px;
background-image: url(../img/videos_a.gif);
background-position: -45px -72px;
background-repeat: no-repeat;
}





/*CONTENUTO*/

div#corpo{
width: 772px;
/*border: 1px solid #756598;*/
}

div#corpo.gigs_corpo{
background-image: url(../img/gigs_corpo.gif);
background-repeat: no-repeat;
background-position: right bottom;
/*background-position: 550px 330px;
height: 465px;*/
padding-top: 15px;
padding-bottom: 30px;
}

div#corpo.songs_corpo{
/*background-image: url(../img/songs_corpo.gif);
background-position: right top;
background-repeat: no-repeat;*/
padding: 0px 30px 0px 30px;
}

div#corpo.pics_corpo{
background-image: url(../img/pics_corpo.gif);
background-position: right top;
background-repeat: no-repeat;
height: 475px;
padding-top: 15px;
}

div#corpo.videos_corpo{
background-image: url(../img/videos_corpo.gif);
background-position: 5px -32px;
background-repeat: no-repeat;
height: 385px;
padding-top: 15px;
}



div#item{
float: left;
padding: 0px 30px;
margin-bottom: 14px;
/*height: 364px;*/
}

div#item img, div#item div#flash_cnt{
border: 7px solid #fff;
/*margin-right: 30px;*/
}

div#item img{
cursor: pointer;
}

div#item div#flash_cnt{
display: block;
background-color: #fff;
float: left;
}

div#corpo.gigs_corpo div#item{
width: 712px;
}

div#corpo.gigs_corpo div#item img{
float: left;
margin-right: 30px;
}

div#corpo.gigs_corpo div#item div#testo{
/*float: left;*/
}

div#corpo.gigs_corpo div#item div#testo,
div#corpo.videos_corpo div#item div#testo{
letter-spacing: -2pt;
}

div#corpo.gigs_corpo div#item div#testo h2#evento{
color: #fff;
font-size: 30px;
}

div#corpo.gigs_corpo div#item div#testo h3#luogo{
color: #fff;
font-size: 50px;
line-height: 40px;
}

div#corpo.gigs_corpo div#item div#testo span#data{
display: block;
margin-top: 30px;
font-weight: bold;
color: #96adc7;
font-size: 30px;
line-height: 15px;
}

div#corpo.gigs_corpo div#item div#testo span#ora{
display: block;
color: #96adc7;
font-weight: bold;
font-size: 50px;
background-image: url(../img/macchia_azzurra.gif);
background-position: 470px 0px;
background-repeat: no-repeat;
}

div#corpo.gigs_corpo div#item div#testo div{
color: #fff;
font-size: 15px;
line-height: 20px;
letter-spacing: 0pt;
background-image: url(../img/macchia_bianca.gif);
background-position: 450px 0px;
background-repeat: no-repeat;
padding-bottom: 0px;
}

div#corpo.gigs_corpo div#item div#testo div#guest{
color: #231f20;
font-weight: bold;
font-size: 22px;
letter-spacing: -2pt;
background-image: url(../img/macchia_nera.gif);
background-position: 655px 18px;
background-repeat: no-repeat;
padding: 20px 0px;
}

div#corpo.gigs_corpo div#item div#testo div,
div#corpo.gigs_corpo div#item div#testo span,
div#corpo.gigs_corpo div#item div#testo h2,
div#corpo.gigs_corpo div#item div#testo h3{
}

div#corpo.pics_corpo div#item:hover div#testo h2#titolo{
display: block;
}

div#corpo.pics_corpo div#item div#testo h2#titolo{
display: none;
background-color: #fff;
text-align: right;
font-size: 20px;
font-weight: bold;
color: #a97878;
padding: 10px;
padding-top: 20px;
}

div#corpo.videos_corpo div#item object{
float: left;
}

div#corpo.videos_corpo div#item div#testo h2#titolo{
color: #fff;
font-size: 50px;
position: relative;
left:30px;
}

div#corpo.videos_corpo div#item div#testo div#descrizione{
margin-top: 20px;
font-weight: bold;
color: #8eac94;
font-size: 35px;
line-height: 10px;
position: relative;
left:30px;
}

div#testo a{
text-decoration: none;
color: #96adc7;
}

div#testo a:hover{
text-decoration: none;
color: #231f20;
}

/*GALLERY MENU*/

div#navigator{
clear: both;
width: 338px;
height: 64px;
/*margin-bottom: 80px;*/
}

div#mask{
float: left;
position:relative;
width:277px;
height:64px;
overflow:hidden;
}

div#gallery{
position:relative;
left: 0px;
height:64px;
width:10000px;
}

#gallery a{
margin-right: 7px;
display:block;
float:left;
overflow:hidden;
width:50px;
height:50px;
border: 7px solid #fff;
color: #505050;
text-decoration: none;
font-size: 5pt;
}

div#gallery a img{
position:relative;
top:-50px;
}

div#gallery a img:hover{
position:relative;
top:0px;
}


div#move_sx{
float: left;
width: 26px;
height: 37px;
display: block;
background-image: url(../img/freccia_sx.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
cursor: pointer;
margin-right: 4px;
margin-top: 12px;
visibility: hidden;
}


div#no_move_sx, div#no_move_dx{
float: left;
width: 26px;
height: 37px;
display: block;
margin-right: 4px;
margin-top: 12px;
}

div#move_sx:hover{
background-image: url(../img/freccia_sx.gif);
background-position: 0px -37px;
background-repeat: no-repeat;
cursor: pointer;
}

div#move_dx{
float: right;
width: 26px;
height: 37px;
display: block;
background-image: url(../img/freccia_dx.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
cursor: pointer;
margin-top: 12px;
}

div#move_dx:hover{
background-image: url(../img/freccia_dx.gif);
background-position: 0px -37px;
background-repeat: no-repeat;
cursor: pointer;
}


/* LOGIN */

form#frmLog{
width:174px;
height:174px;
margin:auto;
margin-top:20px;
text-align:center;
color:#fff;
line-height:35px;
}

form#frmLog h2{
display:none;
}

input#submit{
margin-top:10px;
width:174px;
height:50px;
border:3px solid #fff;
background-color:#fff;
color:#3c3c3c;
font-family:san-serif;
cursor:pointer;
}

input#submit:hover{
background-color:#3c3c3c;
color:#fff;
border:3px solid #fff;
}

td#foot{
display:none;
}