html{ padding: 0px;margin:0px;width:100%;text-align:center}

@font-face {
    font-family: 'carattere';
    src: url('fonts/Catull.eot');
    src: url('fonts/Catull.eot?#iefix') format('embedded-opentype'),
         url('fonts/Catull.woff') format('woff'),
         url('fonts/Catull.ttf') format('truetype'),
         url('fonts/Catull.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'carattere';
    src: url('fonts/CatullB.eot');
    src: url('fonts/CatullB.eot?#iefix') format('embedded-opentype'),
         url('fonts/CatullB.woff') format('woff'),
         url('fonts/CatullB.ttf') format('truetype'),
         url('fonts/CatullB.svg#') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'carattere';
    src: url('fonts/CatullI.eot');
    src: url('fonts/CatullI.eot?#iefix') format('embedded-opentype'),
         url('fonts/CatullI.woff') format('woff'),
         url('fonts/CatullI.ttf') format('truetype'),
         url('fonts/CatullI.svg#') format('svg');
    font-weight: normal;
    font-style: italic;
}

.colore {
  color: #c3e3f7
}

body{ 
	position:relative;
	padding: 0px;
	margin:0px auto;
	width:100%; min-height:800px;
	height:100%;
	background:url(banners/sfondo.jpg) no-repeat center bottom black;
	color:#c3e3f7;
	font-family : carattere, Georgia, Times New Roman;
	text-align: justify;
}

a:link, a:visited, a:active {	
		font-family: carattere, Georgia, Times New Roman;
		text-decoration: none; 
		font-size: 100%;
		color: #c3e3f7;
}
a:hover 	{	color:#93b3c7;
} 

#menieroit{
	width:600px;height:200px;
	background:url(banners/menieroit.gif) no-repeat left center;
	position:absolute;
	right:0px;top:0px;
}

#piede	{	z-index: 3;
				font-size: 9pt;
				text-align: right;
				clear:both;
				padding-left:20px;
				height: 20px; width: 90%
}

#piedeh	{	z-index: 3;
				font-size: 9pt;
				text-align: right;
				position:absolute;
				top:820px;left:0px;
				padding-left:20px;
				height: 20px; width: 90%
}

#lingua	{	z-index: 3;
				position: absolute;
				top: 25px; left: 18px;
}


#barra	{	z-index: 3; 
		position: absolute;
		top: 100px; left: 20px;
		font-size : 16pt;
}


#titolone {	z-index: 3; 
						position: absolute;
						top: 20px; right: 10px;
						font-size : 24pt;
						font-weight: bold;
}

#altre2	{	z-index: 2; 
		position: absolute;
		top: 280px; left: 20px;
		font-size: 14pt;
}

#sibling	{	z-index: 2; 
			position: absolute;
			top: 380px; left: 20px;
			font-size : 12pt;
}

p { 	
	font-size : 9pt;
	text-align: left;
}

table	{	
		border: none;
		margin: 20;
}

td { 	border: none;
	padding: 5;
}

area	{	z-index: 5;
}

.aslink {	
		text-decoration: none; 
		font-size: 100%;
}

.titolo	{  	
		font-size : 24pt;
		font-weight: bold;
		text-align: center;
		margin: 40px;
}

.titolino{  	
		font-size : 18pt;
		font-weight: bold;
		text-align: justify;
		margin: 20px;
}

.sottotitolo{  	
		font-size : 13pt;
		text-align: justify;
		margin: 10px;
		font-weight:bold;
}

.sottotitolo2{  	
			font-size : 14pt;
			text-align: justify;
			margin: 10px;
}


.articolo	{	
			font-size : 12pt;
			text-align: justify;
   line-height: 140%;
			margin: 5px;
}

.credittext	{	
			text-align: right;
			font-size: 11pt;
}

.newstext	{ 
			font-size: 16pt;
			text-align: center;
}

.newstext2	{ 
			font-size: 11pt;
			font-weight: bold;
			font-style: normal;
			text-align: center;
			line-height: 80%
}

.formtext	{	
			font-size: 13pt;
			text-align: left;
			background-color:#000000;
			width: 250px; height: 24px;
}


.galtext {	
			text-decoration: none; 
		font-size: 16pt;
}

.menutext { font-size: 16pt;}

.menutext_small { 	font-size: 14pt;}


.claimtext	{	font-style: italic;
									font-size: 9pt;
}


#gallery1	{	position: absolute;
 								left: 290px; top: 80px;
             		width: 350px; height: 300px;
								font-size: 18pt;
}

#gallery2	{	position: absolute;
 								left: 550px; top: 80px;
                width: 35px0; height: 300px;
								font-size: 18pt;
}

#gallery3	{	position: absolute;
 								left: 290px; top: 340px;
                width: 350px; height: 300px;
								font-size: 18pt;
}

#gallery4 {	position: absolute;
 								left: 550px; top: 340px;
                width: 350px; height: 300px;
								font-size: 18pt;
}

#credits	{	position: relative;
			left: 620px; 
			width: 300px;		
}

.download	{	
			position:absolute;
			bottom:100px;
			right: 20px; 
			width: 100%; 
			text-align:right;
}

.menu_articoli	{	
			float:left;
			clear:both;
			padding-bottom:20px;
			width: 100%; 
			text-align:center;
			font-size: 12px;
}

.menu_articoli2	{	
			position:relative;
			bottom:20px;
			width: 100%; 
			text-align:center;			
}

	
 .webtab {	margin: 0px;
				width: 210px;
				height: 70px; 
				background-color:#888888;
}

.webtab2 {	margin: 0px;
								height: 50px;
}

.webtd { padding: 5px;
						border: 0px;
}

.webtd2 { padding-top: 2px;
							padding-bottom: 2px;
							padding-left: 5px;
							padding-right: 5px;
							border: 0px;
}

div.ante {
	float:left;
	margin:10px 0px 10px 0px;
	width: 140px; height: 150px;
	text-align:right;
}

img.ante {
	width:120px; height:90px;
	border: 1px solid #c3e3f7;
}

ul{
	text-align:left;
}

div.paragrafo
{
 width: 90%;
 margin: 0px auto;
 text-align: center;
 font-weight: normal;
}

p.immaginearticolo
{
 text-align: center;
}

p.titolo img, p.sottotitolo img, p.articolo img, p.immaginearticolo{	
  position: relative;
		top: 0px; left: 0px;
		margin: 30px auto;
}

div.paragrafo ul li
{
 font-weight: normal;
 font-size : 15px;
	text-align: justify;
 line-height: 130%;
	color: #c3e3f7;
}

div.menuoridw
{
  position:relative;
  margin:30px auto;
  width:98%;
  text-align:center;padding:10px 4px;
}

div.menuoriup
{
  position:relative;
  margin:30px auto;
  width:98%; height: 30px;
  text-align:center;padding:10px 4px;
  border-bottom: 1px solid white;
}
