/* CSS Document */

html,body {
background-image: url(../img/background_gradient.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #191e24;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

#background_min_dark_blue {
z-index: 0;
position: absolute;
background-color: #0b0d10;
width: 1000px;
height: 750px;
top: 0px;
left: 50%;
margin-left: -500px;
}

#background_100_dark_blue {
z-index: 0;
position: absolute;
background-color: #0b0d10;
width: 1000px;
height: 100%;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
left: 50%;
margin-left: -500px;
}

a:link {
color: #FFFFFF;
text-decoration: none;
}

a:visited {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
}

a:active {
color: #FFFFFF;
text-decoration: none;
}

img.img_link {
border: 1px;
border-color: #FFFFFF;
border-style: solid;
}

a:link.img, a:visited.img, a:active.img {
text-decoration: none;
color: #FFFFFF;
border: 0px;
}

a:focus.img, a:hover.img {
text-decoration: none;
color: #FFFFFF;
border: 0px;
}

#main {
z-index: 1;
position: absolute;
background-color: #0b0d10;
width: 1000px;
height: 750px;
/*
bottom: 50%;
margin-bottom: -375px;
*/
top: 0px;
margin-top: 0px;
left: 50%;
margin-left: -500px;
}

#background_curtain {
z-index: 2;
position: absolute;
width: 1000px;
height: 680px;
top: 0px;
left: 0px;
}

#foto {
z-index: 3;
position: absolute;
left: -76px;
top: 177px;
}

#sound {
z-index: 3;
position: absolute;
right: 112px;
top: 47px;
}

#language {
z-index: 3;
position: absolute;
right: 26px;
top: 47px;
}

#title {
z-index: 3;
position: absolute;
left: 180px;
top: 50px;
}

#testo {
z-index: 3;
position: absolute;
width: 627px;
height: 439px;
text-align: justify;
left: 280px;
top: 140px;
overflow: auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 30px;
padding-bottom: 5px;
}

.testo {
z-index: 3;
position: absolute;
width: 627px;
height: 439px;
text-align: justify;
left: 280px;
top: 140px;
overflow: auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 30px;
padding-bottom: 5px;
}

#pdf {
z-index: 3;
position: absolute;
text-align: right;
right: 110px;
top: 110px;
}

#logo {
z-index: 3;
position: absolute;
left: 5px;
top: 561px;
}

#official_website {
z-index: 3;
position: absolute;
left: 220px;
top: 638px;
}

#home_slogan {
z-index: 3;
position: absolute;
left: 366px;
top: 234px;
}

#navbar_biografia {
z-index: 3;
position: absolute;
left: 372px;
top: 638px;
}

#navbar_biografia_en {
z-index: 3;
position: absolute;
left: 372px;
top: 638px;
}

#navbar_discografia {
z-index: 3;
position: absolute;
left: 455px;
top: 638px;
}

#navbar_discografia_en {
z-index: 3;
position: absolute;
left: 465px;
top: 638px;
}

#navbar_fotografie {
z-index: 3;
position: absolute;
left: 563px;
top: 638px;
}

#navbar_fotografie_en {
z-index: 3;
position: absolute;
left: 588px;
top: 638px;
}

#navbar_stampa {
z-index: 2;
position: absolute;
left: 667px;
top: 638px;
}

#navbar_stampa_en {
z-index: 3;
position: absolute;
left: 678px;
top: 638px;
}

#navbar_contatto {
z-index: 3;
position: absolute;
left: 739px;
top: 638px;
}

#navbar_contatto_en {
z-index: 3;
position: absolute;
left: 745px;
top: 638px;
}

#leoncavallo {
z-index: 3;
position: absolute;
right: 19px;
bottom: 51px;
}

#footer {
z-index: 2;
position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
bottom: 10px;
text-align: center;
font-size: 11px;
color: #3f4b5a;
}

a.footer_link:link,a.footer_link:visited,a.footer_link:active {
color: #3f4b5a;
text-decoration: none;
}

a.footer_link:hover {
color: #3f4b5a;
text-decoration: underline;
}


div.photo_gallery {
z-index: 3;
position: absolute;
left: 80px;
top: 0px;
}

div.discography_covers {
z-index: 3;
position: absolute;
left: 30px;
top: 0px;
}

div.leoncavallo_covers {
z-index: 3;
position: absolute;
left: 30px;
top: 60px;
}