/* CSS Document */
@font-face {
src: url(/font/daniel.ttf) format("truetype");
font-family: Daniel;
font-style: normal;
font-smooth: always;
}
html, body { 
margin: 0px;
padding: 0px;
background: transparent url(immagini/bg.jpg);
background-repeat: repeat;
font-family: Daniel,segoe ui,sans-serif;
color: #262626;
font-smooth: always;
height: 100%;
font-size: 17px;
/*line-height: 20px;*/
text-align: left;
direction: ltr;
}
table.full-height {
  height:100%;
  width:100%;
}
td, th, h1 { 
font-family: Daniel,segoe ui,sans-serif;
color: #262626;
font-smooth: always;
font-size: 17px;
direction: ltr;
}

/* Link */
A:link {text-decoration: none; color: #262626;}
A:visited {text-decoration: none; color: #262626;}
A:active {text-decoration: none; color: #262626;}
A:hover {text-decoration: none; color: #262626;}

/* --------------------------------------------------------------------------------------------- */
/* GRAFICA DELLA PAGINA - START */
/* --------------------------------------------------------------------------------------------- */

.tastoprogetti {
position: relative;
width: 98px;
height: 56px;
margin-bottom: -56px;
top: 0px;
left: 12px;
z-index: 99;
}

.gfxsx {
background: transparent url(immagini/gfxsx.png);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
width: 162px;
height: 571px;
z-index: 50;
}

.gfxdx {
background: transparent url(immagini/gfxdx.png);
background-repeat: no-repeat;
position: relative;
right: 0px;
top: 0px;
width: 160px;
height: 748px;
z-index: 50;
}

.cordasx {
background: transparent url(immagini/cordasx.png);
background-repeat: repeat-y;
background-position: center bottom;
position: relative;
width: 24px;
min-height:100%; /*ff*/
height: inherit !important; /*ie7 */
left: 50%;
margin-left: -341px;
top: 0px;
z-index: 39;
}
.cordadx {
background: transparent url(immagini/cordadx.png);
background-repeat: repeat-y;
background-position: center bottom;
position: relative;
width: 24px;
min-height:100%; /*ff*/
height: inherit !important; /*ie7 */
left: 660px;
top: 0px;
z-index: 39;
}

.centra {
position: relative;
left: -649px;
}

.bgfoglio {
background: transparent url(immagini/bgfoglio.png);
background-repeat: repeat-y;
background-position: center bottom;
position: relative;
width: 661px;
z-index: 0;
}

/* TASTI */

.news{
position: relative;
width: 79px;
height: 87px;
top: 17px;
left: 37px;
margin-bottom: -87px;
z-index: 10;
}
.news a{
position: relative;
display: block;
width: 79px;
height: 87px;
background: transparent url(immagini/news.png) no-repeat top left;
z-index: 10;
}
.news a:HOVER{
background-position: top right;
z-index: 10;
}
.newsno{
position: relative;
width: 79px;
height: 87px;
top: 17px;
left: 37px;
margin-bottom: -87px;
background: transparent url(immagini/news.png) no-repeat top right;
z-index: 10;
}

.ema{
position: relative;
width: 97px;
height: 101px;
top: 4px;
left: 160px;
margin-bottom: -101px;
z-index: 10;
}
.ema a{
position: relative;
display: block;
width: 97px;
height: 101px;
background: transparent url(immagini/ema.png) no-repeat top left;
z-index: 10;
}
.ema a:HOVER{
background-position: top right;
z-index: 10;
}
.emano{
position: relative;
width: 97px;
height: 101px;
top: 4px;
left: 160px;
margin-bottom: -101px;
background: transparent url(immagini/ema.png) no-repeat top right;
z-index: 10;
}

.disco{
position: relative;
width: 97px;
height: 93px;
top: 15px;
left: 296px;
margin-bottom: -93px;
z-index: 10;
}
.disco a{
position: relative;
display: block;
width: 97px;
height: 93px;
background: transparent url(immagini/disco.png) no-repeat top left;
z-index: 10;
}
.disco a:HOVER{
background-position: top right;
z-index: 10;
}
.discono{
position: relative;
width: 97px;
height: 93px;
top: 15px;
left: 296px;
margin-bottom: -93px;
background: transparent url(immagini/disco.png) no-repeat top right;
z-index: 10;
}

.galleria{
position: relative;
width: 63px;
height: 88px;
top: 21px;
left: 419px;
margin-bottom: -88px;
z-index: 10;
}
.galleria a{
position: relative;
display: block;
width: 63px;
height: 88px;
background: transparent url(immagini/galleria.png) no-repeat top left;
z-index: 10;
}
.galleria a:HOVER{
background-position: top right;
z-index: 10;
}
.galleriano{
position: relative;
width: 63px;
height: 88px;
top: 21px;
left: 419px;
margin-bottom: -88px;
background: transparent url(immagini/galleria.png) no-repeat top right;
z-index: 10;
}

.contatti{
position: relative;
width: 74px;
height: 78px;
top: 25px;
left: 532px;
z-index: 10;
}
.contatti a{
position: relative;
display: block;
width: 74px;
height: 78px;
background: transparent url(immagini/contatti.png) no-repeat top left;
z-index: 10;
}
.contatti a:HOVER{
background-position: top right;
z-index: 10;
}
.contattino{
position: relative;
width: 74px;
height: 78px;
top: 25px;
left: 532px;
background: transparent url(immagini/contatti.png) no-repeat top right;
z-index: 10;
}

/* ---------- */

.testo {
width: 561px;
margin-left: 50px;
margin-right: 50px;
text-align: left;
z-index: 2;
}
.sottovideo {
/*background: transparent url(immagini/sottovideo.png);
background-repeat: no-repeat;
background-position: center center;*/
width: 648px;
height: 436px;
margin-left: -317px;
/*left: 0px;*/
top: 358px;
position: absolute;
z-index: 1;
}
.sottosottovideo {
position: relative;
margin-top: 380px;
height: 40px;
min-height: 40px;
z-index: -1;
}
.video {
position: absolute;
width: 640px;
top: 419px;
margin-left: 12px;
/*left: -320px;*/
height: 360px;
z-index: 2;
}
.divisione {
background: transparent url(immagini/divisorio.png);
background-repeat: no-repeat;
background-position: center center;
width: 661px;
height: 40px;
}

/* LA MUSICA */

.cd {
width: 125px;
margin-left: 50px;
margin-right: 20px;
height: 124px;
margin-bottom: -124px;
z-index: 20;
}
.testocd {
position: relative;
width: 416px;
margin-left: 195px;
margin-right: 50px;
top: 14px;
height: 177px;
text-align: left;
z-index: 20;
}
.player {
position: relative;
margin-top: -28px;

z-index: 30;
}

/* CONTATTI */

.formc {
background: transparent url(immagini/formcontatti.png);
background-repeat: no-repeat;
width: 456px;
height: 252px;
margin-top: 20px;
/*margin-bottom: -252px;*/
z-index: 3;
}
.textnome {
position: relative;
	width: 260px;
	height: 18px;
	background: none;
	border: none;
	font-family: Daniel, verdana, sans-serif;
    color: #262626;
    text-indent: 3px;
    font-size: 14px;
	top: -138px;
	margin-left: 65px;
	margin-right: -260px;
	z-index: 21;
}
.textmail {
position: relative;
	width: 260px;
	height: 18px;
	background: none;
	border: none;
	font-family: Daniel, verdana, sans-serif;
    color: #262626;
    text-indent: 3px;
    font-size: 14px;
	top: -105px;
	margin-left: -6px;
	margin-right: -260px;
	z-index: 21;
}
.texttesto {
position: relative;
	width: 382px;
	height: 156px;
	background: none;
	border: none;
	font-family: Daniel, verdana, sans-serif;
    color: #262626;
    text-indent: 3px;
    font-size: 14px;
	top: 84px;
	margin-left: -6px;
	margin-right: -382px;
	z-index: 21;
}
.bform{
position: relative;
width: 37px;
height: 14px;
top: 133px;
left: 335px;
z-index: 23;
}
.inviaform{
position: relative;
height: 70px;
top: 95px;
left: 410px;
z-index: 22;
}

/*-------------------*/

.cordasxbottom {
background: transparent url(immagini/cordasx.png);
background-repeat: repeat-y;
background-position: center top;
position: relative;
width: 24px;
height: 135px;
left: 50%;
margin-left: -341px;
margin-bottom: -135px;
top: 0px;
z-index: 39;
}
.cordadxbottom {
background: transparent url(immagini/cordadx.png);
background-repeat: repeat-y;
background-position: center top;
position: relative;
width: 24px;
height: 135px;
left: 50%;
margin-left: 319px;
margin-bottom: -135px;
top: -135px;
z-index: 39;
}
.bgbottom {
background: transparent url(immagini/bottom.png);
background-repeat: no-repeat;
position: relative;
width: 661px;
height: 135px;
margin-top: 135px;
margin-bottom: -135px;
top: -135px;
left: 0px;
z-index: 9;
}

/* Parte interattiva bassa */

.textmailing {
	width: 169px;
	height: 18px;
	background: none;
	border: none;
	font-family: calibri, verdana, sans-serif;
    color: #999999;
    text-indent: 3px;
    font-size: 10px;
	margin-top: 84px;
	margin-left: 90px;
	margin-right: 15px;
	z-index: 10;
}
.bmailing{
position: relative;
width: 12px;
height: 12px;
top: 2px;
left: -12px;
z-index: 11;
}

.itunes{
position: relative;
width: 92px;
height: 30px;
top: -33px;
left: 395px;
z-index: 11;
}
.itunes a{
background: transparent url(immagini/p.png);
background-repeat: repeat;
display: block;
position: relative;
width: 92px;
height: 30px;
z-index: 11;
}

.myspace{
position: relative;
width: 72px;
height: 30px;
top: -63px;
left: 494px;
z-index: 11;
}
.myspace a{
background: transparent url(immagini/p.png);
background-repeat: repeat;
display: block;
position: relative;
width: 72px;
height: 30px;
z-index: 11;
}

.facebook{
position: relative;
width: 68px;
height: 30px;
top: -93px;
left: 574px;
z-index: 11;
margin-bottom: -103px;
}
.facebook a{
background: transparent url(immagini/p.png);
background-repeat: repeat;
display: block;
position: relative;
width: 68px;
height: 30px;
z-index: 11;
}

/* IMMAGINI */

.i11 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -205px;
top: -337px;
width: 134px;
height: 283px;
margin-bottom: -283px;
z-index: 500;
}
.i12 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -11px;
top: -335px;
width: 241px;
height: 281px;
margin-bottom: -281px;
z-index: 500;
}
.i13 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: 196px;
top: -325px;
width: 155px;
height: 284px;
margin-bottom: -284px;
z-index: 500;
}
.i21 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -206px;
top: -322px;
width: 134px;
height: 277px;
margin-bottom: -277px;
z-index: 500;
}
.i22 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -61px;
top: -331px;
width: 147px;
height: 283px;
margin-bottom: -283px;
z-index: 500;
}
.i23 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: 136px;
top: -323px;
width: 247px;
height: 281px;
margin-bottom: -281px;
z-index: 500;
}
.i31 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -211px;
top: -334px;
width: 126px;
height: 275px;
margin-bottom: -275px;
z-index: 500;
}
.i32 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -65px;
top: -333px;
width: 157px;
height: 278px;
margin-bottom: -278px;
z-index: 500;
}
.i33 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: 143px;
top: -335px;
width: 251px;
height: 281px;
margin-bottom: -281px;
z-index: 500;
}
.i41 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: -170px;
top: -325px;
width: 197px;
height: 273px;
margin-bottom: -273px;
z-index: 500;
}
.i42 a {
background: transparent url(immagini/p.png);
background-repeat: repeat;
position: relative;
display: block;
left: 55px;
top: -330px;
width: 249px;
height: 276px;
margin-bottom: -276px;
z-index: 500;
}