@charset "windows-1252";

html, body, div {margin: 0; padding: 0; display: block; text-align: center}
		
		body		{ color: #036; font: 10px Verdana, Helvetica, Arial, sans-serif; line-height: 18px; }
		h2			{ color: #036; }
		a			{ color: #036; } 
		input		{ color: #036; }
		select		{ color: #036; }
		textarea	{ color: #036; }
		checkbox 	{ color: #036; }
		b		 	{ color: #036; }
		p			{ color: #036; margin: 0 0 10px; }
		table 		{ color: #036; font: 10px Verdana, Helvetica, Arial, sans-serif; line-height: 18px;}
		dl			{color: #036}
		
		
		/* Stile per arrotondare il bordo */ 
		b.rtop, b.rbottom { display:block; background: #FFF }
		b.rtop b, b.rbottom b { display:block; height:1px; overflow:hidden; background:#FC3 }
		b.r1 { margin: 0 5px }
		b.r2 { margin: 0 3px }
		b.r3 { margin: 0 2px }
		b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px }
		input.rinput  { border: 1px solid #CCF }
		 
		#container {width: 973px; margin: 0 auto}
		#header {position: relative}
		#wrapper {float: left; width: 100%; background-image: url(../images/sfondo_content.gif); background-repeat: repeat-y}
		#footer {position: relative}
		
		/* Header  Positioning and Size */
		#header .riga-1 {position: relative}
		#header .riga-1 .box-a {background-color: white; float: left; width: 3px; height: 3px}
		#header .riga-1 .box-b {background-image: url(../images/riga-1_b.gif); background-repeat: no-repeat; float: left; width: 13px; height: 3px}
		#header .riga-1 .box-c {background-image: url(../images/riga-1_c.gif); background-repeat: repeat-x; float: left;  width: 939px; height: 3px}
		#header .riga-1 .box-d {background-image: url(../images/riga-1_d.gif); background-repeat: no-repeat; float: left; width: 18px; height: 3px}
		
		#header .riga-2 {position: relative}
		#header .riga-2 .box-a {background-image: url(../images/riga-2_a.gif); background-repeat: no-repeat; float: left; width: 3px; height: 160px}
		#header .riga-2 .box-b {background-image: url(../images/riga-2_b.gif); background-repeat: no-repeat; float: left; width: 174px; height: 160px}
		#header .riga-2 .box-c {background-image: url(../images/riga-2_c.jpg); background-repeat: repeat-y; float: left; width: 778px; height: 160px}
		#header .riga-2 .box-c .areatesto {width: 765px; height: 14px; margin-top: 5px}
		#header .riga-2 .box-c .areatesto p {font-style: italic}
		#header .riga-2 .box-c .banner {margin: 10px 60px 60px 60px} 
		#header .riga-2 .box-d {background-image: url(../images/riga-2_d.gif); background-repeat: no-repeat; float: left; width: 18px; height: 160px}
		
		#header .riga-3 {position: relative}
		#header .riga-3 .box-a {background-image: url(../images/riga-3_a.gif); background-repeat: no-repeat; float: left; width: 16px; height: 3px}
		#header .riga-3 .box-b {background-color: #003366; float: left; width: 939px; height: 3px}
		#header .riga-3 .box-c {background-image: url(../images/riga-3_c.gif); background-repeat: no-repeat; float: left; width: 18px; height: 3px}
		
		#header .riga-4 { position: relative }
		#header .riga-4 .box-a {background-image: url(../images/riga-4_a.gif); background-repeat: repeat-y; float: left; width: 3px; height: 31px}
		#header .riga-4 .box-d {background-image: url(../images/effetto_vetro.gif); background-repeat: repeat-x; float: left; width: 960px; height: 31px} 
		#header .riga-4 .box-d ul {list-style: none; text-align: center; margin:  5px 0px 0px 0px; padding: 0px 0 0px; color: #9CF}	
		#header .riga-4 .box-d li {color: #fff; display: inline; font-size: 11px; font-weight: bold}	
		#header .riga-4 .box-d a:link {text-decoration:none; color: #9CF}
		#header .riga-4 .box-d a:visited {text-decoration:none; color: #9CF}	
		#header .riga-4 .box-d a:active	{text-decoration:none; color: #fc6}
		#header .riga-4 .box-d a:hover	{text-decoration:none; color: #CFF} 
		#header .riga-4 .box-g {background-image: url(../images/riga-4_g.gif); background-repeat: repeat-y; float: left; width: 10px; height: 31px}
		#header .riga-5 .box-h {float: left; background-image: url(../images/sfondo_content.gif); background-repeat: repeat-y; width: 973; height: 1px} 
		
		/* Content Positioning and Size */ 
		#wrapper #nav {float: left; width: 180px}	
		#wrapper #nav .menu	{float: left; width: 170px;  margin-left: 10px; margin-top: 10px}
		#wrapper #nav .menu	p {margin: 10px; text-align: left; font-weight: bold}
		#wrapper #nav .menu a:link 	{text-decoration:none; color: #036}
		#wrapper #nav .menu a:visited {text-decoration:none; color: #369}
		#wrapper #nav .menu a:active {text-decoration:none; color: #ccc}
		#wrapper #nav .menu a:hover {text-decoration:none; color: #f90}
		
		
		#wrapper #content {float: left; width: 575px}
		#wrapper #content .centrale {float: left; width: 575px; margin-left: 10px; text-align: left; margin-top: 10px}	
		#wrapper #content .centrale a:link {text-decoration:none; color: #036}
		#wrapper #content .centrale a:visited {text-decoration:none; color: #036}
		#wrapper #content .centrale a:active {text-decoration:none; color: #036}
		#wrapper #content .centrale a:hover {text-decoration:none; color: #f90} 
		#wrapper #content .centrale h2 	{font-size: 1.5em; color: #FF9900; text-align: left; margin: 10 0 15 30}
		#wrapper #content .centrale h3 {font-size: 1.2em; text-align: left}
		#wrapper #content .centrale h4 	{font-size: 1.1em; text-align: left}
		#wrapper #content .centrale input {border: 1px solid #ccf; font: 11px Verdana, Helvetica, Arial, sans-serif}
		#wrapper #content .centrale select {border: 1px solid #ccf; font: 11px Verdana, Helvetica, Arial, sans-serif}
		#wrapper #content .centrale textarea {border: 1px solid #ccf; font: 11px Verdana, Helvetica, Arial, sans-serif}
		#wrapper #content .centrale font {border: 1px solid #ccf; font: 11px Verdana, Helvetica, Arial, sans-serif}
		#wrapper #content .centrale table {text-align: justify}
		#wrapper #content .centrale .maretona {font-size: 1.1em; color: #0099FF; text-align: justify; margin: 10 10 10 10}
		#wrapper #content .centrale .inevidenza {color: #FF6600} 
		#wrapper #content .centrale .titolo {color: #FF6600; font-size: 1.1em; font-weight: bold; font-variant: small-caps; padding: 5px}
		#wrapper #content .centrale .color-riga {background-color: #CCCCFF}	
		#wrapper #content .centrale .bordo-bottom {border-bottom: 1px dotted #CCCCFF}
		#wrapper #content .centrale p {text-align: justify}
		#wrapper #content .centrale ul {text-align: justify}
		#wrapper #content .centrale dl {text-align: justify}
		#wrapper #content .centrale .textimage img 		{ float: left; margin: 0px 20px 10px 0px }	
		#wrapper #content .centrale .textimage 			{ width: 100%} /*risolve il peek-a-boo bug di IE6*/
		#wrapper #content .centrale #textimage table 	{ float: left; margin: 0px 20px 10px 0px }
		#wrapper #content #textimage .textimage { width: 100%} /*risolve il peek-a-boo bug di IE6*/	
		#wrapper #content .centrale a.splendida {background-image: url(../images/splendida/splendida_off.gif); width: 356px; height: 33px; display: block}
		#wrapper #content .centrale a.splendida:hover {background-image: url(../images/splendida/splendida_on.gif); width: 356px; height: 33px}

		/*#wrapper #content .centrale .gradiente {width: 100%; height: 20px; background: #ffffff;/* old browsers */
        /*background: -moz-linear-gradient(left, #fcfff4 0%, #ffffcc 30%, #ff9900 100%); /* firefox */
        /*background: -webkit-gradient(linear, left right, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#ffffcc), color-stop(100%,#ff9900)); /* webkit */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#ff9900',GradientType=0 );} /* ie */
        /*#wrapper #content .centrale .radiale {width:100%; height: 5px; background-color: #ffffff;*/
        /*background-image: -moz-radial-gradient(center 75deg, circle cover, #ffffcc, #ff9900);*/
        /*background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#ffffcc), to(#ff9900));*/
        /*background-image: radial-gradient(center 45deg,circle cover, #ffffcc, #ff9900);}*/
        #wrapper #content .centrale .gradiente a:link{text-decoration:none; color: #fff}
        #wrapper #content .centrale .gradiente a:visited{text-decoration:none; color: #fff}
        #wrapper #content .centrale .gradiente a:active{text-decoration:none; color: #fff}
        #wrapper #content .centrale .gradiente a:hover{text-decoration:none; color: #f60}
        #wrapper #content .centrale .radiale a:link{text-decoration:none; color: #fff}
        #wrapper #content .centrale .radiale a:visited{text-decoration:none; color: #fff}
        #wrapper #content .centrale .radiale a:active{text-decoration:none; color: #fff}
        #wrapper #content .centrale .radiale a:hover{text-decoration:none; color: #f60}
		#wrapper #content .centrale div.social {float: left; margin-top: 5px}
		#wrapper #content .pag1 {border-bottom: 1px dotted #999}
		#wrapper #content .tit1 {font-size: 1.3em; font-weight: bold; color: #FFF; font-family: Verdana; font-style: italic}
		#wrapper #content .user {font-weight: bold; color: #FFF; font-family: Verdana; font-style: italic; float: right}
		#wrapper #content .user a:link {text-decoration:none; color: #fff}
		#wrapper #content .user a:visited {text-decoration:none; color: #fff}
		#wrapper #content .user a:hover {text-decoration:none; color: #369}
		#wrapper #content .user a:active {text-decoration:none; color: #fff} 
		#wrapper #content .post {color: #FFF}
		#wrapper #content .post a:link {text-decoration:none; color: #fff}
		#wrapper #content .post a:visited {text-decoration:none; color: #fff}
		#wrapper #content .post a:hover {text-decoration:underline; color: #fff}
		#wrapper #content .post a:active {text-decoration:none; color: #fff}
		#wrapper #content td.tit-contenuti {text-align: left; font-size: 1.3em; border-bottom: 1px solid #999; padding-bottom: 3px; font-weight: bold}
		#wrapper #content td.tit-pagina {text-align: right; font-size: 1.0em;  border-bottom: 1px solid #999; padding-bottom: 3px; font-weight: bold}

		
		#wrapper #extra	{float: left; width: 180px} 
		#wrapper #extra .menu {float: left; width: 170px; margin-left: 40px; margin-top: 10px; text-align: left}
		#wrapper #extra .menu p	{margin: 10 0 10 10; text-align: left; font-weight: bold}
		#wrapper #extra .menu h3 {font-size: 1.2em; color: #FF9900; text-align: left; margin: 10 0 10 10}
		#wrapper #extra .menu a:link		{text-decoration:none; color: #036}
		#wrapper #extra .menu a:visited	{text-decoration:none; color: #369}
		#wrapper #extra .menu a:active 	{text-decoration:none; color: #ccc}
		#wrapper #extra .menu a:hover 	{text-decoration:none; color: #f90}
		#wrapper #extra .menu div 	{margin-top: 10px}
		
		
		#footer .riga-1 {position: relative}
		#footer .riga-1 .box-a {background-image: url(../images/riga-4_a.gif); background-repeat: repeat-y; width: 3px; height: 32px}
		
		#footer .riga-1 .box-d {width: 960px; height: 32px; float: left; color:#999}
		#footer .riga-1 .box-d ul {list-style: none; text-align: center; margin: 5px 0px 0px 0px; padding: 0px 0 0px; }	
		#footer .riga-1 .box-d li {color: #fff; display: inline; font-style: italic}
		#footer .riga-1 .box-d a:link {text-decoration:none; color: #999}
		#footer .riga-1 .box-d a:visited {text-decoration:none; color: #999}	
		#footer .riga-1 .box-d a:active	{text-decoration:none; color: #f99}
		#footer .riga-1 .box-d a:hover	{text-decoration:none; color: #666}		 
		#footer .riga-1 .box-g {background-image: url(../images/riga-4_g.gif); background-repeat: repeat-y; float: left; width: 10px; height: 32px} 
		
		#footer .riga-2 .box-d {width: 960px; height: 32px; float: left; color:#999}
		#footer .riga-2 .box-d ul {list-style: none; text-align: center; margin: 5px 0px 0px 0px; padding: 0px 0 0px; }	
		#footer .riga-2 .box-d li {color: #fff; display: inline; font-style: italic}
		#footer .riga-2 .box-d a:link {text-decoration:none; color: #999}
		#footer .riga-2 .box-d a:visited {text-decoration:none; color: #999}	
		#footer .riga-2 .box-d a:active	{text-decoration:none; color: #f99}
		#footer .riga-2 .box-d a:hover	{text-decoration:none; color: #666}		 
		
		#footer .riga-3 {position: relative}
		#footer .riga-3 .box-a {background-image: url(../images/riga-4_a.gif); background-repeat: repeat-y; float: left; width: 3px; height: 21px} 
		#footer .riga-3 .box-b {width: 960px; height: 21px; float: left; background-color: white}
		#footer .riga-3 .box-b a:link {text-decoration:none; color: #999}
		#footer .riga-3 .box-b a:visited {text-decoration:none; color: #999}
		#footer .riga-3 .box-b a:active {text-decoration:none; color: #f99}
		#footer .riga-3 .box-b a:hover {text-decoration:none; color: #666}
		#footer .riga-3 .box-b .copy {margin-top: 3px; text-align: center; font-style: italic; color: #999}
		#footer .riga-3 .box-c {background-image: url(../images/riga-4_g.gif); background-repeat: repeat-y; float: left; width: 10px; height: 21px}
		
		#footer .riga-4 {position: relative}
		#footer .riga-4 .box-a {background-image: url(../images/riga-6_a.gif); background-repeat: no-repeat; float: left; width: 16px; height: 16px;}
		#footer .riga-4 .box-b {background-image: url(../images/riga-6_b.gif); background-repeat: repeat-x; width: 939px; height: 16px; float: left}
		#footer .riga-4 .box-c {background-image: url(../images/riga-6_c.gif); background-repeat: no-repeat; float: left}