@charset "iso-8859-1";

/* validata versione del 20/06/2008 */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	background-color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
	color: #aaaaaa;
	text-align:center;
}

a, a:link, a:visited, a:active {
	color: #6d6d6d;
	text-decoration:none;
}
a:hover {
	color: #8d8d8d;
}

.fluid #container {
	width: 840px;
	background-color: transparent;
	margin: 0 auto;
	text-align: left;
}

.fluid #mainContent {

	padding: 0px 20px;
		cursor:default;
}

#intestazione {
	width: 800px;
	height:37px;
	margin-top:10px;
	word-spacing:15px;
	text-align:left;
}

#intestazione a:active {
	color: red;
}

#intestazione.dx {
	text-align:right;
}

#intestazione .news,#intestazione .news a,#intestazione .news a:link,#intestazione .news a:visited,#intestazione .news a:active {
	display:inline;
	font: 14px monospace;
	word-spacing:normal;
	color:#cc0324;
	text-decoration:blink;
}

#intestazione .news a:hover {
	text-decoration:none;
	color: grey;
	border-bottom:1px solid red;
}

#destro {
	width: 230px;
	height:585px;
	float:right;
	font-size: 13px;
	text-align:left;
}
#destro p {
	margin-top:30px;
}
#destro.home {
	width: 210px;
	padding-left:20px;
}
#dxcredits {
	width: 230px;
	height:585px;
	float:right;
	font-size: 13px;
	text-align:left;
}
#dxcredits li{
	padding-bottom:10px;
}

#destro li a,#destro li a:link,#destro li a:visited {
	color:#cc0324;/* rosso */
}
#destro li a:hover {
	color:#006900;/* verde */
}

#destro li.evidente a,#destro li.evidente a:link,#destro li.evidente a:visited {
	color:#006900;
}
#destro img {
	float:right;
	margin-bottom:20px;
}

h2, #destro h1, #sinistro #cont h1, #sinistro #logo h1 {
	color:#ffffff;
	font: italic 21px/40px "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
}

#destro h2 {
	color:#3d3d3d;
	font: italic 18px/20px "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
}

#home, #sinistro {
	width: 570px;
	height:585px;
	position:relative;
	cursor:default;
	
}

#home {
	background:transparent url(immagini/home.jpg) no-repeat scroll right top;
}

#aforisma {
	position:absolute;
	bottom:160px;
	right:-12px;
	width:400px;
	text-align:right;
	font:20px "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
	font-style:italic;
	line-height:25px;
}
#aforisma a, #aforisma a:link, #aforisma a:visited {
	color: #f4f4f4;
}

#aforisma a:hover {
	color:#8d8d8d;	
}

#home #logo, #sinistro #logo {
	z-index:20;
	top:0px;
	left:0px;
	height:80px;
	padding: 30px 0px 0px;
	margin-bottom:30px;
	text-align:left;
	width:570px;
	background-color: transparent;
}

#home #logo {
	position: absolute;
}
#sinistro #logo {
	position: relative;
}

#sinistro #logo a:hover img {
	background: #000000 url(immagini/rose_home.jpg) no-repeat scroll 54px -30px;

}

#sinistro #logo p {
	padding-top:20px;
	width: 516px;
	background-color: transparent;
	font-size: 13px;
	text-align:left;
	padding-right:54px;
}

#menu_top {
	width: 505px;
	position:absolute;
	z-index:30;
	bottom:0px;
	right:0px;
	text-align:left;
	display:inline;
	padding: 20px 0px 0px 20px;
}

#menu_top li {
		display:inline;
		list-style-type:none;
		padding-right:15px;
}
#menu_top li.evidente a:link, #menu_top li.evidente a:visited {
	color:#ffffff;
}
#menu_top li.evidente a:hover {
	color:#8d8d8d;
}

#sinistro #cont {
	width: 516px;
	height:445px;
	position:relative;
	background-color: transparent;
	font-size: 13px;
	line-height:20px;
	text-align:left;
	padding-right:54px;
}
#sinistro #cont p {
	padding-top:10px;
}
#sinistro #cont a, #sinistro #cont a:link, #sinistro #cont p a:visited {
	color:#ffffff;
}

#sinistro #cont em a:hover {
	color:#8d8d8d;
}

#sinistro #cont img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index:3;
}

#sinistro #cont em {
	font-family:"Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 15px;
	color:#f4f4f4;
	}

.inline {
    display:inline;
}

#cont h2 {
	display:inline;
	font: normal 13px/20px "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
	text-align:left;
	color: #aaaaaa;
}

#marqueecontainer {
position: absolute;
left:-42px;
top:-90px;
width: 150px; /*marquee width */
height: 608px; /*marquee height */
background-color: transparent;
overflow: hidden;
padding: 0px;
text-align:right;
}

#marqueecontainer a,
#marqueecontainer a:link,
#marqueecontainer a:visited,
#marqueecontainer a:link h2 {
	color:#aaaaaa;
}

#marqueecontainer a:hover {
	color:#f7f7f7;
}

#marqueecontainer img {
	position:relative;
	right:20px;
}


			/* inizio menu a lista monoimmagine */
			/* liberamente tratto da un lavoro condiviso da Stefano Guglielmi di www.programmando.net che ringrazio */
			
			#header {
	width: 340px; 		/* larghezza menu completo */
	height: 92px; 		/* altezza di una riga di immagine */
	position: absolute;
	z-index:10;
	right:15px;
	bottom:25px;
}
 
#header ul#menu li {
	display: inline;
	overflow: hidden;
	height:92px; 		/* =altezza delle righe immagine */
}
 
#header {
	background: url(immagini/menu-rose.png) no-repeat;
 
}
 
#header ul#menu li a {
	float: left;
	height: 0px; /* rende invisibile il testo che resta disponibile per browser testuali e spider */
	padding-top: 92px; 	/* l' altezza delle righe immagine */
	overflow: hidden;
}
 
#menu li a:hover {
	background: url(immagini/menu-rose.png) no-repeat;		/* 92px= l'altezza di una riga di immagine */
	background-position:0px -92px;
}
 
#menu li a:active {
	background: url(immagini/menu-rose.png) no-repeat;		/* 184 (92x2) fa saltare alla terza riga (stato active) */
	background-position:0px -184px;
}
 
#menu li a.selected {
	background: url(immagini/menu-rose.png) no-repeat;	/* usata una classe in modo da non dover mettere e togliere il link nel menu */
	background-position:0px -276px;
}
 
li#one a {
	width:130px;		/* =larghezza del bottone1 */
}
 
li#two a {
	width:105px;	/* =larghezza del bottone2 */ 
}
 
li#three a {
	width:105px;	/* =larghezza del bottone3 */
}
 
li#one a:hover {
 	background-position:0px -92px;
}
	
li#one a:active {
 	background-position:0px -184px;
}

li#one a.selected {
 	background-position:0px -276px;
}

li#two a:hover {
	background-position:-130px -92px;
	}
	
li#two a:active {
	background-position:-130px -184px;
	}
	
li#two a.selected {
	background-position:-130px -276px;
	}
 
 
li#three a:hover {
	background-position: -235px -92px;
}

li#three a:active {
	background-position: -235px -184px;
}

li#three a.selected {
	background-position: -235px -276px;
}

		/* fine menu  */

#credits, #credits a, #credits a:link, #credits a:visited  {
	font:10px "Lucida Sans Unicode", "Lucida Grande", "trebuchet MS", verdana, helvetica, sans-serif;
	color: #4f0015;
	text-align:left;
}
#credits a:hover {
	text-decoration:underline;
}

.loghi {
	position:relative;
	bottom:0px;
}