html, body {margin: 0;padding: 0;height: 100%; overflow: hidden;}.main{	margin:2%;	width:96%;	height:96%;	float:left;	overflow: hidden;	}.header{width:100%;height:36px;border-bottom:1px solid #AAA;padding-bottom:4px;margin-bottom:4%;color: #333;width:100%;float:left;}h1{		color: #333;	float:left;	position:absolute;	margin-left:1%;	margin-top:0;	background-image: url(images/logo.png);	background-repeat: no-repeat;	text-indent: -9999px;	width: 335px;	height: 31px;	overflow: hidden;	}h1 {}	.gray{			color: #aaa;	}.title{		display:none;}.logo{		height:52px;	width:400px;	position:absolute;	top:2%;	left:2%;}h2{		margin:0;	padding:0;		}	h3{		font: normal 1em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	color: #333;}.info{		position: absolute;	left: -9999px;	}.nav {		font: normal 0.8em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	color: #AAA;	float:right;	width:50%;}.nav li{			list-style-type:none;	float:right;	display:block;	margin-right:6%;		}.nav li a {	text-decoration:none;	color: #AAA;	}.nav li a:hover {	text-decoration:none;	color: #000;}.nav li span {	text-decoration:none;	color: #000;	}.galleria{		float:right;	width:80%;	height:100%;	}.applemenu{padding: 0;width: 14%; /*width of menu*/float:left;border-top:1px solid #DDD;}.applemenu div.silverheader a{font: normal 0.5em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;color: #666;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/padding: 5px 0;padding-left: 15%;text-decoration: none;outline:0;display:block;border-bottom:1px solid #DDD;}.applemenu div.silverheader a:hover{color: #000;}applemenu div.silverheader a:visited{color: #EEE;}.applemenu div.submenu { /*DIV that contains each sub menu*/background: white;padding: 5px;border-bottom:1px solid #DDD;/*height: 30%; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/}.applemenu div.submenu a{ /*DIV that contains each sub menu*/font: normal 0.6em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;color: #666;margin-left:20%;text-decoration:none;line-height:1.6em;}.applemenu div.submenu a:hover{ color:#000000;}.applemenu div.submenu a:visited{ text-decoration: line-through;color:#000000;}.content{color:#444;font:14px/1.4 arial,sans-serif;width:800px;margin:20px auto}            h1{line-height:1;letter-spacing:0px;}  .fregio {	float:left;	width:100%;	margin-top:-1px;	padding-top:15px;	margin-bottom:20%;			} 	.fregio2 {	float:left;	width:150px;	margin-top:15px;	margin-bottom:20px;	margin-left:30px;	}          .footer {	float:left;	width:98%;	margin-left:2%;	position: absolute;	bottom: 0;	bottom: -1px;	height: 40px;	}.txtbox {	position: relative;	bottom:300px;	}.feature {	 position:absolute; bottom:100px; right:100px; font:  4em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	font-weight:light; color: #CCC;}.more {	float:left;	}	.more a{	float:left;	text-decoration:none;	color:#999999;	}#flotante{	float:left;	width:15%;	font: normal 0.6em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;        color: #666;		}#flotante a{	float:left;	text-decoration:none;	color:#999999;	}#contentareaa{	width:100%;	height:100%;	}.lang{	float: right;	font-size:0,3em;	}/*about*/.text{		font: normal 0.8em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	color: #333;	margin-top:10%;	width:100%;	text-align: justify;	text-justify: newspaper;		}.text2{			width:60%;	margin:auto;		}.banner{			width:40%;	margin-left:30%;	margin-right:30%;	}.c_col{	width:70%;	margin-top:5%;	margin-left: 5%;float:left;	}.l_col{	width:60%;	float:left;	}.r_col{	font: normal 0.8em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	color: #333; width:5%; margin-top:6%;	margin-left:10%;	float:left;	}.lang{	float:left;	font-size:40px;	color:#333;	margin:5px;	font-weight:bolder;	}.italic{ 	width:100%;	font-size:3em;	color:#666;	margin:auto;	font-weight:bolder;	}.italic span{	font-style:italic;	}	/*contact*/.contact{		font: normal 0.8em Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;	color: #333;	float:left;	margin-left:10%;	margin-top:10%;		}
p {
padding: 0 0 1em;
}
.msg_list {
float:left;
margin: 0px;
padding: 0px;
margin-top:5%;
width: 250px;
}
.msg_head {
padding: 5px;
cursor: pointer;
position: relative;

margin:1px;
}
.msg_body {
padding: 5px;


}