@charset "utf-8";
/* -------------------------------------------------------------------
	Strada del Vino Colli dei Longobardi - Foglio di stile
	
	Versione:			1.0 del 29.11.07
	Ultima revisione:	-
	Ultima validazione:	04.12.07
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2007 Strada del Vino Colli dei Longobardi srl
------------------------------------------------------------------- */


/* -- INDEX ----------------------------------------------------------

[1.0] - Layout
[2.0] - Navigazione
  [2.1] - Menu principale
  [2.2] - Menu secondario
[3.0] - Corpo  
  [3.1] - Galleria immagini
  [3.2] - Footer di articolo
[4.0] - Markup predefinito per il contenuto
[5.0] - Popup

-------------------------------------------------------------------- */


/* [1.0] - LAYOUT
------------------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	color: #FFF;
	background: #4E1011 url(../img/sfondo-pagina.jpg) repeat-x 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#contenitore {
	position: relative;
	width: 944px;
	margin: auto;
	/* Visti i problemi di IE6 nella gestione di .png con canale alfa, ho inserito due regole. La prima ha la precedenza per IE7 e Firefox, */ 
	/* la seconda è per IE6 e toglie lo sfondo, generando però un avviso nella validazione estesa */
	background: url(../img/ombra-principale.png) repeat-y center 0 !important;
	background: none;
}

#subContenitore {
	width: 900px;
	margin: auto;
	border: 1px solid #A68888;
	color: #000;
	background: #FFF url(../img/sfondo-faux-columns.gif) repeat-y 0 0;
}

#testata {
	height: 170px;
	margin: 0;
}

#testata h1 {
	margin: 0;
	text-indent: -3000px;
}

#clearingFinale {
	clear: both;
	padding: 5px;
	color: #5F0C10;
	background: inherit;
}

#clearingFinale a {
	border-bottom: 1px dotted #5F0C10;
	color: #5F0C10;
	background: inherit;
	text-decoration: none;
}

#clearingFinale a:hover {
	border-bottom: 1px dotted #4D1011;
	color: #4D1011;
	background-color: inherit;
}

img {
	border: none;
}


/* [2.0] - NAVIGAZIONE
------------------------------------------------------------------------------------------------------ */
#navigazione {
	float: left;
	min-height: 505px;
	width: 230px;
	padding-top: 50px;
	color: #FFF;
	background: #931116 url(../img/sfondo-menu.gif) no-repeat center top;
	font-size: 12px;
}

#navigazione * {
	margin: 0;
}

#navigazione div {
	margin-bottom: 30px;
}

#navigazione h3 {
	height: 24px;
	line-height: 24px;
	margin: 0 0 10px 5px;
	padding-left: 8px;
	color: inherit;
	background-color: #4D1011;
	font-size: 12px;
	font-weight: normal;
}

#navigazione p {
	margin-bottom: 7px;
}

#navigazione label {
	display: block;
	height: 20px;
	padding: 0 20px 0 25px;
}

#navigazione label span {
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
}

#navigazione label input {
	float: right;
	width: 125px;
	font-size: 11px;
}

#navigazione p.pulsantiera {
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 25px;
}

#navigazione p.pulsantiera a {
	float: right;
	display: block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #BC6063;
	border-left: 1px solid #BC6063;
	border-right: 1px solid #5A0E11;
	border-bottom: 1px solid #5A0E11;
	color: #FFF;
	background: #000 url(../img/sfondo-navigazione-pulsante-off.jpg) repeat-x 0 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#navigazione p.pulsantiera a:hover {
	color: #FFF;
	background: #000 url(../img/sfondo-navigazione-pulsante-on.jpg) repeat-x 0 0;
}

#navigazione p.pulsantiera br {
	clear: both;
}




/* [2.1] - MENU PRINCIPALE
------------------------------------------------------------------------------------------------------ */
#menuPrincipale {
	padding: 0;
	list-style: none;
}

#menuPrincipale li {
	line-height: 20px;
	margin: 0 5px;
}

#menuPrincipale a {
	display: block;
	width: 200px;
	padding-left: 20px;
	color: #FFF;
	background: inherit;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}

#menuPrincipale a:hover {
	color: inherit;
	background-color: #4D1011;
}

#menuPrincipale a.rigaHaFigli {
	 background: url(../img/bullet-freccia.gif) no-repeat 5px center;
}

#menuPrincipale a.rigaHaFigli:hover {
	color: inherit;
	background-color: #4D1011;
}

#menuPrincipale .menuItemSelected {
	color: inherit;
	background: #4D1011 url(../img/bullet-freccia.gif) no-repeat 5px center;
}




/* [2.1] - MENU SECONDARIO
------------------------------------------------------------------------------------------------------ */
/* Classe inserita da Dirk per la gestione del menu */
.menuSubDiv{
	visibility: hidden;
	position: absolute;
	left: 256px;
	top: 392px;
	border: 1px solid #4D1011;
	color: inherit;
	background-color: #931116;
}

/* CLASSE PROVVISORIA, da sostituire con .menuSubDiv */
.divMenuSecondario {
	position: absolute;
	left: 256px;
	top: 392px;
	border: 1px solid #4D1011;
	color: inherit;
	background-color: #931116;
}

.menuSecondario {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menuSecondario li {
	margin: 0;
	padding: 0;
}

.menuSecondario a {
	display: block;
	width: 150px;
	padding: 0 20px;
	line-height: 20px;
	color: #FFF;
	background: #931116;
	text-decoration: none;
}

.menuSecondario a:hover {
	color: #FFF;
	background-color: #4D1011;
}

.menuSecondario a.rigaHaFigli {
	 background: url(../img/bullet-freccia.gif) no-repeat 5px center;
}

.menuSecondario a.rigaHaFigli:hover {
	color: #FFF;
	 background-color: #4D1011;
}

.menuSecondario a.selected {
	color: #FFF;
	background: #4D1011 url(../img/bullet-freccia.gif) no-repeat 5px center;
}

/* [2.2] - MENU LINGUE
------------------------------------------------------------------------------------------------------ */
#menuLingue {
	padding: 0;
	list-style: none;
}

#menuLingue li {
	line-height: 20px;
	margin: 0 5px;
}

#menuLingue a {
	display: block;
	width: 200px;
	padding-left: 20px;
	color: #FFF;
	background: inherit;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}

#menuLingue a:hover {
	color: inherit;
	background-color: #4D1011;
}

#menuLingue a.rigaHaFigli {
	 background: url(../img/bullet-freccia.gif) no-repeat 5px center;
}

#menuLingue a.rigaHaFigli:hover {
	color: inherit;
	background-color: #4D1011;
}

#menuLingue .menuItemSelected {
	color: inherit;
	background: #4D1011 url(../img/bullet-freccia.gif) no-repeat 5px center;
}




/* [3.0] - CORPO
------------------------------------------------------------------------------------------------------ */
#corpo {
	float: right;
	width: 550px;
	min-height: 568px;
	padding-top: 50px;
	padding-left: 55px;
	padding-right: 60px;
	color: #000;
	background: url(../img/sfondo-corpo.gif) no-repeat right top;
	background-color: inherit;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 160%;
	text-align: justify;
}




/* [3.1] - GALLERIA IMMAGINI
------------------------------------------------------------------------------------------------------ */
#corpo div.galleria {
	width: 549px;
	margin-bottom: 0;
}

#corpo div.galleriaDestra {
	display: inline;
	float: right;
	width: 121px;
	margin-left: 25px;
	margin-bottom: 0;
}

#corpo div.galleriaSinistra {
	display: inline;
	float: left;
	width: 121px;
	margin-right: 25px;
	margin-bottom: 0;
}

#corpo div.galleria a, #corpo div.galleriaDestra a, #corpo div.galleriaSinistra a {
	border-bottom: none; /* Evito il bordo inferiore applicato alle immagini con un link */
}

#corpo div.galleria img {
	margin: 0 15px 15px 0;
	border: 0;
}

#corpo div.galleriaDestra img, #corpo div.galleriaSinistra img {
	margin: 0 0 25px 0;
	border: 0;
}




/* [3.2] - FOOTER DI ARTICOLO
------------------------------------------------------------------------------------------------------ */
#corpo #footer {
	clear: both;
	height: 60px;
	margin-left: 0;
	border-top: 1px solid #990000;
	font-size: 10px;
}

#corpo #footer p {
	float: left;
	width: 273px;
	margin: 0;
}




/* [4.0] - MARKUP PREDEFINITO PER IL CONTENUTO
------------------------------------------------------------------------------------------------------ */
#corpo * {
	margin: 0 0 10px 0px;
}

#corpo * * {
	margin: 0 0 15px 0;
}

#corpo h2 {
	margin-bottom: 40px;
	color: #931116;
	background: transparent;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.03em;
	text-align: left;
	line-height: 100%;
}

#corpo p {}

#corpo .allineatoSinistra {
	text-align: left;
}

#corpo .allineatoDestra {
	text-align: right;
}

#corpo .allineatoCentro {
	text-align: center;
}

#corpo blockquote {
	padding: 10px;
	border: 1px solid #4D1011;
	color: #FFF;
	background-color: #931116;
	text-align: justify;
	line-height: 100%;
}

#corpo ul, #corpo ol {
	padding: 0 0 0 10px; /* NOTA: imposto a 0 il padding superiore, inferiore e destro per evitare che venga impostato automaticamente da Firefox */
	list-style: inside;
	text-align: justify;
}

/* Prevedo che, nel caso di liste annidate, ci sia un margine superiore di 10px. Includo tutte le possibilità di liste annidate */
#corpo ul ul, #corpo ul ol, #corpo ol ul, #corpo ol ol {
	margin-top: 10px;
}

#corpo li {
	line-height: 100%;
}

#corpo dl {
	text-align: justify;
}

#corpo dl dd {
	margin-left: 20px;
}

#corpo a {
	color: #931116;
	background: inherit;
	text-decoration: underline;
	/*border-bottom: 1px solid #931116;*/
}

#corpo a:hover {
	color: #4D1011;
	background: inherit;
	border-bottom-color: #931116;
}


/* [5.0] - POPUP
------------------------------------------------------------------------------------------------------ */
#imgContenitore img {
	margin-bottom: 10px;
}

#imgContenitore p{
	margin: 0;
	padding: 0 10px;
	line-height: 18px;
}

#imgContenitore a {
	color: #AAA;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#imgContenitore a:hover {
	color: #EEE;
	background: inherit;
	border-bottom-color: #AAA;
}



/* [5.0] - TABELLE
------------------------------------------------------------------------------------------------------ */

table {
	width: 100%;
	border-top: #EEE solid 1px;
	border-left: #EEE solid 1px;
}

table td {
	border-right: #EEE solid 1px;
	border-bottom: #EEE solid 1px;
}

#risultatiRicerca {
	border: none;
}

#risultatiRicerca td {
	padding-left: 10px;
	border-left: #931116 solid 3px;
	border-right: none;
	border-bottom: none;
}

#risultatiRicerca p {
	margin-bottom: 0;
}