/* css trentaquattro.com */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#00170b;
	color:#fff;
	font-family:Verdana;
	font-size:90%;
} 
 
#pagewidth{ 
width:800px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;} 
 
#header{
position:relative; 
height:150px;  
width:100%;
background:url(images/logo.png) no-repeat bottom left;
border-bottom:#fff solid 1px} 
 
#maincol{ 
position: relative; 
width:100%;
height:500px;
margin-bottom:7px;}
 
#footer{
height:80px;
font-size:85%; 
clear:both;
font-style:italic;
text-align:center;
border-top:#ffffff solid 1px} 

/*links*/
a {color:#fff}
a:hover {color:#fff; font-weight:bolder}

/*logo
#logo {height:35px; width:170px; 
background-image:url(images/logo.png); background-repeat:no-repeat; 
position:absolute;
text-align:center;
margin-bottom:10px;}
*/

/*menu*/
#menu {float:right; margin-top:120px;}
#menu ul{ width: 100%; height: 25px; list-style-type: none; margin: 0; padding: 0;}
#menu li { display: block; float: left; padding-right:12px;}
#menu li a { height: 25px; color: #fff; text-decoration: none; display: block; }
#menu li a:hover { font-weight:bolder }
.selected {color:#fff; font-weight:bolder}  

/* *** Float containers fix  *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

p {text-align:justify}
ul {text-align:justify}
immagini {}