@charset "utf-8";


@media screen and (max-width:980px){

#header {
	height: 80px;
	width: 100%;
	position: fixed;
	background-color: rgba(0,0,0,1);
	z-index: +100;
	background-size: cover;
}


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


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


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

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


#logo {
	position: absolute;
	height: 60px;
	width: 60px;
	left: 10px;
	top: 5px; border:1px solid transparent;
}
#logo img {
	height: 58px;
	width: 58px;box-shadow:0px 1px 1px 1px rgba(14,30,249,1),0px -1px 1px 1px rgba(14,30,249,1);
	
}

/**questo è il quadrettino del menu nei telefoni**/
@charset "utf-8";#btn-responsive-menu {
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	background-color: rgba(169,192,203,1.00);
	padding: 5px 5px;
	border-radius: 2px;
	top: 10px;
	right: 20px;
	cursor: pointer;
}

/**questo cambi le dimensioni e la posizione della finestra menu che esce dal riquadrino telefoni **/
#menu {
	top: 0px;
	display: none ;
	width: 85%; height:2400px;
	right:15%; background-color:rgba(104,29,83,0.7);
}


/** questo cambi le dimensioni e la posizione delle scritte del menu **/
#header #menu ul li {
	list-style-type: none;
	display: list-item; 
	font-family: oswald; 
	font-size: 20px;
	margin-left: 20%; margin-top:40px;
}
/** questo cambi il colore delle scritte menu del riquadrino telefoni **/
#header #menu ul li a {
	text-decoration: none;
	color: white;
}

/** questo cambi il colore delle scritte quando le clicchi nel menu del riquadrino telefoni **/

#header #menu ul li a:hover {
	color: rgba(255,0,0,1);
	cursor: pointer;
}

.show {
	display: block
!important;
}



/**queste sono i trattini nel riquadrino  menu per i telefoni **/
.icon-bar{ height:2px; width:30px; display:block; background-color:black; margin-top:6px; margin-left:5px;}





/***slide***/



#slide1{background-size:100% 100%; height:250px; background-image: ;  }

#slide2{background-size:100% 100%;  height:250px; }

#slide3{background-size:100% 100%; height:250px; background-image:; }

#slide4{background-size:100% 100%; height:1900px; }

#slide5{background-size:100% 100%; height:900px; background-image:; }





#slide6{background-size:100% 100%; height:1650px; }

#slide7{background-size:100% 100%; height:450px; background-image:; }

#slide8{background-size:100% 100%; height:1650px; }
  
  
  

#footer{ margin-bottom:10px; height:250px;}
  
  
  
  







/************ NUOVO DESIGN *************/







/************ Questa è la classe per i tittoli in grande *************/

.titoligrandi { font-family: Lato; font-size:40px; color:black; text-align:center; text-decoration:none;}


.titoligrandiprincipali { font-family: Lato; font-size:40px; color:white; text-align:center; text-decoration:none;}

/************ Questa è la classe per i tittoli in grande *************/
.titoligrandineri { font-family: Lato; font-size:24px; color:black; text-align:center; font-weight:bolder; }

.titoligrandibianchi { font-family: Lato; font-size:24px; color:white; text-align:center; font-weight: bold; background-color: red;}

.sottotitolineri { font-family: Lato; font-size:22px; color:black; text-align:center;}


.linkrel{ font-family: Lato; font-size:22px; color:white; text-align:center;  text-decoration:none; }

.linkrelverde{ font-family: Lato; font-size:22px; color: rgba(75,168,102,1); text-align:center; text-decoration:none; }


.colorebianco{ font-family: Lato; font-size:18px; color: white; text-align:center; text-decoration:none;}




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


.video { width:340px; height:200px; }



.iframegrande{ width:300px; height: 210px;} /**** questa è la classe pagina Live per il Video youtube ****/

.iframe{width:270px; height:150px;}

.videoincorporati{ width:140px; height:auto;}






/**** questo è il div contenitore  totale nelle singole schede 1 2 3 ****/
#contenitore {
	position: relative;
	width: 100%;
	height: 480px;
	top: -85px;
	border: 1px solid transparent;
	margin-right: auto;
	margin-left: auto;

}




#immaginecentrale { position: relative; width:300px; height:210px; border:1px solid WHITE; margin-left:auto; margin-right:auto; top:20px;
}


#immaginecentrale img { position:relative; width:300px; height:210px; border:1px solid transparent; padding:0px 0px 0px 0px;
}



#titoloedescrizione { position:relative; width:300px; height:200px; border:1px solid transparent; margin-left:auto; margin-right:auto; top:10px;
}

#titoloedescrizione p {font-family: Lato; font-size:16px; color:black; text-align:center; text-decoration:none; }






#contenitoregrande { position:relative; width:100%; height:2150px; border:1px solid transparent;
}



#contenitoreschede { position:relative; width:350px; height:2000px; border:1px solid transparent; margin-left:auto; margin-right:auto;
}


#scheda { position:relative; width:336px; height:330px; border:1px solid transparent; float:left;
}

#scheda img { position:relative; width:316px; height:310px; border:1px solid transparent; padding:5px 0px 0px 8px ; z-index:; 
}

#promositi {position:relative; width:336px; height:82px; border:1px solid transparent; float:left; background-color:; }

#promositi img {position:relative; width:316px; height:82px; border:1px solid transparent; padding:8px 0px 0px 8px ; z-index:;  }








#descrsoprascheda { position:relative; width:300px ; height:150px; border:1px solid transparent; top:-300px; margin-left:auto; margin-right:auto;
}


#descrsoprascheda p {  text-align:center; font-family: Lato; font-size:22px; color: white;text-decoration:none;
}













/********questo contiene il Form , i Social e Adsense ultima scheda*******/
#contenitorediscografia { position:relative; width:100%; height:1120px; margin-left:auto; margin-right:auto; 
border:1px solid transparent; top:-80px;
}




/**** Div che contiene il form ****/
#contenitoreCd1 { position:relative; width:340px; height:620px; border:1px solid rgba(75,168,102,0.6); margin-left:auto; margin-right:auto; margin-top:30px; background-color: rgba(255,255,255,0.9)
}




.bianco{color:rgba(255,255,255,1);}
.rosso{color: rgba(255,0,0,1); margin: 0px 0px 0px 20px;}
.blu scuro{color: rgba(0,0,255,1);margin: 0px 0px 0px 20px;}

.grigia { color:#23590c; margin: 0px 0px 0px 10px; } /*** Classe per  colore e posizione Titoli LABEL a SX ***/





/************ questi sono tutti i campi per modificare la tabella form *************/
table {
	
	background-color:; 
	border-radius: 1px; border:1px solid rgba(104,29,83,0.2);
	box-shadow: 0.5px 0.5px 0.5px #000; width:270px;  /*** Qui stringi la tabella per i telefoni ***/
}




/************ La lebel è dove c'è il TITOLONE Form *************/
table tr td h2 { font-family: Verdana, Geneva, sans-serif; font-size:25px; color:#681d53; font-weight: bold; border:1px solid transparent;}


/************ La lebel è dove c'è il titolo etichetta a sx *************/
tr td label { font-family:Verdana, Geneva, sans-serif; font-size:14; color:#681d53; font-weight: bold;}


/************ la input è lo spazio vuoto da compilare *************/
tr td input { width:180px; height:25px; background-color:rgba(104,29,83,0.2); border-radius: 0px 10px;}

tr td input:hover{ background-color: rgba(204,204,255,0.5);}


tr td select {width:180px; height:25px; background-color: rgba(104,29,83,0.2); border-radius: 0px 10px;}

tr td textarea {width:180px; height:70px; background-color:rgba(104,29,83,0.2); border-radius: 0px 10px;}


tr td button { height:25px; width:130px; background-color:rgba(200,214,229,0.4); border-radius:1px 1px; box-shadow: 5px 5px 5px black; font-family:Verdana, Geneva, sans-serif; color:Black;}

tr td button:hover{ background-color: rgba(204,0,0,1); cursor: pointer;}





/**** Questo contiene i Social ****/
#contenitoreCd2 { position:relative; width:100%; height:150px; border:1px solid transparent; margin-left:auto; margin-right:auto; top:50px;
}



#itemsecriga {
	position: relative;
	height: 60px;
	width: 80px;
	border: 1px solid transparent;
	top: 10px; float:left;
	left: 30px; border-radius:10px 10px 10px 10px;
}





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







/****questo è il div che contiene il riquadro per adsense n ***/
#adsense  
 { position:relative; width:100%; height:250px; border:1px solid gray; margin-left:auto; margin-right:auto; top:50px;
}




/** DA QUI IN POI SOLO FOOTER **/



/**************Questo è il riquadro che fa da contenitore tot ai due div info nel footer ******************/
#managment{height:390px; width:320px; border:1px solid transparent; margin-top:10px; }


#managment p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:white;
}




/**************Questo è la descrizione info contatti nel footer ******************/
#dmppubblicità { height:230px; width:300px; margin-top:15px; border:1px solid transparent;
}

#dmppubblicità p {
	font-family: Lato;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:white; margin:10px 10px 0px 10px;

}



/**************Questo è il contenitore che racchiude le immagini dei social nel Footer ******************/
#contenitoreiconesocial { position:relative; width:200px; height:90px; border:1px solid transparent;  margin-top:10px; margin-left:50px;
}


#itemfacebook {position:relative; height:50px; width:50px;top:20px; float:left; left:5px; 
}

#itemfacebook img { position:relative; height:48px; width:48px;
}


#itemtwitter { position:relative; height:50px; width:50px; border:1px solid transparent;float:left; 
top:20px; left:10px; 
}
#itemtwitter img { position:relative; height:48px; width:48px;
}



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

#iteminstg img { position:relative; height:48px; width:48px;
}









#supercontenitore { #supercontenitore {  position:relative; width:100% ; height:12300px; border:10px solid green; margin-left:auto; margin-right:auto; 
}