body
{
    font-family: Verdana;
    background-color: #fff;
    text-align: center;
    margin: 2px 0 0 0;
}

hr
{
    display: none;
}

a
{
    /*color: #fff;*/
    color: #666;
    text-decoration: none;
}

a:hover
{
    color: #111;
}

p
{
    text-align: justify;
    margin: 0;
}

.clearer
{
    clear: both;
}

#container
{
    position: relative;
    margin: 0 auto;
    width: 650px;
}

.header { position: absolute; top: 20px; width: 100%; }
.content { position: relative; top: 95px; width: 100%; }
.footer { position: relative; top: 95px; width: 100%; margin-top: 10px;}

#langselect
{
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    font-size: 8pt;
    text-align: right;
    margin-bottom: 5px;
}

#footnote { width: auto; position: relative; padding-top: 2px; padding-left: 2px; clear: both;}

#footnote p
{
    font-size: 7pt;
    color: #666;
} 

#footnote p.footleft
{
    float: left;
} 

#footnote p.footright
{
    float: right;
} 

/* Page header */

.pageheader table
{
    border: 0;
    width: 100%;
}

.pageheader td
{
    padding: 5px;
    text-align: left;
    background: #999999;
    color: #fff;
    font-size: 8pt;
}

.pageheader td.pagetitle h1
{
    font-size: 10pt;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.pageheader td.archive
{
    background: #666;
}

.pageheader td.right
{
    text-align: right;
}

.pageheader a
{
    color: #fff;
}

.pageheader a:hover
{
    color: #111;
}

/* HOME */

.hp
{
    width: auto;
    min-height: 360px;
    height: auto !important;
    height: 360px;
    margin: 7px;
    margin-bottom: 0;
}

hp div
{
    width: auto;
}

.hp h2
{
    text-align: left;
    font-size: 12pt;
    font-weight: bold;
    color: #666;
    letter-spacing: .15em;
    padding-top: 1em;
    padding-bottom: .5em;
}
    
.hp p
{
    width: auto;
    text-align: left;
    font-size: 12pt;
    line-height: 130%;
    color: #666;
}

.hp p strong
{
    font-size: 14pt;
    color: #111;
}

.hp img
{
    border: 0;
    padding: 0;
    width: 300px;
    height: 400px;
    float: left;
    margin: 0;
    margin-right: 12px;
    clear: both;
}


/* VINI */

.vini
{
    width: auto;
    min-height: 360px;
    height: auto !important;
    height: 360px;
    margin: 7px;
    margin-bottom: 0;
}

.vini img
{
    width: 200px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#testo
{
    margin-left: 0px;
    margin-right: 170px;
    position: relative;
}

#testo h2
{
    font-size: 12pt;
    color: #111;
    text-align: left;
    margin: 0;
}

#testo p
{
    font-size: 8pt;
    color: #666;
    margin-top: 1em;
    text-align: justify;
}

#linee 
{
    width: 155px;
    float: right;
}
    
#linee h2
{
    background: #666;
    font-size: 12pt;
    color: #fff;
    text-align: left;
    padding: 5px;
    height: 20px;
    margin: 0 0 3px 0;
    width: auto;
}

#linee ul
{
    width: 100%;
    list-style: none;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
}

#linee ul li
{
    background: #999;
    height: 30px;
    margin-bottom: 3px;
    text-align: left;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
}

#linee ul li a
{
    display: block;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}

#linee ul li a:hover
{
    color: #111;
}

/* LINEA */

.linea
{
    width: auto;
    min-height: 360px;
    height: auto !important;
    height: 360px;
    margin: 7px;
    margin-bottom: 0;
}

.linea img
{
    width: 310px;
    float: left;
}

.linea #vini
{
    width: 310px;
    float: right;
}

.linea #vini h2
{
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    color: #111;
    padding: 5px;
    padding-top: 10px;
    margin: 0 0 3px 0;
    height: 20px;
}

.linea #vini h2#bianchi
{
    background: #ffcc00;
    color: Black;
}

.linea #vini h2#rossi
{
    background: #990033;
    color: White;
}

.linea #vini ul
{
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.linea #vini ul li
{
    background: #c0c0c0;
    height: 35px;
    margin-bottom: 3px;
    text-align: left;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
}

.linea #vini li a
{
    display: block;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    padding-top: 10px;
}

.linea #vini li a:hover
{
    color: #111;
}

.linea #separator
{
    height: 30px;
}

/* SCHEDA VINO */

.schedavino
{
    width: auto;
    margin: 5px;
    margin-bottom: 12px;
    font-size: 7.5pt;
}

.schedavino img
{
    width: 150px;
    float: left;
}

.schedavino div#scheda
{
    margin-left: 163px;
    width: auto;
    float: none;
}

.schedavino div#scheda table
{
    width: 475px;
    border: 0;
    margin: 0;
    background: #fff;
}

.schedavino div#scheda table tr td
{
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.schedavino div#scheda table tr td.schedaheader
{
    width: auto;
    background: #f0f0f0;
    font-weight: bold;
    color: Black;
}

.schedavino div#scheda table tr td.schedacaption
{
    width: 140px;
    background: #f0f0f0;
    font-weight: bold;
    color: Black;
}

.schedavino div#scheda table tr td.schedacontent
{
    width: auto;
    background: #fafafa;
    color: #808080;
    text-align: justify;
}

.schedaheader h2
{
    font-size: 14pt;
    margin: 0;
}

.schedaheader h2 #subnomevino
{
    font-size: 10pt;
    font-weight: normal;
}

.schedaheader h2 #annata
{
    font-weight: normal;
}

/* MAIN NAVIGATION */

#nav-main
{
    width: 100%;
}
    
#nav-main ul
{
    padding: 0;
    margin: 2px;
    width: 100%;
    list-style: none;
}

#nav-main ul li 
{
    float: left; /* we want these to display inline, but we want them block level for later so no display: inline; */
    width: 20%;
    text-align: center; /* center all text */
    background-color: #999;
 }
 
#nav-main ul li#home 
{
    background-color: #666;
}

#nav-main ul li a
{
    display: block;
    color: #fff;
    font-size: 10pt;
    border-right: 2px;
    padding-top: 10px;
    height: 30px;
    border-right-color: White;
    border-right-style: solid;
}

#nav-main ul li#home a
{
    font-size: 12pt;
}

#nav-main ul li a:hover
{
    color: #111;
}

/* SECONDARY NAVIGATION */

#nav-sub
{
    width: 100%;
}
    
#nav-sub ul
{
    padding: 0;
    margin: 2px;
    width: 100%;
    list-style: none;
}

#nav-sub ul li 
{
    float: left; /* we want these to display inline, but we want them block level for later so no display: inline; */
    width: 20%;
    text-align: center; /* center all text */
    background-color: #999;
 }
 
#nav-sub ul li#home 
{
    background-color: #666;
}

#nav-sub ul li a
{
    display: block;
    color: #fff;
    font-size: 10pt;
    border-right: 2px;
    padding-top: 5px;
    height: 20px;
    border-right-color: White;
    border-right-style: solid;
}

#nav-sub ul li a:hover
{
    color: #111;
}

/* NEWS */
   
.newslist
{
    min-height: 430px;
    height: auto !important;
    height: 430px;
    width: 640px;
    margin: 5px 0 10px 0;
    font-size: 8pt;
    color: #666;
}

.newslist div.date
{
    width: 75px;
    padding-left: 5px;
    float: left;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.newslist div.preview
{
    margin-left: 80px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 10px;
}

.newslist div.pager
{
    position: absolute;
    width: auto;
    left: 0;
    bottom: 0;
    margin-left: 90px;
    margin-bottom: 20px;
}

.newslist div.pager a
{
    padding-left: 10px;
    padding-right: 10px;
}

.newslist div.pager span.pagelabel
{
    padding-right: 20px;
}

.newslist div.pager span.pagecurrent
{
    font-weight: bold;
    color: Black;
    font-size: 120%;
    padding-left: 10px;
    padding-right: 10px;
}

.newslist br
{
    margin-bottom: .75em;
}

.newslist hr
{
    height: 1px;
    display: block;
    border: 0;
    border-top: 1px solid #999;
}

#news
{
    min-height: 430px;
    height: auto !important;
    height: 430px;
    width: 640px;
    margin: 5px 0 10px 0;
    font-size: 8pt;
    color: #666;
}

#news h2
{
    font-size: 8pt;
    font-weight: bold;
    margin: 0;
    text-align: left;
}

#news h3
{
    font-size: 10pt;
    font-weight: bold;
    color: #111;
    margin: 0 0 1em 0;
    text-align: left;
}

#news h4
{
    font-size: 10pt;
    font-weight: normal;
    margin: -1em 0 1em 0;
    text-align: left;
}
    
#news img
{
    width: 300px;
    float: right;
    clear: right;
    border: 0;
    margin: 0 0 25px 25px;
}
    
#news p
{
    text-align: justify;
    margin-bottom: .75em;
}

#news p.media
{
    text-align: left;
    margin: 25px;
    margin-left: 0;
}

#news ul
{
    list-style: none;
    margin: 0;
    margin-top: 3em;
    padding: 0;
    text-align: left;
}

#news ul li
{
    margin-top: .25em;
}

#news ul li a:hover
{
    color: #111;
}


/* LINKS */
   
#links
{
    min-height: 430px;
    height: auto !important;
    height: 430px;
    width: 640px;
    margin: 5px 0 10px 0;
    font-size: 9pt;
    color: #666;
    text-align: left;
}

#links ul
{
    list-style-type: disc;
}

#links ul li
{
    margin-bottom: 15px;
}


#links ul li a img
{
    margin-left: 10px;
    border: none;
    vertical-align: middle;
}

/* INFO */
   
#info
{
    min-height: 430px;
    height: auto !important;
    height: 430px;
    width: 640px;
    margin: 5px 0 10px 25px;
    font-size: 12pt;
    color: #666;
    text-align: left;
}


#info img
{
    border: 0;
    margin-right: 25px;
    vertical-align: middle;
}

#info a
{
    display: block;
    padding: 65px 0 0 0;
}

#mangiare-dormire
{
    min-height: 430px;
    height: auto !important;
    height: 430px;
    width: 640px;
    margin: 5px 0 10px 15px;
    font-size: 8pt;
    color: #666;
    text-align: left;
}

#mangiare-dormire div.info-item
{
    margin-bottom: 40px;
}

#mangiare-dormire h2
{
    font-size: 11pt;
}

#mangiare-dormire span
{
    min-width: 140px;
    padding: 0;
    padding-left: 35px;
    padding-top: 6px;
    margin: 0;
    margin-right: 20px;
    margin-top: -6px;
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    height: 30px;
}

.info-dove
{
    background-image: url(/img/info/dove.gif);
}

.info-tel
{
    background-image: url(/img/info/telefono.gif);
}

.info-www
{
    background-image: url(/img/info/www.gif);
}

.info-email
{
    background-image: url(/img/info/email.gif);
}

/* RICONOSCIMENTI */
   
#riconoscimenti
{
    font-size: 8pt;
    color: #666;
    margin: 5px;
    text-align: left;
}

#riconoscimenti h2
{
    position: relative;
    font-size: 10pt;
    font-weight: bold;
    background: #666;
    color: White;
    margin: 0;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
}

#riconoscimenti hr
{
    display: block;
    margin-top: 5px;
    color: #ccc;
}

#riconoscimenti .riconoscimento
{
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    margin-top: 15px;
    vertical-align: top;
}

#riconoscimenti .riconoscimento h3
{
    font-size: 8pt;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
}

#riconoscimenti .riconoscimento h4
{
    font-size: 8pt;
    font-style: italic;
    font-weight: normal;
    margin: 0;
}

#riconoscimenti .RicTxt
{
    float: left;
    width: 310px;
    height: auto;
    clear: both;
}

#riconoscimenti .RicTxt ul
{
    list-style: none;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    text-align: left;
}

#riconoscimenti .RicTxt li
{
    font-size: 8pt;
    margin: 0;
}

#riconoscimenti .RicImg
{
    float: none;
    width: 300px;
    margin: 0;
    margin-left: 330px;
    margin-top: 15px;
}

#riconoscimenti img
{
    border: 2px solid white;
    margin: 0 0 5px 10px;
    vertical-align: middle;
}

#riconoscimenti a img:hover
{
    border: 2px solid #111;
}


/* NEWSTICKER */
   
#newsticker
{
    height: 20px;
    width: 638px;
    margin: 2px;
    margin-top: 4px;
    padding: 4px;
    padding-bottom: 2px;
    background-color: #666;
}

#newsticker strong
{
    display: none;
}

#newsticker iframe
{
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    width: 630px;
    height: 20px;
    background-color: #666;
}

.ValidationMessage
{
    font-size: 10pt;
    color: Red;
}