@charset "utf-8";
/* CSS Document */

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 0; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }

fieldset { border: none; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

/* My addition Horizontal Rule */
hr { display:none; }

img { border: none; }

/* END of INITIALIZATION */

/* --- Useful Utilities --- */
.floatcontainer:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.floatcontainer { display:inline-block; }

/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }

.floatcontainer { display:block; }

/* End Hack */

.left { float: left; }
.right { float: right;}
.center { text-align: center; }
.clear { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}
.hide {
	display: none;
/*	visibility:collapse;*/
	visibility:hidden;
}
/* End of Useful Utilities */



/* Generali --------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #7D7322;
	line-height: 1.25em;
}



/* Layout ----------------------------------------------------------- */

html { height: 100%; }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	height: 100%;
	line-height: 19.2px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #F1EECD repeat-y center top;
}

body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
	height: 100%;
	background: url(../images/bg_ombra.jpg) repeat-y center top;
}


/* HEADER */
#header {
	border: solid green 0px;
	background: url(../images/bg_header.png) no-repeat center top;
	height: 227px;
	margin: 0 auto;
	position: relative;
	width: 961px;
	z-index: 2; /* per subnav sopra il fieldset e la legenda del form contatti */
}

body#benvenuti     #header { background: url(../images/bg_header.png) no-repeat center top;	}
body#chisono       #header { background: url(../images/bg_header_chisono.png) no-repeat center top;	}
body#consulenza    #header { background: url(../images/bg_header_consulenza.png) no-repeat center top;	}
body#formazione    #header { background: url(../images/bg_header_formazione.png) no-repeat center top;	}
body#eventi        #header { background: url(../images/bg_header_eventi.png) no-repeat center top;	}
body#pubblicazioni #header { background: url(../images/bg_header_pubblicazioni.png) no-repeat center top;	}
body#news          #header { background: url(../images/bg_header_news.png) no-repeat center top;	}

#logo a {
	background:transparent url(../images/logo-la-signora-delle-erbe.png) no-repeat;
	border-style:none;
	display:block;
	height:182px;
	left: 30px;
	padding:0pt;
	position: absolute;
	top: 1px;
	width:426px;
}

#logo img {
	display:block;
	width:0pt;
	text-indent:-9999px;
}

#header #contatti {
	border: solid red 0px;
	height: 200px;
	right: 25px;
	position: absolute;
	top: 17px;
	width: 200px;
}

#header #contatti p {
	color: #5f5f5f;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-size: 1.2em;
	margin:0 0 1px;
	position: relative;
	text-align: right;
}

#header #contatti span.telefono {
	border: solid green 0px;
	background: url(../images/telefono.gif) no-repeat center 2px;
	height:14px;
	margin-left: -20px;
	position: absolute;
	width: 16px;
}

/* End of Header */



/* Start of Content */

#content-wrap {
	background: transparent url(../images/bg_content_home.png) repeat-y scroll center top;
	margin: 0 auto;
	padding-bottom: 200px; /* must be same height as the footer */
	width: 961px;
}

body#benvenuti     #content-wrap { background: url(../images/bg_content_home.png) repeat-y scroll center 2px;	}
body#chisono       #content-wrap { background: url(../images/bg_content_chisono5.png) repeat-y scroll center 2px;	}
body#consulenza    #content-wrap { background: url(../images/bg_content_consulenza2.png) repeat-y scroll center 53px;	}
body#formazione    #content-wrap { background: url(../images/bg_content_formazione.png) repeat-y scroll center 51px;	}
body#eventi        #content-wrap { background: url(../images/bg_content_eventi2.png) repeat-y scroll center 0px;	}
body#pubblicazioni #content-wrap { background: url(../images/bg_content_pubblicazioni.png) repeat-y scroll center 9px;	}
body#news          #content-wrap { background: url(../images/bg_content_news.png) repeat-y scroll center 50px;	}

#content {
	border: solid red 0px;
	float: right;
	width: 745px;
}

#content-main {
	border: solid red 0px;
	float: left;
	padding: 8px 0px 20px 10px;
	width: 520px;
}

#content-images {
	border: solid red 0px;
	float: right;
	padding-top: 14px;
	width: 215px;
}

#content p, #content table {
	color: #5f5f5f;
	/*font-size: 12px;*/
	font-size: 1.2em;
	line-height: 2.0em;
	margin: 0;
	letter-spacing: 0.65px;
}

#content a:link, #content a:visited {
	color: #5F5F5F;
	text-decoration: none;
	border-bottom: 1px dotted #5F5F5F;
}
#content a:hover {
	border-bottom: 1px solid #5F5F5F;
}

#content a img {
	border: none;
}

#content a img, #content a:link img {
	border: 0px;
}

#content-images img {
	/*padding-left: 15px;*/
}

.img-wrapper {
	background: url(../images/ombra.png) no-repeat bottom right;
	clear: right;
	display: inline;
	float: left;
	margin-left: 15px;
	position: relative;
}

.img-wrapper img {
	display: block;
	margin: -5px 5px 5px -5px;
	position: relative;
}

/* Homepage / Benvenuti */
#content #intro p {
	border: solid red 0px;
	float: right;
	font-style: italic;
	margin: 0 0 18px 100px;
	text-align: justify;
	width: 330px;
}

#content #intro .firma {
	text-align: right;
}



/* Homepage / Benvenuti */

/* Pubblicazioni */
#content .post {
	border: solid red 0px;
	margin: 0 0 20px 0;
}

.post .image {
	border: solid red 0px;
	float: left;
}

#content .post h3 {
	margin-left: 90px;
}

#content .post h3 a:link, #content .post h3 a:visited  {
	border: none;
	color: #7D7322;
}

#content .post p {
	margin-left: 90px;
}

#content .post p.descrizione {
	font-style: italic;
}

#content .post .image a {
	border: none;
}

/* End of pubblicazioni */


/* End of Content */


/* Start of Sidebar */
#sidebar {
	float: left;
	width: 210px;
}

#nav ul {
	border: solid red 0px;
	list-style: none;
	margin: 0px;
	padding: 2px 17px 0 0;
	text-align: right;
}

#nav ul li {
	color: #7d7322;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;
	line-height: 16px;*/
	font-size: 1.2em;
	line-height: 1.33em;
	padding: 10px 0 10px;
	text-transform: uppercase;
}

#nav ul li a {
	color: #7d7322;
	display: block;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #7d7322;
	text-decoration: underline;
}

#nav ul li a:hover span, #nav ul li.current a span {
	background: url(../images/current.png) no-repeat center center;
	height:32px;
	margin:-8px 0 0 -22px;
	position:absolute;
	width:22px;
}

#nav ul li a:hover span.pubblicazioni, #nav ul li.current a span.pubblicazioni {
	margin:-2px 0 0 -33px;
}

#nav ul li.current a {
	font-weight: bold;
}

/* Hack for safari e chrome */
/* Per evitare il problema del current */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
 	#nav ul li a:hover span, #nav ul li.current a span { 	
 		/*background: none;*/
		display: inline-block;
		margin: -18px 11px -10px 0;
		position: relative;
 	}

	#nav ul li a:hover span.pubblicazioni, #nav ul li.current a span.pubblicazioni {
		margin:-4px 23px -20px 0px;
	}

	#nav ul li a:hover {
		color: #5E561A;
		text-decoration: none;
	}

	#header #contatti span.telefono {
 		/*background: none;*/
		display: inline-block;
		margin: -10px 2px -1px 0px;
		position: relative;
	}
}



/* End of sidebar */

/* Start of Footer */
#footer {
	background: url(../images/bg_footer_home.jpg) no-repeat center bottom;
	border: solid red 0px;
	clear: both;
	height: 200px;
	margin-top: -200px;
	/*min-height: 200px;*/
	position: relative;
	min-width: 960px;
}

body#benvenuti     #footer { background: url(../images/bg_footer_home_sm.jpg) repeat-y scroll center bottom;	}
body#chisono       #footer { background: url(../images/bg_footer_chisono_sm.jpg) repeat-y scroll center bottom;	}
body#consulenza    #footer { background: url(../images/bg_footer_consulenza_sm.jpg) repeat-y scroll center bottom;	}
body#formazione    #footer { background: url(../images/bg_footer_formazione_sm.jpg) repeat-y scroll center bottom;	}
body#eventi        #footer { background: url(../images/bg_footer_eventi_sm.jpg) repeat-y scroll center bottom;	}
body#pubblicazioni #footer { background: url(../images/bg_footer_pubblicazioni_sm.jpg) repeat-y scroll center bottom;	}
body#news          #footer { background: url(../images/bg_footer_news_sm.jpg) repeat-y scroll center bottom;	}

/* End of Footer */