@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');
}

.body{
	background: url(immagini/wallrid.jpg);
	width:100%;
	min-width:240px;
	max-width:960px;
	text-align:center;
}

.gradient{
	width:50%;
	margin:0 auto;
	padding:3.6% 0 1% 0;
	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;
}

/*.io{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#F8F8F8;
	width:100%;
	margin-top:3.4%;
}*/

.gotoimg{
	width:100%;
	margin-top:6.5%;
	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:44%;
	margin:-47.5% 0 0 54%;
}
@-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:75%;
	margin:13% auto 0 auto;
}

a{
	text-decoration: none;
}

.gototesto{
	padding:6% 0;
	color:#F8F8F8;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	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{
	margin-top:17.3%;
	color:#F8F8F8;
}

.privacyindex, .choosecookie a{
	color:#039;
}

.footerindex a:hover{
	color:#F8F8F8;
}

.choosecookie{
	width:50%;
	margin:0 auto
}

/*------------------Fine INDEX----------------*/

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:21px;
	width:960px;
	height:95px;
	z-index:1
}

.logo{
	width:45%;
	margin-top:3px
}

.bp{
	width:5%;
	position:absolute;
	top:25%;
	left:52%;
	background:#333;
	border-radius:25px;
}

.juno{
	width:5%;
	position:absolute;
	top:25%;
	left:58%;
	background:#333;
	border-radius:25px;
}

.trax{
	width:5%;
	position:absolute;
	top:25%;
	left:64%;
	background:#333;
	border-radius:25px;
}

.itunes{
	width:5%;
	position:absolute;
	top:25%;
	left:70%;
	background:#333;
	border-radius:25px;
}

.amazon{
	width:5%;
	position:absolute;
	top:25%;
	left:76%;
	background:#333;
	border-radius:25px;
}

.yt{
	width:5%;
	position:absolute;
	top:25%;
	left:82%;
	background:#333;
	border-radius:25px;
}

.cloud{
	width:5%;
	position:absolute;
	top:25%;
	left:88%;
	background:#333;
	border-radius:25px;
}

.fb{
	width:5%;
	position:absolute;
	top:25%;
	left:94%;
	background:#333;
	border-radius:25px;
}

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;
}

#back-top a {
width: 50px;
display: block;
text-align: center;
font: 12px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color:#F8F8F8;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
text-align: center;
}

#back-top:before {
content:"";
position: absolute;
right:0px;
top:-25px;
width: 0;
height: 0;
border-left: 25px solid transparent;
border-bottom: 25px solid #a6a6a6;
border-right: 25px solid transparent;
}

#back-top {
position: fixed;
bottom: 30px;
right: 30px;
text-align: center;
}

#back-top span {
width: 50px;
height: 50px;
display: block;
margin-bottom: -41px;
background: #333333 /*url(../images/up-arrow.png) no-repeat center center*/;
background-size: 80%;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
text-align: center;
}

#back-top a:hover span {
background-color: #a6a6a6;
}

.vision{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:130%;
	position:relative;
	top:12px;
	right:0;
}

.menu{
	background:#F8F8F8;
	width:100%;
	min-width:240px;
	max-width:960px;
	position:absolute;
	top:0%;
	position:fixed;
	z-index:1000;
}

.menu li{
	float:left;
	color:#333;
}

.menu li a{
	font-size:18px;
	text-decoration:none;
	color:#333;
	display:block;
	padding:2px 10px;
}

.menu li a:hover{
	background-color:#a6a6a6;
}

#label{
	position:absolute;
	top:0
}

.h1{
	margin-top:15%;
}

.span {
	font-size:24px !important;
	text-align:center;
	margin-top:19px;
	padding-bottom:200px;
	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;
}

.cuffia{
	width:14%;
	position:absolute;
	top:100px;
	left:43%
}

#artists{
	position:absolute;
	top:104px
}

.artisti{
	height:0;
}

.fototonda, .guido, .alberto, .don{
	width:14%;
	height:auto;
	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:62.5%;
	left:8.8%;
}

.guido{
	position:absolute;
	top:62.5%;
	left:31.6%
}

.alberto{
	position:absolute;
	top:62.5%;
	left:54.4%
}

.don{
	position:absolute;
	top:62.5%;
	left:77.2%
}

.fancybox p{
	color:#F8F8F8;
}

#fra{
	position:relative;
	top:-35px;
	left:85px;
	display:inline;
}

#guido{
	position:relative;
	top:-35px;
	left:185px;
	display:inline;
}

#alberto{
	position:relative;
	top:-35px;
	left:305px;
	display:inline;
}

#don{
	position:relative;
	top:-35px;
	left:418px;
	display:inline;
}

#releases{
	position:absolute;
	top:539px
}

.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:38px;
}

.gallerydescrizione{
	width:100%;
	height:260px;
	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:27px;
	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.3%;
	z-index:100;
}

.controlNext{
	color:#333;
	font-size:27px;
	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:23.3%;
	z-index:100;
}

.gallery{
	position: relative;
	height: inherit;
	margin-bottom:-220px;
	z-index:-1
}

.gallery img{
	max-height:91%;
	margin-top:10px;
	margin-left:10px;
	border:1px solid #f8f8f8;
}

#descrizione {
	width:50%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F8F8F8;
	margin:65px 0 0 28.7%;
	text-align:center;
}

#thumbnails{
	margin-left:36%;
}

#thumbnails a img {
	height: 25px;
	float:left;
	margin-left:1%;
	border:1px solid #f8f8f8;
}

h2 {
line-height: 1.15em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: center;
color:#F8F8F8;
text-transform:uppercase;
padding-top:1%
}

.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:4.5%;
border-radius:10px;
position:relative
}

.form form {
width:99%;
margin: 0 auto;
text-align: center;
padding: 1% 0;
margin-left:1%;
}

label {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
float: left;
margin-top: 12px;
clear: both;
text-align: right;
}

.form input {
margin: 12px 2% 5px 0;
width: 82%;
height: 20px;
float: right;
font-size: 18px;
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, /*.g-recaptcha*/ {
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: 81.5% !important;
min-height:80px;
max-height: 500px;
float: right;
margin:1% 2% 2% 2%;
font-size: 18px;
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*/
}

/*.privacy {
float: left;
width: 98%;
text-align: left;
}

.form .priv {
float: left;
width: 89%;
font-size: 12px;
line-height: 20px;
text-align: left;
clear: none;
}

.priv a {
color: #069;
text-decoration: underline;
}-----------PRIVACY NEL FORM ORIGINALE----------*/

/*.triangolo {
width: 0;
height: 0; 
border-top : 16px solid transparent;
border-left : 16px solid white;
border-bottom : 16px solid transparent;
position: absolute;
bottom:7%;
left:70%;
}*/

/*.g-recaptcha{
	margin-top:-79px;
	margin-right:18px
}*/

.form .request input {
margin-bottom:1%;
font-size: 30px;
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*/
background-position: 96% 40%;
background: url(../images/triangle.png) no-repeat #a6a6a8;
text-align: center;
border: none;
border-radius:10px;
width: 30%;
height: auto;
float: none;
}

.form .request input:hover{
background: #333;
cursor: pointer;
}

.footer{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:3% 0 0.3% 0;
	line-height:120%
}

.footer a{
	color:#039;
	text-decoration:none;
}

.footer a:hover{
	color:#F8F8F8;
}
/*----------------Fine LABEL--------------*/

.bodygr{
	background: url(immagini/wallrid.jpg);
	width:100%;
	min-width:240px;
	max-width:960px;
	margin:3.8% auto 0 auto;
	text-align:center;
	color:#F8F8F8;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pgr{
	font-size:24px;
	line-height:120%;
}

.ancoraback{
	text-decoration:none;
}

.divback{
	width:20%;
	background:#090;
	border-radius:10px;
	margin:10% auto;
}

.pback{
	padding:10% 0;
	font-size:28px;
	color:#F8F8F8;
}

.divback:hover{
	background:#F8F8F8;
}

.pback:hover{
	color:#090;
}

.footergr .pfootergr{
	margin-top:18%;
	line-height:120%;
	color:#F8F8F8;
}

.footergr a{
	color:#039;
	text-decoration:none;
}

.footergr a:hover{
	color:#F8F8F8;
}
/* Fine Grazie */

.ancoresitemap{
	color:#039
}

.ancoresitemap:hover{
	color:#f8f8f8;
}

/* Fine Sitemap */