@font-face
{
font-family: playfair_text;
src: url('font/PlayfairDisplay-Regular.eot');
}

@font-face
{
font-family: playfair_text;
src: url('font/PlayfairDisplay-Regular.ttf');
}

@font-face{
font-family: Young;
src: url('font/Young.eot');
}
@font-face{
font-family: Young;
src: url('font/Young.ttf');
}


@font-face{
font-family: Dk_Early;
src: url('font/DKCoffee.ttf');
}

body{
    font-family: playfair_text, Arial, sans-serif;
    /*font-family: Arial, sans-serif;*/
    font-size: 1.1em;
    color: #424242;
    line-height: 1.4em;

}

b{font-weight: bold;}
a{color: #424242;}
a:hover{color: #8f8f8f;}

h1, h2, h3, h4, h5, h6{
   /* font-family: playfair_head, Arial, sans-serif; */
   font-family: Young, sans-serif !important;
   font-weight: 100;
   margin: 15px 0;
   font-size: 1.3em;
  /* text-transform: uppercase; */
}

div{border-width: 3px;}

p{
    text-align: justify;
    padding:5px 0;
    margin: 10px 0;
    font-size: 1em;
}
ul{padding: 0;}

strong{font-size: 1.7em;font-weight: normal;}

.block li{list-style: none;margin: 1em 0;}

h3{font-size: 1.5em;}

#logo {
    position: relative;
    float: left;
    width: 138px;
    margin:0 50px;
    background-color: #ffffff;}


#logo img  {width: 100%;}
#logo img:hover{opacity: 0.8;}



#lang_menu{
   text-align: right;
    margin-top: 50px;
    right: 10px;
    padding-top: 25px;
    position: fixed;
    z-index: 100;
    }
#lang_menu ul li {display: inline-block;}
#lang_menu ul li a {text-decoration: none;}

#lang_menu ul li a img{width: 30px;opacity: 0.5;}
#lang_menu ul li a img:hover{opacity: 1;}
#lang_menu ul li a.current img {/*text-decoration: underline;*/opacity: 1;}



#page{
    position: absolute;
    width: 100%;
    margin: 0;
    z-index: 10;
    background-color: white;
    left:0;
    text-align: center;

}


#container{
    width: 100%;
    max-width: 1600px;
    display: inline-block;
}

#fixedBookBlock{
  position: fixed;
  top: 100px;
  right: 60px;
  width: 450px;
  z-index: 10000;
  transition-duration: 1s;
  /*background-color: #fff;*/
}

#fixedBookBlock #openBlock {
    width: 200px;
    position: absolute;
    top: 187px;
    left: -70px;
    transform: rotate(90deg);
    cursor: pointer;
    font-family: playfair_text, Arial, sans-serif;
    /*text-transform: uppercase;*/
    /* background-color: #fff; */
}

#fixedBookBlock #openBlock img{
  width: 100%;
  cursor: pointer;
}

  /*#fixedBookBlock.blockOpen #openBlock img{
    transform: rotate(180deg);
  }*/


#fixedBookBlock.blockClosed{right: -400px;}
#fixedBookBlock.blockOpen{right: 60px;}

#fixedBookBlock #check_datebl, #check_datebl{
  display: block;
  width: 100%;
}
#fixedBookBlock h2.check_descr{
display: none;
}

/* BARRA MENU' */
#start img, .block .scroll_link img,#start_small img{width: 100%;}
#start, .block .scroll_link, #start_small{
    position: absolute;
    bottom: 100px;
    right: 30px;
    color:#ffffff;
  /*  border-style: solid;
    border-color: #ffffff; */
    padding:5px;
    height: 40px;
    width: 40px;
 /*   background-color: rgba(0,0,0,0.5); */
    z-index: 1;
    opacity: 0.8;
}
.click_to{font-size: 0.63em;}

#start,#start_small {
    width: 75px !important;
    font-size: 1em;
    text-align: center;
    font-family: Young, sans-serif !important;
    z-index: 9;
    top: -155px;
}
#start_small{width: 51px !important;display: none;right: 5px;top: 0 !important;font-size: 0.7em;}

.block .scroll_link{bottom: 10px;}
.block .scroll_link:hover, #start:hover, #start_small:hover{opacity: 1;}

#nav a{color:#f0f0f0;}
#nav a:hover{color:#ffffff;}
#nav a:active{color:#cecece;}
#nav ul li a{text-decoration: none;}
#nav ul li a.current{
    color:#ffffff;
    text-decoration: overline;
    }
#nav{
    background: none;
    z-index: 10000;
    float: left;
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: Young, serif !important;
    font-size: 1em;
    color:#f0f0f0;
    text-transform: uppercase;
}

#nav ul{

    display: inline-block;
    padding:0;
    margin: 0;

}
#nav ul li{
    list-style: none;
    display: inline-block;
    padding: 21.5px 13px;
    float: left;
}
/*
#nav ul li:after{
    display: block;
    content: "|";
}
#nav ul li.logo_li:after{display: none;}  */

#nav ul li.logo_li{
    padding:0;
}
#nav.nav_fix{
    position: fixed;
    background-color: white;
    top:0;
}
#lang_menu.lang_fix{
    position: fixed;
    top:0;
}
#nav.nav_rel, #lang_menu.lang_rel{
  position:relative;
}

#nav_scr{
    background-color:rgb(92, 83, 73);
    width: 100%;
    float: left;
}


/* FINE BARRA MENU' */


/* BARRA MENU' MOBILE */

select.desktopDropDown::-ms-expand
{
    display: none;
}
#nav_mob select{
    width: 100%;
    color: white;
    height: 50px;
    font-size: 0.75em;
    background: url('../images/elements/freccia.png') no-repeat right rgb(92, 83, 73);
    background-size: 50px;
    overflow: hidden;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#nav_mob{
   background-color: rgb(92, 83, 73);
}

/* FINE BARRA MENU MOBILE */



/* SLIDER TOP */
#top{float: left;}
#top-img{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity:  1;
  /*  margin-top: 20px; */
}
/*
#top-text .slide{width: 100%; height: 100%;}
#top-text{opacity: 1;}*/
.top_text{
    background-color: #ffffff;
    padding: 10px 30px;
    font-size: 2em;
    position: absolute;
    top: 20%;
    }

#top-img div{width:100%;}
#top-img img{
width: 100%;
}
/* SLIDER TOP FINE*/





/* FINE FOOTER */

.block{
    float: left;
    width: 100%;
    margin:50px 0 0 0;
    padding:60px 0;
    position: relative;
    text-align: center;

}

/* -------- LEFT STRIPS  --------- */
.strip_l_cont{
    display: inline-block;
    width: 100%;
    position: relative;
    max-width: 500px;
}

.strip_l_cont.piatto_soup{
    max-width: 600px;
}

.strip_l_cont.foglia .strip_l{
    top:32%;
}

.strip_l_cont.zucchina .strip_l{
    max-width: 500px;
}
.strip_l_cont.zucchina img {
width: 75%;
margin-left: 9%;
margin-top: 6%;
}

.strip_l{

    position: absolute;
    top: 45%;
    width: 100%;
    float: left;

    color:#ffffff;

    text-align: center;

    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position-x: -50px;
    padding-right: 50px;
}

.strip_l h2, .strip_l h1{
  /*  margin: 5px 100px 5px 60px; */
    font-size: 2em;
}

.strip_l.orange{
    background-image: url(../images/elements/bandiera_arancio.png);
}

.strip_l.green{
    background-image: url(../images/elements/bandiera_verde.png);
}

.strip_l.yellow{
    background-image: url(../images/elements/bandiera_gialla.png);
}
/* -------- FINE STRIPS --------- */














/* -------- CENTERED STRIPS  --------- */

.strip_c_cont{

    width: 100%;
    position: relative;
    max-width: 500px;
    display: inline-block;
}


.strip_c{

    width: 100%;

    color:#ffffff;

    text-align: center;

    background-size: 100% 100%;
    background-repeat: no-repeat;

    float:left;
    margin-bottom: 50px;
}

.strip_c h2{
  /*  margin: 5px 100px 5px 60px; */
    font-size: 2em;
    line-height: 1em;
}



.strip_c.yellow{
    background-image: url(../images/elements/bandiera_center_gialla.png);
}

.strip_c.orange{
    background-image: url(../images/elements/bandiera_arancio.png);
}

.strip_c.green{
    background-image: url(../images/elements/bandiera_verde.png);
}
/* -------- FINE CENTERED STRIPS  --------- */



















.text_slide{

    text-align: center;
    display: inline-block;

}

.text_slide span{
    list-style: none;
    text-align: justify;
    display: inline-block;
    width: 100%;
}




.degustazioni {
    max-width: 310px;
    display: inline-block;
    vertical-align: top;
}

.degustazioni h3{
    text-align: center;
}
.degustazioni p{
    width: 100%;
    max-width: 245px;
    display: inline-block;

}



.prev, .next {
    display: inline-block;
    background-size: 100%;
    height: 40px;
    width: 40px;
    margin: 0 15%;
    opacity: 0.7;
}

.prev:hover, .next:hover{
    cursor: pointer;
    opacity: 1;
}

.prev{
    background-image: url('../images/elements/freccia_bn_prev.png');
}
.next{
    background-image: url('../images/elements/freccia_bn_next.png');

}


#citazione{
    padding:0;
    font-size: 1.2em;
    }
#citazione h2 {
margin-top: 50px;
}
#citazione p:first-letter{
    font-size: 2em;
}


#citazione .resp_text:after, #citazione .resp_text:before{
    height: 5px;
    content: " ";
    display: block;

    max-width: 70%;
    display: block;
    margin: 50px auto;
}
#citazione.orange .resp_text:after, #citazione.orange .resp_text:before{
    background-color: #FFA952;
}
#citazione.green .resp_text:after,
#citazione.green .resp_text:before,
#x_acquisto.green .line:after,
#x_acquisto.green .line:before{
    background-color: #51aa00;
}











.citazione{
    padding:0;
    font-size: 1em;
    }
.citazione h2 {
margin-top: 50px;
}
.citazione p:first-letter{
    font-size: 2em;
}


#check_in_out .resp_text:after, #check_in_out .resp_text:before{
    height: 5px;
    content: " ";
    display: block;

    max-width: 70%;
    display: block;
    margin: 50px auto;
}
.citazione.orange .resp_text:after, .citazione.orange .resp_text:before{
    background-color: #FFA952;
}
.citazione.green .resp_text:after,
.citazione.green .resp_text:before,
{
    background-color: #51aa00;
}













#x_acquisto{padding: 0;}
#x_acquisto .line:after, #x_acquisto .line:before{
    height: 5px;
    content: " ";
    display: block;

    max-width: 70%;
    display: block;
    margin: 70px auto;
}

.grey{
  background-color: #F7F7F7;
}

#piatto_img{
    width: 100%;
    height: auto;
    max-width: 700px;
    position: absolute;
    right: 0;
  /* float: right; */

}
#piatto_home{
    padding:0;
    /*margin-top: -50px;*/
    min-height: 845px;
}

#piatto_home .resp_text{
    text-align: center;
}

#piatto_home .middle.left{
    width: 100%;
    max-width: 695px;
}

#orari_pren .middle.left.graffe img, #camere_risto .middle.left.graffe img{
    max-width: 57px;
    min-height: 100px;
    width: 10%;
}

#orari_pren .middle.left.graffe h2, #camere_risto .middle.left.graffe h2{
    width: 75%;
    text-align: center;
}
#orari_pren .middle.left.graffe div, #camere_risto .middle.left.graffe div{
   max-width:  500px;
   display: inline-block;
}

#orari_pren .middle.left, #camere_risto .middle.left{
    text-align: center;
}

#orari_pren strong, #camere_risto strong{
	font-size: 1.3em;
	font-weight: 600;
}

.graffe{
    margin-top: 25px;
}

.graffe h3, .graffe h2{
    display: inline-block;
}

.middle.graffe{

    display: inline-block;
    top:0;

}

.graffe img{
    vertical-align: middle;
}

.middle{
    position: relative;
   /* top:25px; */
   /* min-width: 320px; */
   width: 49%;
  /*  max-width: 470px; */
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.middle .resp_text{
    display: inline-block;
}

.middle.right{
    text-align: center;
}

.middle.left{
    text-align: left;
    margin-left: -2%;
}

#piatto_home .middle.left{
    top:60px;
    display:block;
    }

#piatto_home .graffe img{
    width: 32px;
}

#eventi{margin-bottom: 50px;}
#eventi .middle.right .resp_text{
    text-align: center;
}

#agri{
    margin-top: 100px;
  /*  min-height: 400px; */
    }

#agri .middle.left{
    top:-55px;
}

#dove_siamo{

    height: 500px;
    position: relative;
}


#g_map{
    display:inline-block;
    height: 400px;
    max-width: 960px;
    width: 96%;
}

.resp_elem{
    width: 96%;
    margin:0 2%;
}
.resp_text{
    width: 90%;
    margin:0 5%;
}

.resp_text.column{
    max-width: 570px;
}

/* CUCINA VEG */

#cucina_veg .scroll_link{bottom:  40px;}


#nostri_piatti {padding-top: 50px; padding-bottom: 50px;overflow: hidden;}

#piatti_car{
    width: 100%;
    position: relative;
    max-width: 600px;
    margin-top: 70px;
    display: inline-block;
}
#posate_piatto {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: auto;
}
#carosello_piatti img{width: 100%; height: auto;}
#carosello_piatti {
position: absolute;
top: 0;
width: 63%;
margin-top: 14%;
margin-left: 19%;

}

#carosello_piatti{
  /*   position: relative;
    top:72px;
    left:102px;
    width: 60%;
    height: auto;
    max-width: 300px;
    z-index: -1;
   margin-top: 14%;
    margin-left: 19%;
    max-width: 280px; */
}

#orto_stagioni .strip_c_cont{max-width: 640px;}
#orto_stagioni p:first-letter{
    font-size: 2em;
}
#orto_stagioni .column {
display: inline-block;
margin: 0 65px 10px 65px;
vertical-align: top;
}
#orto_stagioni .column ul{font-size: 0.9em;}
#orto_stagioni .column img{ max-width: 100px;}

#orto_stagioni .column ul li {
margin: 5px 0;
font-family: Young,sans-serif !important;
}
#orto_stagioni h3{text-transform: uppercase;}
#orto_stagioni .scroll_link{bottom: 430px;}

#prodotti .scroll_link{bottom: 380px;}
#prodotti{padding-bottom: 0;}
#prodotti .strip_l_cont img{ width: 45%; display: inline-block;}
#prodotti .strip_l_cont{max-width: 600px;}
#prodotti .middle.right div{text-align: left;}
#prodotti .middle.right div ul li{display: inline-block; margin: 0.2em;}
#prodotti .middle.left{vertical-align: top;}


#oli_disclamer{margin-top: 0;}
#oli_disclamer img{display: inline; width: 100%;}
#oli_disclamer .middle.left{max-width: 120px; margin: 0 10px 0 0;}
#oli_disclamer .middle.right{width: 83%;}
#oli_disclamer{font-size: 0.8em;}
#oli_disclamer p,#oli_disclamer img{margin-top:10px;}




/* -------------------------------------------------- */
/*------------ FINE CUCINA VEG ----------------------*/
/* -------------------------------------------------- */




/* -------------------------------------------------- */
/*------------------- CAMERE -------------------------*/
/* -------------------------------------------------- */
#camere .strip_l_cont{max-width: 570px;}
#camere .strip_l {top: 35%;}

.camera_attr{
    font-family: Young, sans-serif !important;
}
#dispon_form, #dispon_formbl{
    margin-bottom: 60px;
}
#arr_part div {
    display: inline-block;
}
#lista_camere{
margin-top:-70px;
padding-top:65px;
}
.column_dettagli{
    width: 86%;
    max-width: 540px;
    margin: 20px 25px 5px 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.column_dettagli.camere{max-width: 390px;}

.column_dettagli .strip_c{margin-bottom: 20px;}

.column_dettagli h2{font-size: 1.2em;}

.column_dettagli p{ font-size: 0.9em; text-align: justify !important;}

.show_camere{margin-top: 0px;}

#carosello_camere,#carosello_benessere, #carosello_chi_siamo{ margin-top: 0;}
.carousel .prev, .carousel .next {
position: absolute;
top: 50% ;
margin: 0;
z-index: 10000;
}
.carousel .prev{left:0;}
.carousel .next{right: 0;}
.carousel img:hover{opacity: 0.85;}


#camere_servizi .resp_text{margin-top: 50px;}
.carousel img{width: 100%;height: auto; }

#camere{margin-top: 87px; min-height: 400px;}

.disp_result{
   /* position: absolute;
    bottom: 0;
    margin-top: 25px;*/
    width: 100%;}

#check_date, #check_datebl {
    margin-top: 15px;
    font-family: Young,sans-serif !important;
    display: inline-block;
    padding: 37px 2% 10px 2%;
    vertical-align: middle;
    width: 36%;
    min-width: 263px;
}

.check_descr{
    display: inline-block;
    width: 28%;
    vertical-align: middle;
    min-width: 280px;

}
.camera_field_descr{
    display: inline-block;
    vertical-align: top;
    font-size: 0.8em;
}

#check_date_of{
    vertical-align: middle;
    padding: 30px;
    display: inline-block;
    font-family: Young,sans-serif !important;
}

div.camera_disp {
    min-width: 270px;
    display: inline-block;
}

.camera_img img {
    /*max-width: 250px;*/
    width: 100%;
    height: auto;
}

.show_camere{font-size: 0.8em;text-align: right;cursor: pointer;}
.no_disp, .si_disp{
    /*background-color:#FFB055;*/
    background-color:#97BF49;
    font-family: Young,sans-serif !important;
    color: #ffffff;
    margin-top: 15px;
    padding: 5px 2px;
}


#prenotazione{
    font-family: Young,sans-serif !important;
    margin-top: 10px;
}

#pren_form input{margin: 15px 10px;}


#pren_check, #riepilogo,#pren_riep_2, #pren_check_d {
position: relative;
width: 49%;
max-width: 370px;
display: inline-block;
vertical-align: top;
min-width: 265px;
}

#riepilogo{
    max-width: 400px;
    min-width: 255px;
}

#checkout_paypal:hover{
    border: none;
}
#checkout_paypal{
    border: none;

    background-size: 100%;
    width: 155px;
    height: 50px;
    padding:0;
    vertical-align:top;
    margin:20px 17px;
}

#riepilogo .pren_mem, #riepilogo .pren_label{
    font-size: 0.9em;
}

#pren_check_d{
    font-size: 1em;
    min-height: 265px;
    /*margin-bottom: 5px;*/
    min-width: 255px;
}
#pren_check input{
    margin: 10px 10px;
}

.pren_label ,.pren_inp{
   /* min-width: 148px; */
}
#pren_check textarea{
    width: 93%;
    max-width: 320px;
}

input[type="submit"] {
padding: 10px 20px;
margin: 20px;
border: none;
cursor: pointer;
border: solid 0px #8C8C8C;
background-color: #E3E3E3;
color: #000000;
text-transform: uppercase;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255,255,255,0);
}

input[type="submit"]:hover {
    border-color: #d1d1d1;

}

input[type="submit"]:active {
    background-color: #000000;
    color: #ffffff;
}



input.miss{
    background-color: #ffecec;
}

div#pren_br_cr div {
display: inline-block;
background-image: url("../images/elements/freccia_gray.png");
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 2px 60px 0px 45px;
color: #6c6c6c;
font-family: Young,sans-serif !important;
font-size: 0.8em;
margin-bottom: 25px;
}

div#pren_br_cr div.active {
background-image: url("../images/elements/freccia_verde.png");
color: #ffffff;
}


.pren_label {
width: 49%;
text-align: left;
display: inline-block;
}
.pren_inp {

text-align: right;
display: inline-block;
}

.pren_mem{

width: 49%;
text-align: left;
display: inline-block;
vertical-align: top;

}


.pren_warn {
    font-size:0.7em;
/*    margin-top:0;
    margin-bottom: 0;*/
}

#prenotazione h4{
/*    margin-top:0;
    margin-bottom: 0;*/
font-size:0.9em;
}

/* ***************** */
/* BENESSERE */
/* ***************** */

#benessere .strip_l {top: 29%;}
#carosello_benessere .carousel .prev, #carosello_benessere .carousel .next {top:120.5px;}
#carosello_camere .carousel .prev, #carosello_camere .carousel .next {top:132.5px;}

/* ***************** */
/* TURISMO */
/* ***************** */

#turismo .strip_l {top: 29%; }
#turismo .strip_l_cont{max-width: none;}
#mappa_turismo img{width: 96%;margin:0 2%;max-width: 960px;}
.tur_ul_block{
  text-align: center;}
  /*#luoghi ul li, #persone ul li, #attivita ul li*/
.tur_ul_block li {
    display: inline-block;
    max-width: 340px;
    width: 90%;
    vertical-align: top;
    padding: 20px;
    box-shadow: 0px 0px 15px #888888;
    text-align: justify;
    margin: 10px;
}

.tur_ul_block li h3 {
  font-family: playfair_text, Arial, sans-serif !important;
}


.tur_ul_block li img{
  width: 100%;
  margin-bottom: 10px;
}
.tur_ul_block strong{
  margin-bottom: 10px;
}

/* ***************** */
/* PRENOTAZIONI */
/* ***************** */
#prenotazioni p{text-align: center;}


div.blocco_offerta {
max-width: 350px;
display: inline-block;
margin: 10px 0px;
vertical-align: top;
padding: 45px 35px;
font-family:  Young, sans-serif !important;
text-align: center;
/*border-color: #eae9df;
border-style: dotted;
border-width: 1px;*/

}

.corsivo {
    font-family: 'Indie Flower', serif;
}

.post_white_1{
background-image: url('../images/elements/postit_white/postit_white_1.png');
background-size: 100% 100%;
}

.post_white_2{
background-image: url('../images/elements/postit_white/postit_white_2.png');
background-size: 100% 100%;
}

.post_white_3{
background-image: url('../images/elements/postit_white/postit_white_3.png');
background-size: 100% 100%;
}

.post_white_4{
background-image: url('../images/elements/postit_white/postit_white_4.png');
background-size: 100% 100%;
}

.post_white_5{
background-image: url('../images/elements/postit_white/postit_white_5.png');
background-size: 100% 100%;
}

.post_white_6{
background-image: url('../images/elements/postit_white/postit_white_6.png');
background-size: 100% 100%;
}


.post_white_7{
background-image: url('../images/elements/postit_white/postit_white_7.png');
background-size: 100% 100%;
}

.post_white_8{
background-image: url('../images/elements/postit_white/postit_white_8.png');
background-size: 100% 100%;
}

.post_white_9{
background-image: url('../images/elements/postit_white/postit_white_9.png');
background-size: 100% 100%;
}

div.blocco_offerta.check{
    max-width: none;
    text-align: left;
    margin-bottom: 10px;
    vertical-align: middle;
}
#scegli_camera {
padding-top: 95px;
margin-top: -95px;
}

.form_pacch_itm{
  display: inline-block;
  max-width: 200px;
  margin: 20px 10px;
  font-size: 0.8em;
}

#pacchetti_offerta{
    display: inline-block;
    max-width: 1600px;
}

div.blocco_offerta.check img{
    width: 100%;
    max-width: 300px;
}

div.right_of {
    display: inline-block;
    margin:10px;
    max-width: 500px;
    vertical-align: middle;
    overflow: hidden;
}

div.left_of {
display: inline-block;
vertical-align: middle;
}

/* ***************** */
/* CHI-SIAMO */
/* ***************** */

#carosello_chi_siamo .next,#carosello_chi_siamo .prev{top:145px; }































/* ***************** */
/* CONTENT CBOX GENERALI */
/* ***************** */

.cbox_listini{margin: 5px 10px;}

.inline_cbox{
    background-color: #FFFFFF;
    padding: 5%;
    width: 90%;
    color: #6c6c6c;}

.inline_cbox .cbox_logo_top div img{width: 200px !important;}
.inline_cbox .cbox_logo_top div{width: 200px; /*margin-bottom: 35px;*/}


.inline_cbox div{display: inline-block;}
.inline_cbox ul li{text-align: left; list-style: none;margin: 15px 2px;}
/*#me_deg *{margin-left: 35px;margin-right: 35px;}*/

.inline_cbox .puntini {
display: inline-block;
border-bottom-style: dotted;
width: 76%;
margin-right: 10px;
}
.inline_cbox h2{font-family: playfair_text, serif; text-align: right;}

#me_deg h3{min-width: 100%;}

.inline_cbox table{width: 100%;background-color: #ffffff;}


.inline_cbox table tbody td {
    min-width: 70px;
    padding: 5px;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
}
.inline_cbox .cb_prezzo{border-right: none;}
.inline_cbox .cb_dur,.inline_cbox .cb_prezzo{text-align: center;}
.inline_cbox table tbody th{text-align: center;}

















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



#footer {
width: 100%;
min-height: 150px;
display: inline-block;
text-align: center;
margin-top: 60px;
}

#footer img:hover{opacity:0.7;}


/*#TA_certificateOfExcellence954, #CDSWIDCOE {width: 140px;}
#CDSWIDCOE {margin: 10px;}*/
/*
.loghi_r {float: right;}
.loghi_l {float:left;}

.loghi_r , .loghi_l{position: absolute; bottom:0;}
.loghi_r {right: 10px;}
.loghi_l {left:10px;}*/


.widFRRCopy{display: none !important;}
#CDSWIDFRRIMG{
width: 112px;
}
#CDSWIDFRR {
width: 112px !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

#CDSWIDFRR img{
    width: 100%;
}


div#TA_certificateOfExcellence940 {
display: inline-block;
}

.foot_block{
    width: 96%;
    margin: 10px 2%;
    max-width: 354px;
    padding-top: 20px;
    display: inline-block;
    border-top-style: solid;
    border-color:#F7F7F7;
    vertical-align: top;
    font-size: 0.6em;}

.foot_block p {
    padding: 0;
    margin-top: 0;
    text-align: center;
    line-height: 1.5em;
    font-family: Young,sans-serif !important;
}

.foot_block a{text-decoration: none;}
.foot_block strong {
text-transform: uppercase;
font-size: 1.5em;
}

.foot_block.social img{height: 50px; margin: 0 5px;}
.foot_block.social .icons{margin-top: 30px;}
.pren_b {
    width: 130px;
    padding: 10px;
    display: inline-block;

    font-family: Young, sans-serif !important;
    font-weight: bold;
    background-color: #E7E7E7;

    color: #ffffff;
    margin: 4px 5px 0 5px;
    vertical-align: middle;
    text-align: center;
}

.pren_b:hover {
background-color: #AFAFAF;
}


.foot_block.loghi img {
margin: 7px;
}

.foot_block.loghi {
padding-top: 5px;
}

#des_by {
font-family: Young, sans-serif !important;
font-size: 0.7em;
margin: 15px;
}

.date_input{
    cursor: text;
}
#ui-datepicker-div{font-size: 0.7em;}



.resp_text.imp_note {
background-image: url(../images/elements/postit_white.png);
width: 70%;
padding: 45px 7%;
background-size: 100% 100%;
text-align: center;
max-width: 800px;
display: inline-block;
}

.resp_text.imp_note .important_list{
max-width: 650px;
text-align: justify;
display: inline-block;
vertical-align: middle;
}
.resp_text.imp_note .important_list ul{
    display: table;
}

.resp_text.imp_note .important_list ul li{
    display: table-row;
    height: 60px;
    vertical-align: middle;
    width: 100%;
    /*font-family: Youung, sans-serif;*/
}




.resp_text.imp_note .important_list ul li.warn:before,
.resp_text.imp_note .important_list ul li.ok:before{
        background-repeat: no-repeat;
    background-position: top;
    display: table-cell;
    text-align: right;
    padding-right: 30px;
    vertical-align: top;
    background-size: 25px;
    width: 25px;
}

.resp_text.imp_note .important_list ul li.ok:before {
    content: "";
    background-image: url('../images/elements/check_g.png');
}
.resp_text.imp_note .important_list ul li.warn:before {
    content: "";
    background-image: url('../images/elements/check_o.png');
}

.resp_text.imp_note h1{
    font-family: Dk_Early, serif !important;
    font-size: 2.5em;
    line-height: 1.2em;
    text-align: center;
}

.resp_text.imp_note .exclamation{
max-width: 80px;
vertical-align: middle;
display: inline-block;
margin: 10px 25px 10px 0;
}



@media screen and (max-width: 1150px){

    #logo{margin:0 10px; }
    #piatto_img{display:none;}
    #piatto_home{
        padding-bottom: 60px;
        min-height: 0;
        }

    #piatto_home .middle.left{display: inline-block;}
    #nav{font-size: 0.9em;}
}
@media screen and (max-width: 320px){#top-img{display: none;}}

@media screen and (max-width: 960px){
    #fixedBookBlock{display: none;}
    .top_text{font-size: 1.2em;}
    .middle{width: 100%; margin-top: 25px;}
    #agri .middle.left{top:0;}
    #agri{margin-top: 50px;}
    #nav .slide{font-size: 0.75em;}

    .middle.left, .middle.right{text-align: center;}
    .strip_l{
        background-position-x: 0;
        padding-right: 0;
        }

    #camere{margin-top: 50px;}
    #nav{font-size: 0.8em;}

    #check_date, #check_datebl{width: 70%;}
    .check_descr{width: 70%;}
}

@media screen and (min-width: 960px){
#turismo .strip_l{max-width: 85%;}
#turismo .strip_l_cont{margin-top: 45px;}

}

@media screen and (max-height: 640px){

    #g_map{height: 250px;}

}
@media screen and (max-width: 600px){

    #start{display: none;}
    #start_small{display: block;}
    .resp_text.imp_note { padding-bottom: 195px; }

    .resp_text.imp_note .important_list ul li.ok:before,
    .resp_text.imp_note .important_list ul li.warn:before {display: table-row;height: 55px;}
    .resp_text.imp_note .important_list ul li{display: inline-table;}


}
@media screen and (max-width: 640px){
    .inline_cbox h2{float:left;}
    .inline_cbox{font-size: 0.9em;}
    }

@media screen and (max-width:480px){
 /*   #start_small span{display: none;}  */

}

@media screen and (max-width: 465px) {
    #orari_pren .graffe img, #camere_risto .graffe img{vertical-align: bottom;}
    .column_dettagli{margin: 20px 5%;}
    #orto_stagioni .column {margin: 50px 5% 10px 5%;}
        .top_text{font-size: 0.9em;}

    .top_text{display: none;}
    #start_small{left: 40%;}
    #start_small img{display: none;}
    #x_acquisto h3{font-size: 1.1em;}
    .tur_ul_block li {margin:10px 0;}

}
@media screen and (min-width: 784px) {

    #nav{height: 65px;}
    #nav_scr{height: 65px; }
    #nav_mob{display: none;}
    #cucina_veg{margin-top: 0;}
    #benessere {margin-top:80px;}
    #turismo {margin-top:120px;}
    #chi_siamo{margin-top:73px;}
    }
@media screen and (max-width: 783px) {

    #nav{height: 50px;}
    #nav_scr{display: none;}
    .strip_l h2, .strip_c h2, .strip_l h1, .strip_c h1  { font-size: 1.5em; margin: 15px 25px;}
    #tipi_massaggi .strip_c h2, #tipi_massaggi_1 .strip_c h2{font-size: 1em;}
    #citazione p{font-size: 0.85em;}
    .block .scroll_link{top:0; left: 43%;}

}

@media screen and (max-width: 900px) {
  #logo{display: none;}
}
@media screen and (max-width: 1260px) {
  #nav ul li{padding: 21.5px 5px;}
}