@charset "utf-8";
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size:small;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image:url(../images/body_back05.jpg);
	background-position: center 0px;
	background-repeat:no-repeat;
}
a:focus { outline: 0px; }
a img { border: 0px; border-color:#FFFFFF;}

#foto {font-size:x-small;}

p {padding-left:10px;
padding-right:10px;}
#table {text-align:left;
width:500px;
}
.inputLine {text-align:left;}
#row form {margin:20px 0 0 10px;
position:relative;
float:left;}

.w3c {
margin-top:10px;}

		#table{
		background-color: transparent;
		text-align: center;
		width: 700px;
		padding: 10px;
		font-size:medium;
		}
		.header span {
		position:relative;
		left:0px;
		display:block;
		float:left;
		}
		.header{
		margin-top:15px;
		color: #144d9a;
		font-size: 20px;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		position: relative;
		}
		.header em{
		width: 115px;
		height: 40px;
		position: absolute;
		top: 0;
		left:0;
		}
		.header b{
		width: 130px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		}
		.header span{
		position: relative;
		z-index: 10;
		}
		#corpo{
		background-color: transparent;
		padding: 2px;
		font-size:large;
		}
		.row{
		background: transparent;	
		height: 185px;
		margin-top: 3px;
		font-size:large;
		width:700px;
		}
		.destra{text-align:right;}
		.sinistra{text-align:left;}
		.cell1{
		background: transparent;
		color: #000000;
		width: 270px;
		height: 179px;
		margin: 2px 0 0 2px;
		float: left;
		font-size:small;
		}
		.cell2{
		font-size:small;
		background: transparent;
		color: #000000;
		width: 400px;
		height: 179px;
		margin: 2px 0 0 2px;
		float: left;
		}
		#footer{
		color: #000000;
		font-size:xx-small;
		text-align:center;
		height: 70px;
		line-height: 20px;
		position: relative;
		}
		footer span a img{margin:0 20px;}
		#footer em{
		width: 250px;
		height: 70px;
		position: absolute;
		top: 0;
		left:60px;
		}
		#footer b{color:#00782d;}
		#footer span{
		border-top-color:#144d9a;
		border-top-style:solid;
		border-top-width:1px;
		position: relative;
		z-index: 10;
		margin:auto;
		width:700px;
		display:block;
		}


#mainContent {
margin:10px;
}

a:focus { outline: 0px; }
a img { border: 0px; border-color:#FFFFFF;}


.thrColFix #container { 
	width: 750px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	/*background-image:url(../images/bgcontainer.jpg);*/
	background-repeat:repeat-x;
	margin:auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left;
	/*background-color:#FFFFFF;*/
	position:relative;} /* sostituisce l'impostazione text-align: center nell'elemento body. */

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a {color:#144d9a;
text-decoration:none;}
a:hover{color:#00782d;}
a:focus { outline: 0px; }
a img { border: 0px; border-color:#FFFFFF;}

.menu{
		background-image:url(../images/menu_roana_roll.jpg);
		height: 30px;
		margin-top: 0px;
		font-size:large;
		}
		.cellm1{
		background-image:url(../images/images/menu_roana_01.jpg);
		color: #333333;
		width: 129px;
		height: 26px;
		line-height: 26px;	
		margin: 0;
		float: left;
		}		
		.cellm2{
		background-image:url(../images/images/menu_roana_02.jpg);
		color: #333333;
		width: 140px;
		height: 26px;
		line-height: 26px;	
		margin: 0;
		float: left;
		}
		.cellm3{
		background-image:url(../images/images/menu_roana_03.jpg);
		color: #333333;
		width: 142px;
		height: 26px;
		line-height: 26px;	
		margin: 0;
		float: left;
		}
		.cellm4{
		background-image:url(../images/images/menu_roana_04.jpg);
		color: #333333;
		width: 167px;
		height: 26px;
		line-height: 26px;	
		margin: 0;
		float: left;
		}
		.cellm5{
		background-image:url(../images/images/menu_roana_05.jpg);
		color: #333333;
		width: 172px;
		height: 26px;
		line-height: 26px;	
		margin: 2;
		float: left;
		}
		.cellm1 a{position:relative;
display:block;
height:30px;
width:129px;}
.cellm2 a{position:relative;
display:block;
width:140px;
height:30px;}
.cellm3 a{position:relative;
display:block;
height:30px;
width:142px;}
.cellm4 a{position:relative;
display:block;
height:30px;
width:167px;}
.cellm5 a{position:relative;
display:block;
height:30px;
width:172px;}


.cellhover:hover{
filter:alpha(opacity=00); 
-moz-opacity: 0.0; 
opacity: 0.0; 
}

#menu a{
position:relative;
display:block;
height:30px;
width:100%;}

<!-- fine del codice relativo all'index--!>