* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
margin:0px auto auto auto; width:1030px; 
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background-image: url(../img/fons_dreta.gif);
 background-repeat: repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 height: 640px;
 width: 340px;
 float: left;
}
#content { 
 float: left;
 color: #FFFFFF;
 border: 0px solid #ccc;
 background: #024481;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 630px;
 width: 500px;
 display: inline;
 overflow:scroll;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background-image: url(../img/fons_esquerra.gif);
 background-repeat: repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 640px;
 width: 125px;
 float: left;
 position: relative;
}
#menu_esquerra{
width: 180px; /*width of menu*/
float:right;
}
#menu_esquerra ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 0px solid #9A9A9A;
}
#menu_esquerra ul li a{
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}
* html .menu_esquerra ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}
#menu_esquerra ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}
#menu_esquerra ul li a:hover{
color: #00014e;
background-image:url(../img/fons_menu_dreta.gif);
background-color: #c2def1;
}
#titol{
width: 39px;
height: 302px;
margin: 0px 0px 0px 15px;
background-image:url(../img/titol.gif);
float:left;
}
#menu_dreta{
width: 120px; /*width of menu*/
padding-top: 0px;
float:left;
}
#menu_dreta ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
}
#menu_dreta ul li a{
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}
* html .menu_dreta ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}
#menu_dreta ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}
#menu_dreta ul li a:hover{
color: #00014e;
background-image:url(../img/fons_menu_esquerra.gif);
background-color: #c2def1;
}
#footer{
  position:absolute;
  bottom:10px;
  left:1px;
  width:100%;
}