*{margin:0;padding:0}
p{margin:0 0 .5em 0;padding:5px;position:relative;}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
body{text-align:center;background:#f0e6ff}





#campo{
	width:1320px;
	margin:0px auto;
	padding:0;
	text-align:left;
/* background:#000;   */
/*	border:5px solid #000;   */
 border-top:none;
	z-index:0;
	border-radius: 6px;
}

#chat1,#chat2{
 width:250px;
 z-index:0;
	position:relative;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	border-top:1px solid #000;
	
}
#chat2{float:right;	margin:0 11px 0 0;}   





#wrapper{
	width:780px;
	margin:0px auto;
	padding:0;
	text-align:left;
 background:#751aff;
	border:5px solid #000;
 border-top:none;
	z-index:0;
}
#header,#footer{
	position:relative;
	z-index:0;
	padding:10px;
	border-top:0px solid #000;
}
#footer{border:none;}
#header h1,#footer p{
	border:1px solid #60c3d9;
	padding:25px;
	text-align:center;
}
#outer{
	position:relative;
	width:780px;
	clear:both;
	z-index:4;
}
#left,#right{
 width:200px;
 z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	border-top:1px solid #000;
}
#right{float:right;	margin:0 11px 0 0;}
#content{
	width:335px;
	float:left;
	margin:0 0 0 11px;
	display:inline;
	position:relative;
	z-index:1;
	border-top:1px solid #000;
}
.col{
	width:200px;
	position:absolute;
	z-index:0;
	left:10px;
	bottom:0;
	border:1px solid #000;
 border-top:none;
}
.one{background:#f0e6ff;}
.two{background:#f0e6ff;left:222px;width:334px;}
.three{background:#f0e6ff;left:568px;}
#footer {clear:both;}

html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
#list{
	width:780px;
	margin:0px auto;
	padding:0;
	text-align:left;
 background:#000;
	border:5px solid #000;
 border-top:none;
	z-index:5;
}
/* Note I haven't bothered with box model hacks but you will need to do them for ie5.+ if it worries you */