@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face
{
	font-family: 'Elektra Light Pro';
	src: url('../font/Elektra Light Pro.otf');
	src: url('../font/elektra_light_pro.ttf');
}

@font-face
{
	font-family: 'Web Serveroff';
	src: url('../font/menu.otf');
	src: url('../font/menu.TTF');
}

@font-face
{
	font-family: 'Pacifico';
	src: url('../fonts/Pacifico-Regular_otf.otf');
	src: url('../fonts/Pacifico-Regular_ttf.ttf');
}

body, html
{
	color: #333333;
}

body, html, form
{
	width: 100%;
	height: 100%;
	font-weight: 300;
	font-size: 16px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: 'Lato'
}

.add-top
{
	margin-top: 20px;
}

img
{
	/*display:block;*/
}

#hamburger
{
	float: right;
	display: none;
	width: 35px;
	height: 35px;
	/*position:fixed;*/
	top: 10px;
	margin: 5px;
	/*right:10px;*/
	cursor: pointer;
	z-index: 999999;
}

#dove_siamo_mappa
{
	display: block;
	float: left;
	width: 100%;
	height: 550px;
	margin: -10px 0 -20px 0;
	background-image: url('../img/googlemaps.png');
	background-size: cover;
	background-position: center center;
}

#riga_alta
{
	float: left;
	background-color: #0c2c5d;
	width: 100%;
	height: 12px;
	margin-top: 20px;
	margin-bottom: 0;
}

.centratura
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}

.testata
{
	width: 100%;
	max-width: 960px;
	float: left;
	position: relative;
	background-color: #fff;
}

.separatore_responsive
{
	display: none;
	width: 100%;
	height: 85px;
	float: left;
}

.logo
{
	display: block;
	width: 350px;
	height: 200px;
	margin: 15px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img//logo.PNG');
}

#testata_dx
{
	width: 64px;
	position: absolute;
	right: 0;
	top: 0;
}

.lingue
{
	width: 100%;
	position: absolute;
	top: 184px;
}

.lingua
{
	width: 30px;
	height: 20px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: inline-block;
}

#social
{
	margin-top: 10px;
	text-align: right;
	width: 100%;
	display: none;
}

	#social img
	{
		width: 35px;
		height: 35px;
	}

.areariservata
{
	float: right;
	margin-top: 20px;
	margin-right: 40px;
	text-align: right;
	height: 30px;
	text-transform: uppercase;
	font-size: 10px;
}

	.areariservata a
	{
		text-decoration: none;
		color: inherit;
		display: block;
		padding-left: 15px;
		background: url(../img/lucchettino.png) no-repeat left top;
		padding-top: 2px;
	}

		.areariservata a:hover
		{
			text-decoration: none;
			color: #0c2c5d;
			background: url(../img/lucchettino_verde.png) no-repeat left top;
		}

	.areariservata .current
	{
		color: #0c2c5d;
		border-bottom: 1px solid #000;
		padding-bottom: 3px;
		margin-top: -3px;
		background: url(../img/lucchettino_verde.png) no-repeat left top;
	}

.righette
{
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-top: 5px;
	width: 100%;
}

#menu
{
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	background-color: #eee;
	border-top: 1px solid #cccccc;
}

	#menu div
	{
		display: inline-block;
		padding-left: 0px;
		margin-right: 18px;
		cursor: pointer;
		font-size: 14px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		/*font-weight:bold;*/
	}

	#menu a
	{
		text-decoration: none;
		color: #0c2c5d;
		text-transform: uppercase;
	}

	#menu div:hover
	{
		color: #000;
	}

	#menu .current div
	{
		/*background:url('../img/menu_marcatore.png') no-repeat  bottom center;*/
		color: #000;
		margin-top: -5px;
		border-bottom: 1px solid #0c2c5d;
	}

.titolo_pagina
{
	float: left;
	width: 100%;
	font-weight: 300;
	font-size: 36px;
	text-align: center;
	color: #0c2c5d;
	padding: 30px 0px 30px 0px;
	/*background-color:#ececec;*/
	background-image: url('/img/sfondo_fascia.jpg');
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #c6c6c6;
}
/* INIZIO PIEDE */
#piede, #piede_responsive
{
	float: left;
	background-color: #818285;
	width: 100%;
	height: 100px;
	font-size: 12px;
	color: #fff;
}

#piede_responsive
{
	display: none;
}

	#piede a, #piede_responsive a
	{
		color: #eee;
		text-decoration: none;
	}

.blocco_piede
{
	float: left;
	width: 180px;
	height: 90px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 3px;
}

.logo_piede
{
	float: left;
	width: 200px;
	height: 80px;
	margin-top: -10px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}

.riga_piede
{
	border-left: 1px solid #bcbdc0;
}
/* FINE PIEDE */

/*DOCUMENTI*/
.box_galleria
{
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 10px;
}

	.box_galleria .img
	{
		width: 100%;
		height: 280px;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: hidden;
	}
/*CATEGORIE PRODOTTI*/
.prodotti_categorie
{
	width: 100%;
	float: left;
	margin: 40px 0 0 0;
	overflow: hidden;
}

	.prodotti_categorie .img
	{
		width: 100%;
		height: 300px;
		float: left;
		overflow: hidden;
		border: 1px solid #ddd;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.prodotti_categorie .titolo
	{
		float: left;
		width: 100%;
		color: #000;
		font-size: 30px;
		margin-top: 10px;
		font-weight: bold;
	}

	.prodotti_categorie .descrizione
	{
		float: left;
		width: 100%;
		margin-top: 10px;
		color: black !important;
	}

	.prodotti_categorie:hover
	{
		opacity: 0.8;
	}


/*PRODOTTI SCHEDA*/
.prodotti_scheda
{
	float: left;
	width: 100%;
	margin: 20px auto;
}

	.prodotti_scheda .blocco_testo
	{
		width: 430px;
		margin-left: 30px;
		float: left;
		text-align: justify;
	}

	.prodotti_scheda .titolo
	{
		font-size: 30px;
		font-family: 'Pacifico';
		color: #0c2c5d;
		margin-bottom: 20px;
	}

	.prodotti_scheda .descrizione
	{
		font-style: italic;
	}

	.prodotti_scheda .immagine
	{
		float: left;
		width: 500px;
		height: 320px;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-right: 30px;
	}

		.prodotti_scheda .immagine:hover
		{
			opacity: 0.6;
		}

@media only screen and (min-width: 0px) and (max-width: 959px)
{
	.testata
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 85px;
		z-index: 10;
		overflow: hidden;
	}

	.separatore_responsive
	{
		display: none;
	}

	.logo
	{
		width: 160px;
		height: 74px;
		margin: 5px 0px 0 0;
		float: left;
		background-position: center top;
		background-size: 140px auto;
	}

	#testata_dx
	{
		width: 120px;
		right: 0;
		top: 0;
		float: right;
	}

	#social
	{
		position: absolute;
		width: 39px;
		float: right;
		margin-top: 5px;
		right: 95px;
		display: none;
	}

	.lingue
	{
		top: 5px;
		right: 45px;
		width: 90px;
	}

	.lingua
	{
		width: 35px;
		height: 35px;
		margin: 0px 5px 0 0;
		background-size: 35px 35px;
	}

	.slideshow
	{
		background-size: contain;
	}

	#hamburger
	{
		display: block;
	}

	#menu
	{
		display: none;
	}

		#menu div
		{
			float: left;
			width: 100%;
			height: 35px;
			display: block;
			top: 200px;
			margin: 0 auto;
			box-sizing: border-box;
			text-align: center;
			max-width: none;
			z-index: 999999;
		}

		#menu a
		{
			float: left;
			width: 100%;
			height: 40px;
			margin: 0px 0px;
			padding: 5px 5px;
			background-color: rgba(255,255,255,0.7);
			font-size: 16px;
			line-height: 20px;
			color: #3d4f8c;
			border-bottom: 1px solid #3d4f8c;
			box-sizing: border-box;
			z-index: 99999;
		}

		#menu div a:hover
		{
			text-decoration: none;
			background-color: rgba(255,255,255,0.6);
			color: #3d4f8c;
		}

		#menu div a.selected
		{
			cursor: default;
			background-color: rgba(0,61,143,0.8);
			color: #fff;
			border-bottom: 1px solid #3272b9;
		}
	/* INIZIO PIEDE */
	#piede
	{
		display: none;
	}

	#piede_responsive
	{
		display: block;
		text-align: center;
		min-width: 320px;
	}

	.logo_piede
	{
		float: none;
		margin: 0 auto;
		height: 50px;
		margin-bottom: 2px;
	}
	/* FINE PIEDE */
	.prodotti_scheda .titolo
	{
		float: left;
		width: 100%;
		height: 40px;
		font-size: 30px;
		font-family: 'Pacifico';
		color: #0c2c5d;
		margin-bottom: 20px;
		box-sizing: border-box;
		padding: 0 5px;
	}

	.prodotti_scheda .descrizione
	{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0 5px;
	}

	.prodotti_scheda .immagine
	{
		float: left;
		width: 100%;
	}

	.prodotti_categorie .img
	{
		background-size: contain;
		border: none;
	}

	.prodotti_categorie .titolo, .prodotti_categorie .descrizione
	{
		text-align: center;
		box-sizing: border-box;
		padding: 0 5px;
		color: black !important;
	}

	.prodotti_categorie .titolo
	{
		font-size: 24px;
		font-weight: bold;
	}

	#dove_siamo_mappa
	{
		float: left;
		width: 100%;
		height: 450px;
		margin: -10px 0 -20px 0;
	}
}