@charset "utf-8";
/* CSS Document */
@font-face {
font-family:Trebuchet MS;
src: url('trebuc.eot');
src: local('Trebuchet MS Title'), local('Trebuchet MS'), url('Trebuchet MS.ttf') format('truetype');
}
/*-------------------INIZIO INDEX-------------------*/
.body{
	background: url(immagini/wallrid.jpg);
	width:100%;
	min-width:240px;
	max-width:960px;
	margin:3.8% auto 0 auto;
	margin-top:0% !important;
	text-align:center !important
}

/*.io{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px !important;
	color:#F8F8F8;
	width:100% !important;
	margin:9.5% -0.5% 0 -0.5% !important;
}*/

.gotoimg{
	width:100% !important;
	margin-top:28px;
	position:relative;
	z-index:1;
}

.macchia{
    -webkit-animation: rotation 7s linear infinite;
    -moz-animation: rotation 7s linear infinite;
    -ms-animation: rotation 7s linear infinite;
	width:43% !important;
	margin:-47% 0 0 55% !important;
}
@-webkit-keyframes rotation {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotation {
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotation {
    0%   { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

.goto{
	width:60% !important;
	margin: 28px auto 0 auto !important;
}

a{
	text-decoration: none;
}

.gototesto{
	padding: 20px 0 !important;
	font-size:25px !important;
	color:#F8F8F8;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#090;
	border-radius:10px;
}

.gototesto:hover{
	color: #090;
	background-color:#F8F8F8
}

.footerindex{
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:120%;
}

.footerindex .pindex{
	font-size:14px !important;
	margin-top:25% !important;
	margin-bottom:0.5%;
	line-height:110% !important;
	color:#F8F8F8;
}

.privacyindex{
	color:#039;
}

.footerindex a:hover{
	color:#F8F8F8;
}
/*-------------------FINE INDEX-------------------*/

/*-------------------INIZIO LABEL-------------------*/
#back-top:before {
border-left: 0 solid transparent !important;
border-bottom: 0 solid #a6a6a6 !important;
border-right: 0 solid transparent !important;
}

#back-top {
bottom:-45px !important;
right:0 !important;
}

#back-top span {
width:0 !important;
height:0 !important;
margin-bottom: 20px !important;
}

#back-top a{
	display:none
}

body{
	background: url(immagini/wallrid.jpg);
	width:100%;
	min-width:240px;
	max-width:960px;
	margin:0 auto;
}

.header{
	position: fixed;
	background: -webkit-linear-gradient(left,rgba(150,150,150,0.95), rgba(150,150,150,0.95)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(150,150,150,0.95), rgba(150,150,150,0.95)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(150,150,150,0.95), rgba(150,150,150,0.95)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(150,150,150,0.95), rgba(150,150,150,0.95)); /*Standard*/
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	top:24px !important;
	width:100%;
	height:75px !important;
	z-index:1;
}

.logo{
	width:45% !important;
	margin-top:2px !important;
}

.bp, .juno, .trax, .itunes, .amazon, .yt, .cloud, .fb{
	width:5.5% !important;
	background:#333;
	border-radius:25px;
}

.bp{
	position:absolute;
	top:20%;
	left:52%;
}

.juno{
	position:absolute;
	top:20%;
	left:58%;
}

.trax{
	position:absolute;
	top:20%;
	left:64%;
}

.itunes{
	position:absolute;
	top:20%;
	left:70%;
}

.amazon{
	position:absolute;
	top:20%;
	left:76%;
}

.yt{
	position:absolute;
	top:20%;
	left:82%;
}

.cloud{
	position:absolute;
	top:20%;
	left:88%;
}

.fb{
	position:absolute;
	top:20%;
	left:94%;
}

a:hover .bp, a:hover .juno, a:hover .trax, a:hover .itunes, a:hover .amazon, a:hover .yt, a:hover .cloud, a:hover .fb{
	background:#a6a6a6;
}

.vision{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:130%;
	position:relative;
	top:8px;
	right:0;
}

.menu{
	position:absolute;
	top:0%;
	position:fixed;
	z-index:1000;
	background:#F8F8F8;
	width:100%;
	min-width:240px;
	max-width:960px;
}

.menu li{
	float:left;
	color:#333;
}

.menu li a{
	text-decoration:none;
	color:#333;
	font-size:16px !important;
	display:block;
	padding:2px 10px;
}

.menu li a:hover{
	background-color:#a6a6a6;
}

#label{
	position:absolute;
	top:0
}

.h1{
	margin-left:0.5%; /*valore da mettere per tablet e smartphone*/
	margin-right:0.5%; /*valore da mettere per tablet e smartphone*/
	margin-top:120px !important;
	font-size:15px !important;
	line-height:125% !important;
}

h1 span{
	font-size:18px !important
}

.span{
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)); /*Standard*/
	border-radius:10px;
	margin-top:13px;
	padding-bottom:151px
}

.cuffia{
	width:17%;
	position:absolute;
	top:25%;
	left:42.5%
}

#artists{
	position:absolute;
	top:119px
}

.artisti{
	height:0;
}

.fototonda, .guido, .alberto, .don{
	width:17%;
	border:2px solid #333;
	box-shadow: 3px 3px 3px #333;
	border-radius:50%;
}

.fototonda:hover, .guido:hover, .alberto:hover, .don:hover{
	box-shadow: 0 0 0;
}

.fototonda{
	position:absolute;
	top:65%;
	left:8.8%;
}

.guido{
	position:absolute;
	top:65%;
	left:31.6%
}

.alberto{
	position:absolute;
	top:65%;
	left:54.4%
}

.don{
	position:absolute;
	top:65%;
	left:77.2%
}

.fancybox p{
	color:#F8F8F8;
	text-align:center;
	line-height:100%;
	font-size:14px !important;
}

#fra{
	position:relative;
	top:-24px;
	left:7%;
	display:inline;
}

#guido{
	position:relative;
	top:-24px;
	left:10%;
	display:inline;
}

#alberto{
	position:relative;
	top:-24px;
	left:16%;
	display:inline;
}

#don{
	position:relative;
	top:-24px;
	left:22%;
	display:inline;
}

#releases{
	position:absolute;
	top:460px
}

.releases{
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)); /*Standard*/
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	margin-top:22px;
	padding-bottom:1px
}

.gallerydescrizione{
	height:215px !important;
	width:100%;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)); /*Standard*/
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	position:relative;
	top:0;
	left:0;
	z-index:0;
}

.controlPrev{
	color:#333;
	font-size:24px;
	padding:0 0.5%;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0.5)); /*Standard*/
	position:absolute;
	top:45%;
	left:1%;
	z-index:100;
}

.controlNext{
	color:#333;
	font-size:24px;
	padding:0 0.5%;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0.5)); /*Standard*/
	position:absolute;
	top:45%;
	left:185px;
	z-index:100;
}

.gallery{
	position:relative;
	height: 300px;
	margin-bottom:-293px;
	z-index:-1
}

.gallery img{
	max-width:201px;
	max-height:66%;
	margin-top: 5px !important;
	margin-left: 8px !important;
	border:1px solid #f8f8f8;
	margin-bottom:-85px;/*per contenere il Bottom delle foto durante lo scambio tra le stesse*/
}

#descrizione {
	width:35% !important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F8F8F8;
	padding-left:250px;
	text-align:center;
	float:left
}

#thumbnails{
	margin-left:85%;
}

#thumbnails a img {
	height: 25px;
	margin-bottom:3%;
	margin-right:3%;
	border:1px solid #f8f8f8;
	float:left
}

h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.08em !important;
text-align: center;
color:#f8f8f8;
text-transform:uppercase;
font-size:20px !important;
padding-top:1.5% !important;
margin-top:-6px;
}

.form {
background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)); /*Standard*/
margin-top:5%;
border-radius:10px;
position:relative
}

.form form {
padding:0 0 1% 0 !important;
width:99%;
margin: 0 auto;
text-align: center;
margin-left:1%;
}

label {
font-family: Verdana, Geneva, sans-serif;
font-size:16px !important;
margin-top:6px !important;
float:left;
clear: both;
text-align: right;
}

.form input {
padding:5px !important;
margin: 5px 0 5px 10% !important;
width:80% !important;
height: 10px;
font-size:16px !important;
float:none !important;
border: none;
border-bottom: 1px solid #d6d7dd;
background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0)); /*Standard*/
}

input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color:#f8f8f8;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
cursor:pointer;
}

.form textarea {
width: 80% !important;
min-height:70px !important;
max-height: 500px;
float: right;
margin:3px 1.6% 0 0 !important;
font-size:16px !important;
border: 1px solid #d6d7dd;
background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0)); /*Standard*/
}

.form .request input {
margin-bottom:1.5% !important;
font-size: 18px !important;
color:#f8f8f8;
background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.5)); /*Standard*/
text-align: center;
border: none;
border-radius:10px;
height: auto;
float: none;
width:44% !important;
margin-top:3% !important;
padding:3% 0 !important;
margin-left:0 !important;
}

.form .request input:hover{
background: #333;
cursor: pointer;
}

.footer{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:3% 0 0.7% 0 !important;
	line-height:115% !important;
	font-size:14px !important
}

.footer a{
	color:#039;
	text-decoration:none;
}

.footer a:hover{
	color:#f8f8f8;
}
/*-------------------FINE LABEL-------------------*/

/*-------------------INIZIO GR-------------------*/
.bodygr{
	background: url(immagini/wallrid.jpg);
	width:98% !important;
	margin:5% 1% 0 1% !important;
	text-align:center;
	color:#f8f8f8;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pgr{
	font-size:22px !important;
	line-height:110% !important;
}

.ancoraback{
	text-decoration:none;
}

.divback{
	width:25% !important;
	background:#090;
	border-radius:9px !important;
	margin:10% auto;
}

.pback{
	padding:10% 0;
	font-size:22px !important;
	color:#f8f8f8;
}

.divback:hover{
	background:#f8f8f8;
}

.pback:hover{
	color:#090;
}

.footergr .pfootergr{
	font-size:14px !important;
	margin-top:30% !important;
	line-height:110% !important;
	color:#f8f8f8;
}

.footergr a{
	color:#039;
	text-decoration:none;
}

.footergr a:hover{
	color:#f8f8f8;
}
/*-------------------FINE GR-------------------*/

.ancoresitemap{
	color:#039
}

.ancoresitemap:hover{
	color:#f8f8f8;
}

/* Fine Sitemap */