/* 
	
		********************************
	
		   CSS (c)2008 by Sabrine.
		   AUTHOR: Sabrina Moles
		   Website:  www.sabrine.eu
	
		********************************	
	
	*/

	* { 
		padding:0;
		margin:0;
	  }


	body {
		background:url(../img/background.jpg) top center no-repeat #000;
		color:#FFF;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		line-height:18px;
	}
	
	
	
	#container {
		width:700px;
		margin: 0 auto;
	  }
	
	
	#header {
		height:218px;
		width:700px;
	  }
	  

	#navbar { 
		display:block; float:left;  
		list-style:none; 
		padding-left:68px; 
		height:30px; 
	  }
	


	#navbar ul li { 
		display:block; 
		float:left;  
		list-style:none; 
	}

	#navbar ul li a {  
		display:block; 
		height:30px; 
	}

  	#navbar ul li a span { display:none; }


	
  	#navbar ul li#nav_storia a	 { background:url(../img/menu_storia.gif) no-repeat; 	width: 113px; }

  	#navbar ul li#nav_storia   	 { background:url(../img/menu_storia.gif) no-repeat; 	background-position: 0 -30px; width:113px; }

  	#navbar ul li#nav_memorie a  { background:url(../img/menu_memorie.gif) no-repeat; 	width: 129px; }

  	#navbar ul li#nav_memorie    { background:url(../img/menu_memorie.gif) no-repeat; 	background-position: 0 -30px; width:129px; }

  	#navbar ul li#nav_arte a 	 { background:url(../img/menu_arte.gif) no-repeat; 		width: 104px; }

  	#navbar ul li#nav_arte  	 { background:url(../img/menu_arte.gif) no-repeat; 		background-position: 0 -30px; width:104px; }

  	#navbar ul li#nav_sepolcro a { background:url(../img/menu_sepolcro.gif) no-repeat; 	width: 131px; }

  	#navbar ul li#nav_sepolcro   { background:url(../img/menu_sepolcro.gif) no-repeat; 	background-position: 0 -30px; width:131px; }

  	#navbar ul li#nav_links a	 { background:url(../img/menu_links.gif) no-repeat; 	width: 91px; }

  	#navbar ul li#nav_links   	 { background:url(../img/menu_links.gif) no-repeat; 	background-position: 0 -30px; width:91px;  }


	
	#navbar ul li#nav_storia a:hover, 	#navbar ul li#nav_storia a#active,

	#navbar ul li#nav_memorie a:hover, 	#navbar ul li#nav_memorie a#active,

	#navbar ul li#nav_arte a:hover,		#navbar ul li#nav_arte a#active,

	#navbar ul li#nav_sepolcro a:hover, #navbar ul li#nav_sepolcro a#active,

	#navbar ul li#nav_links a:hover, 	#navbar ul li#nav_links a#active	
	  { 
		background-image: none; 
	  }		  


	#sottomenu { 
		width:700px; 
		height:65px; background:url(../img/sottomenu.jpg) no-repeat; 
		position:relative;
	 }



	#menu {
		position:absolute; 
		top:40px;
		left:150px;
	  }



	#menu ul li { 
		display:block; 
		float:left;  
		list-style:none; 
	  }


	#menu ul li a {  
		display:block; 
		height:10px; 
	  }



  	#menu ul li a span { display:none; }


	
  	#menu ul li#menu_vita a	 		{ background:url(../img/sottomenu_vita.gif) no-repeat; 			width: 69px; }

  	#menu ul li#menu_vita 	 		{ background:url(../img/sottomenu_vita.gif) no-repeat; 			width: 69px; 	background-position: 0 -10px;}

  	#menu ul li#menu_anima a 		{ background:url(../img/sottomenu_anima.gif) no-repeat; 		width: 73px; }

  	#menu ul li#menu_anima 	 		{ background:url(../img/sottomenu_anima.gif) no-repeat; 		width: 73px; 	background-position: 0 -10px;}

  	#menu ul li#menu_pinacoteca a	{ background:url(../img/sottomenu_pinacoteca.gif) no-repeat; 	width: 108px; }

  	#menu ul li#menu_pinacoteca 	{ background:url(../img/sottomenu_pinacoteca.gif) no-repeat; 	width: 108px; 	background-position: 0 -10px;}

  	#menu ul li#menu_saluto a 		{ background:url(../img/sottomenu_saluto.gif) no-repeat; 		width: 131px; }

  	#menu ul li#menu_saluto 		{ background:url(../img/sottomenu_saluto.gif) no-repeat; 		width: 131px; 	background-position: 0 -10px;}



	#menu ul li#menu_vita a:hover, 			#menu ul li#menu_vita a#active,	

	#menu ul li#menu_anima a:hover, 		#menu ul li#menu_anima a#active,	

	#menu ul li#menu_pinacoteca a:hover, 	#menu ul li#menu_pinacoteca a#active,	

	#menu ul li#menu_saluto a:hover, 		#menu ul li#menu_saluto a#active	
	  { 
		background-image: none; 
	  }		  



	#content {
		width:540px;
		padding:20px 75px 40px 80px;
		background:#08080b url(../img/background_maniero.gif) repeat-y;
	  }
	



	/* -----   A N I M A   ----- */

	.anima { 
		padding:0; 
		width:700px;
		background:#08080b url(../img/background_maniero.gif) repeat-y;
	  }


	.anima_content {
		width:540px;
		padding:20px 75px 40px 80px;
		background:url(../img/back-anima.jpg) top left no-repeat;
	  }


	#anima_textleft {
		width:210px;
		float:left;
		padding-top:280px;
		text-align:center;
	  }

	#anima_textright {
		width:310px;
		float:right;
		padding-left:10px;
	  }

	.anp { 
		font-size:11px;
		padding-bottom:10px;
		font-style:italic;
	  }
	  
	  #anima_textright strong {
	 	 color:#cfd5fa;
		 font-weight:normal;
	    }
	  




	/*   -----   PINACOTECA   -----   */


	#pinacoteca_content {
		width:540px;
		padding:20px 75px 40px 80px;
		background:#08080b url(../img/background_pinacoteca.jpg) repeat-y;
	  }


	.quadro {
		clear:both; 
		height:400px;
		padding-bottom:70px;
	  }
	
	.ritratto { 
		width:248px;
		height:302px;
		padding:5px 40px 5px 0;
		float:left;
		text-align:center;
	  }
	
	.pintesto { 
		float:right;
		width:250px;
	  }
	
	.targhetta { padding:20px 0; }  



	/*   -----   A D D I O   -----   */

	.dataddio { 
		padding-bottom:20px;
	  }
	
	
	.dataddio em { 
		color:#CCC; 
		font-style:normal; 
	  }
	  
	  
	.textaddio { 
		font-style:italic; 
		background:url(../img/img_divline.gif) bottom left no-repeat;
		padding-bottom:41px;
	  }

	  
	/*   C L A S S I   */

	h2 { 
		color:#7b83af; 
		font-size:14px; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		text-transform:uppercase;
		font-weight:bold;
		padding:30px 0 5px 0; 
	  }

	a { text-decoration:none; color:#7b83af;}

	a:hover { text-decoration:underline; color:#cfd5fa;}



	.invis { display:none; }


	.clear { clear:both; }

	
	.top { text-align:right; color:#999; font-size:10px; padding-top:10px;}
	
	
	.title { padding-bottom:25px;}