body {
font-family: arial;
font-size:x-small;
margin:0pt;
padding:0pt;
width:1003px;
}
#header {
border-bottom:0px solid #000000;
clear:left;
float:left;
overflow:hidden;
width:1003px;
height:130px;
}
#header p, #header h1, #header h2 {
clear:left;
float:left;
margin:0pt;
padding:0em 0em 0em;
width:1003px;
}
#header ul {
clear:left;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0em 0em 0em;
padding:0pt;
width:1003px;
}
#header ul li {
display:inline;
}
#header ul li a {
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:0px solid #DDDDDD;
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:2px;
padding:0em 0em;
text-decoration:none;
}
#header ul li a.active {
background:#000000 none repeat scroll 0%;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px solid #000000;
color:#FFFFFF;
font-weight:arial;
}
.colmask {
clear:both;
float:left;
overflow:hidden;
width:1003px;
}
.colright, .colmid, .colleft {
float:left;
position:relative;
width:1003px;
}
.col1, .col2, .col3 {
float:left;
overflow:hidden;
padding:0em 0em 0em;
position:relative;
}
.threecol {
/* aqui pongo el color de fondo de la columna de la DERECHA*/
background:#FFFFFF none repeat scroll 0%;
}
.threecol .colmid {
background:#FFFFFF none repeat scroll 0%;
}
.threecol .colleft {
/* aqui pongo el color de fondo de la columna de la IZQUIERDA*/
background:#FFFFFF none repeat scroll 0%;
}
.threecol .col1 {
width:220px;
background:#e3e1e1 none repeat scroll 0%;
}
.threecol .col2 {
width:560px;
background:#FFFFFF none repeat scroll 0%;
margin:0em 1em 0em;
}
.threecol .col3 {
width:200px;
background:#FFFFFF none repeat scroll 0%;
}
#footer {
border-top:1px solid #FFFFFF;
clear:both;
padding:0em 0em 0em;
height:50px;
}