/* ITA */

@font-face {
font-family: 'Caslon';
src: url('../font/Caslon540LTStd-Roman.eot');
src: url('../font/Caslon540LTStd-Roman.eot?iefix') format('eot'),
     url('../font/Caslon540LTStd-Roman.woff') format('woff'),
     url('../font/Caslon540LTStd-Roman.otf') format('opentype'),
     url('../font/Caslon540LTStd-Roman.ttf') format('truetype'),
     url('../font/Caslon540LTStd-Roman.svg#caslon') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Avenir';
src: url('../font/AvenirLTStd-Light.eot');
src: url('../font/AvenirLTStd-Light.eot?iefix') format('eot'),
     url('../font/AvenirLTStd-Light.woff') format('woff'),
     url('../font/AvenirLTStd-Light.otf') format('opentype'),
     url('../font/AvenirLTStd-Light.ttf') format('truetype'),
     url('../font/AvenirLTStd-Light.svg#avenir') format('svg');
font-weight: normal;
font-style: normal;
}

/* ########################## GENERALE ########################## */


/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 1400px){
  body {
  	width: 1400px;
  }
}

body {

	margin: 0 auto;
	font-family: 'Avenir';
}

a {
	text-decoration: none;
}

b, strong {
font-weight: bold;
}

.clear {
	clear: both;
}

#outer_nav {
	width: 1140px;
	margin: 0 auto;
}

#outer_wrap {
	width: 1300px;
	margin: 0 auto;
}

#wrap {
	width: 1140px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.hidden {
	display: none;
}

#logo {
	margin-bottom: 20px;
}

/* ########################## MENU ########################## */

header {
	min-height: 60px;
	min-width: 100%;
	width: auto;
	background-color: rgb(56,14,30);
	cursor: pointer;
}


nav {
	float: left;
	margin-left: 325px;
	width: 740px;

}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 1000px){
  nav ul li {

	padding: 10px 30px 15px 30px;

}
}


nav ul li {
	float: left;
	font-size: small;
	text-transform: uppercase;
	margin-top: 20px;
	padding: 10px 30px 15px 35px;
	border-right: 1px solid rgb(142,120,121);

}

nav ul li a:hover {
	color: white;
}

nav ul li a {
	color: rgb(169,132,142);

}

.nav_interno {
	display: none;
	height: 250px;
	background-color: rgb(56,14,30);
	border-top: 1px solid rgb(142,120,121);
	/* border-bottom: 4px double rgb(142,120,121); */
}

.nav_interno_container {
	width: 1140px;
	height: 200px;
	margin: 0 auto;
}

.a_nav_img {
	margin-right: 10px;
	margin-top: 20px;
	float: left;
}

/* .vino {
	width: 15%;
	text-align: center;
} */

.vino {
	width: 13%;
	text-align: center;
}

.vino img {

}

.nav_img p {
	clear: both;
	color: rgb(169,132,142);
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
	font-size: small;
}

.a_nav_img:hover .nav_img p, .current {
	color: white;
}

.nav_interno_container .a_nav_img:last-of-type {
	margin-right: 0px;
}

/* ########################## LINGUE ########################## */

#lingue {
	float: right;
	margin-top: 28px;
	margin-right: 25px;
}


.lingua {
	width: 20px;
	height: 14px;
	float:left;

	background-repeat: no-repeat;
}

#lingua_eng {
	background-image: url(../images/eng.jpg);
	margin-right: 10px;
}

#lingua_cn {
	background-image: url(../images/cn.jpg);
}


/* ########################## HOME ########################## */

.home_box {
	position: relative;
	float: left;
}


#home_box1 {
	width: 195px;
	height: 622px;
}

#home_box1, #home_box3 {
	margin-right: 15px;
	margin-bottom: 15px;
}

#home_box3 {
	width: 485px;
	height: 293px;
}

#home_box2 {
	margin-bottom: 15px;
	width: 930px;
	height: 438px;
}

#home_box4 {
	width: 430px;
	height: 540px;
}

#home_box5, #home_box6 {
	margin-right: 15px;
}

#home_box5 {
	margin-top: -355px;
	width: 195px;
	height: 354px;
}

#home_box6 {
	margin-left: 210px;
	margin-top: -230px;
	width: 485px;
	height: 229px;
}

.play {
	position: absolute;
	width: 85px;
	height: 85px;
	margin-top: -230px;
	margin-left: 200px;
	background-image: url(../images/play.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.play:hover {
	background-image: url(../images/play_active.png);
}


.caption {
	width: 100%;
	position: absolute;
	text-align: center;
	background-color: white;
	text-align: left;
	margin-top: -57px;
	padding-bottom: 13px;
		-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        visibility: none;
        opacity: 0;
        padding-left: 10px;
        padding-top: 10px;

}

a .caption p {
	color: black;
}

.caption p {
	    font-family: 'Avenir';
        font-size: 10pt;
        margin-top: 15px;
        display: block;
}



.home_box:hover .caption {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
}


.caption span {
	font-family: 'Caslon';
	color: rgb(56,14,30);
	font-size: 16pt;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(90,30,58, 0.5);
	padding-bottom: 5px;
}

/* ########################## PAGINA INTERNA - GENERALE ########################## */

#slideshow {
	margin: 0 auto;
	height: 625px;
	width: 1140px;
}

.copy_pi {
	width: 680px;
	margin: 0 auto;

}

.copy_pi h1, #prenotazioni_container h1 {
	text-align: center;
}

.copy_pi h1, #descrizione_vino h1, #prenotazioni_container h1 {
	font-family: "Caslon";

	font-size: 32pt;
	padding: 20px 0px 10px 0px;
	color: rgb(56,14,30);
	font-weight: bold;

}

.copy_pi p {
	text-align: justify;
	font-size: 12pt;
	line-height: 18pt;
	color: rgb(111,110,114);
}

.copy_pi a {
	color: rgb(93,30,58);
}

.box-tesla {

	width: 580px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 50px;
	background-color: rgb(246, 246, 246);
}

.box-tesla-img img {
	width: 100%;
}

.box-tesla-text p {
	font-size: 10pt;

}

.box-tesla h1 {
	text-align: left;
	font-size: 25pt;
}

.box-tesla hr {
	height: 0px;
	border-top: 1px solid rgb(56, 14, 30);
	width: 55%;
	margin-bottom: 20px;
	float: left;
}

/* ########################## PAGINA INTERNA - VINI ########################## */

#griglia_vini {
	width: 980px;
	margin: 0 auto;

	padding: 20px;
	overflow: auto;
}

#griglia_vini .griglia_vino:nth-child(3n+3) {
	background: none;
}

.griglia_vino {
	float: left;
	width: 33%;
	height: 230px;
	/* background-image: url(../images/bordo_griglia.png); */
	background-position: top right;
	background-repeat: no-repeat;

}

.griglia_vino img {
	margin-left: 35px;
	margin-top: 18px;
	display: block;
	float: left;
}

.griglia_vino h2 {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid black;
	width: 170px;
	padding-bottom: 5px;
	color: black;
}

.griglia_vino h3 {
	text-transform: uppercase;
	color: rgb(205,23,25);
	font-size: 9pt;
	margin-top: 7px;
	margin-bottom: 14px;
}

.copy_preview_vino {
	float: right;
	width: 65%;
	margin-top: 20%;
}

.copy_preview_vino p {
	width: 175px;
	font-size: 11pt;
	line-height: 14pt;
}



p.formati {
	text-transform: uppercase;
	font-size: 10pt;
	margin-top: 3px;
}

.trattino:after {
	content: " - ";
}

.descrizione_h6 .trattino:last-of-type:after, .formati .trattino:last-of-type:after {
	content: " ";
}



/* ########################## PAGINA INTERNA - VINO ########################## */

#immagine_vino_grande {
	float: left;
	width: 33%;
}

#immagine_vino_grande img {
	width: 300px;
	margin-left: 70px;
}

#descrizione_vino {
	width: 60%;
	margin-left: 6%;
	float: right;
}

#descrizione_vino h1 {
	font-size: 30pt;
	color: rgb(56,14,30);
	margin-bottom: 10px;
}

#descrizione_vino h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

#descrizione_vino h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10pt;
}

#descrizione_vino h4 {
	font-weight: lighter;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #6F6E72;
	font-size: 11pt;
}

#scheda_tecnica {
	margin-top: -25px;
	float: right;
}


#scheda_tecnica a {
	color: #6F6E72;
}

#scheda_tecnica a:hover {
	color: black;
}

#pdf_scheda {
	width: 20px;
	height: 20px;
	background-image: url(../images/pdf.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
	margin-top: -5px;
}

#pdf_scheda:hover, #scheda_tecnica:hover #pdf_scheda {
	background-image: url(../images/pdf_active.png);
}


#riconoscimenti {
	height: 110px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding-top: 15px;
	position: relative;
}

.premio_logo {
float: left;
width: 11%;
height: 110px;
background-position: center center;
background-repeat: no-repeat;
background-size: 60px;
}

#gamberorosso {
background-image: url(../images/loghi/gambero.png);

}

#gamberorosso:hover {
background-image: url(../images/loghi/gambero_colorato.png);
}

#bibenda {
background-image: url(../images/loghi/bibenda.png);

}

#bibenda:hover {
background-image: url(../images/loghi/bibenda_colorato.png);
}

#vitae{
background-image: url(../images/loghi/vitae.png);

}

#vitae:hover {
background-image: url(../images/loghi/vitae_colorato.png);
}

#premio_vitae img, #riconoscimento_vitae img {
	width: 20px;
	height: 20px;

}

#premio_vitae img {
	margin-top: 13px;
}



#veronelli {
background-image: url(../images/loghi/veronelli.png);

}

#veronelli:hover {
background-image: url(../images/loghi/veronelli_colorato.png);
}

#annuario {
background-image: url(../images/loghi/annuario.png);

}

#annuario:hover {
background-image: url(../images/loghi/annuario_colorato.png);
}

#slow_wine {
background-image: url(../images/loghi/slow_wine.png);

}

#slow_wine:hover {
background-image: url(../images/loghi/slow_wine_colorato.png);
}

#espresso {
background-image: url(../images/loghi/espresso.png);
}

#espresso:hover {
background-image: url(../images/loghi/espresso_colorato.png);
}

#doctorwine {
background-image: url(../images/loghi/doctor_wine.png);
}

#doctorwine:hover {
background-image: url(../images/loghi/doctor_wine_colorato.png);
}

#altri {
background-image: url(../images/loghi/altri.png);

}


#altri:hover {
background-image: url(../images/loghi/altri_colorato.png);
}

.box_premi {
min-height: 40px;
background-color: rgb(240,237,238);
border-bottom: 1px solid black;
padding-bottom: 30px;
padding-top: 10px;
display: none;
margin-top: -10px;
}

.box_premi .immagine_premi {
height: 35px;
margin-bottom: 10px;
}


.box_premi .immagine_premi, .box_premi .testo_vino_slow {
width: 100px;
float: left;
margin-left: 10px;
}

.riconoscimento_pagina .testo_vino_slow {
	width: 100%;
}



.testo_vino_slow {
height: 20px;
color: red;
margin-top: 15px;
font-weight: bold;
font-size: 10pt;
margin-bottom: 10px;
}



.box_premi .immagine_premi img {
height: 35px;
margin-top: 3px;
}

.box_premi span.premio:after {
content: " - ";
}


.box_premi span:last-of-type:after, .box_premi span:first-of-type:after {
content: "";
}


.box_premi .premio {
margin-top: 16px;
margin-right: 5px;
margin-left: 5px;
display: block;
float: left;
}

.box_premi .trattino {
display: inline;
}

.box_premi .punti {
float: left;
margin-left: 15px;
height: 40px;
}

.box_premi .punti, .riconoscimento_pagina .punti {
color: red;
width: 100px;


display: block;

margin-top: 20px;
}

.anno_punteggio {
margin-top: 27px;
float: left;
}

#premio_altri .testo_vino_slow {
	height: 50px;
}


.box_premi .punti_su_cento, .riconoscimento_pagina .punti_su_cento {
font-size: 20pt;
}

#descrizione_vino .descrizione_h6 {
margin-top: 10px;
margin-bottom: 20px;
color: #6F6E72;
line-height: 18pt;
}



/*deprecated */
#premi td {
padding: 10px;
}

/* ########################## PAGINA INTERNA - RICONOSCIMENTI ########################## */

#riconoscimenti_pagina {
	height: 400px;
	border-top: 1px solid black;

	margin-top: 20px;
}

.premio_logo_large {
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	width: 33%;
	height: 50%;
}

#premio_logo_large_gamberorosso, #riconoscimento_gamberorosso .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/gamberorosso_colorato_large.png);
}

#premio_logo_large_bibenda, #riconoscimento_bibenda .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/bibenda_colorato_large.png);
}

#premio_logo_large_vitae, #riconoscimento_vitae .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/vitae_colorato_large.png);
}

#premio_logo_large_veronelli, #riconoscimento_veronelli .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/veronelli_colorato_large.png);
}

#premio_logo_large_annuario, #riconoscimento_annuario .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/annuario_colorato_large.png);
}

#premio_logo_large_slow_wine, #riconoscimento_slow_wine .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/slow_wine_colorato_large.png);
}

#premio_logo_large_espresso, #riconoscimento_espresso .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/espresso_colorato_large.png);
}

#premio_logo_large_doctorwine, #riconoscimento_doctorwine .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/doctor_wine_colorato_large.png);
}

#premio_logo_large_altri, #riconoscimento_altri .riconoscimento_pagina_logo {
	background-image: url(../images/loghi/altri_large.png);
}

#premio_logo_large_altri {
	width: 33%;
	margin-bottom: 10px;
}

.riconoscimento_pagina {
	background-color: rgb(240,237,238);
	min-height: 200px;
	margin-bottom: 5px;
	overflow: auto;
	padding-bottom: 10px;
}

.riconoscimento_pagina_logo {
	height: 200px;
	width: 30%;
	float: left;
	background-repeat: no-repeat;
	background-position: center 30px;
	background-size: 150px;
}

.riconoscimento_pagina_left {
	float: left;
	width: 65%;
	height: 100%;
	margin-top: 20px;
	margin-left: 5%;
}

.riconoscimento_pagina_left h5, .riconoscimento_pagina_left h6  {
	font-weight: bold;
}

.riconoscimento_pagina_left h5 {
	margin-bottom: 20px;
}

.riconoscimento_pagina_left h6 {
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 5px;
}

.riconoscimento_pagina_premio_immagine {
	width: 125px;
	height: 50px;
	float: left;
}

.riconoscimento_pagina_premio_immagine img {
	height: 30px;
}

.riconoscimento_pagina_premio_testo {
	float: left;
	width: 300px;
}

.anno {
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
	line-height: 20px;
}


.anno span:after {
	content: " - ";
}

.anno span:last-of-type:after {
	content: "";
}

.riconoscimento_pagina a {
	color: inherit;
}

/* ########################## PAGINA INTERNA - RICONOSCIMENTI - da cancellare ########################## */

.dataTables_info {
display: none;
}

td.group {
background-color: rgba(56,14,30,0.3);
border-bottom: 2px solid #A19B9E;
border-top: 2px solid #A19B9E;
margin-bottom: 2px;
}

td.subgroup {
background-color: #D1CFD0;

}

/* ########################## CONTATTI ########################## */

.contatti p {

	text-align: center;
}

/* ########################## DOVE SIAMO ########################## */

#mappa {
	width: 1140px;
	height: 625px;
}

#tooltip {
	height: 80px;
}

#tooltip p {
	font-family: 'Avenir';
	font-size: 12pt;
	line-height: 18pt;
}

#tooltip a {
	color: rgb(93,30,58);
	font-size: 12pt;
	font-family: 'Avenir';
}

#calcola_percorso {
	margin-top: 20px;
}

#calcola_percorso input[type=text] {
	width: 200px;
	height: 20px;
	margin-right: 10px;
}

/* ########################## PRENOTAZIONI ########################## */

.descrizione_form {
	min-height: 80px;
}

#prenotazioni_container {
	width: 1140px;
	height: auto !important;
	position: relative;
	overflow: hidden;
	padding-right: 150px;
}

#prenotazioni_container h2 {
	font-size: 14pt;
	font-weight: bold;
	color: rgb(56,14,30);
	padding-bottom: 20px;
}

#prenotazioni_container input, #prenotazioni_container textarea {
	background-color: rgb(249,249,249);
	box-shadow: none;
	border: 1px solid rgb(232,232,232);
}

#prenotazioni_container input:focus, #prenotazioni_container textarea:focus {
	outline: none;
	border-color: rgb(118,44,84);
}

#ospitalita_container, #visite_container {
	width: 47%;
	float: left;
	height: 100%;

	padding-bottom: 30px;
	margin-top: 30px;
	text-align: justify;
	font-size: 12pt;
	line-height: 18pt;
	color: rgb(111,110,114);

}

.form_box {
	background-color: rgb(249,249,249);
	border: 1px solid rgb(232,232,232);
	min-height: 150px;
	height: 100%;
	width: 96%;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.form_box input {
	background-color: rgb(237,237,237) !important;
	border: 1px solid rgb(227,227,227) !important;
}

#prenotazioni_container label {
	text-transform: uppercase;
}

#prenotazioni_container input {
	height: 20px;
}

.form_box input[id=ospitalita_dal], .form_box input[id=ospitalita_al] {

	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
}

.form_box .label {
	margin-left: 5px;
}

.form_box .label_locanda {
	margin-right: 10px;
}

.form_box .camera_label {
	margin-left: 10px;
	margin-right: 5px;

}

#prenotazioni_container .input_prenotazioni {
	width: 99%;
	margin-bottom: 10px
}

#prenotazioni_container textarea {
	max-width: 99%;
	width: 99%;
	height: 100px;
}

#ospitalita_container {
	border-right: 1px solid black;
	padding-right: 2%;
}

#visite_container {
	padding-left: 2%;
}


.label {
	margin-right: 10px;
}

.camera {
	margin-bottom: 5px;
}

#visite_container .form_box label {
	margin-right: 10px;
}

#visite_container .form_box input[id=visite_adulti] {
	width: 20px;
	margin-right: 10px;
}



#prenotazioni_container input[type=submit] {
	background-color: rgb(118,44,84);
	border: none;
	float: right;
	margin-top: 20px;
	text-transform: uppercase;
	color: white;
	border-radius: 6px;
	height: 25px;
	width: 80px;

}

/* ########################## FOOTER ########################## */

footer {
	height: 350px;
	background-color: rgb(56,14,30);
	min-width: 100%;
	width: auto;
}

#container_footer_menu {
	width: 1140px;
	margin: 0 auto;
	position: relative;
}

.footer_menu {
	width: 18%;
	float: left;
	margin-right: 28px;
}

#container_footer_menu .footer_menu:last-of-type {
	margin-right: 0px;
}

.footer_menu h6 {
	text-transform: uppercase;
	color: rgb(163,163,163);
	padding: 20px 0px 10px 0px;
	border-bottom: 1px solid rgb(87,87,87);
	font-size: small;
}

.footer_menu ul {
	padding-top: 20px;
}

.footer_menu li {

	color: rgb(111,111,114);
	padding: 5px 0px;
	font-size: small;
}

.footer_menu li:hover {
	color: rgb(93,30,58);
}

#credits {
	clear: both;
	color: rgb(111,111,114);
	font-size: x-small;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding-top: 50px;
	bottom: 50px;
	height: 80px;
	line-height: 20px;
}

#nuvole {
	clear: both;
	width: 1140px;
	margin: 0 auto;
}