/*colori:
marrone scuro: rgba(100,33,0,1)
marrone chiaro: rgba(155,55,10,1)
arancio: rgba(215,120,25,1)
*/
a {
		text-decoration:none;
		}
body	{
		margin:0;
		padding:0;
		background-color:rgba(255,254,246,1)
  		background-repeat: initial;
    	background-attachment: scroll; /*fixed*/

		/*font-family: 'Alegreya', serif;*/
		/*font-family: 'Quicksand', sans-serif;*/
		/*font-family: 'Questrial', sans-serif;*/
		font-family: 'Averia Sans Libre', cursive;
		}
#wrapper {
		margin:0;
		width:100%;
  		overflow:hidden;
		padding:0;
		}
#contenitore {
		width:100%;
		height:600px;
		margin:0 auto;
		background-image:url("../images/sfondo2.jpg");
		background-size:cover!important;
		}		
#logo	{
		width:1200px;
		height:250px;
		margin:0 auto;
		padding:0;
		background-image:url("../images/logo2.png");
		}
	
#menu	{
		width:100%;
		height:200px;
		z-index:1;		
		padding:0;
		margin:0 auto;
		}

#menu ul {
		list-style-type:none;
  		clear:both;
		padding:0;
		margin:0;
		}

#menu ul li {
		/*float:left;*/
		clear:both;
		letter-spacing:1px;
		width:100%;
		}
		
#menu ul li a {
		font-family: 'Pacifico', cursive;
  		font-size:22px;
  		line-height:46px;
  		text-align:center;
		text-decoration:none;
		display:block;
  		/*font-weight:700;*/
  		color:rgba(250,250,250,1); 
		text-shadow: -3px 3px 5px rgba(50,50,50,0.5), -3px -3px 5px rgba(50,50,50,0.5)/*, -1px -1px 3px rgba(255,254,246,1), 1px -1px 3px rgba(255,254,246,1)*/;
		background-color:rgba(100,33,0,0.2);
		margin-bottom:5px;
		}
		
#menu ul li.active a {
		/*color:rgba(187,61,0,1);*/	
		}
		
#menu ul li:hover a {
		/*color:rgba(187,61,0,1);*/
		background-color:rgba(255,255,255,0.2);
		}			
#scritta {
		width:1200px;
		height:150px;
		margin:0 auto;
		}
#scritta p {
		margin:0;
		padding:0;
		letter-spacing: 2px;
		font-size: 60px; 
		line-height:150px;
		color: rgba(255,255,255,1); 
		text-shadow: -1px 1px 5px rgba(100,33,0,0.8), 1px -1px 5px rgba(100,33,0,0.8), -1px -1px 5px rgba(100,33,0,0.8), 1px 1px 5px rgba(100,33,0,0.8);
		font-weight: bold;
		text-align: center;
		font-family: 'Pacifico', cursive;
		}
#footer {
  		width:100%;
  		height:150px;
		text-align:center;
		background-color:rgba(155,55,10,1);
		padding-top:5px;
		bottom:0;
		z-index:10000;
		margin-top:20px;
		}

#footercontenitoreinterno {
		width:1200px;
		height:150px;
		margin:0 auto;
		text-align:left;
		}

#footerscritte {
		width:1200px;
		height:100px;
		clear:both;	
		}

#footerfacebook {
		width:600px;
		height:50px;
		float:right;
		background-image:url("../images/facebook-spento.png");
		padding:0;
		margin:0;
		}

#footerfacebook:hover {
		background-image:url("../images/facebook-acceso.png");
		line-height:50px;
		}
#footertripadvisor {
		width:600px;
		height:50px;
		background-image:url("../images/tripadvisor-spento.png");
		float:left;
		display:block;
		padding:0;
		margin:0;
		}
#footertripadvisor:hover {
		background-image:url("../images/tripadvisor-acceso.png");
		}
#footer p {
		/*color:rgba(100,33,0,1);*/
		text-align:center;
		color:rgba(250,250,250,1);	
		line-height:25px;
		font-size:15px;
		padding:0;
		margin:0;
		}

#contenuto {
		margin:0 auto;
		width:100%;
		}

/*----------------------------------------------menu------------------------------------------*/

#fascia {
		background-image:url("../images/fascia.png");
		background-repeat: repeat-x;
		width:100%;
		height:100px;
		margin: 50px auto;		
		}
		
#titolo {
		color:rgba(215,120,25,1);
		font-size:50px;
		text-align:center;
		font-family: 'Pacifico', cursive;
		/*text-shadow: -1px 1px 5px rgba(0,0,0,0.1), 1px -1px 5px rgba(0,0,0,0.1), -1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1);*/
		text-shadow: -2px 2px 5px rgba(100,33,0,0.8), 2px -2px 5px rgba(100,33,0,0.8), -2px -2px 5px rgba(100,33,0,0.8), 2px 2px 5px rgba(100,33,0,0.8);
		margin-top:40px;
		line-height:100px;
		/*background-color:rgba(100,33,0,0.8);*/
		/*background-color:rgba(255,255,255,0.5);*/
		background-image:url("../images/fascia.png");
		font-weight:300;	
		}

#prodotto1 {
		margin:0 auto;
		width:1200px;
		height:440px;
		}
#arancione {
		width:100%;
		background-color:rgba(215,120,25,1);		
		}
#prodotto2 {
		margin:0 auto;
		width:1200px;
		height:440px;
		}
#farinaimmagine , #fiordilatteimmagine {
		width:570px;
		margin:20px 20px 20px 20px;
		height:400px;
		padding:0;
		float:left;
		}		
#farinatesto , #fiordilattetesto {
		width:570px;
		margin:20px 20px 20px 0;
		height:400px;
		padding:0;
		float:right;
		}
#mozzarellatesto , #pomodorotesto {
		width:570px;
		margin:20px 20px 20px 20px;
		height:400px;
		padding:0;
		float:left;
		}
#mozzarellaimmagine , #pomodoroimmagine {
		width:570px;
		margin:20px 20px 20px 0;
		height:400px;
		padding:0;
		float:right;
		}	
#farinaimmagine {
		background-image:url("../images/antiqua.png");
		}		
#mozzarellaimmagine {
		background-image:url("../images/bufala.jpg");
		}
#fiordilatteimmagine {
		background-image:url("../images/fiordilatte.png");
		}
#pomodoroimmagine {
		background-image:url("../images/pomodoro.jpg");
		}
		
#mozzarellatesto p , #farinatesto p , #fiordilattetesto p , #pomodorotesto p {
		margin:0;
		}

#mozzarellatesto a , #farinatesto a , #fiordilattetesto a , #pomodorotesto a {
		color:rgba(100,33,0,1);
		text-align:center;
		}
		
.marcaprodottomozzarella , .marcaprodottofarina , .marcaprodottofiordilatte , .marcaprodottopomodoro {		
		font-size:25px;
		text-align:center;		
		text-shadow: -1px 1px 5px rgba(100,33,0,1), 1px -1px 5px rgba(100,33,0,1), -1px -1px 5px rgba(100,33,0,1), 1px 1px 5px rgba(100,33,0,1);
		font-weight:700;
		margin-left:10px;
		line-height:35px;
		color:rgba(255,255,255,1);
		}

.marcaprodottomozzarella , .marcaprodottopomodoro {
		background-color:rgba(255,255,255,0.5);		
		}		

.marcaprodottofarina , .marcaprodottofiordilatte {
		background-color:rgba(215,120,25,0.5);
		}	
		
.infomarcamozzarella , .infomarcafarina , .infomarcafiordilatte , .infomarcapomodoro {
		text-decoration:none;
		color:rgba(100,33,0,1);
		text-align:center;	
		}	

.descrizioneprodottomozzarella , .descrizioneprodottopomodoro {
		width:100%;
		padding-top:25px;
		font-size:16px;	
		text-align:justify;	
		color:rgba(255,255,255,1);
		line-height:22px;		
		}

.descrizioneprodottofarina , .descrizioneprodottofiordilatte {
		width:100%;
		padding-top:25px;
		font-size:16px;	
		text-align:justify;	
		color:rgba(0,0,0,1);
		line-height:22px;	
		}		

#pepsi , #menabrea , #ichnusa , #tennents , #moretti , #ceres , #adelaide , #bastola , #costanza , #federico , #margherita , #violante {
		width:183.33px;
		height:400px;
		margin-top:20px;
		}
#pepsi , #menabrea , #ichnusa , #tennents , #moretti , #adelaide , #bastola , #costanza , #federico , #margherita {
		margin-right:20px;
		float:left;
		}
		
#pepsi {
		background-image:url("../images/pepsi.png");
		}
#menabrea	{
		background-image:url("../images/menabrea.png");
		}
#ichnusa {
		background-image:url("../images/ichnusa.png");
		}
#tennents {
		background-image:url("../images/tennents.png");
		}	
#moretti {
		background-image:url("../images/moretti.png");
		}
#ceres {
		background-image:url("../images/ceres.png");
		float:right;
		}		
#adelaide {
		background-image:url("../images/adelaide.png");
		}
#bastola	{
		background-image:url("../images/bastola.png");
		}
#costanza {
		background-image:url("../images/costanza.png");
		}
#federico {
		background-image:url("../images/federico.png");
		}	
#margherita {
		background-image:url("../images/margherita.png");
		}
#violante {
		background-image:url("../images/violante.png");
		float:right;
		}				
/*-----------------------------------------------------------------------responsive----------------------------------------------------------------------*/
@media (max-width:1240px) {
		}
@media (max-width:1020px) {
		#contenitore {
		height:510px;
		}	
		#logo {
		background-image:url("../images/logo2-720.png");
		height:250px;
		width:720px;
		}
		#menu {
  		clear:both;
		width:100%;
		height:140px;
		}
		#menu ul li {
		clear:both;  		
  		height:30px;
		width:100%;
		margin-bottom:5px;
		}
		#menu ul li a {
		}
		#menu ul li a {
  		font-size:20px;
 		line-height:30px;
		padding:0 11px 0 11px;
		}
		#menu ul li:hover a {
		}
		#scritta {
		width:720px;
		height:120px;
		}
		#scritta p {	
		font-size: 50px; 
		line-height:120px;
		letter-spacing:-1px;
		}
		#contenuto {
		width:100%;
		}
		#footer {
		}
		#footercontenitoreinterno {
		width:720px;
		}
		#footerscritte {
		width:720px;
		}
		#footerfacebook {
		width:360px;
		background-image:url("../images/facebook-spento-720.png");
		}
		#footerfacebook:hover {
		background-image:url("../images/facebook-acceso-720.png");
		}
		#footertripadvisor {
		width:360px;
		background-image:url("../images/tripadvisor-spento-720.png");
		}
		#footertripadvisor:hover {
		background-image:url("../images/tripadvisor-acceso-720.png");
		}
		#footer p {
		}
		
		/*----------------------------------------------prodotti------------------------------------------*/
		#titolo {
		margin-top:20px;
		margin-bottom:20px;
		height:80px;
		}
		#titolo P {
		margin:0;
		font-size:40px;
		line-height:80px;
		}		
		#prodotto1 {
		margin:0 auto;
		width:720px;
		height:460px;
		}
		#prodotto2 {
		margin:0 auto;
		width:720px;
		height:460px;
		}
		#farinaimmagine , #fiordilatteimmagine {
		width:330px;
		margin:20px 20px 20px 20px;
		height:400px;
		padding:0;
		float:left;
		}		
		#farinatesto , #fiordilattetesto {
		width:330px;
		margin:20px 20px 20px 0;
		height:400px;
		padding:0;
		float:right;
		}
		#mozzarellatesto , #pomodorotesto {
		width:330px;
		margin:20px 20px 20px 20px;
		height:400px;
		padding:0;
		float:left;
		}
		#mozzarellaimmagine , #pomodoroimmagine {
		width:330px;
		margin:20px 20px 20px 0;
		height:400px;
		padding:0;
		float:right;
		}	
		#farinaimmagine {
		background-image:url("../images/antiqua-720.png");
		}		
		#mozzarellaimmagine {
		background-image:url("../images/bufala-720.jpg");
		}
		#fiordilatteimmagine {
		background-image:url("../images/fiordilatte-720.png");
		}
		#pomodoroimmagine {
		background-size:100%url("../images/pomodoro-720.jpg");
		}
		
		#mozzarellatesto p , #farinatesto p , #fiordilattetesto p , #pomodorotesto p {
		margin:0;
		}

		#mozzarellatesto a , #farinatesto a , #fiordilattetesto a , #pomodorotesto a {
		color:rgba(100,33,0,1);
		text-align:center;
		font-size:16px;
		}
		
		.marcaprodottomozzarella , .marcaprodottofarina , .marcaprodottofiordilatte , .marcaprodottopomodoro {		
		font-size:18px;
		line-height:25px;
		}

		.infomarcamozzarella , .infomarcafarina , .infomarcafiordilatte , .infomarcapomodoro {
		font-size:16px;
		line-height:20px;
		}	

		.descrizioneprodottomozzarella , .descrizioneprodottopomodoro {
		padding-top:10px;
		font-size:14px;	
		line-height:17px;		
		}

		.descrizioneprodottofarina , .descrizioneprodottofiordilatte {
		padding-top:10px;
		font-size:14px;	
		line-height:17px;	
		}		

		#pepsi , #menabrea , #ichnusa , #tennents , #moretti , #ceres , #adelaide , #bastola , #costanza , #federico , #margherita , #violante {
		width:120px;
		height:460px;
		margin:20px 0 0 0;
		}
		#pepsi , #menabrea , #ichnusa , #tennents , #moretti , #adelaide , #bastola , #costanza , #federico , #margherita {
		float:left;
		}
		
		#pepsi {
		background-image:url("../images/pepsi-720.png");
		}
		#menabrea	{
		background-image:url("../images/menabrea-720.png");
		}
		#ichnusa {
		background-image:url("../images/ichnusa-720.png");
		}
		#tennents {
		background-image:url("../images/tennents-720.png");
		}	
		#moretti {
		background-image:url("../images/moretti-720.png");
		}
		#ceres {
		background-image:url("../images/ceres-720.png");
		float:right;
		}	
		#adelaide {
		background-image:url("../images/adelaide-720.png");
		}
		#bastola {
		background-image:url("../images/bastola-720.png");
		}
		#costanza {
		background-image:url("../images/costanza-720.png");
		}
		#federico {
		background-image:url("../images/federico-720.png");
		}	
		#margherita {
		background-image:url("../images/margherita-720.png");
		}
		#violante {
		background-image:url("../images/violante-720.png");
		float:right;
		}	
		}
		
@media (max-width:720px) {
		body {
		min-height:350px;		
		}
		#contenitore {
		height:405px;
		}	
		#logo {
		background-image:url("../images/logo2-350.png");
		height:150px;
		width:350px;
		}
		#menu {
  		clear:both;
		width:100%;
		margin:0 auto;
		}
		#menu ul li {
		width:100%;
		}
		#menu ul li a {
  		font-size:16px;		
		}
		#menu ul li:hover a {
		}
		#scritta {
		width:350px;
		height:100px;
		}
		#scritta p {	
		font-size:40px; 
		line-height:50px;
		}
		#contenuto {
		margin:0 auto;
		width:100%;
		}
		#footer {
		margin-top:0;
		height:130px;
		}
		#footercontenitoreinterno {
		width:350px;
		}
		#footerscritte {
		width:350px;
		}
		#footerfacebook {
		height:30px;
		width:175px;
		background-image:url("../images/facebook-spento-350.png");
		}
		#footerfacebook:hover {
		background-image:url("../images/facebook-acceso-350.png");
		}
		#footertripadvisor {
		height:30px;
		width:175px;
		background-image:url("../images/tripadvisor-spento-350.png");
		}
		#footertripadvisor:hover {
		background-image:url("../images/tripadvisor-acceso-350.png");
		}
		#footer p {
		line-height:20px;
		font-size:15px;
		letter-spacing:-0.9px;
		}
		
		/*----------------------------------------------prodotti------------------------------------------*/
		#titolo {
		margin-top:20px;
		margin-bottom:20px;
		height:80px;
		}
		#titolo P {
		margin:0;
		font-size:40px;
		line-height:80px;
		}		
		#prodotto1 {
		margin:0 auto;
		width:350px;
		height:840px;
		}
		#arancione {
		height:840px;		
		}
		#prodotto2 {
		margin:0 auto;
		width:350px;
		height:840px;
		}
		#farinaimmagine , #fiordilatteimmagine {
		width:350px;
		margin:20px 0 20px 0;
		height:380px;
		padding:0;
		clear:both;
		}		
		#farinatesto , #fiordilattetesto {
		width:350px;
		margin:20px 0 20px 0;
		height:380px;
		padding:0;
		float:right;
		}
		#mozzarellatesto , #pomodorotesto {
		width:350px;
		margin:20px 0 20px 0;
		height:380px;
		padding:0;
		float:left;
		}
		#mozzarellaimmagine , #pomodoroimmagine {
		width:350px;
		margin:20px 0 20px 0;
		height:380px;
		padding:0;
		float:right;
		}	
		#farinaimmagine {
		background-image:url("../images/antiqua-350.png");
		}		
		#mozzarellaimmagine {
		background-image:url("../images/bufala-350.jpg");
		}
		#fiordilatteimmagine {
		background-image:url("../images/fiordilatte-350.png");
		}
		#pomodoroimmagine {
		background-size:100%url("../images/pomodoro-350.jpg");
		}
		
		#mozzarellatesto p , #farinatesto p , #fiordilattetesto p , #pomodorotesto p {
		margin:0;
		}

		#mozzarellatesto a , #farinatesto a , #fiordilattetesto a , #pomodorotesto a {
		color:rgba(100,33,0,1);
		text-align:center;
		font-size:16px;
		}
		
		.marcaprodottomozzarella , .marcaprodottofarina , .marcaprodottofiordilatte , .marcaprodottopomodoro {		
		font-size:18px;
		line-height:25px;
		}

		.infomarcamozzarella , .infomarcafarina , .infomarcafiordilatte , .infomarcapomodoro {
		font-size:16px;
		line-height:20px;
		}	

		.descrizioneprodottomozzarella , .descrizioneprodottopomodoro {
		padding-top:10px;
		font-size:14px;	
		line-height:17px;		
		}

		.descrizioneprodottofarina , .descrizioneprodottofiordilatte {
		padding-top:10px;
		font-size:14px;	
		line-height:17px;	
		}		

		#pepsi , #menabrea , #ichnusa , #tennents , #moretti , #ceres , #adelaide , #bastola , #costanza , #federico , #margherita , #violante  {
		width:120px;
		height:440px;
		margin:0 20px 0 20px;
		}
		
		#pepsi {
		background-image:url("../images/pepsi-720.png");
		}
		#menabrea	{
		background-image:url("../images/menabrea-720.png");
		}
		#ichnusa {
		background-image:url("../images/ichnusa-720.png");
		}
		#tennents {
		background-image:url("../images/tennents-720.png");
		}	
		#moretti {
		background-image:url("../images/moretti-720.png");
		}
		#ceres {
		background-image:url("../images/ceres-720.png");
		float:left;
		}	
		}