/* SELETTORI GENERALI per l'organizzazione degli spazi */

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
	background-image: url("/img/images4trasparent.jpg");
	background-size:cover;
}
 
.row{
	display:flex;
	flex-wrap:wrap;
}
		
.halfRow{
	flex:0 0 50%;
	min-width:320px;
}
	
@media (max-width: 740px) {	

	.halfRow {flex: 0 0 100%;}		
	
}

			/* CLASSI ATOMICHE */

.nobr {white-space:nowrap;}
.grassetto {font-weight: 600;}
.italic{font-style:italic;}	
.textCenter{text-align:center;}
.textRight{text-align:right;}
.coloreRosso{color:#990000;}
.separatrice{height:30px;}
.spazioXLink{line-height: 1.8;}


@media (max-width: 740px) {
	
	.separatrice{height:0px;}			
}

			
			/* SELETTORI PER I TAG DI BASE */

body {
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0px;
	color:#011993;
} 
  
ul {list-style-type: none;}

li{
	margin-top: 3px;
	font-size:1.0rem; 
	line-height: 1.5;
  	font-weight: 300;
  	color: #011993;
	text-shadow: 1px 1px 1px #ffeecc;
	font-family:Andika;
	
}

p {
	margin-top: 3px;
	font-size:1.0rem; 
	line-height: 1.5;
  	font-weight: 300;
  	color: #011993;
	text-shadow: 1px 1px 1px #ffeecc;
	font-family:Andika;
}
	
h1 {
	margin: 0px;
	margin-left:20px;
	margin-bottom: 2px;
	padding-top:10px;
	font-size:1.8rem;
	text-shadow: 1px 1px 1px #ffeecc;
	color:#011993;
	font-family:Andika;
	line-height:1.2;
}

@media (max-width: 740px) {
	
	h1 {font-size:1.4rem;}
		
}

h2 {
	margin: 0px;
	margin-bottom:20px;
	padding-top:5px;
	font-size:1.6rem;
	text-shadow: 1px 1px 1px #ffeecc;
	color:#011993;
	font-family:Andika;
	line-height:1.2;
}

@media (max-width: 740px) {
	
	h2 {font-size:1.2rem;}	
}


h3{
	font-size:1.4rem;
	margin-top:0px;
	margin:0px;
	text-shadow: 1px 1px 1px #ffeecc;
	color: #011993;
	font-family:Andika;
	font-weight:1000;
}

@media (max-width: 740px) {
	
	h3 {font-size:1.2rem;}
		
}

a {
	color: #011993;
	text-decoration:none;
}

a:hover {color:#3456fe;}	

a:visited{text-decoration:none;}


		/* SELETTORI X TUTTE LE PAGINE */

.hr {
	border:double 5px #990000;
	margin:0px;
}

		/* SELETTORI HEADER */

/* Navigation Bar */

.navBar {
	text-align: right;
	padding:0px;
	margin-right:7%;
	margin-top:15px;
	margin-bottom:5px;
}
	
.itemNavBar {
	padding:0px;
	padding-left:5%;
	margin:0px;
	font-size:19px;
}
	
.formatoLinkNav {
	text-decoration:none; 
	font-weight: 300;
}
	
.formatoLinkNavSullaPag {
	text-decoration:none;
	font-weight: 600;
}
	
a.formatoLinkNav p{text-align:center;}


.pcomeh1{
	margin: 0px;
	margin-left:20px;
	margin-bottom: 2px;
	padding-top:10px;
	font-size:1.8rem;
	text-shadow: 1px 1px 1px #ffeecc;
	color:#011993;
	font-family:Andika;
	line-height:1.2;
}

@media (max-width: 740px) {
	
	.pcomeh1{font-size:1.4rem;}
		
}


		/* SELETTORI FOOTER */

.footer{
	padding: 20px 0px 100px 0px;	
}
	
.footer p{
	text-align:left; 
	margin:0px; 
	padding:0px 20px 0px 20px; 	
	font-weight:300;
	color:#4d4d4d;
}


.WebMasterPrivacySi{
	color:#4d4d4d;
	display:inline;	
}

.WebMasterPrivacyNo{
	color:#4d4d4d;
	display:none;
	
}


@media (max-width: 740px) {
	
	.WebMasterPrivacySi{display:none;}

	.WebMasterPrivacyNo{display:inline;}

}
	
	
.cookieBanner{
	min-width:120px;
	background-color: #F5F5F5;
	border:solid 1px #595959;
	min-height: 120px;
	text-align:center;
	display: block;
	position: fixed;
	bottom: 20px;
	left:5%;
	right:5%;
	z-index: 100;
	padding:10px;
	}
	
.cookieBanner p{
	color:#595959;
	text-shadow:none;
	margin-bottom:1px;
}

.cookieBanner a{
	color:white;
}

.bottoniCookie{
	background-color: #F5F5F5;
	margin-right:20px;
	margin-top:10px;
	border-radius:5px;
	padding: 7px 10px 7px 10px;
	border:solid 1px #595959;
	cursor:pointer;
	color:#595959;
	}
	
   	

		/* SELETTORI pagina HOME */
				
/* slogan iniziale in home page  */
						
.divSloganHome{
	min-width:200px;
	text-align:right;
	padding-top:110px;
	padding-bottom:110px;	
}	

.divSloganHome p{	
	font-size:1.7rem;
	padding:0px;
	padding-left:10%;
	margin:0px;
	}
	
@media (max-width: 740px) {	
	
	.divSloganHome{
		text-align:center;
		padding-top:10px;
		padding-bottom:30px;
	}
	
	.divSloganHome p{
		padding:0px 3px;
		font-size:1.4rem;
		line-height:1.3;
		margin:0px 10px 0px 10px;
	}
	
}

.contactButton{
	width:120px;
	margin:0 auto;
	border:double 2px #990000;
}

p.contactSloganHome{
	font-size:1.4rem;
	margin-top:30px;	
	}
	
@media (max-width: 740px) {	

	p.contactSloganHome{
		margin-top:10px;	
	}	
}
	

/* scroll bottiglie in home page  */
	
.divScrollBottiglie{
	width: 300px;
	height:430px;
	overflow-x: scroll;	
	background-color:trasparent;
	margin:auto;
	margin-top:4%;
	margin-bottom:2%;
	margin-left:16%;
	padding-top:5px 0px 15px 0px;
	text-align:left;		
}
				
.divScrollBottiglie::-webkit-scrollbar{height:7px;}
	
.divScrollBottiglie::-webkit-scrollbar-track {
  	box-shadow: inset 0 0 5px grey; 
  	border-radius: 10px;
}	

.divScrollBottiglie::-webkit-scrollbar-thumb {
  	background: #990000; 
  	border-radius: 10px;
}
		
.divScrollBottiglie::-webkit-scrollbar-thumb:hover {
  	background: #b30000; 
}

@media (max-width: 740px) {
	
	.divScrollBottiglie{
		width: 280px;
		margin-left:auto;
		margin-top:1%;
		margin-bottom:0px;
		padding-left:0px;
	}
	
}
			
@media (max-width: 380px) {	
	
	.divScrollBottiglie{padding-left:0px;}
	
}
		
.divBottiglie{
	display:inline;
	margin:0px;
	margin-right:0px;
	text-align:center;
}	

@media (max-width: 380px) {		
	.divBottiglie{margin-right:0px;}	
}	
	
.bottiglia{
	margin-right:15px;
	margin-left:15px;
	width:auto;
	height:100%;
	height:391px;
}


/* tutto il resto nella HomePage*/

.testoHome{
	margin: 20px 20px 20px 20px ;
	padding:0;
	text-align:center;
}

.testoHome p{
	font-size:1.2rem; 
	line-height:1.4;
	margin:0px;
}

.testoHomeLink{
	padding:0px 0px 15px 0px;
}

p.testoHomeLink{
	font-size:1.3rem; 
}

.emoji{
	padding:15px;
	font-size:36px; 
}


		/* SELETTORI PAGINA PRODUTTORI */


h2.h2comeh3Produttori{
	font-size:1.4rem;
	margin-top:0px;
	margin:0px;
	text-shadow: 1px 1px 1px #ffeecc;
	color: #011993;
	font-family:Andika;
	font-weight:1000;
}

@media (max-width: 740px) {
	
	h2.h2comeh3Produttori{font-size:1.2rem;}
		
}
	
.produttori{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

.produttori .row{
	padding-top:10px;
	padding-bottom:10px;
}

@media (max-width: 740px) {
	
	.produttori .row{
		padding-top:7px;
		padding-bottom:7px;
	}

}
	
.produttori p{	
	margin:auto;
}

.produttoriSlogan{	
	margin-top:30px;	
}

@media (max-width: 740px) {

	.produttoriSlogan{	
		margin-top:20px;
		text-align:center;	
	}
		
}

.immProduttori{
	margin:auto;
	width:220px;
	margin-top:20px;
	margin-bottom:20px;	
}

@media (max-width: 740px) {
	.immProduttori{
		margin-top:35px;
		
	}
}	
	

.immProduttoriVerticali{
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	height:200px;
		
}

.vini p{
	font-size:1.2rem;
}

span.viniTitolo{
	color: #990000; 
	font-weight:600;
}

p.contattoProduttori{
	text-align:right;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:0px;
}



	/* SELETTORI PAGINA CHISIAMO */


h2.h2comeh1{
	
	margin: 0px;
	margin-left:20px;
	margin-bottom: 2px;
	padding-top:10px;
	font-size:1.8rem;
	text-shadow: 1px 1px 1px #ffeecc;
	color:#990000;
	font-family:Andika;
	line-height:1.2;
	
}

@media (max-width: 740px) {
	
	h2.h2comeh1{font-size:1.4rem;}
		
}

	
.immagineChiSiamo{
	background-image: url("/img/chi-siamo.webp");
	background-size:cover;
	background-color:black;
	background-position:bottom;
	height:350px;
	margin:0;
	margin-bottom:20px;
}

@media (max-width: 740px) {

	.immagineChiSiamo{
		background-image: url("/img/chi-siamo840W.webp");
	}
	
}
	


.chiSiamo p{
	line-height:1.4;
	margin:3%;
	margin-right:10%;
	margin-bottom:8px;
}

@media (max-width: 740px) {
	
	.chiSiamo p{
		margin-top:3px;
		margin-bottom:3px;
	
	}
		
}

.chiSiamo h1{
	margin:3%;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}

.chiSiamo h2{
	margin:3%;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}

.accordion {
	cursor: pointer;
	transition: background-color 0.2s linear;
	} 

   
.accordion-content {
	max-height: 0;
   	overflow: hidden;
   	transition: max-height 0.2s ease-in-out;
   	}
	   	
.agenti{
	padding-top:5px; 
	padding-left:10px;
}


.agenti p{
	padding-bottom:0px; 
}

@media (max-width: 740px) {

.agenti p{
	padding-bottom:10px; 
	}

}
  
  
  /* SELETTORI PAGINA CONTATTI */ 
  
.contatti p{
	line-height:1.4;
	margin:3%;
	margin-right:10%;
	margin-bottom:8px;
}

.contatti .sx p{
	text-align:right;
	line-height:1.7;
	
}

.contatti .dx p{
	text-align:left;
	line-height:1.7;
	
}

@media (max-width: 740px) {

	.contatti .sx p{
		text-align:center;
	
	}

	.contatti .dx p{
		text-align:center;
	
	}
	
}	


.contatti h2{
	margin:3%;
	margin-top:10px;
	margin-bottom:5px;
	text-align:center;
}
  
  
  .formBox{
	max-width:380px;
	min-width:300px;
	width: 50%;
	margin:auto;
	margin-bottom:10px;
	text-align: center;
	background-color:#990000;
	padding:15px;
	}
	
.formBox p{
	color:white;
	}
	
#formOK p{	
	color:white;
	min-width:320px;
	padding:15px 0px;
	margin:0px;
	margin-top:25px;
	margin-bottom:50px;	
}
   
.formGroup{
	text-align:left;
 	}
        
.contactForm .formGroup{
	margin-bottom: 15px;
	color:#F5F5F5;
}
	
.contactForm label{
	display: flex;
	padding-bottom: 3px;
}

.contactForm textarea, .contactForm input{
	border-radius: 5px;
	font-size: 14px;
	text-align:left;
}

.contactForm input{
	width: 300px;
    height: 33px;
    color: black;
}

.contactForm textarea{
	width: 300px;
    height: 200px;
    color: black;
}

.contactForm .inviaButton{
    background-color: #F5F5F5;
    border: none;
    width: 120px;
    height: 50px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    color:#696969;
    cursor: pointer;
}


/* SELETTORI WEB MASTER */

.webmaster{
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
}
	
	
 /* SELETTORI PAGINA PRIVACY */ 
 
 .privacy{
 	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
 }
 
 .privacy ul{list-style-type:circle;}