@charset "utf-8";
/* CSS Document */




#header {
	height: 140px;
	width: 100%;
	position: fixed;  /****comando che fissa header cioe per fa si le schede scorrano sotto usa Fixed *****/
	background-color: white;
	z-index: +100;
	background-size: cover;
}

#main {
	height: 1200px;
	width: 100%;
	position: relative;
	background-color: rgba(0,153,102,1);
	padding: 15px 0px;
}



body {
	margin: 0; webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-repeat:no-repeat; background-position:center; background-color:white;
}



#logo {
	position: absolute;
	height: 110px;
	width: 110px;
	left: 55px;
	top: 8px; border:1px solid transparent;
}


#logo img {
	height: 90px;
	width: 90px; border:1px solid transparent; border-radius:70px 70px 70px 70px; box-shadow:0px 2px 2px 2px rgba(14,30,249,1),0px -2px 2px 2px rgba(14,30,249,1);
	
}


#menu {
	width: 80%;
	position: relative;
	float: right;
	top: 30px;
}
#header #menu ul li {
	list-style-type: none;
	display: inline;
	font-family: oswald;
	font-size: 30px;
	color: rgba(255,255,0,1);
	margin-left: 50px; /****distanza tra una scritta e l'altra ****/
}
#header #menu ul li a {
	text-decoration: none;
	color: black;  /****qui cambi il colore Scritta del Menu ****/
}
#header #menu ul li a:hover {
	color: rgba(255,0,0,1);
	cursor: pointer;
}


#message {
	position: relative;
	height: 80px;
	width: 100%;
	padding: 10px 0px;
	font-family: oswald;
	font-size: 24px;
	text-align: center;
	color: rgba(204,204,204,1);
	background-color: rgba(102,102,102,1);
	clear: both;
	top: 50px;
	line-height: 80px;
}

/************** I.CLASS : Questa è la CLASSE per fare INGRANDIRE le IMMAGINI tipo ZOOM ******************/
img.iclass{
transition: all 250ms ease-in-out;

-webkit-transition: all 450ms ease-in-out;
-o-transition:all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;	
}

img.iclass:hover{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-moz-transform:	scale(1.1,1.1);
opacity: 0.8;
}

/************** header e logo elastico******************/

#header.large{
height: 140px;	
	
	
}
#header.small{
	height: 90px;
	background-color: rgba(51,51,51,0.5);
	
}


#logo.large img{
width: 110px;
height: 110px;	
	
	
}

#logo.small img{
width: 70px;
height: 70px; box-shadow:0px 1px 1px 1px rgba(0,255,0,1),0px -1px 1px 1px rgba(0,255,0,1);	
	
	
}

/************ transition header + logo *************/

#header,img{
transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;		
	
}

/************ Queste 2 classi sono per la pagina php quando si paga *************/

#paga{ width:750px; height:550px; border:1px solid white; margin-left:auto; margin-right:auto; margin-top:180px; border-radius:20px 20px 20px 20px;}

#contenitoretotalepaga{ widows:100%; height:900px;}


.testograzie {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:black;}

.testograzie p { margin:0px 30px 0px 30px;}




.audio{ width:240px; height:35px;}




#itempromo {
	position: relative;
	height: 750px;
	width: 880px;
	float: left;
	border: 1px solid red; border-radius:10px 10px 10px 10px;
	left: 10px; 
}


#itempromo img {
	height: 750px;
	width: 880px;
	position: relative;
	background-color: rgba(0,0,0,1);
	border: 1px solid transparent; margin-left:1px; 
	
}




#itempromo p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}











/********questo è il div contenitore per i due blocchi prodotti e quello per il banner adsense nella slide 2 *******/

#contenitorepromo { position:relative; width:1290px; height:1250px; margin-left:auto; margin-right:auto; border:1px solid transparent; top:10px;
}

#promosettimanale{ position:relative; width:1282px; height:722px; margin-left:auto; margin-right:auto; border:1px solid transparent; top:40px;
}

#contenitorediscografia { position:relative; width:1290px; height:1200px; margin-left:auto; margin-right:auto; border:1px solid transparent; top:-80px;
}

/**** div della prima fila di prodotti ****/
#contenitoreCd1 { position:relative; width:1282px; height:1070px; margin-left:auto; margin-right:auto; border:1px solid transparent;   
}

/**** div della seconda fila di prodotti ****/
#contenitoreCd2 { position:relative; width:1282px; height:1070px; border:1px solid transparent; margin-left:auto; margin-right:auto;
}



/****questo è il div che contiene il riquadrino sopra adsense nella slide 2 ***/

#itemsottosecondariga {
	position:relative; width:1282px; height:100px; border:1px solid transparent; top:10px; margin-left:auto; margin-right:auto; opacity:0,7; background-color:white; background-position:center;
 
}

#itemsottosecondariga p { text-align:center;font-family: Lato;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	color: black; text-align: center; margin:10px 10px 0px 10px;
	
}









/************ Da qui i blocchi prodotti  *************/





/****SLIDE 2 ****/




#item {
	position: relative;
	height: 550px;
	width: 775px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	 
}


#item img { height:550px;
	width: 775px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item1 {
	position: relative;
	height: 700px;
	width: 450px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}


#item1 img { height:700px;
	width: 450px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item1 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}






#item2 {
	position: relative;
	height: 450px;
	width: 770px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:; bottom:100px; 
}


#item2 img { height:450px;
	width: 770px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item2 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item3 {
	position: relative;
	height: 300px;
	width: 450px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px;top:50px; 
}


#item3 img { height:300px;
	width: 450px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item3 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}



/****SLIDE 3 ****/




#itemsecriga1 {
	position: relative;
	height: 250px;
	width: 900px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: ; 
}





#itemsecriga1 img { height:250px;
	width: 900px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}






#itemsecriga2 {
	position: relative;
	height: 450px;
	width: 330px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}







#itemsecriga2 img { height:450px;
	width: 330px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga3 {
	position: relative;
	height: 750px;
	width: 900px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:; bottom:150px; 
}





#itemsecriga3 img { height:750px;
	width: 900px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga4 {
	position: relative;
	height: 550px;
	width: 330px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px;top:50px; 
}


#itemsecriga4 img { height:550px;
	width: 330px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}







/****SLIDE 4 ****/




#item5 {
	position: relative;
	height: 450px;
	width: 450px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	 
}


#item5 img { height:450px;
	width: 450px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item5 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item6 {
	position: relative;
	height: 780px;
	width: 780px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}


#item6 img { height:780px;
	width: 780px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item6 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}






#item7 {
	position: relative;
	height: 500px;
	width: 450px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:; bottom:250px; 
}


#item7 img { height:500px;
	width: 450px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item7 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item8 {
	position: relative;
	height: 200px;
	width: 770px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px;top:50px; 
}


#item8 img { height:200px;
	width: 770px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item8 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}






/**** SLIDE 5 ****/




#itemsecriga9{
	position: relative;
	height: 250px;
	width: 900px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: ; 
}





#itemsecriga9 img { height:250px;
	width: 900px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}






#itemsecriga10 {
	position: relative;
	height: 330px;
	width: 330px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}







#itemsecriga10 img { height:330px;
	width: 330px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga11 {
	position: relative;
	height: 730px;
	width: 900px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:; bottom:30px; 
}





#itemsecriga11 img { height:730px;
	width: 900px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga12 {
	position: relative;
	height: 650px;
	width: 330px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px;top:50px; 
}


#itemsecriga12 img { height:650px;
	width: 330px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}






/****SLIDE 6 ****/


#item9 {
	position: relative;
	height: 550px;
	width: 550px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	 
}


#item9 img { height:550px;
	width: 550px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item9 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item10 {
	position: relative;
	height: 550px;
	width: 680px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}


#item10 img { height:550px;
	width: 680px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item10 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}






#item11 {
	position: relative;
	height: 440px;
	width: 300px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:2px; top:50px;
}


#item11 img { height:440px;
	width: 300px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item11 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item12 {
	position: relative;
	height: 450px;
	width: 930px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:50px;top:50px; 
}


#item12 img { height:450px;
	width: 930px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item12 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}







/****SLIDE 7 ****/


#itemsecriga13{
	position: relative;
	height: 1050px;
	width: 300px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: ; 
}





#itemsecriga13 img { height:1050px;
	width: 300px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}






#itemsecriga14 {
	position: relative;
	height: 430px;
	width: 430px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}







#itemsecriga14 img { height:430px;
	width: 430px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga15 {
	position: relative;
	height: 430px;
	width: 440px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 100px;
}





#itemsecriga15 img { height:430px;
	width: 440px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}





#itemsecriga16 {
	position: relative; width:930px;
	height: 550px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px;top:50px; 
}


#itemsecriga16 img { height:550px;
	width: 930px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}












/****SLIDE 8 ****/



#item80 {
	position: relative;
	height: 650px;
	width: 650px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	 
}


#item80 img { height:650px;
	width: 650px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item80 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item81{
	position: relative;
	height: 650px;
	width: 570px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left: 50px; 
}


#item81 img { height:650px;
	width: 570px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item81p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}






#item82 {
	position: relative;
	height: 350px;
	width: 300px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:2px; top:50px;
}


#item82 img { height:350px;
	width: 300px;
	position: relative;
	background-color: ;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item82 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}




#item83 {
	position: relative;
	height: 350px;
	width: 930px;
	float: left;
	border: 1px solid transparent; border-radius:10px 10px 10px 10px;
	left:50px; 
	top:50px; 
}


#item83 img { height:350px;
	width: 930px;
	position: relative;
	background-color:;
	border: 1px solid transparent; margin-left:1px; 
	
}




#item83 p {
	font-family: oswald;
	font-size: 30px;
	color: rgba(102,255,0,1);
	text-align: justify;
}










/****questo è il div che contiene il riquadro per adsense nella slide 2 ***/
#pubblicitàadsense1 { position:relative; width:100%; height:150px; border:1px solid green; margin-left:auto; margin-right:auto; top:150px;
}

#pubblicitàadsense1 p {
font-family: oswald;
	font-size: 40px;
	color: black;
	text-align: center; margin-left:auto; margin-right:auto;
}


/****questo è il div contenitore  dei due blocchi prodotti e quello per il banner adsense nella slide 4 ****/
#contenitorevideo { position: relative;
	width: 1220px;
	height: 920px;
	top:-80px;
	border: 1px solid transparent;
	margin-right: auto;
	margin-left: auto; 
}





/**** questo è il div contenitore  totale dei due blocchi prodotti e quello per il banner adsense nella slide 6 ****/
#contenitore {
	position: relative;
	width: 1120px;
	height: 920px;
	top: -85px;
	border: 1px solid transparent;
	margin-right: auto;
	margin-left: auto;

}






/**************Da qui in poi solo Footer ******************/





/**************Questo e' il riquadro che fa da contenitore tot ai due div info nel footer ******************/
#managment { height:380px; width:1020px; 
             border:1px solid transparent;
			  margin-left: auto; margin-right:auto;
}



/**************Questo è la descrizione info contatti nel footer ******************/
#dmppubblicità { height:300px; width:520px; float:left;
                   margin-top:40px; 
				   border:1px solid transparent;
				    margin-left:10px;
}
#dmppubblicità p {
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: black; text-align:left; margin:10px 10px 0px 10px;
}




/**************Questo è il contenitore che racchiude le 3 immagini dei social ******************/
#contenitoreiconesocial { position:relative;
                          width:450px; height:150px;
						   border:1px solid transparent;
						   float:left; margin-left:30px;
						   margin-top: 100px;

}


#itemfacebook {position:relative; height:120px; width:120px; border:1px solid transparent; top:20px; float:left; left:10px;
}
#itemfacebook img { position:relative; height:118px; width:118px;border-radius:20px 20px 20px 20px;
}


#itemtwitter { position:relative; height:120px; width:120px; border:1px solid transparent;float:left; 
top:20px; left:30px;
}
#itemtwitter img { position:relative; height:118px; width:118px;border-radius:20px 20px 20px 20px;
}


#iteminstg { position:relative; height:120px; width:120px; border:1px solid transparent;float:left; 
top:20px; left:50px; 
}

#iteminstg img { position:relative; height:118px; width:118px;border-radius:20px 20px 20px 20px;
}


#contenitoresocial p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	color: rgba(255,255,255,1); text-align:center;
}






#contatorevisite { position:relative; width:90px ; 
height:30px; border:1px solid blue; 
margin-left:auto; margin-right:auto; top:5px;
}


#pulsante { position: absolute; width:110px; height:25px; border:1px solid transparent; border-radius:3px 3px 3px 3px; z-index:+8;
 background-color: rgba(255,102,0,1); margin-top:-40px; margin-left:5px;
}
#pulsante p { font-family: Lato; font-size:18px; text-align: center; color:white; margin:0px 0px 0px 0px;


}