@import url('https://fonts.googleapis.com/css?family=Quicksand');
	@import url('https://fonts.googleapis.com/css?family=Germania+One');
	@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');


body{
	zoom							: 90%;
}
#section-header{
	background					: #fff;
	min-height					: 350px;
	box-shadow					: 0px 0px 0px #000;

	background					: #fff;
	background-image: -ms-linear-gradient(top right, #FFFFFF 50%, #f2f2f2 100%); /* IE10 */
	background-image: -moz-linear-gradient(top right, #FFFFFF 50%, #f2f2f2 100%); /* Mozilla Firefox */
	background-image: -o-linear-gradient(top right, #FFFFFF 50%, #f2f2f2 100%); /* Opera */
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.5, #FFFFFF), color-stop(1, #f2f2f2));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top right, #FFFFFF 50%, #f2f2f2 100%); /* Webkit (Chrome 11+) */
	background-image: linear-gradient(to top right, #FFFFFF 50%, #fcfcfc 100%);/* Regola standard */
}


#section-news{
	min-height					: 300px;
	background					: #000;
}

#section-catalogo{
	min-height: 500px;
	background: url('../img/cantina_sfondo_2BW.jpg') no-repeat center fixed !important;
	margin: auto;
}#section-catalogo-reg{
	min-height					: 500px;
	background              : url('../img/cantina_sfondo_2.jpg') no-repeat center fixed !important;
}

#section-contatti{
	min-height					: 500px;
	background					: #cccccc;
}

#section-marchi{
	min-height					: 300px;
	background					: #f1f1f1;
}

#section-footer{
   min-height              : 250px;
   background              : #00aeff;
   background              : #000;
	color							: #fff;
	color							: #a8a8a8;
	text-align					: center;
}

.img-logo{
	zoom							: 50%;
}
.tx-logo{
	font-family					: 'Julius Sans One';
	font-size					: 60pt;
	color							: #2f333a;
	text-shadow					: 0px 0px 20px #717a87;
}

.tx-slogan{
	font-family					: 'Julius Sans One';
	font-size					: 20pt;
	color							: #00aeff;
}

.tx-titolo{
	font-family					: Quicksand;
	font-size					: 22pt;
	line-height					: 28px;
	color							: #ededed;
	color							: #c0c0c0;
}

.tx-testo{
	font-family					: Quicksand;
	font-size					: 13pt;
	line-height					: 28px;
	color							: #717a87;
}

.tx-testo-evidenziato{
	font-family					: Quicksand;
	font-size					: 13pt;
	background					: #00c136;
	background					: #00aeff;
	color 						: #fff;
	border-radius				: 5px;
	line-height					: 18px;
}


.box-trasparetnte{
	background					: #000;
	color						: #fff;
	text-align					: center;
	padding						: 20px;
	opacity						: 1;
	border-radius				: 5px;
}

.link_catalogo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	color: #fff !important;
	font-size: 18pt;

	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}

.link_catalogo:hover{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #8f0222 0%, #a90329 44%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8f0222 0%,#a90329 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8f0222 0%,#a90329 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/************************************************************************************************ CATALOGO REGIONE */
.btn-regione{
	float							: left;
	margin						: auto;
	margin						: 10px;
	padding						: 20px;
	min-height					: 160px;
	min-width					: 160px;
	max-height					: 160px;
	max-width					: 160px;
	text-align					: center;
	color							: #fff;
	font-size					: 14pt;
	background              : url('../img/sfondo_nero_2.jpg') no-repeat center !important;
	border						: 0px;
	border-radius				: 50%;
	box-shadow					: 0px 0px 0px #000;
}

.btn-regione:hover{
	box-shadow					: 0px 0px 30px #fff;
}


.bordo{
	border						: 1px solid #000;
}
.risultato-regione{
	min-height					: 450px;
	background					: #f2f2f2;
	background					: #f1f1f1;
}

.container-regione{
	min-height					: 400px;
	display						: flex;
	flex-wrap					: nowrap;
	overflow-x					: auto;
}

.box-prodotto-regione{
	float							: left;
	margin						: 15px;
	min-height					: 280px;
	min-width					: 280px;
	max-height					: 280px;
	max-width					: 280px;

	padding						: 10px;
	background					: #fff;
	border-radius				: 8px;
	border						: 1px solid #e2e2e2;
}

.section-catalogo-regione{
   min-height              : 500px;
	background					: #f4f4f4;
}

.box-prodotto-regione{
	float							: left;
	margin						: 15px;
	min-height					: 280px;
	min-width					: 280px;
	max-height					: 280px;
	max-width					: 280px;

	padding						: 5px;
	background					: #fff;
	border-radius				: 8px;
	border						: 1px solid #e2e2e2;
}

.box-regione-immagine{
	zoom							:50%;
}

.lbl-prodotto-regione{
	margin						: auto;
	font-family					: Quicksand;
	font-size					: 15pt;
	color							: #0062c1;
	text-align					: right;
}
.lbl-cantina-regione{
	margin						: auto;
	font-family					: Quicksand;
	font-size					: 12pt;
	color							: #000;
	text-align					: right;
}

.lbl-prezzo-regione{
	margin						: auto;
	font-family					: Quicksand;
	font-size					: 16pt;
	color							: #e3bc0c;
	text-align					: right;
}

.lbl-regione{
	padding-top					: 60px;
	font-family					: Quicksand;
	font-size					: 22pt;
	color							: #000;
}

.lbl-valuta{
	color							: #c0c0c0;
	font-size					: 11pt;
}

/************************************************************************************************ CATALOGO REGIONE FINE */



/************************************************************************************************ CONTATTI */

#section-contatti{
   min-height              : 500px;
   background              : #e3bc0c;
   background              : #000;
	color							: #e5e5e5;
	text-align					: center;
}

.input_email_text{
	height						: 40px;
	width							: 100%;
	padding						: 5px;
	background              : #363643;
	background              : #2f333a;
	color							: #fff;
	border						: 0px solid #000;
	font-family					: Quicksand;
	font-size					: 20pt;
	text-align					: left;
}

.input_email_area{
	height						: 340px;
	width							: 100%;
	padding						: 5px;
   background              : #2f333a;
	color							: #fff;
	border						: 0px solid #000;
	font-family					: Quicksand;
	font-size					: 18pt;
	text-align					: left;
}

.input_email_submit{
	height						: 40px;
	width							: 50%;
   background              : #606060;
   background              : #910700;
	color							: #fff;
	border						: 0px solid #000;
	font-family					: Quicksand;
	text-align					: center;
}

.input_email_submit:hover{

   background              : #00aeff;

}

.input_err{
	background              : A#42517f;
	border						: 4px dashed #910700;
	border						: 4px dashed #00aeff;
	color							: #fff;
}

#lbl_messaggio{
	font-family					: Quicksand;
	font-size					: 16pt;
	color							: #e3bc0c;
}
.tx-ico-contatti{
	color							: #e3bc0c;
	color							: #910700;
	font-size					: 30pt !important;
}


/************************************************************************************************ CONTATTI  FINE*/

/************************************************************************************************ MARCHI */
#box-marchio{
	background 					: #fff;
	float  						: left;
	display						: block;
	height						: 150px;
	width							: 150px;
	border-radius				: 8px;
	border						: 0px solid #fff;
	padding						: 5px;
	margin						: 5px;
}

.img-marchi{zoom				: 47%;}


/************************************************************************************************ MARCHI  FINE*/

/************************************************************************************************ FOOTER */

.img-mdp{
	zoom							: 40%;
}
/************************************************************************************************ FOOTER FINE*/