body {
  margin: 0;
  background-color: #ffffcc;
  text-align: center;
  font: 0.72em verdana, arial, sans-serif;  
  line-height: 170%;
  color: #000000;
}
  
p { 
  padding-top: 0px!important;
  padding-top: 3px;
  padding-bottom: 0px!important;
  padding-bottom: 3px;
}


a {
  color: #86E160;
  text-transform: none;
  text-decoration: none;
}

a:visited {
  color: #AAA;
  text-transform: none;
  text-decoration: none;
}

a:hover {
	color: #FFF;
	text-transform: none;
	text-decoration: none;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

input {
  width:120px;
}


textarea {
  width: 160px;
  /* 
    
  scrollbar-3dlight-color : #777;
  scrollbar-arrow-color : #EEE;
  scrollbar-darkshadow-color : #777;
  scrollbar-face-color : #777;
  scrollbar-highlight-color : #777;
  scrollbar-shadow-color : #777;
  scrollbar-track-color : #777;    
  */
}

input,
textarea {
	padding: 1px 3px;
	margin: 5px 0;
	font: 1em verdana, arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #663300;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #000000;
  background-color: #CCCCCC;
  border: 1px solid #663300;
  font: 1em verdana, arial, sans-serif;
  color: #663300;
}


h1 {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #7BD32C;
  background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
}

h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}

#sideBar h1 {
  text-align: right;
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

#sideBar h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}


#content ol li { 
  color: #9BE4FF;
}

#content ol li span {
  color: #EEE;
}

#content ul {
  padding-bottom: 10px;
}

#content ul li {
  list-style-image: url(../images/li_bullet.gif);
}

blockquote {  
  margin: 0;
  background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}

#content {  
  clear: both;
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#lato_sx{  
  float:left;
  width: 250px;
  height: 568px;
  margin: 0 auto;
  text-align: left;
}

#lato_dx{  
  float:left;
  width: 150px;
  height: 568px;
  margin: 0 auto;
  text-align: left;
}


#angolo_sx_up {  
  float: left;
  height: 200px;
  width: 250px;
  background:  url(immagini/revi_angolo_sx.gif);  
}

#intestazione {  
  float: right;
  height: 34px;
  width: 650px;
}

#testa_menu {  
  float: left;
  height: 34px;
  width: 500px;
  background:  url(immagini/testa_menu.gif);  
}

#angolo_lingua { 
  float:right;
  height: 25px;
  width: 120px;
  background:  url(immagini/angolo_lingua.gif);  
  padding-top:9px;
  padding-left:15px;
  padding-right:15px;
}

#interno_bandiere_lingua { 
  float:left;
  height: 25px;
  width: 35px;
}

#interno_testo_lingua { 
  float:right;
  height: 25px;
  width: 65px;
}

#sopra_menu {  
  float: right;
  height: 114px;
  width: 650px;
  background:  url(immagini/sopra_menu.gif);  
}

#menu {
  float: right;
  height: 52px;
  width: 650px;
  background:  url(immagini/sfondo_menu.gif);
}

#menu_link {
  width: 650px;
  margin: 0 auto;
  text-align:right;
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

#bottone_menu {
  width: 91px;
  height:42px;
  padding-top:10px;
}

#pulsante1 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante1.gif);
}
#pulsante2 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante2.gif);
}
#pulsante3 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante3.gif);
}
#pulsante4 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante4.gif);
}
#pulsante5 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante5.gif);
}
#pulsante6 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante6.gif);
}
#pulsante7 {
  width: 91px;
  height:42px;
  padding-top:10px;
  background: url(immagini/pulsante7.gif);
}

#menu ul li {
  width: 91px;
  height:52px;
  display:inline;
  float: left;
  list-style: none;
  text-align: center;
  padding-top:0em;
}

#menu ul li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
  color: #333333;
}

#menu ul li a:hover,
#menu ul li a.active {
  font-weight: bold;
  color: #990000;
}


#immagine_sx {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx.gif);  
}

#immagine_sx_spumante {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_SPUMANTE.gif);  
}

#immagine_sx_dove {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_ALDENO.gif);  
}
#immagine_sx_ordine {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_ORDINE.gif);  
}
#immagine_sx_index {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_BICCHIERE.gif);  
}
#immagine_sx_storia {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_STORIA.gif);  
}
#immagine_sx_contattaci {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_CONTATTACI.gif);  
}
#immagine_sx_news {  
  float: left;
  height: 400px;
  width: 250px;
  background:  url(immagini/immagine_sx_NEWS.gif);  
}


#indirizzo_sx {  
  clear:both;
  height: 168px;
  width: 250px;
  background:  url(immagini/indirizzo_angolo_sx.gif);  
}

#testo {  
  float: left;
  height: 528px;
  width: 460px;
  background:  url(immagini/testo.gif);
  padding-top:20px;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;
}

#notizie{  
  float: right;
  height: 400px;
  width: 150px;
  background:  url(immagini/notizie.gif);  
}

#strada_vino {  
  clear:both;
  height: 165px;
  width: 147px;
  background:  url(immagini/strada_vino.gif);  
  padding-top:3px;
  padding-left:3px;
}

#news_brevi {
	float: left;
	width: 130px;
	height: 120px;
	padding-top:10px;
    padding-left:10px;
    padding-right:10px;
}
#orario {
	float: left;
	width: 130px;
	height: 120px;
	padding-top:10px;
    padding-left:10px;
    padding-right:10px;
}
#partner {
	float: left;
	width: 130px;
	height: 120px;
	padding-top:10px;
    padding-left:10px;
    padding-right:10px;
}

#onav {
	width: 115px;
	height: 20px;
    background:  url(immagini/onav_trento.gif);  
}

#grappolo {
	width: 115px;
	height: 20px;
    background:  url(immagini/bb_grappolo.gif) 
}
#sportivando {
	width: 115px;
	height: 20px;
    background:  url(immagini/sportivando.gif);  
}

#email {
	float: left;
	width: 240px;
	height: 350px;
}
#telefono {
	float: left;
	width: 185px;
	height: 350px;
	padding-left: 30px;
}

/*
#riga_sopra {  
  height: 10px;
  background: url(immagini/riga_sopra.gif) repeat-y top center;
}



#lato_sx {
	float: left;
	width: 415px;
	height: 376px;
	background-image:url(immagini/lato_sx.gif);
	padding-bottom: 5px;
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
}
#email {
	float: left;
	width: 200;
	height: 350px;
}
#telefono {
	float: left;
	width: 185px;
	height: 350px;
	padding-left: 30px;
}
#lato_dx {
	float: left;
	width: 148px;
	height: 376px;
	background-image:url(immagini/lato_dx.gif);
	padding-bottom: 5px;
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 15px;
}
#orario {
	clear: both;
	float: left;
	width: 148px;
	height: 110px;
}
#partner {
	clear: both;
	float: left;
	width: 148px;
	height: 130px;
}


#centro {
  float: left;
  width: 151px;  
  height: 393px;
}
#footer {
	clear: both;
	height: 75px;
	background: url(immagini/footer.gif) repeat-y top center;
	padding-top: 5px;
}

*/


h1 {
  clear: both;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-transform: uppercase;
  color: #7BD32C;
  background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
}

h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}

/***************************************************
Stili testo
***************************************************/
.titoletti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:11px;
	color:#990000;
	text-align: center;
}

.testo_dx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:11px;
	color:#000000
	text-align: center;
}

.contattaci {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:11px;
	color:#990000;
	text-align: center;
	text-decoration: none;
}

.titoli_sezione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:12px;
	color:#990000;
	text-align: center;
}

.grassetto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:12px;
	color:#000000;
	text-align: center;
}

.link_percorso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:11px;
	color:#666666;
}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 50px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid grey; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 0px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
