/* CSS Document */
body{
background: url(../img/background.jpg) top center repeat-x #F3E0A6;
font-family:"Arial", Helvetica, Verdana, sans-serif;
color:#221508;
font-size:13px;
}
input, textarea{
font-family:"Arial", Helvetica, Verdana, sans-serif;
font-size:12px;
padding:3px;
}

.bottoni {
font-family: "Arial", Helvetica, Verdanda, sans-serif;
font-size:12px;
background-color: #7B5628;
border:1px solid #7B5628;
color:#F2E3B8;
padding:4px;
margin:4px;
}
.bottoni:hover {
font-family: "Arial", Helvetica, Verdanda, sans-serif;
font-size:12px;
background-color: #946831;
border:1px solid #7B5628;
color:#fff;
}
a.button {
cursor:pointer;
}
a.button:hover{
color:white;
background:#b5111a;
}
a.opacity:hover img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
a.opacity img {
filter:alpha(opacity=90);
   -moz-opacity:0.9;
   opacity:0.9;
}

.act{
color:#fff;
padding-top:6px;
padding-bottom:6px;
background:#A0772F;
padding-left:24px;
}

.black {
background:  url(../img/black.png);
height:350px;
}
.white {
background:  url(../img/white.png);
width:206px;
}
#content{
margin:0 auto;
width: 883px;
}
#content #top{
position:relative;
top:0; left:0;
height:447px;
border:1px solid #f7e6e6;
}

#content #top #mappa{
position:absolute;
top:0; right:0;
margin-right:107px;
margin-top:8px;
width:310px;
z-index:10;
color:#221508;
font-size:13px;
background:#fff;
/*border:1px solid #c0c0c0;*/
} 
#content #top #mappa a{
/*color:#221508;*/
color:#C40000;
/*color:#221508;*/
font-size:13px;
text-decoration:none;
/*font-weight:bold;*/
padding:5px;
} 
#content #top #mappa a:hover{
color:#221508;
} 
#content #top #mappa img{
float:left;
}

#content #top #portfolio {
position:absolute;
top:0; left:0;
z-index:-1;
}
#content #top #link{
position:absolute;
top:0; left:0;
width:227px;
height:405px;
}
#content #top #link img{
margin-left:11px;
margin-top:13px;
}
#content #top #link ul{
margin-left:11px;
}
#content #top #link ul li{
border-bottom:1px solid #7c7c5f;
}
#content #top #link ul li a{
text-decoration:none;
color:#000;
padding-left:24px;
font-size:12px;
display:block; 
padding-top:6px;
padding-bottom:6px;
}
#content #top #link ul li a:hover{
color:#fff;
background:#A0772F;
}
#content #top #title{
position:absolute;
bottom:0; left:0;
height:32px;
background:  url(../img/sottotitle.png);
width:100%;
}
#content #top #letter{
position:absolute;
bottom:0; left:0;
width:227px;
height:102px;
background:url(../img/sf_letter.jpg) top center no-repeat;
z-index:1000;
margin-bottom:-390px;
margin-left:7px;
}
#content #top #letter h2{
color:#8A642A;
font-size:24px;
padding-top:10px;
padding-bottom:5px;
padding-left:58px;
}
#content #top #letter p{
padding-left:30px;
color:#161616;
font-size:12px;
/*font-weight:bold;*/
}
.bottone_vai {
background: #130f0b;
border:1px solid #513f30;
padding:3px;
color:#fffded;
cursor:pointer;
}
.bottone_vai:hover{
background: #8A642A;
}
#content #top #title h1{
font-size:24px;
color:#fff;
text-align:right;
margin-right:10px;
margin-top:4px;
}





#content #middle{
position:relative;
top:0; left:0;
height: auto !important;  /* per i browser moderni */
height: 380px;      /* per IE5.x e IE6 */
min-height: 380px;  /* per i browser moderni */
}
#content #middle p{
width:489px;
margin-top:28px;
margin-bottom:17px;
text-align:justify;
margin-left:258px;
line-height:18px;
}
#content #middle p img{
float:left;
margin-left:65px;
margin-right:25px;
}
#content #middle a{
text-decoration:none;
line-height:18px;
color:#765224;
font-weight:bold;
}
#content #middle a:hover{
text-decoration:underline;
color:#221508;
}
#content #middle table{
margin-top:10px;
text-align:left;
width:618px;
margin-left:247px;
margin-right:10px;
}

#content #middle #vini{
position:relative;
top:0;
left:0;
width:618px;
margin-left:247px;
/*padding-top:24px;*/
}

#content #middle #vini img{
padding-left:0px;
padding-top:50px;
}


/*  VINI OLD

#content #middle #vini{
position:relative;
top:0;
left:0;
width:618px;
margin-left:247px;
}

#content #middle #vini #elenco{
position:relative;
top:0;
left:0;
width:432px;
}

#content #middle #vini #elenco ul{
padding-top:20px;
padding-left:40px;
}
#content #middle #vini #elenco ul li{
display:block;
padding-top:12px;
}
#content #middle #vini #elenco ul li a{
color:#664218;
font-weight:bold;
text-decoration:none;
padding-left:0px;
}
#content #middle #vini #elenco ul li a:hover{
color:#221508;
}

#content #middle #vini #bottiglia{
position:absolute;
top:0;
left:0;
width:186px;
margin-left:432px;
}

#content #middle #vini #bottiglia img{
margin-top:20px;
}

/*-FINE VINI OLD ----------------------------------*/


#content #middle #left{
position:absolute;
top:0; left:0;
height: auto !important;  /* per i browser moderni */
height: 280px;      /* per IE5.x e IE6 */
min-height: 280px;  /* per i browser moderni */
margin-top:15px;
margin-left:7px;
}
#content #middle #left #acquista a{
background: url(../img/acquista.png) top left no-repeat;
color:#765224;
padding-left:45px;
padding-top:10px;
padding-bottom:10px; text-decoration:none;
}
#content #middle #left #acquista a:hover{
text-decoration:underline;
}
#content #middle #left #download {
margin-top:35px;
}
#content #middle #left #download  a{
background: url(../img/download.png) top left no-repeat;
color:#765224;
padding-left:45px;
padding-top:10px;
padding-bottom:10px; text-decoration:none;
}
#content #middle #left #download a:hover{
text-decoration:underline;
}
#content #middle #loghetti{
position:absolute;
top:0; right:0;
margin-left:768px;
/*margin-top:35px;*/
width:116px;
}

#content #middle #loghetti img{
border:1px solid #947540;
padding:4px;
}
/*------------------------- NEWS ------------------------------------*/

#content #middle #left #news{
position:relative;
margin-top:15px;
top:0; left:0;
width:225px;
background:#FEEEC0;
border:1px solid #B7A16C;
}

#content #middle #left #news #titolo{
position:relative;
top:0; left:0;
width:225px;
height:34px;
background:url(../img/sf_top_news.gif) top center repeat-x #941513;
border-bottom:1px solid #B7A16C;
font-size:18px;
color:#fff;
}

#content #middle #left #news #titolo img{
float:left;
}

#content #middle #left #news #scorrimento{
position:relative;
margin:0 auto;
top:0; left:0;
width:200px;
color:#251607;
margin-top:5px;
margin-bottom:5px;
height: auto !important;  /* per i browser moderni */
height: 40px;      /* per IE5.x e IE6 */
min-height: 40px;  /* per i browser moderni */
}

#content #middle #left #news a{
color:#251607;
text-decoration:none;
font-size:12px;
font-weight:normal;
padding:2px;
}

#content #middle #left #news a:hover{
color:#C3913B;
text-decoration:none;
}

#content #middle #left #news #archivio{
position:relative;
top:0; left:0;
width:225px;
height:25px;
background:url(../img/sf_top_news.gif) top center repeat-x #941513;
border-top:1px solid #B0A593;
text-align:right;
/*font-weight:bold;*/
}

#content #middle #left #news #archivio a{
color:#fff;
font-size:11px;
text-decoration:none;
padding:10px;
}

#content #middle #left #news #archivio a:hover{
color:#232323;
/*font-weight:normal;*/
}

/*-------------------------FINE NEWS ------------------------------------*/
#content #bottom{
position:relative;
top:0; left:0;
background:#B78A3C;
height:32px;
}
#content #bottom p{
text-align:right;
padding-top:10px;
padding-right:10px;
font-size:12px;
}
#content #bottom a{
color:#000000;
text-decoration:none;
font-weight:bold;
}
#content #bottom a:hover{
text-decoration:underline;
}
#content #bottom #credits{
position:absolute;
top:0; left:0;
height:35px;
padding-top:10px;
}

#content #colombo{
position:relative;
top:0; left:0;
width:500px;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
}

#content #colombo p{
color:#9D855A;
font-size:11px;
}

#content #colombo p a{
color:#9D855A;
text-decoration:none;
}

#content #colombo p a:hover{
color:#221508;
text-decoration:none;
}

.privacy{
color:#000000;
text-decoration:none;
padding-top:5px;
padding-bottom:9px;
padding-left:5px;
font-size:11px;
}
a.privacy:hover{
text-decoration:underline;
}
.news_list{
color:#171716;
font-weight:bold;
padding-left:0px;
line-height:30px;
border-bottom:1px dashed #c0c0c0;
}

.news_list a{
color:#171716;
text-decoration:none;
}

.news_list a:hover{
text-decoration:underline;
}


#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 80px; /*marquee height */
/*background-color: white;*/
overflow: hidden;
color:#009DE0;
}