/* Prova css */

@font-face {  
  font-family: "Bodoni MT";  
  src: local("Bodoni MT"),  url('../font/BOD_R.TTF');  
  font-weight: none;
  font-style: normal;
} 

@font-face {  
  font-family: "Bodoni MT";  
  src: local("Bodoni MT Bold"), url('../font/BOD_B.TTF');
  font-weight: bold;  
  font-style: normal;
} 

@font-face {  
  font-family: "Bodoni MT";  
  src: local("Bodoni MT Italic"),  url('../font/BOD_I.TTF');  
  font-weight: normal;  
  font-style: italic;
} 

@font-face {  
  font-family: "Bodoni MT";  
  src: local("Bodoni MT Bold Italic"),  url('../font/BOD_BI.TTF');  
  font-weight: bold;  
  font-style: italic;
} 


body {
/*
    background-color: gray;
    color: white;
*/
    margin: 0;
/*  dimensione fissa
    min-width: 924px;
*/
    background-color: Linen;
    font-family : "Bodoni MT", Arial, serif;
/*    font-family : "Bodoni MT", Geneva, Verdana,Arial,Helvetica,sans-serif;*/

                  /*Geneva, Verdana, Serif; */
    font-size : 1em; 
    color: #8C383A;

  }


#wrapper {
/*
    position: relative;
    top: 0px;
    left: 0px;

    top: 30px;
    left: 30px;
    right: 30px;
    border: solid red 2px;

    top: 0px;
    left: 0px;
*/
    /*background-color: white;*/

    text-align: left;
/*  dimensione fissa*/
    width: 924px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;

/*    margin-left: 50px;
    margin-right: 50px;*/

/*
    background: #CCFFCC;
*/

  }

/*
#header a img {
    height: 134px;
}
*/

#header-wrapper {
    border: 0;
    background-color: Linen;
    font-size: 10px; 
/*

    border: solid 1px #8C383A;
    border-bottom: none;
*/

}

#header-testo {
    border: 0;
    /* font-size: 10px; */
    font-size: small;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#header-testo ul {
    border: 0;
    margin: 0.3em;
    list-style-type : none;
    text-align: right;
}

#header-testo ul li {
    border: 0;
    display: inline;
    margin-left: 1em;
}

#header-testo-selected {
    background-color: #8C383A !important;
    color: white !important;
}

#header-testo-selected a {
    background-color: #8C383A !important;
    color: white !important;
}

#header-testo ul li a:link {
    text-decoration: none;
    color: #8C383A;
}

#header-testo ul li a:visited {
    text-decoration: none;
    color: #8C383A;
}

#header-testo ul li a:hover {
    text-decoration: underline;
}

#header-bordo {
    background-color: white;
    border: solid 1px #8C383A;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

#header {
    background-image : url('../images/top_logo_bg.gif'); 
    background-position : left top;
    background-repeat : repeat-x;
    border: 0;
/*

    border: solid 1px #8C383A;
    border-bottom: none;
*/
    margin: 0;
    text-align: center;
}

#header a {
    text-decoration: none;
}

#header a img {
    display: inline;
    border: none;
}

#content {
    background-color: white;
    position: relative;
    border: solid 1px #8C383A;
    border-top: 0px;
    padding: 0;
    height: 100%;  /* fix bug ie6: per posizionare correttamente content-navigation-page */
/*  Per versione con contenuto overflow
    height: 390px;
*/
}

#content-immagini {
    width: 250px; /* 30%; */
    float: left;
    padding: 0;
    border: 0;
/*
    border: solid 1px red;
*/
}

#content-immagini img {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

#content-immagini2 {
    border: solid 1px red;
    width: 220px;
    float: right;
}


#content-testo {
    left: 250px;
    right: 50px;
/*    position: absolute;*/
/*    width:509px;*/
    padding: 0px 1em 2em 1em;
    border: 1px solid white;

    margin: 0px 0px 0px 250px;


/*
    margin: 0px 0px 0px 250px;
    padding: 0px 1em 2em 1em;
    border: 1px solid white;
*/

/*
    border: solid 1px green;
*/


    /* versione con overflow*/
/*
    height: 310px;
    overflow: auto;
    position: relative;
    padding: 0px 1em 2em 1em;
    border: 1px solid white;
*/


}

#content-testo h1 {
    margin-bottom: 0;
    margin-top: 0;
    left: 0px;
}

#content-testo h3 {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 0.5em;
}

#content-testo h4 {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0.5em;
}

/*#content-testo p {
    padding-bottom: 2em;
}*/

#content-testo a {
    font-weight: bold;
    color: #8C383A;
}
#content-testo a:link {
    text-decoration: none;
}

#content-testo a:visited {
    text-decoration: none;
}

#content-testo a:hover {
    text-decoration: underline;
}

#content-testo table tr td {
    vertical-align: top;
}

#content-testo table tr th {
    vertical-align: top;
    font-weight: normal;
    white-space: nowrap;
    padding-left: 0px;
}

#content-testo ul {
    margin-top: 0px;
    margin-left: 0px;
    list-style-type: square;
    padding-left: 1em;
}

#content-testo input {
    border: solid 1px #8C383A;
    background-color: Linen;
}

#content-testo select {
    border: solid 1px #8C383A;
    background-color: Linen;
}

#content-navigation-page {

    position: absolute;
    /*margin-top: 1em;*/

    bottom: 0px;
    /*left: 250px; */ /*30%;*/
    margin-right: 0px;
    /*width: 70%;*/
    /*height: 30px;*/
    padding: 0.5em 0px 0.5em 250px;

/*    border: solid 1px blue;*/
}

#content-navigation-page ul {
    position: relative;
    list-style-type: none;
    border: 0;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 650px;

/*    border: solid 1px red;*/
}

.content-navigation-page-left {
  float: left;
}

.content-navigation-page-right {
  float: right;
}

#content-navigation-page ul li {
    border: 0;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;

/*    border: solid 1px green;*/
}

#content-navigation-page ul li a:link {
    text-decoration: none;
    color: #8C383A;
}

#content-navigation-page ul li a:visited {
    text-decoration: none;
    color: #8C383A;
}

#content-navigation-page ul li a:hover {
    text-decoration: underline;
}

#location {
  float: right;
  text-align: center;
/*  padding-right: 50px; */
}

#location img {
  width: 280px;
  border-color: #8C383A;
}



#content-footer {
    clear: both;
    margin: 0;
    padding: 0;
/* 
    border: solid 1px blue;
*/
}

#menubar {
/*
    border: 0;
    background-color: Linen;
    font-size: small;
    font-weight: bold;
    padding: none;
    margin: 0;
*/
    border: 0;
    background-color: #8C383A;
    color: white;
    font-size: medium;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#menubar table {
    width: 100%;
    border: 0;
    margin: 0px;
    padding: 0;
    text-align: center;

/*    border: solid 1px blue;*/
}

#menubar table tr td {
    border: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;

/*    border: solid 1px red;*/
}

#menubar-selected {

    background-color: DarkSalmon !important;
    color: white !important;
}

#menubar-selected a {

    background-color: DarkSalmon !important;
    color: white !important;

/*
    background-color: white !important;
    color: #8C383A !important;
*/
}

#menubar table tr td a:link {
    text-decoration: none;
/*
    color: #8C383A;
*/
    color: white;
}

#menubar table tr td a:visited {
    text-decoration: none;
/*
    color: #8C383A;
*/
    color: white;
}

#menubar table tr td a:hover {
    text-decoration: underline;
}


#importatori {
    padding-left: 0px !important;
}

#importatori li {
    font-weight: bold;
    list-style-type: none;
    font-style: italic;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 1em;
    margin-bottom: 1em;
}

#importatori li ul li {
    font-weight: normal;
    font-style: normal;
    list-style-type: disc;
}



span.italic {
    font-style: italic;
}

.prezzo {
    font-weight: bold;
}

ul.prezzi {
    margin-left: 0px !important;
    padding-left: 0px !important;
    list-style-type: none !important;
}

a.piantina {
    text-decoration: underline !important;
}

.paddingleft {
    padding-left: 5em;
}

.separator {
    clear: right;
    margin: 0;
    padding: 0;
}

.etichetta-vino {
  float: right;
}

.parlato-carta {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.parlato-carta a img {
    height: 100px;
    border: solid 1px white;
    padding-top: 3px;
    padding-bottom: 3px;
}

.parlato-carta a img:hover {
    border: solid 1px #8C383A;
}

.parlato-video {
    border: 0;
    margin: 0.3em;
    list-style-type : none;
    text-align: center;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
}

.parlato-video a img {
    border: 0px;
    height: 160px;
}


.separator {
    clear: both;
    margin: 0;
    padding: 0;
/* 
    border: solid 1px blue;
*/
}

.hidden {
  display: none;
}


/* Immagini liquide */
img.liquid{display: block;width: 100%}

/* *************************************
            STILE INTRO
   ************************************ */


#intro-box {
    position: relative;
    background-color: Linen;
/*    border: solid 2px #8C383A;*/
    border:0;
    margin: 0;
    padding: 0;
    width: 706px;
/*    height: 226px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
/*    top: -60px;*/
    text-align: center;
}

#intro-foto-box {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 0;
    text-align: center;
    width: 706px;
}

#intro-foto-box table {
    border: 0px;
    padding: 0px;
}

#intro-foto-box table tr {
    border: 0px;
    padding: 0px;
}

#intro-foto-box table tr td {
    border: 0px;
    padding: 0px;
}


#intro-foto-box ul {
    list-style-type: none;
    border: 0;
    margin: 0px;
    padding: 0px;
}

#intro-foto-box ul li {
    display: inline;
}

.intro-foto {
    display: block;
    width: 175px;
    /*height: 300px;*/
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    border: 0;
/*    float: center; */
}

/*#intro-logo {
    position: absolute;
    left: +320px;
    top: -270px;
    padding: 0;
    border: 0;
    width: 420px;
}*/

#intro-logo-box {
    position: absolute;
    padding: 0;
    border: 0px; /*1px solid green;*/
    left: 100px;
    top: 70px;
    width: 512px;
/*    text-align: center;*/
}

text.errore {
    border: 2px solid red !important;
}



#intro-logo {
/*    display: block;*/
    padding: 0;
    border: 0px; /*1px solid blue;*/
    width: 510px;
}

.intro-brochure {
/*    padding-top: 80px; */
    padding-top: 20px;
    font-size: 40px;
    font-style: italic;
}

.intro-brochure a:link {
    text-decoration: none;
    color: #8C383A;
}

.intro-brochure a:visited {
    text-decoration: none;
    color: #8C383A;
}

.intro-brochure a:hover {
    text-decoration: underline;
}

.intro-brochure a img {
    position: relative;
    top: -15px;
    right: -10px;
    border: none;
    width: 30px;
}


#intro-credits {
    position: absolute;
    padding: 1px;
    height: 1px;
    margin: 0px;
    margin-top: 195px;
    border: 0px; /*1px solid red;*/
/*    bottom: -235px;*/
    right: -115px;
    font-weight: bold;
}

#intro-language {
    list-style-type: none;
    border: 0;
    margin: 0px;
    padding: 0px;
    padding-top: 15px;
    padding-left: 70px;
    padding-right: 70px;
    height: 100%;
/*
    width: 650px;*/

/*    border: solid 1px red;*/
}

#intro-language li {
    border: 0;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;

/*    border: solid 1px green;*/
}

#intro-language li a:link {
    text-decoration: none;
    color: #8C383A;
}

#intro-language li a:visited {
    text-decoration: none;
    color: #8C383A;
}

#intro-language li a:hover {
    text-decoration: underline;
}

#intro-loading {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100px;

    top: 180px;

    padding: 0;
    border: 0;
    text-align: center;
}

#intro-loading a:link {
    text-decoration: none;
    color: #8C383A;
}

#intro-loading a:visited {
    text-decoration: none;
    color: #8C383A;
}

#intro-loading a:hover {
    text-decoration: underline;
}



/* *************************************
            STILE INTRO STATICO
   ************************************ */


#intro-box-static {
    position: relative;
    background-color: Linen;
/*    border: solid 2px #8C383A;*/
    border:0;
    margin: 0;
    padding: 0;
    width: 936px;
    height: 226px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 17px;
/*    top: -60px;*/
    text-align: center;
}

#intro-foto-box-static {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 0;
    text-align: center;
    width: 936px;
}

#intro-foto-box-static table {
    border: 0;
    padding: 0px;
    width: 100%;
}

#intro-foto-box-static table tr {
    border: 0px;
    padding: 0px;
}

#intro-foto-box-static table tr td {
    border: 0;
    padding: 0px;
}

#intro-foto-box-riga1-static {
  padding-bottom: 5px;
}

#intro-foto-box-riga2-static {
  padding-top: 5px;
}

#intro-logo-box-static {
    position: absolute;
    padding: 0;
    border: 0px; /*1px solid green;*/
    margin-left: 0px;
    left: 215px;
    top: 150px;
    width: 512px;
    text-align: center;
}


#intro-credits-static {
    position: absolute;
    padding: 1px;
    height: 1px;
    margin: 0px;
    margin-top: 0px;
    border: 0px; /*1px solid red;*/
/*    bottom: -235px;*/
    right: 0px;
    font-weight: bold;
}


/* *************************************
      STILE SPLASH CHOISE NELL'INTRO
   ************************************ */

.class-intro-splash-choise {
    position: relative;
    top: -15px;
    font-size: 30px;
    width:440px;
    margin-left: auto;
    margin-right: auto;
/*    border: 1px solid red; */
    padding: 10px;

}

.class-intro-splash-choise-static {
    top: -210px;
}

.class-intro-splash-choise table {
    width: 420px;
/*    border: 1px solid green; */
    margin: 0px;
    padding: 0px;
}

.class-intro-splash-choise table tr td {
    width: 200px;
/*    border: 1px solid white; */
/*    
    background-color: #8C383A;
    font-color: Linen;
*/
    background-color: Linen;
    font-color: #8C383A;


}

.class-intro-splash-choise table tr td a:link {
    text-decoration: none;
    color: Linen;
}

.class-intro-splash-choise table tr td a:visited {
    text-decoration: none;
    color: Linen;
}

.class-intro-splash-choise table tr td a:hover {
    text-decoration: underline;
    color: Linen;
}

.class-intro-splash-choise table tr td a img {
    border: none;
}

/*
 *************** AGRITURISMO ****************
 */

div.agriturismo {
    font-size: 1.2em;
}

h1.agriturismo {
    text-align: center;
}

h2.agriturismo {
    padding-left: 200px;
}

img.agriturismo {
    float: left; 
    padding-right: 2em;
    border: none;
}

img.agriturismo-galleria {
    float: left; 
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    border: none;
    height: 80px;
}

table.agriturismo tr td {
    vertical-align: top;
    text-align: right;
    font-weight: bold;
}

table.agriturismo tr th {
    vertical-align: top;
    font-weight: normal;
    white-space: nowrap;
    padding-left: 0px;
}




/* Altro */
div.errore {
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #8C383A;
    color: white;
}

input.errore {
    border: 2px solid red !important;
}

text.errore {
    border: 2px solid red !important;
}

textarea.errore {
    border: 2px solid red !important;
}

checkbox.errore {
    border: 2px solid red !important;
}

select.errore {
    border: 2px solid red !important;
}

#estremiordine input {
  margin-right: 1em;
}



.costoqtaordine {
  font-weight: bold;
  text-align: center;
  padding-left: 1em;
}

.qta-ordine {
  padding-left: 1em;
}


#qtaordine thead tr td {
  background-color: #8C383A;
  color: white;
  font-weight: bold;
  text-align: center;
}

.prezzo-ordine {
  padding-left: 1em;
  text-align: right;
}

.spedizione-ordine td {
  font-style: italic;
  border-top: 1px solid;
}

.totale-ordine td {
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
}

#conferma-ordine {
  text-align: center;
}

#conferma-ordine input {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: 2px outset #8C383A;
  font-weight: bold;
  color: #8C383A;
}

#conferma-ordine input:hover {
  background-color: #8C383A;
  color: Linen;
  border-color: Linen;
}

#signature {
  text-align: left;
  font-family : mono;
  font-size : 10px; 
  color: #8C383A;
}

#signature a {
    font-weight: bold;
    color: #8C383A;
}
#signature a:link {
    text-decoration: none;
}

#signature a:visited {
    text-decoration: none;
}

#signature a:hover {
    text-decoration: underline;
}




/* Prova effetto bordi arrotondati

b.rtop, b.rbottom{display: block; background: #fff}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #76C2FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
.testo{background: #76C2FA; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}

*/
