/*
style-sheets for www.vininelmondo.org
Version: 3.0
**********************************************
Created: mercoledi 10 maggio 2006
gcmingati.net - design and development for interactive media
**********************************************
These style-sheets, associated graphics and 
design are copyrighted materials.
*/


/* ========================================================================
elementi di base del markup 
=========================================================================*/

body 					{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin: 2em 0;
padding: 0;
background: #F3A106 url(../common/imgs/bkg_yello.gif) repeat-x;
color: #666666;
font-size: 62.5%; 
}

#wrapper     {
width: 760px;
text-align:left;
font-size: 1.2em;
margin: 0 auto;
background: white;
overflow: hidden;
}

#swf-head     {
width: 760px;
height: 260px;
background: #FBC519;
}



#page-content {
margin: 0;
padding: 38px 38px;
margin-left: 190px;
width: auto;
background: white url(../common/imgs/bkg_logo.gif) center 38px no-repeat;
min-height: 570px;
height: auto !important;
height: 570px;
}

#page-content p {
margin: 1em 0;
}

#page-content p.larger{
font-size: 1.2em;
}

#page-content p.typo{
font: bold 1.3em Arial; 
letter-spacing: -0.03em;
color: #626262;
}

#edizione-2005 	{
float: right;
clear: right; 
height: 47px; 
width: 171px;
background: white url(../common/imgs/1edizione.gif) no-repeat;
text-indent: -9999px;
margin-left: 1em;
margin-top: -58px;
}
#edizione-2005-uk 	{
float: right;
clear: right; 
height: 47px; 
width: 171px;
background: white url(../common/imgs/1edizione-uk.gif) no-repeat;
text-indent: -9999px;
margin-left: 1em;
margin-top: -58px;
}
#edizione-2006 	{
float: right;
clear: right; 
height: 47px; 
width: 171px;
background: white url(../common/imgs/2edizione.gif) no-repeat;
text-indent: -9999px;
margin-left: 1em;
margin-top: -58px;
}
#edizione-2006-uk 	{
float: right;
clear: right; 
height: 47px; 
width: 171px;
background: white url(../common/imgs/2edizione-uk.gif) no-repeat;
text-indent: -9999px;
margin-left: 1em;
margin-top: -58px;
}

/* margini e padding tutti */
*  { 
margin: 0; 
padding: 0; 
}

img  { 
border: 0;
}

/* a:standard */
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }


/* ========================================================================
adattamenti elementi
=========================================================================*/

#nav hr, #nav-uk hr     {
padding: 0px;
border-bottom: 1px solid #E0B11D;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 1px;
display: block;
width: 67%;
margin-left: 30px;
margin-top: 3px;
margin-bottom: 3px;
}	
#nav>ul>li>hr { /* for modern browsers :-)*/
margin-top: 6px;
margin-bottom: 6px;
}

	
ul[id~=stampa] li, ul[class~=word] li {		
padding: 0;
margin: 0.2em 0 0.2em 8px;
}	


#footer      {
float: left;
clear: both;
margin: 0;
padding: 0 0 0 30px;
background: #F3A106 url(../common/imgs/footer-bg.gif) center top no-repeat;
width: 730px;
}			

#logo {
float: left;
margin: 0px 280px 2em 0;
}


#mail, #w3 {
float: left;
margin: 30px 0 0 30px;
}
/* old h1. modificato il 23.04.06
#page-content h1 	{
height: 94px; 
background: transparent url(../common/imgs/vnm-h1.gif) no-repeat;
text-indent: -9999px;
border-bottom: 1px solid #FADB9E;
margin-bottom: 37px;
}
*/
#page-content h1 	{
height: 149px; 
background: transparent url(../common/imgs/vnm-h1-2.gif) no-repeat;
text-indent: -9999px;
border-bottom: 1px solid #FADB9E;
margin-bottom: 36px;
}
/* titolo edizione 06 */
#page-content h1#zerosei 	{
height: 149px; 
background: transparent url(../common/imgs/vnm-h1-nottebianca.gif) no-repeat;
text-indent: -9999px;
border-bottom: 1px solid #FADB9E;
margin: 0;
}
#page-content h1#zerosix 	{
height: 149px; 
background: transparent url(../common/imgs/vnm-h1-nottebianca-uk.gif) no-repeat;
text-indent: -9999px;
border-bottom: 1px solid #FADB9E;
margin-bottom: 36px;
}
/* edizione 06 intro*/
p#static-06 	{
height: 97px;
background: transparent url(../common/imgs/p-static06.gif) no-repeat;
text-indent: -9999px;
}
p#static-06-uk 	{
height: 101px;
background: transparent url(../common/imgs/p-static06-uk.gif) no-repeat;
text-indent: -9999px;
}
h4#lanottebianca {
height: 30px;
background: transparent url(../common/imgs/p-lanottebianca.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
h4#lanottebianca-uk {
height: 30px;
background: transparent url(../common/imgs/p-lanottebianca-uk.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
h4#approfondimenti {
height: 30px;
background: transparent url(../common/imgs/p-approfondimenti.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
h4#approfondimenti-uk {
height: 30px;
background: transparent url(../common/imgs/p-approfondimenti-uk.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
h4#degustazioni {
height: 30px;
background: transparent url(../common/imgs/p-degustazioni.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
h4#degustazioni-uk {
height: 30px;
background: transparent url(../common/imgs/p-degustazioni-uk.gif) no-repeat;
margin: 1em 0;
text-indent: -9999px;
}
#page-content h1#uk 	{

background: transparent url(../common/imgs/vnm-h1-2-uk.gif) no-repeat;

}


#page-content h2 {
font: bold 1.3em Arial; 
color: #F3A106;
margin: 0 0 21px 0;
padding: 0;
}

#nav h3, #nav-uk h3 	{
font: normal 0.9em Arial; 
margin: 0 0 10px 30px;
padding: 0;
border-bottom: 1px solid silver;
width: 71%;
color: silver;
}

#patrocinio   {
float: left;
clear: both;
background: white;
padding: 0 0 2em 30px;
width: 730px;
}

#patrocinio h3 	{
font: normal 0.9em Arial; 
margin: 0 0 20px 0;
padding: 0;
border-bottom: 1px solid silver;
color: silver;
width: 693px;
}


#nav h3.first, #nav-uk h3.first 	{
margin-top: 30px;
}									



#nav img, #nav-uk img  	{
margin: 0.2em 0 1em 30px;
}			


p.floatright    {
float: right;
margin-bottom: 2em;
margin-left: 2.7em !important;
margin-top: 0 !important;
clear: right;
width: 171px;
background: #FBC519 url(../common/imgs/floatright-bg.gif) right bottom no-repeat;
padding: 0.8em 0.8em 1.2em 0.8em;
color: black;
}

div.floatright  {
float: right;
margin-bottom: 2em !important;
margin-left: 1em !important;
margin-top: 0 !important;
clear: right;
width: 171px;
background: #FEEBAF url(../common/imgs/div-floatright-bg.gif) right bottom no-repeat;
padding: 0.8em 0.8em 1.2em 0.8em;
color: #333333;
}

div.floatright em {
font-size: 0.9em;
}				

div.floatright em a {
text-decoration: underline !important;
}		
																							
.floatright ul  {
margin: 0.5em 0 1em 1.5em;
padding: 0;
}		
.floatright ul li   {
list-style-type: square;
padding: 0;
margin: 0.5em 0;
font-weight: bold; 
color: #663300;
}			
.floatright a {font-weight: normal; }
.floatright a:link{ color: #663300; text-decoration: none; }
.floatright a:visited { color: #663300; text-decoration: none; }
.floatright a:hover { text-decoration: underline; }				
/* ========================================================================
paragrafi di 'come arrivare' e liste ul
anche di 'comitato tecnico', 'area espositori', 'comunicati', 'area stampa'
=========================================================================*/
.directions {
border-bottom: 1px solid #FADB9E;
padding: 1em 0;

}

.directions span {
color: #F3A106;
font-weight: bold;
}

.directions ul, .square ul  {
margin: 1em 0 2em 0;
padding-left: 15px;
}

.directions li, .square li {
margin: 0.9em 0;
padding: 0;
list-style-type: square;

}


ul.stampa li  {			
list-style-image: url(../common/imgs/pdf-list.gif);
padding: 0 1em;
margin: 0.2em 0 0.2em 0;
font-size: 1em;
font-weight: bold;
}	


ul.stampa, ul.word  {			
margin: 0 0 2em 0;
padding: 0 0 3em 18px;
}		

ul.word li  {			
list-style-image: url(../common/imgs/word-ic.gif);
padding: 0 1em;
margin: 0;
font-size: 1em;
font-weight: bold;
}	

ul[class~=stampa] li, ul[class~=word] li {		/* for modern browsers */
padding: 0;
margin: 0.2em 0 0.2em 8px;
}	


	
ul.word li a:link		{	color: #666666; text-decoration: none;}		
ul.word li a:hover 	{	color: #666666; text-decoration: underline;}	
ul.word li a:visited {color: #9E9E9E; text-decoration: none;}	
ul.stampa li a span {	font: bold italic 9px Verdana; color: #888888;}	
ul.stampa li a:link {	color: #666666; text-decoration: none;}	
ul.stampa li a:hover {	color: #666666; text-decoration: underline;}	
ul.stampa li a:visited {	color: #9E9E9E; text-decoration: none;}	

.square li a:link { color: #F3A106; text-decoration: none; }
.square li a:visited { color: #F3A106; text-decoration: none; }
.square li a:hover {text-decoration: underline; }		

table {border-collapse: collapse; width: 100%; padding: 0; margin: 0;}

table td{
padding: 0.4em;
border: 1px solid #CECECE;
margin: 0;
}

/* ========================================================================
ed-nav ul (il menu dell'edizione)
=========================================================================*/

#ed-nav, #ed-nav-uk {
margin-bottom: 2em;
/*border-bottom: 1px solid #fadb9e;*/
}

#ed-nav ul, #ed-nav-uk ul{
padding: 12px 0 0 0;
margin-left: -10px;

}

#ed-nav ul li, #ed-nav-uk ul li{
display: inline;
list-style-type: none;
border-right: 1px solid silver;
}



#ed-nav ul li a, #ed-nav-uk ul li a{
padding: 0 10px;
text-transform: uppercase;
text-decoration: underline;

}

/*edizione 5items ()edizione 2006*/

#ed-nav ul li a.sp {
font: normal 0.9em Arial;
text-transform: uppercase;
text-decoration: underline;
margin: 0;
padding: 0 5px;
}
#ed-nav ul li a.sp-sel {
font: bold 0.9em Arial;
text-transform: uppercase;
text-decoration: underline;
padding: 0 5px;
}



#ed-nav ul li a:hover, #ed-nav-uk ul li a:hover{
color: #f3a106;
text-decoration: none;

}
#ed-nav ul li a.selected, #ed-nav-uk ul li a.selected {
font-weight: bold;
text-decoration: none;
}



/* ========================================================================
nav ul & "suckerfish menu"; 
=========================================================================*/
#nav, #nav-uk          {
					float: left;
					padding: 0;
					margin: 0;
					width: 190px;
					height: 206px;
					background: white url(../common/imgs/nav_bg.gif) top left no-repeat;
					}		


	

	#nav ul, #nav-uk ul {
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 170px;
		height: 206px;
	}
	
	#nav li, #nav-uk li {
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 170px;

	}
	
	#nav li ul, #nav-uk li ul {
	width: 160px;
		position : absolute;
		left: -999em;
		margin-left : 194px;
		margin-top : -20px;
	}
	
	#nav li ul ul, #nav-uk li ul ul{
	width: 160px;
		left: -999em;
		margin-left : 165px;
		margin-top : -24px;
	}
	
	#nav li a, #nav-uk li a {
	margin: 1px 0;
		width: 135px;
		display : block;
		text-decoration: none;
overflow: hidden;
	}
	
	
	
	#nav li ul a, #nav-uk li ul a {
	margin: 1px 0;
		width: 140px;
		display : block;
		color : white;
		font-weight : bold;
		text-decoration : none;
		background: #e5a91a;
		padding : 4px 12px;
		border-right: 1px solid white;
	}

	#nav li ul ul a, #nav-uk li ul ul a {
		border: 0;
	}

	#nav li ul a:hover, #nav-uk li ul a:hover {
		background: #be8c16;

	}
	
	#nav li a:hover, #nav-uk li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;		
	}
	#nav-uk li:hover ul ul, #nav-uk li:hover ul ul ul, #nav-uk li.sfhover ul ul, #nav-uk li.sfhover ul ul ul {
		left: -999em;		
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
		left: auto;
	}
	#nav-uk li:hover ul, #nav-uk li li:hover ul, #nav-uk li li li:hover ul, #nav-uk li.sfhover ul, #nav-uk li li.sfhover ul, #nav-uk li li li.sfhover ul { 
		left: auto;
	}

/* SIR - simple image replacement */
#nav a span,  #nav-uk a span {
visibility:hidden;
}

#nav a#h {
background: transparent url(../common/imgs/home.gif) -1px 1px no-repeat;
margin-left: 30px;

}
#nav a#h:hover, #nav a#h.selected {
background: transparent url(../common/imgs/home.gif) -335px 1px no-repeat;
}
#nav a#ev {
background: transparent url(../common/imgs/levento.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#ev:hover, #nav a#ev.selected {
background: transparent url(../common/imgs/levento.gif) -335px 1px no-repeat;

}
#nav a#nb {
background: transparent url(../common/imgs/lanottebianca.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#nb:hover, #nav a#nb.selected {
background: transparent url(../common/imgs/lanottebianca.gif) -335px 1px no-repeat;
}
#nav a#ep {
background: transparent url(../common/imgs/edizioniprecedenti.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#ep:hover, #nav a#ep.selected {
background: transparent url(../common/imgs/edizioniprecedenti.gif) -335px 1px no-repeat;
}
#nav a#ca {
background: transparent url(../common/imgs/comearrivare.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#ca:hover, #nav a#ca.selected {
background: transparent url(../common/imgs/comearrivare.gif) -335px 1px no-repeat;
}
#nav a#co {
background: transparent url(../common/imgs/contatti.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#co:hover, #nav a#co.selected {
background: transparent url(../common/imgs/contatti.gif) -335px 1px no-repeat;
}
#nav a#ae {
background: transparent url(../common/imgs/areaespositori.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#ae:hover, #nav a#ae.selected {
background: transparent url(../common/imgs/areaespositori.gif) -335px 1px no-repeat;
}
#nav a#st {
background: transparent url(../common/imgs/stampa.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#st:hover, #nav a#st.selected {
background: transparent url(../common/imgs/stampa.gif) -335px 1px no-repeat;
}
#nav a#or {
background: transparent url(../common/imgs/organizzazione.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#or:hover, #nav a#or.selected {
background: transparent url(../common/imgs/organizzazione.gif) -335px 1px no-repeat;
}
#nav a#ct {
background: transparent url(../common/imgs/comitato_tecnico.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav a#ct:hover, #nav a#ct.selected {
background: transparent url(../common/imgs/comitato_tecnico.gif) -335px 1px no-repeat;
}



/* ========================================================================
nav versione inglese
======================================================================== */
#nav a span,  #nav-uk a span {
visibility:hidden;
}

#nav-uk a#h {
background: transparent url(../common/imgs/home.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#h:hover, #nav-uk a#h.selected {
background: transparent url(../common/imgs/home.gif) -335px 1px no-repeat;
}
#nav-uk a#ev {
background: transparent url(../common/imgs/event-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#ev:hover, #nav-uk a#ev.selected {
background: transparent url(../common/imgs/event-ul.gif) -322px 1px no-repeat;

}
#nav-uk a#ht {
background: transparent url(../common/imgs/howto-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#ht:hover, #nav-uk a#ht.selected {
background: transparent url(../common/imgs/howto-ul.gif) -322px 1px no-repeat;
}
#nav-uk a#co {
background: transparent url(../common/imgs/contacts-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#co:hover, #nav-uk a#co.selected {
background: transparent url(../common/imgs/contacts-ul.gif) -322px 1px no-repeat;
}
#nav-uk a#tc {
background: transparent url(../common/imgs/tc-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#tc:hover, #nav-uk a#tc.selected {
background: transparent url(../common/imgs/tc-ul.gif) -322px 1px no-repeat;
}
#nav-uk a#pa {
background: transparent url(../common/imgs/pa-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#pa:hover, #nav-uk a#pa.selected {
background: transparent url(../common/imgs/pa-ul.gif) -322px 1px no-repeat;
}
#nav-uk a#ea {
background: transparent url(../common/imgs/ea-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#ea:hover, #nav-uk a#ea.selected {
background: transparent url(../common/imgs/ea-ul.gif) -322px 1px no-repeat;
}
#nav-uk a#pe {
background: transparent url(../common/imgs/pe-ul.gif) -1px 1px no-repeat;
margin-left: 30px;
}
#nav-uk a#pe:hover, #nav-uk a#pe.selected {
background: transparent url(../common/imgs/pe-ul.gif) -322px 1px no-repeat;
}

/* ========================================================================
** 'gli stili del programma'
=========================================================================*/
#programma {

}
#programma h2	{ /*gli h2 sono sempre il 'giorno' grande */
font-size: 1.7em; 
font-weight: bold;
padding: 0.4em 0 0.4em 0;
margin: 2em 0 0 0;
width: 50%;
}


#programma h3	{ /*gli h3 sono sempre l'ora e il luogo 'Ore 11.30: Terrazza Frau ' ed hanno la linea grigia che delimita il blocco*/
font-size: 1em; 
padding: 1em 0;
margin: 0;
border-top: 1px solid #E9E9E9;
color: black;
}			

#programma h3 span	{ /* le date da definire */
font-size: 1.8em; 
color: orange;
}	

#programma h4	{ /* h4 sempre il tipo di incontro 'DEGUSTAZIONE', 'CONVEGNO' */
font: bold 1em/1.2em Arial; 
padding: 0;
margin: 0;
}
#programma h4.orange {
color: #F3A106;
margin-bottom: 1em;
}							
#programma h4.orange-nb {
color: #F3A106;
margin: 2em 0 1em 0;
}	

#programma h5	{
font: normal 1em/1.2em Arial; 
padding: 0;
margin: 1em 0;
}							

#programma ul {margin: -2.2em 0 2em 16em; padding: 0;}
#programma ul li {					
margin: 0.2em 0;
padding: 0;
list-style-type: square;
}
/* ita/eng */
.ie {padding: 6px 30px 6px 0; text-align: right; font-weight: bold;}
.ie a:link, .ie a:hover, .ie a:visited {color: #C27F00; padding: 0 6px 0 6px;}
.ie a#sel {color: white; text-decoration: none;}



/* video container */
.video    {		
float: right;
width: 320px;
background: #FBC519 url(../common/imgs/floatright-bg.gif) right bottom no-repeat;
padding: 0.8em 0.8em 1.2em 0.8em;
margin: 0 0 1em 1em;
}

/* sponsor testo */
#conspoleto {
margin-left: 30px;
font: normal 0.9em/1.2em Arial;
color: #979797;
}


/* 30 05 2006 asta di beneficenza */
.bottle {
padding: 1.6em;
margin-bottom: 2em;
border: 1px solid orange;
}
.bottle h3 {
font: bold 1.3em Arial;
margin-bottom: 1em;
color: black;
}
.bottle h4 {
font: bold 1.3em Arial;
color: #f3a106;
}
.bottle h4 span{
font: normal 0.8em Arial;
letter-spacing: 0;
padding-left: 0.6em;
}
.bottle h5 {
font: bold 1.2em Arial;
color: #6b6b6b;
}
.bottle h6 {
margin: 0.3em 0 1em 0;
padding: 0 0 0.9em 0;
font: normal 1em Arial;
border-bottom: 1px dotted #9d9b84;
}



/* 07/06/2006 ed. 06 successo */
.success {
	font: normal 3.6em/0.9em Verdana;
	letter-spacing: -0.1em;
	color: #666666;

	}
.success span {
	font-weight: bold;
	letter-spacing: -3px;
	color: #f3a106;
}
.success span#noche {
	color: #000057;
}

.sux-h4 {
	font: normal 2.7em/0.9em Verdana;
	letter-spacing: -2px;
	color: #858585;
}
.sux-h4 span {
	font-weight: bold;
	letter-spacing: -2px;
	color: #f3a106;
}

#page-content p.sxlinks a {
display: block;
font: normal 1.2em/1.8em 'Arial Black';
letter-spacing: -1px;
margin: 0.1em 0;
padding: 0 0 0.3em 1em;
color: #f3a106;
background: #f8f8f8 url(../common/imgs/anchor.gif) 93% center no-repeat;
text-decoration: none;
}
#page-content p.sxlinks a span{
font: normal 1.4em 'Arial Black';
color: #666666;
}
#page-content p.sxlinks a:hover {
color: white;
background: #666666 url(../common/imgs/anchor.gif) 93% center no-repeat;
}
#page-content p.sxlinks a:hover span{
font: normal 1.4em 'Arial Black';
color: #f3a106;
}

p.sxlinks {
padding-bottom: 5em;
}

p.torna {float: right;
font: bold 9px Verdana;
			}

p.torna a:hover {
			color: silver;
			text-decoration: none;
		}