/* 
  -----------------------------------
   Page Pack 01
   Venezia Vertical 3 Column
   modified by Mig, May 2008
  -----------------------------------
*/
/*
PAGE LAYOUT STYLES
*/
/*
The background image is set to be fixed (while the page is scrolled) by
use of the background-attachment property.*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-attachment: fixed;
	background-color: #FFFFFF;
	/* immagine alla sx della struttura della pagina, mostra bottiglia d'olio disegnata,
	sostituire con disegno di ulivo
	background-image: url(/faps/images/vzh_veggies.gif);
	*/
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 0;
}
/*
This is a DIV that surrounds the page content and centers it. It
is set to a relative position so that we can nest absolutely
positioned elements inside it.*/
#wrapper {
	position: relative;
	width: 750px;
	margin: 0 auto;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
	width: 748px;
	background-image: url(/images/fapsSfondoQuinque746x102.jpg);
	/* background-image: url(../images/vzh_mastbg.jpg); */
	background-repeat: repeat-x;
	border: 1px solid #333333;
	border-top: 0;
	clear: both;
}
/*
This rule sets the masthead pizza graphic as a background on the DIV
that contains the embedded logo image. The embedded image appears naturally
at the left edge of the parent masthead cell, while the pizza background
is displayed at the right edge.*/
#logodiv {
	/* background-image: url(../images/vzh_pizza.jpg); */
	background-repeat: no-repeat;
	background-position: right top;
}
/*
The sidebar is positioned absolutely inside the relatively positioned
wrapper DIV.*/
#sidebar {
	position: absolute;
	top: 103px;
	left: 0;
	width: 180px;
	border-left: 1px solid #333333;
	border-bottom: 4px solid #333333;
}
/*
Sidecontent is a static DIV nested inside the sidebar, and below the menu. This
allows us to set padding for only this DIV, thereby permitting the menu to be
flush with the edges of the sidebar.*/
#sidecontent {
	font-size: 0.75em;
	background-image: url(/images/bluCieloDeep180x6.jpg);
	background-repeat: repeat-y;
	/* no color as background, background-color: #66CCCC; /* old color: #D14550; */
	padding: 12px;
	border-top: 1px solid #DD777E;
}
/*
Sets styles for the main content DIV. Note that the
verticalRule background image is the dashed border between the
main content cell and the sidebar. The left margin of 181px allows
this DIV to clear the right edge of tha absolutely positioned
sidebar.*/
#maincontent {
	margin-left: 181px;
	width: 407px;
	padding: 20px 30px;
	background-image: url(/images/vzh_verticalRule.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-size: 0.85em;
	line-height: 1.5em;
}
/*
The sidebar is positioned absolutely inside the relatively positioned
wrapper DIV. It's left is set to 670px to clear the left sidebar
and maincontent DIV that are to its left.*/
#sidebar2 {
	position: absolute;
	top: 103px;
	left: 649px;
	width: 100px;
	background-image: url(/images/gialloSabbia100x6.jpg);
	background-repeat: repeat-y;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #CCCCCC;
	/* mig, inserisco sfondo blu per immagini: background-color: #6699CC; */
}
#sidebar2 p{margin:0;}
h1, h2, h3 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", serif;
	margin: 0px;
	line-height: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
	margin: 0;
}
h3 {
	font-size: 1.4em;
	margin: 12px 0px 0px 0px;
	/* margin: 24px 0px 0px; */
}
#sidebar h3 {
	color: #000000; /* old color #FFFFFF; */
	margin: 0;
}
#footer {
	font-size: .75em;
	color: #D14550;
	padding: 12px 0px 12px 182px;
}
/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
	color: #6A6784;
}
a:visited {
	color: #999999;
}
a:hover, a:active, a:focus {
	color: #D14550;
}
#sidecontent a:link {
	color: #FFFFFF;
}
#sidecontent a:visited {
	color: #333333;
}
#sidecontent a:hover, a:active, a:focus {
	color: #000000;
}

.santino01Primo {
	margin: 5px 5px 5px 5px; 
}

.santino02Normale {
	margin: 0px 5px 5px 5px; 
}

.santino03Ultimo {
	margin: 0px 5px 0px 5px; 
}

.corniceDestra {
	float: right;
	margin: 10px 0 10px 10px;
	border: 4px solid #FFCC00; /* mig, colore giallo */
}

.corniceSinistra {
	float: left;
	margin: 10px 10px 10px 0;
	border: 4px solid #FFCC00; /* mig, colore giallo */
}

.corniceCentro {
	float: none;
	margin: 10px 10px 10px 10px;
	border: 4px solid #FFCC00; /* mig, colore giallo */
}

.grigioEvidenzia {
	color: #333333;
	font-weight: bold;
}

.bluEvidenzia {
	color: #006699; /* #003399; old navy blue color: #000080; */
	font-weight: bold;
}

.inizioPagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;	
	text-align: right;
}

.webdings {
	font-family: Webdings;
	font-size: 500%;
}