* { margin: 0; padding: 0; }

html, body{
	background: #5B5B5B url(../img/bg.jpg) repeat-x top;
	margin:0;
	padding:0;
	text-align:center;
	font-family: "Trebuchet MS", Tahoma, Arial;
} 
 
#pagewidth{ 
 width:760px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:150px;
	width:100%;
	margin: 0px;
	padding: 0px;
}
#header h1 {
	background: url(../img/micro-colocolo_1.jpg) no-repeat top center;
	font-size: 20px;
	text-indent:-9999px;
	height: 150px;
	width: 760px;
}
#header img {
	margin:0px;
	padding:0px;
} 
 
#maincol{
	float: right;
	display:inline;
	position: relative;
	width: 760px;
 }
 
#maincol h3 {
	background: url(../img/micro-colocolo_4.png) no-repeat top center;
	font-size: 20px;
	text-indent:-9999px;
	height: 37px;
	width: 217px;
	margin: 20px auto 0 auto;
	display: block;
}
#maincol h3 a{
	height: 37px;
	width: 217px;
	display: block;
}

#maincol p{
	font-size:18px;
	text-align:center;
	color:#FFF;
 }
 
#maincol2{
	float: right;
	display:inline;
	position: relative;
	width: 760px;
 }
 
 #maincol2 h2{
	font-size:16px;
	padding-left:36px;
	margin-top:15px;
	font-weight:bold;
	text-align:left;
	color: #FF0000;
 }

#maincol2 p{
	font-size:12px;
	text-align:left;
	color:#FFF;
	width: 740px;
	margin-top:12px;
	padding-left:36px;
	line-height: 19px;
 }

.rojo {
	color:#FF0000;
	font-weight:bold;
}

.blanco {
	font-size:14px;
}
 

 
 /* *** 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 */