@charset "iso-8859-2";
body {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial;
   font-size: 11px;
   background: #3d86c7 url(body_bg.gif) repeat-y;
   z-index: 0;
   height: 100%;
}
h6 {
   font-family: Verdana;
   font-size: 11px;
   font-weight: bold;
   color: #3d86c7;
   margin: 0px;
   padding: 0px;
   margin-bottom: 5px;
}
input {
  color: #3d86c7;
  border: 1px solid #E4E6E4;
  background: white;
}
.boto {
   font-weight: bold;
   width: 150px;
   margin-right: 30px;
}
.boto:hover {
   border: 1px solid #3d86c7;
   background-color: #E2E5E7;
   color: white;
}
#thetext {
  color: #3d86c7;
  border: 1px solid #E4E6E4;
}
hr {
   border-width: 0px;
   background: #3d86c7;   
   color: #3d86c7;
   height: 1px;
}
p {
   margin: 0px;
   padding: 0px;
   text-align: justify;
}
ul{
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px;
}
li{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   min-height: 40px;
   padding-left: 50px; 
   text-align: justify; 
   margin-bottom: 20px; 
}
#header {
   position: absolute;
   width: 89px;
   height: 100%;
   min-height:100%;
   top: 0px;
   left: 170px;
   z-index: 1;
   background: url(bg_header.gif) no-repeat;
}
#menu {
   position: absolute;
   margin: 0px;
   width: 173px;
   height: 300px;
   top: 0px;
   left: 0px;
   padding: 20px;
   z-index: 2;
   background: url(mem_menu.gif) no-repeat;
}
#menuTitle {
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   color: #3d86c7;
   margin-bottom: 10px;
   border-bottom: 1px solid #3d86c7;
   width: 144px;
}
#menu a {
  margin-top: 4px;
  position:relative;
  height: 19px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #3d86c7;
  border: 1px solid #E4E6E4;
  width: 142px;
  display: block;
  padding-top: 4px;
}
#menu a:hover {
   border: 1px solid #3d86c7;
   background-color: #E2E5E7;
   color: white;
}
#content {
   margin: 0px;
   background: white;
   margin-left: 270px;
   width: 400px;
   padding-right: 0px;
}
html>body #content {
   position: absolute;
   padding-right: 8px;
}
#casa_link {
   background: url(casa_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#rentar_link {
   background: url(rentar_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#acomp_link {
   background: url(acomp_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#calc_link {
   background: url(calc_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#cotxe_link {
   background: url(cotxe_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#creu_link {
   background: url(creu_link17.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#grans_link {
   background: url(grans_link20.gif) no-repeat left; 
   background-position: 3px 3px;
   vertical-align: middle;
}
#cuadre {
   width:30px;
   height:30px;
   padding: 5px;
   background: url(cuadre.gif);
}
#acomp {
   width:30px;
   height:30px;
   background: url(acomp.gif);
}
#llar {
   min-height: 40px;
   background: url(llar_c.gif) no-repeat;
}
#bugaderia {
   min-height: 40px;
   background: url(bugaderia_c.gif) no-repeat;
}
#creu {
   width:30px;
   height:30px;
   background: url(creu.gif);
}
#grans {
   min-height: 40px;
   background: url(grans_c.gif) no-repeat;
}
#malalts {
   min-height: 40px;
   background: url(creu_c.gif) no-repeat;
}
#vivenda {
   min-height: 40px;
   background: url(llit_c.gif) no-repeat;
}
#cotxe {
   min-height: 40px;
   background: url(cotxe_c.gif) no-repeat;
}
#gestio {
   min-height: 40px;
   background: url(gestio_c.gif) no-repeat;
}
#rentar {
   width:30px;
   height:30px;
   background: url(rentar.gif);
}
#telefon {
   height: 40px;
   background: url(telefon_c.gif) no-repeat;
}
#footer {
   display:block;
   margin-left: 2px;
   width: 406px;
   padding-top: 25px;
   height: 60px;
   background: #3d86c7 url(bg_footer.gif) no-repeat;
}
#footer a {
   height: 25px;
   text-decoration: none;
   font-weight: bold;
   color: #3d86c7;
   width: 50px;
   margin-left: 60px;
}
#footer a:hover {
   text-decoration: underline;
}

@media screen
  {
  div#menu
    {
    position: fixed;
    }
  div#header
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow: hidden;
    }
  * html body
    {
    overflow: auto;
    padding: 0;
    }
  * html div#menu
    {
    position: absolute;  
    }
  * html div#header
    {
    position: absolute;  
    }
  /* All done. */
  }
.title {
   height: 38px;
   width: 386px;
   margin-left: 2px; 
   background: url(bg_title.gif);
   font-weight: bold;
   color: white;
   padding-top: 22px;
   padding-left: 20px;
   text-align:left;
}
#dadespersonals p, #treballar p {
   text-align: right;
}
#dadespersonals input, #dadespersonals select, #treballar select {
   margin-left: 10px;
   width: 200px;
}
#dadespersonals .radio {
   margin-left: 10px;
   width: auto;
}
#formacio, #experienciap {
   text-align: right;
}