/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
      
   This is the main CSS-file for the framework.
   Include this in the <head> of every page. See the
   Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/buttons.css';


/* Compressed version (re-compress if you change the core files): 
   [http://teenage.cz/acidofil/tools/cssformat.php]
   
   Comment out @import statements above, and 
   add this line instead, when your site has launched 
   (compresses ca 60% of the core files in BP):
   @import 'lib/compressed.css'; */


/* Uncomment the line below to see the grid and baseline. */
.container { background: url(lib/img/grid.png);} 
/* .container { background: url(lib/img/baseline.png); }  */

/* Menu */

#sito {
	background-color: #FFFFFF;
	margin: 0 auto;
	height:auto;
}

#header {
	background-color: #FFFFFF;
	background-image: url("../images/citta_frutta.jpg");
	height:58px;
}
#header2 {
	background-color: #FFFFFF;
	background-image: url("../images/citta_frutta2.jpg");
	height:58px;
}

#menu {
	text-align:right;
	margin: 3px auto 10px auto;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	position: relative;
	margin-left: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 3px solid #EEEEEE;
	font-size: xx-small;
	/*font-weight: bold;*/
}

#menu a:hover, #menu .active a {
	border-bottom-color: #000000;
	color: #000000;
}

div#menu2{width:auto;font-weight: bold;}
div#menu2 ul, div#links li{list-style: none;margin: 0;padding: 0}
div#menu2 li{margin:0 3px 0 3px;background: url(../images/rollover.png) no-repeat 0 -20px}
div#menu2 a{display: block;height: 22px;line-height: 22px;
    padding-left:14px;background: url(../images/rollover.png) no-repeat;
    text-decoration: none;color: #C53001}
div#menu2 a:hover{background: none;color: #FF7800}

#menu2 .active a {
	color: #7b6568;
}

#contenitore{
	margin:0;
	padding:0;
	 background:#ffffff url(../images/sfondo.gif) repeat-y;
	 height:auto;
	}
	
#contenitore2{
	margin:0;
	padding:0;
	 background:#ffffff url(../images/sfondo2.gif) repeat-y;
	 height:auto;
	}	

#colonna1 {
	height:auto;
	}

#colonna2 {
	 height:auto;
	 color: #7c686a;
	}
	
#colonna2 h4{
	color: #cc9e17;
	}
	
#colonna2 h5{
	 color: #ab8a23;
	}
	
#colonna2 p{
	 color: #7c686a;
	}	
	
#colonna2 .active a {
	color: #000000;
	font-weight: bold;
}
#colonna3 {
	 height:auto;
	}

#footer {
	clear: both;
	/*background-image: url("../images/img03.jpg");*/
	background-color: #FFFFFF;
	
	}

/* Wrapper */

