@charset "utf-8";
/* colore spazio_intestazione  #b0bb31 */

/* CSS Reset */
html, body, p, ul ,li, div, header, nav, section, article, aside, footer, hgroup, span, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #545550;
}

/* Impostazioni generali della pagina */
body{
	width:100%;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	background-color: #ecebe9;
}
img{
	border: 0;
	margin: 0;
	padding: 0;
}
.testo_nascosto{
	position:absolute;
	left:-9999px;
}


#menu span{
	display: block;
	margin: 1.1em 0;
	border:1px solid #ccc;
	width: 97%;
}
#spazio_intestazione_agriturismo{
	width:100%;
	height: 50px;
	background-color: #acbc13;
		-moz-box-shadow: inset 0px -13px 15px -15px #454914;
		-webkit-box-shadow: inset 0px -13px 15px -15px #454914;
		box-shadow: inset 0px -13px 15px -15px #454914;
}
#spazio_intestazione_home{
	width:100%;
	height: 50px;
	background: #f6f6f4;
		-moz-box-shadow: inset 0px -13px 15px -15px #000;
		-webkit-box-shadow: inset 0px -13px 15px -15px #000;
		box-shadow: inset 0px -13px 15px -15px #000;
}
#spazio_intestazione_vino{
	width:100%;
	height: 50px;
	background: #8e264b;
		-moz-box-shadow: inset 0px -13px 15px -15px #3f0d1f;
		-webkit-box-shadow: inset 0px -13px 15px -15px#3f0d1f;
		box-shadow: inset 0px -13px 15px -15px #3f0d1f;
}
#spazio_intestazione_territorio{
	width:100%;
	height: 50px;
	background: #65a281;
		-moz-box-shadow: inset 0px -13px 15px -15px #34634a;
		-webkit-box-shadow: inset 0px -13px 15px -15px #34634a;
		box-shadow: inset 0px -13px 15px -15px #34634a;
}
#spazio_intestazione_credits{
	width:100%;
	height: 50px;
	background: #262626;
		-moz-box-shadow: inset 0px -13px 15px -15px #3f0d1f;
		-webkit-box-shadow: inset 0px -13px 15px -15px#3f0d1f;
		box-shadow: inset 0px -13px 15px -15px #3f0d1f;
}
#intestazione{
	max-width:1140px;
	margin: 0 auto;
}

/*-inizio menù principale-*/

#menu_principale{
	padding: 14px 5px 5px 5px;
	text-align: center;
}
#menu_principale ul{
	list-style: none;
}
#menu_principale li{
	font-family: 'Roboto', sans-serif;
	display: inline;
	height: 12px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 5px;
}
#menu_principale li{
	border-right: 1px solid black;
	text-decoration: none;
}
#menu_principale li:last-child{
	border:none;
}
#menu_principale a{
	border-right: 1px solid black;
	color:black;
	text-decoration: none;
}
#menu_principale a:hover{
	text-decoration: underline;
}
#menu_principale a:last-child{
	border:none;
}
#menu_principale.menu_bianco li{
	color:#fff;
	font-weight: normal;
}
#menu_principale.menu_bianco a{
	border-right: 2px solid #fff;
	color:#fff;
}
#menu_principale.menu_bianco a:last-child{
	border:none;
}
#menu_principale.menu_bianco li{
	border-right: 2px solid #fff;
	color:#fff;
}
#menu_principale.menu_bianco li:last-child{
	border:none;
}

/*-inizio menù di navigazione delle stanze-*/

#menu_navigazione_stanze{
	text-align: center;

}
#menu_navigazione_stanze ul{
	font-size: 14px;
	color: #808080;
}
#menu_navigazione_stanze p{
	display: inline;
	padding-right: 0.5em;
	font-style: italic;
	color: #808080;
}
#menu_navigazione_stanze li{
	text-decoration: none;
	display: inline;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-left: 1px solid #808080;
	color: #808080;
}
#menu_navigazione_stanze a{
	text-decoration: none;
}
#menu_navigazione_stanze a:hover{
	text-decoration: underline;
	color: #808080;
}

/*-inizio menù secondario vini e vinificazione-*/

.menu_vini{
	width: 280px;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: center;
}
.menu_vini ul{
	list-style: none;
}
.menu_vini li{
	color: #545550;
	font-size: 18px;
	display: inline;
	height: 12px;
	font-weight: bold;
	border-right: 1px solid black;
	padding-right: 0.4em;
	padding-left: 0.4em;
	font-family: 'Roboto', sans-serif;
}
.menu_vini li:last-child{
	border:none;
}
.menu_vini a{
	color: #8e264b;
	text-decoration: none;
}
.menu_vini a:hover{
	text-decoration: underline;
}

/*-inizio info spazio logo-*/

#spazio_logo{
	width: 100%;
	text-align: center;
	background-color: #fff;
}
#spazio_logo p{
	font-size: 44px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #353535;
	font-weight: 300;
	padding: 10px 30px;
}
#logo_grande{
	padding-top: 15px;
	width: 80%;
	max-width: 470px;
}
#spazio_banner{
	overflow: hidden;
	width: 100%;
	text-align: center;	
	background:transparent;
		-moz-box-shadow: inset 0px 18px 30px -20px #000;
		-webkit-box-shadow: inset 0px 18px 30px -20px #000;
		box-shadow: inset 0px 18px 30px -20px #000;
}
#banner{
	width: 100%;
	z-index: -1;
	position: relative;
}
#corpo_pagina{
    max-width: 1140px;
    width: 90%;
    margin: 0 auto;
    background: #ecebe9;
    text-align: center;
}
#testo{
	padding:10px;
	text-align:justify;
}
#testo p{
	font-size: 18px;
}
#testo span{
	font-size: 18px;
}

/*-Inizio titolo nome delle stanze -*/

.nome_stanza{
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	position: relative;
}
.nome_stanza p{
	font-size: 44px;
	text-transform: uppercase;
}
.icone_accessi{
	width: 120px;
	position: absolute;
	top: 20px;
	right: 0;
}
.icone_accessi_smartphone{
	display: none;
}

/*-inizio classe pulsanti scheda_casale-*/

.testo_su_immagine_scheda_casale{
	position: absolute;
	z-index: 30;
	left:86px;
	top:155px;
}
.testo_su_immagine_scheda_casale a{
	text-decoration: none;
}
.testo_su_immagine_scheda_casale p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}

/*-inizio classe pulsanti tondi-*/

.testo_su_immagine{
	position: absolute;
	z-index: 30;
	left:80px;
	top:160px;
}
.testo_su_immagine a{
	text-decoration: none;
}
.testo_su_immagine p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}

/*-inizio classe pulsante campana-*/

#campana{
	height: 320px;
	width: 270px;
	float:left;
	position: relative;
	text-align: center;
}
#campana h3{
	font-family: 'Roboto', sans-serif;
	padding: 10px 0 15px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_1{
	background-color: #9da734;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 100px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante fornacina-*/

.contenitore_a_tre{
	margin-right:290px;
	margin-left: 290px;
}
#fornacina{
	height: 320px;
	width: 280px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#fornacina h3{
	font-family: 'Roboto', sans-serif;
	padding: 10px 0 15px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_3{
	background-color: #42a081;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 100px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante arco-*/

#arco{
	height:320px;
	width:280px;
	float:right;
	position: relative;
	text-align: center;
}
#arco h3{
	font-family: 'Roboto', sans-serif;
	padding: 10px 0 15px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_2{
	background-color: #85a051;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 100px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante esterni-*/

#esterni{
	height: 320px;
	width: 270px;
	float:left;
	position: relative;
	text-align: center;
}
#esterni h3{
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_esterni{
	background-color: #85a051;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 85px;
	left:47px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante interni-*/

#interni{
	height: 320px;
	width: 280px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#interni h3{
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_interni{
	background-color: #87a53b;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 85px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante planimetria-*/

#planimetria{
	height:320px;
	width:280px;
	float:right;
	position: relative;
	text-align: center;
}
#planimetria h3{
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_planimetria{
	background-color: #666;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 85px;   
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}

/*-inizio classe pulsante vini-*/

#contenitore{
	min-height:400px;
}
#vini{
	height: 320px;
	width: 280px;
	float:left;
	margin-left: 150px;
	position: relative;
	text-align: center;
}
#vini a{
	text-decoration:none; 
}
#vini h3{
	font-family: 'Roboto', sans-serif;
	padding: 10px 0 15px;
	font-size:25px;
	font-weight: bold; 
	font-style: italic;
}
.cerchio_su_immagine_vini{
	background-color: #8e264b;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 43px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.testo_su_immagine_vini{
	position: absolute;
	z-index: 30;
	left: 115px;
	top: 120px;
}

.testo_su_immagine_vini p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}

/*-inizio classe pulsante agriturismo-*/

#agriturismo{
	height: 320px;
	width: 280px;
	float:right;
	margin-right: 150px;
	position: relative;
	text-align: center;
}
#agriturismo a{
	text-decoration:none;
}
#agriturismo h3{
	font-family: 'Roboto', sans-serif;
	padding: 10px 0 15px;
	font-size:25px;
	font-weight: bold;
	font-style: italic;
}
.cerchio_su_immagine_agriturismo{
	background-color: #a8b24f;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 43px;
	left:50px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}
.testo_su_immagine_agriturismo{
	position: absolute;
	z-index: 30;
	left: 75px;
	top: 100px;
}
.testo_su_immagine_agriturismo p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}

/*-inizio classe pulsante territorio-*/

#territorio{
	height: 260px;
	width: 260px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin:20px auto;
}
.cerchio_su_immagine_territorio{
	background-color: #87a53b;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 41px;
	left:42px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}
.testo_su_immagine_territorio{
	position: absolute;
	z-index: 30;
	left: 80px;
	top: 115px;
}
.testo_su_immagine_territorio a{
	text-decoration: none;
}
.testo_su_immagine_territorio p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}

/*-inizio classe pulsante vigne e vinificazione-*/

#vigne_vinificazione{
	height: 260px;
	width: 260px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin:20px auto;
}
.cerchio_su_immagine_vigne_vinificazione{
	background-color: #87a53b;
	opacity: 0.8;
	width: 175px;
	height:175px;
	position: absolute;
	top: 42px;
	left:42px;
	z-index: 10;
	border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
}
.testo_su_immagine_vigne_vinificazione{
	position: absolute;
	z-index: 30;
	left: 80px;
	top: 118px;
}
.testo_su_immagine_vigne_vinificazione p{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
}
.testo_su_immagine_vigne_vinificazione a{
	text-decoration: none;
}

/*-inizio classe pagina scheda tecnica vino-*/

#contenitore_scheda_vino{
	min-height: 900px;
}
#bottiglia{
	width: 350px;
	float:left;
	text-align: center;
}
#scheda_tecnica_vino{
	margin-left: 360px;
}
#annata{
	font-size: 40px;
	font-weight: 300;
	margin-left: 10px;
}
#capacita{
	font-size: 24px;
	font-weight: lighter;
	margin-left: 10px;
	margin-right: 10px;
}
.dettagli_vino{
	font-size: 24px;
	font-weight: lighter;
	/*margin-left: 10px;*/
	margin-right: 10px;
}
#scheda_tecnica_vino h4{
	font-size: 40px;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
}
#scheda_tecnica_vino h5{
	display: inline-block;
	font-size: 24px;
	color: #8e264b;
	font-family: 'Roboto', sans-serif;
}
#scheda_tecnica_vino p{
	font-size: 18px;
	padding-bottom: 0.8em;
}
#shop_online{
	width: 140px;
	float:left;
}
#shop_online a{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #8e264b;
	padding-top: 0.1em;
	text-decoration: none;
}
#technical_info{
	width: 280px;
	float:left;
}
#technical_info a{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #8e264b;
	padding-top: 0.1em;
	text-decoration: none;	
}
#shop_online a:hover{
	text-decoration:underline;
	color:#8e264b; 
}
#scarica_pdf{
	width: 145px;
	float:right;
	font-family: 'Roboto', sans-serif;
}
#scarica_pdf p {
	font-size: 15px;
	font-weight: bold;
	color: #8e264b;
	float: left;
}
#scarica_pdf img{
	float: right;
}
#scarica_pdf a {
	text-decoration: none;
}
#scarica_pdf a:hover{
	text-decoration:underline;
	color:#8e264b; 
}
/*-inizio classe  anteprima vino-*/
#contenitore_anteprima_vino{
	padding: 0 18px 10px 0;
}
#foto_vino{
	width: 200px;
	float:left;
	margin-left: 10px;
}
#foto_shop_vino{
	height: 200px;
	float:left;
	margin-left: 10px;
	vertical-align: baseline;
}
#titolo_nome_vino{
	margin-left: 385px;
}
#titolo_nome_vino h4{
	font-size: 46px;
	font-family: 'Roboto', sans-serif;
	font-weight: lighter;
	padding-bottom: 10px;
}
#vino_descrizione_anteprima{
	margin-left: 280px;
	text-align: justify;
}
#vino_descrizione_anteprima p{
	font-size: 18px;
}
#scheda_tecnica_link{
	text-align: left;
	margin-left: 280px;
}
#scheda_tecnica_link a{
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	color:#8e264b; 
}
#scheda_tecnica_link a:hover{
	text-decoration: underline;
	color:#8e264b; 
}

/* inizio classe disponibilita */
#contenitore_disponibilita{
	
}
#disponibilita{
	margin-right:190px;
	min-height: 220px;
}
#disp_mese{
	width:200px;
	float: left;
	margin-bottom: 10px;
}
#disp_mese p{
	font-size: .9em;
}
#disp_mese h2{
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
}
#disp_spazio_pulsanti{
	width: 65px;
	height: 30px;
	float: left;
	cursor: pointer;
	padding-top: 10px;
}

#disp_indietro{
	width: 24px;
	float: left;
}
#disp_avanti{
	width: 24px;
	float: right;
}

.disp_giorno{
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	margin: 1px;
	display: inline-block;
	text-align: center;
	background-color: #b2b2b2;
	font-size: 2em;
	color: #fff;
}
.disp_occupato{
	background-color: #8e264b;
}



#contenitore_info{
	width: 180px;
	margin-top: -220px;
	float:right;
	text-align: center;
}
#info a{
	text-decoration: none;
}
#info p{
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
	font-family: 'Roboto 400,100italic', sans-serif;
}
#scarica_pdf_casale p {
	font-size: 15px;
	font-weight: bold;
	color: #8e264b;
}
#scarica_pdf_casale a {
	text-decoration: none;
}
#scarica_pdf_casale a:hover{
	text-decoration:underline;
	color:#8e264b; 
}

/*-inizio classe pie di pagina-*/

#spazio_pie_pagina{
	clear: both;
	width: 100%;
	margin-top: 25px;
	box-shadow: 0px -2px 10px 0px #b8b8b8;
	background: #fff;
	height: 130px;
	padding-top: 25px;
}
#spazio_pie_pagina span{
	font-style: italic;
}
#pie_pagina{
	padding: 5px 52px;
	text-align: center;
}
#ragione_sociale p{
	display: inline;
}
#ragione_sociale p strong{
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
#ragione_sociale a{
	color: #545550;
	text-decoration: none;
}
#ragione_sociale a:hover{
	color: #545550;
	text-decoration: underline;
}
#navigazione_sito{
	display: inline;
}
#navigazione_sito p{
	display: inline;
	color: #b4b4b4;
}
#navigazione_sito a{
	font-family: 'Roboto Condensed', sans-serif;
	color: #b4b4b4;
	text-decoration: none;
}
#navigazione_sito a:hover{
	text-decoration: underline;
}


/*-inizio classe contenitore biografia famiglia-*/
	#foto_famiglia{
		width: 500px;
		float: left;
		margin-top: 0px;
	}
	#famiglia_bio{
		margin: 0 auto;
		float: none;
		text-align: justify;
		margin-top: 20px;
	}
	#famiglia_bio p{
		font-size: 18px;
	}
	#famiglia_bio span{
		font-size: 18px;
	}

/* Mappa */
	#map_canvas{
		width:100%;
		height:450px;
		margin-top: 0px;
	}


/*------------------------------------------Tablet------------------------------------------------------------------------------*/
@media only screen and (min-width:750px) and (max-width:970px){

	#logo_grande{
		width: 45%;
	}
	#spazio_intestazione_agriturismo{
		height: 60px;
	}
	#spazio_intestazione_vino{
		height: 60px;
	}
	#spazio_intestazione_home{
		height: 60px;
	}
	#spazio_intestazione_credits{
		height: 60px;
	}
	#spazio_intestazione_territorio{
		height: 60px;
	}
	#menu_principale{
		padding-top: 19px;
	}
	#spazio_logo p{
		font-size: 32px;
	}

	/*-Inizio info testi cerchi-*/

	.testo_su_immagine{
		z-index:30;
		left:45px;
		top:95px;
	}
	.testo_su_immagine_scheda_casale p{
		font-size:15px;
	}
	.testo_su_immagine_scheda_casale{
		z-index:30;
		left:50px;
		top:105px;
	}
	.testo_su_immagine p{
		font-size:15px;
	}

	/*-inizio classe pulsante campana-*/

	#campana{
		height: 200px;
		width: 170px;
		margin-left: 10px;
		float:left;
	}
	#campana h3{
		padding: 5px;
		font-size:18px;
	}
	#campana img{
		width:160px;
	}
	.cerchio_su_immagine_1{
		width: 108px;
		height:108px;
		left:30px;
		top:60px;
	}

	/*-inizio classe pulsante arco-*/

	#arco{
		height: 200px;
		width: 160px;
		margin-right: 10px;
		float:right;
	}
	#arco h3{
		padding: 5px;
		font-size:18px;
	}
	#arco img{
		width:160px;
	}
	.cerchio_su_immagine_3{
		width: 108px;
		height:108px;
		left:25px;
		top:60px;
	}
	.contenitore_a_tre{
		margin-right:180px;
		margin-left: 180px;
	}

	/*-inizio classe fornacina-*/

	#fornacina{
		height: 200px;
		width: 160px;
		margin: 0 auto;
	}
	#fornacina h3{
		padding: 5px;
		font-size:18px;
	}
	#fornacina img{
		width:160px;
	}

	.cerchio_su_immagine_2{
		width: 108px;
		height:108px;
		left:25px;
		top:60px;
	}
	/*-inizio classe pulsante esterni-*/

	#esterni{
		height: 200px;
		width: 170px;
		margin-left: 10px;
		float:left;
	}
	#esterni h3{
		padding: 5px;
		font-size:20px;
	}
	#esterni img{
		width:160px;
	}
	.cerchio_su_immagine_esterni{
		width: 108px;
		height:108px;
		left:30px;
		top:60px;
	}

	/*-inizio classe interni-*/

	#interni{
		height: 200px;
		width: 160px;
		margin: 0 auto;
	}
	#interni h3{
		padding: 5px;
		font-size:20px;
	}
	#interni img{
		width:160px;
	}
	.cerchio_su_immagine_interni{
		width: 108px;
		height:108px;
		left:25px;
		top:60px;
	}

	/*-inizio classe pulsante planimetria-*/

	#planimetria{
		height: 200px;
		width: 160px;
		margin-right: 10px;
		float:right;
	}
	#planimetria h3{
		padding: 5px;
		font-size:20px;
	}
	#planimetria img{
		width:160px;
	}
	.cerchio_su_immagine_planimetria{
		width: 108px;
		height:108px;
		left:25px;
		top:60px;
	}

	/*-inizio classe pulsante vini-*/

	#contenitore{
		min-height:200px;
	}
	#vini{
		height: 210px;
		width: 160px;
		float:left;
		margin-left: 150px;
	}
	#vini h3{
		padding: 10px 0 15px;
		font-size:20px;
	}
	#vini img{
		width:160px;
	}
	.cerchio_su_immagine_vini{
		width: 108px;
		height:108px;
		left:25px;
		top:28px;
	}
	.testo_su_immagine_vini{
		z-index:30;
		left:65px;
		top:75px;
	}
	.testo_su_immagine_vini p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}

	/*-inizio classe pulsante agriturismo-*/

	#agriturismo{
		height: 215px;
		width: 200px;
		float:right;
		margin-right: 150px;
	}
	#agriturismo h3{
		padding: 10px 0 15px;
		font-size:20px;
	}
	#agriturismo img{
		width:160px;
	}
	.cerchio_su_immagine_agriturismo{
		width: 108px;
		height:108px;
		left:45px;
		top:28px;
	}
	.testo_su_immagine_agriturismo{
		z-index:30;
		left:60px;
		top:62px;
	}
	.testo_su_immagine_agriturismo p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}

	/*-inizio classe pulsante territorio-*/

	#territorio{
		height: 160px;
		width: 160px;
	}
	#territorio img{
		width:160px;
	}
	.cerchio_su_immagine_territorio{
		width: 108px;
		height:108px;
		left:25px;
		top:25px;
	}
	.testo_su_immagine_territorio{
		z-index:30;
		left:48px;
		top:72px;
	}
	.testo_su_immagine_territorio p{
		font-size:15px;
	}

	/*-inizio classe pulsante vigne_vinificazione-*/

	#vigne_vinificazione{
		height: 160px;
		width: 160px;
	}
	#vigne_vinificazione img{
		width:160px;
	}
	.cerchio_su_immagine_vigne_vinificazione{
		width: 108px;
		height:108px;
		left:25px;
		top:25px;
	}
	.testo_su_immagine_vigne_vinificazione{
		z-index:30;
		left:48px;
		top:72px;
	}
	.testo_su_immagine_vigne_vinificazione p{
		font-size:15px;
	}

	/*-inizio classe pagina scheda tecnica vino-*/

	#contenitore_scheda_vino{
		min-height: 800px;
	}
	#bottiglia{
		width: 250px;
		float:left;
		text-align: center;
	}
	#bottiglia img{
		width: 68%;
	}
	#scheda_tecnica_vino{
		margin-left: 260px;
	}

	/*-inizio classe contenitore biografia famiglia-*/
	#foto_famiglia{
		width: 350px;
		margin-top: 0px;
	}
	#famiglia_bio{
		margin-top: 20px;
	}

	/*-inizio classe contenitore vino-*/

	#titolo_nome_vino{
	margin-left: 300px;
	}
	#titolo_nome_vino h4{
		font-size: 36px;
	}
	#foto_vino{
		width: 240px;
		margin-left: 10px;
	}
	#titolo_vino{
		margin-left: 300px;
	}
	#vino_descrizione_anteprima{
		margin-left: 300px;
	}
	#scheda_tecnica_link{
		margin-left: 300px;
	}

	/*-inizio classe pie di pagina-*/

	#ragione_sociale p{
		display: block;
	}
	#navigazione_sito{
		display: inline;
	}
	#navigazione_sito p{
		display: inline;
	}
}

/*------------------------------------------Smartphone-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:100px) and (max-width:750px){

	#spazio_logo p{
		font-size: 24px;
	}
	#banner{
		min-width: 550px;
	}
	#logo_grande{
		width: 50%;
		text-align: center;
	}
	#spazio_intestazione_agriturismo{
		height: 90px;
	}
	#spazio_intestazione_vino{
		height: 90px;
	}
	#spazio_intestazione_home{
		height: 90px;
	}
	#spazio_intestazione_credits{
		height: 90px;
	}
	#spazio_intestazione_territorio{
		height: 90px;
	}
	#menu_principale{
		padding-top: 19px;
	}
	#menu_principale span{
		display: block;
		margin: 1em 0;
		width: 97%;
	}
	#menu_principale a.fine_riga{
		border-right: none;
	}
	.menu_vini{
		width: 260px;
	}
	.menu_vini li{
		font-size: 14px;
	}

	/*-Inizio info titolo nome stanza-*/

	.nome_stanza p{
		font-size: 32px;
	}
	.icone_accessi{
		display: none;
	}
	.icone_accessi_smartphone{
		display: block;
		text-align: center;
	}

	/*-inizio testi classe pulsanti corpo-*/

	.testo_su_immagine{
		position: absolute;
		z-index: 30;
		left:43px;
		top:98px;
	}
	.testo_su_immagine p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		color: #fff;
	}
	.testo_su_immagine_scheda_casale{
		position: absolute;
		z-index: 30;
		left:49px;
		top:108px;
	}
	.testo_su_immagine_scheda_casale p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		color: #fff;
	}

	/*-inizio classe titolo vino-*/

	#scheda_tecnica_vino h4{
		font-size: 30px;
	}
	#annata{
		font-size: 30px;
	}
	#capacita{
		font-size: 20px;
	}
	#scheda_tecnica_vino h5{
		font-size: 20px;
	}
	#scheda_tecnica_vino p{
		padding: 10px 0;
	}

	/*-inizio classe pulsante campana-*/

	#campana{
		height: 200px;
		width: 165px;
		float:none;
		margin:10px auto;
		position: relative;
		text-align: center;
	}
	#campana h3{
		padding: 5px;
		font-size:20px;
	}
	#campana img{
		width:160px;
	}
	.cerchio_su_immagine_1{
		position: absolute;
		width: 108px;
		height:108px;
		left:28px;
		top:63px;
	}

	/*-inizio classe pulsante arco-*/

	#arco{
		height: 200px;
		width: 160px;
		float:none;
		margin:10px auto;
	}
	#arco h3{
		padding: 5px;
		font-size:20px;
	}
	#arco img{
		width:160px;
	}
	.cerchio_su_immagine_3{
		position: absolute;
		width: 108px;
		height:108px;
		left:26px;
		top:63px;
	}

	/*-inizio classe pulsante fornacina-*/

	#fornacina{
		height: 200px;
		width: 160px;
		float:none;
		margin:0 auto;
	}
	#fornacina h3{
		padding: 5px;
		font-size:20px;
	}
	#fornacina img{
		width:160px;
	}
	.cerchio_su_immagine_2{
		position: absolute;
		width: 108px;
		height:108px;
		left:26px;
		top:63px;
	}

	/*-inizio classe pulsante esterni-*/

	#esterni{
		height: 200px;
		width: 165px;
		float:none;
		margin:10px auto;
		position: relative;
		text-align: center;
	}
	#esterni h3{
		padding: 5px;
		font-size:20px;
	}
	#esterni img{
		width:160px;
	}
	.cerchio_su_immagine_esterni{
		position: absolute;
		width: 108px;
		height:108px;
		left:27px;
		top:62px;
	}
	.contenitore_a_tre{
		margin:0;
	}

	/*-inizio classe pulsante interni-*/

	#interni{
		height: 200px;
		width: 160px;
		float:none;
		margin:0 auto;
	}
	#interni h3{
		padding: 5px;
		font-size:20px;
	}
	#interni img{
		width:160px;
	}
	.cerchio_su_immagine_interni{
		position: absolute;
		width: 108px;
		height:108px;
		left:26px;
		top:62px;
	}

	/*-inizio classe pulsante planimetria-*/

	#planimetria{
		height: 200px;
		width: 160px;
		float:none;
		margin:10px auto;
	}
	#planimetria h3{
		padding: 5px;
		font-size:20px;
	}
	#planimetria img{
		width:160px;
	}
	.cerchio_su_immagine_planimetria{
		position: absolute;
		width: 108px;
		height:108px;
		left:26px;
		top:62px;
	}

	/*-inizio classe pulsante vini-*/

	#vini{
		float:none;
		margin: 0 auto;
		height: 200px;
		width: 160px;
	}
	#vini h3{
		padding: 5px;
		font-size:20px;
	}
	#vini img{
		width:160px;
	}
	.cerchio_su_immagine_vini{
		width: 108px;
		height:108px;
		left:25px;
		top:26px;
	}
	.testo_su_immagine_vini{
		z-index:30;
		left:65px;
		top:70px;
	}
	.testo_su_immagine_vini p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}

	/*-inizio classe pulsante agriturismo-*/

	#agriturismo{
		float:none;
		margin: 0 auto;
		height: 200px;
		width: 210px;
	}
	#agriturismo h3{
		padding: 5px;
		font-size:20px;
	}
	#agriturismo img{
		width:160px;
	}
	.cerchio_su_immagine_agriturismo{
		width: 108px;
		height:108px;
		left:50px;
		top:28px;
	}
	.testo_su_immagine_agriturismo{
		z-index:30;
		left:65px;
		top:62px;
	}
	.testo_su_immagine_agriturismo p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}

	/*-inizio classe pulsante territorio-*/

	#territorio{
		height: 160px;
		width: 160px;
	}
	#territorio img{
		width:160px;
	}
	.cerchio_su_immagine_territorio{
		width: 108px;
		height:108px;
		left:25px;
		top:25px;
	}
	.testo_su_immagine_territorio{
		z-index:30;
		left:48px;
		top:72px;
	}
	.testo_su_immagine_territorio p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}

	/*-inizio classe pulsante vigne_vinificazione-*/

	#vigne_vinificazione{
		height: 160px;
		width: 160px;
	}
	#vigne_vinificazione img{
		width:160px;
	}
	.cerchio_su_immagine_vigne_vinificazione{
		width: 108px;
		height:108px;
		left:25px;
		top:25px;
	}
	.testo_su_immagine_vigne_vinificazione{
		z-index:30;
		left:47px;
		top:70px;
	}
	.testo_su_immagine_vigne_vinificazione p{
		font-size:15px;
		font-family: 'Roboto', sans-serif;
	}
	.testo_su_immagine_vigne_vinificazione a{
		text-decoration: none;
	}
	/*-inizio classe pagina scheda tecnica vino-*/

	#bottiglia{
		display: none;
	}
	#scheda_tecnica_vino{
		margin:0 auto;
		padding: 0 10px;
	}
	#shop_online{
		float:none;
		margin:0 auto;
		background-color:#8e264b; 
		width: 146px;
		padding-top:17px; 
		padding-bottom:17px; 
		text-align: center;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
	}
	#shop_online a{
		color: #fff;
	}
	#shop_online a:hover{
		color: #fff;
	}
	#scarica_pdf{
		width: 150px;
		float:none;
		margin:0 auto;
		padding-top: 20px;
		text-align: center;
	}
	#scarica_pdf img{
		float: none;
	}
	#scarica_pdf p {
		float: none;
	}

	/*-inizio classe contenitore biografia famiglia-*/
	#foto_famiglia{
		width: 100%;
		max-width: 500px;
		float: none;
		margin: 0 auto 10px auto;
	}
	#famiglia_bio{
		margin: 0 auto;
		float: none;
		text-align: justify;
		margin-top: 20px;
	}


	/*-inizio classe contenitore descrizione vino-*/

	#foto_vino{
		width: 220px;
		float: none;
		margin: 0 auto;
	}
	#titolo_nome_vino{
		margin: 0 auto;
		float: none;
	}
	#titolo_nome_vino h4{
		text-align: center;
		font-size: 24px;
		font-family: 'Roboto', sans-serif;
		font-weight: lighter;
		padding-bottom: 10px;
	}
	
	#vino_descrizione_anteprima{
		margin: 0 auto;
		float: none;
		text-align: justify;
		padding: 20px 10px 10px 10px;
	}
	#scheda_tecnica_link{
		margin-left: 0;
		margin-bottom: 20px;
	}

	/*-inizio classe disponibilita e info stanze singole*/

	#disponibilita{
		margin:0 auto;
	}
	#contenitore_info{
		margin: 25px 0 0 0;
		width: auto;
		float:none;
	}
	#info a{
		text-decoration: none;
	}
	#info img{
		width: 51px;
	}

	/*-inizio classe pie di pagina-*/

	#spazio_pie_pagina{
		min-height: 100px;
	}
	#pie_pagina{
		padding: 5px;
		text-align: center;
	}
	#ragione_sociale p{
		font-size: 12px;
		display: block;
	}
	#ragione_sociale{
		padding: 0 15px; 
	}
}

/*------------------------------------------Smartphone menu navigazione---------------------------------------------------------*/
@media only screen and (min-width:450px) and (max-width:595px){

	#spazio_intestazione_agriturismo {
    	height: 90px;
	}
	#spazio_intestazione_home{
		height: 90px;
	}
	#spazio_intestazione_credits{
		height: 90px;
	}
	#spazio_intestazione_vino{
		height: 90px;
	}
	#spazio_intestazione_territorio{
		height: 90px;
	}
	#menu_principale{
		padding-top: 19px;
	}
	#menu_principale a.fine_riga{
		border-right: none;
	}
}
/*------------------------------------------Smartphone menu navigazione---------------------------------------------------------*/
@media only screen and (min-width:100px) and (max-width:450px){

	#spazio_intestazione_agriturismo{
		background: #b0bb31;
		height: 90px;
	}
	#spazio_intestazione_home{
		height: 90px;
	}
	#spazio_intestazione_credits{
		height: 90px;
	}
	#spazio_intestazione_vino{
		height: 90px;
	}
	#spazio_intestazione_territorio{
		height: 90px;
	}
	#menu_principale{
		padding-top: 19px; 
	}
	#menu_principale span{
		display: block;
		margin: 1em 0;
		width: 97%;
	}
	#menu_principale a.fine_riga{
		border-right: none;
	}
}




/* Stili Usati In TinyMCE */
#testo span.testo_piccolo{
	font-size: 12px;
	color: #666;
}
#testo span.testo_grande{
	font-size: 17px;
}
#testo span.testo_rosso{
	color:#d31b1b;
}
#testo span.testo_verde{
	color:#36782d;
}
strong{
	font-weight: bold;
	font-size: 1.1em;
}
h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1em;
}
h5{
	font-size: 16px;
	font-weight: bold;
	color:#333;
	margin-bottom: 1em;
}
.contenuto_tinymce p{
	margin-bottom: 1em;
}
.contenuto_tinymce ul{
	padding-left: 2em;
	margin-bottom: 1em;
}
.contenuto_tinymce ul li{
	list-style: disc;
	padding-bottom: .3em;
}


/* Gallerie Foto */
	#galleria_foto{
		margin: 20px auto;
		text-align: center;
	}
	#galleria_foto li{
		list-style: none;
		display:inline-block;
	}
	#galleria_foto img{
		width: 60px;
		height: 60px;
		border:6px solid rgba(100,100,100, 0.6);
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-o-border-radius: 6px; 
		border-radius: 6px;
		cursor:pointer;
		margin: 4px;
	}

	#link_indietro{
		text-align: center;
	}
	#link_indietro a{
		color:black;
		text-decoration: none;
	}
	#link_indietro a:hover{
		text-decoration: underline;
	}


	.btn_addcart{
		float: right;

		border: 1px solid #6f0032;
		text-shadow: 1px 1px 2px #6f0032;
		filter: dropshadow(color=#6f0032, offx=1, offy=-1);

		border-radius: 5px;
		padding: 11px 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1em;
		text-decoration: none;
		display: inline-block;

		cursor: pointer;

		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlMjY0YiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MTIxNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(142,38,75,0.75) 0%, rgba(129,33,67,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,38,75,0.75)), color-stop(100%,rgba(129,33,67,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8e264b', endColorstr='#812143',GradientType=0 ); /* IE6-8 */

	}
	.btn_addcart:hover{
		color: #333;
	}

	.btn_opcart{
		
		border: 1px solid #6f0032;
		text-shadow: 1px 1px 2px #6f0032;
		filter: dropshadow(color=#6f0032, offx=1, offy=-1);

		border-radius: 5px;
		padding: 11px 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1em;
		text-decoration: none;
		display: inline-block;

		cursor: pointer;
		
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlMjY0YiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MTIxNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(142,38,75,0.75) 0%, rgba(129,33,67,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,38,75,0.75)), color-stop(100%,rgba(129,33,67,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(142,38,75,0.75) 0%,rgba(129,33,67,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8e264b', endColorstr='#812143',GradientType=0 ); /* IE6-8 */

	}
	.btn_opcart:hover{
		color: #333;
	}