html, body
{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:10px; 
 margin: 0;
 background-color:#7994fb;
}

#contingut
{
 height:100%;
 margin: 0 auto;
 width:920px;
}

#principal
{
 bottom:10px;
 top:10px;
 left:10px;
 width:880px;
 height:auto;
 background-color:#FFFFFF;
 float:left;
 position:relative;
}

/* CAPÇALERA */

#cap
{
 height:125px;
 width:860px;
 top:5px;
 left:10px;
 float:left;	
 position:relative;
 background-image:url('../imatges2/cap.jpg');
}

/* BANDERES */

#banderes
{
 top:20px;
 left:700px;
 height:17px;
 width:155px;
 position:relative;
}

a.bandera:active, a.bandera:hover, a.bandera:link, a.bandera:visited
{
 text-decoration:none;
 cursor:pointer;
}

img.bandera
{
 height:17px;
 width: 22px;
 border:0px;
 float:left;
 position:relative;
 border: 1px solid #acc8f0;
 cursor:pointer;
}

input.bandera
{
 height:17px;
 width: 22px;
 border:0px;
 float:left;
 position:relative;
}

div.separador
{
 height:17px;
 width: 5px;
 float:left;
 position:relative;
}
/* FI BANDERES */

/* FI CAPÇALERA */

/* MENU */

#menuSobre
{
 height:37px;
 width:860px;
 top:130px;
 left:10px;
 float:left;
 position:absolute;
 z-index:1000;
 background-image:url('../imatges2/menu/fonsMenu.jpg');
}

#menu
{
 height:37px;
 width:860px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/fonsMenu.jpg');
}

div.inici
{
 width:144px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/inici.jpg');
}

div.lloguer
{
 width:144px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/lloguer.jpg');
}

div.venda
{
 width:144px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/venda.jpg');
}

div.contacta
{
 width:144px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/contacta.jpg');
}

div.situacio
{
 width:144px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/situacio.jpg');
}

div.propietaris
{
 width:140px;
 height:37px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/basic/viulestartit.jpg');
}

a.menubasic:link, a.menubasic:visited, a.menubasic:active, a.menubasic:hover
{
 height:100%;
 width:135px;
 top:12px;
 left:5px;
 height:25px;
 color:#FFFFFF;
 float:left;
 position:relative;
 text-align:center;
 font-weight:bold;
 font-size:15px;
 font-variant:small-caps;
 text-decoration:none;
}

a.menubasicultim:link, a.menubasicultim:visited, a.menubasicultim:active, a.menubasicultim:hover
{
 width:135px;
 top:12px;
 left:5px;
 height:25px;
 color:#FFFFFF;
 float:left;
 position:relative;
 text-align:center;
 font-variant:small-caps;
 font-size:15px;
 font-weight:bold;
 text-decoration:none;
}

div.submenu, div.submenulloguer, div.submenuvenda, div.submenusituacio, div.submenupropietaris, div.submenuinici
{
 top:9px;
 width:138px;
 height:auto;
 float:left;
 position:relative;
 display:none;
 border-left:1px solid #34577f;
 border-right:1px solid #34577f;
 border-bottom:1px solid #34577f;
 background-image:url('../imatges2/menu/submenu.jpg');
 background-repeat:repeat-y;
 background-color:#3956cc;
 z-index:1000;
}

div.submenucontacta
{
 top:9px;
 width:138px;
 height:165px;
 float:left;
 position:relative;
 display:none;
 border-left:1px solid #34577f;
 border-right:1px solid #34577f;
 border-bottom:1px solid #34577f;
 background-repeat:repeat-y;
 background-color:#3956cc;
 z-index:1000;
}

span.submenu
{
 width:138px;
 height:29px;
 float:left;
 position:relative;
 background-image:url('../imatges2/menu/submenu.jpg');
 z-index:1000;
}

a.submenu:link, a.submenu:visited, a.submenu:active, a.submenu:hover
{
 top:7px;
 width:100%;
 height:22px;
 color:#FFFFFF;
 float:left;
 position:relative;
 text-align:center;
 font-variant:small-caps;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
 z-index:1000;
}

a.submenuContacta:link, a.submenuContacta:visited, a.submenuContacta:active, a.submenuContacta:hover
{
 top:7px;
 width:100%;
 height:22px;
 color:#FFFFFF;
 float:left;
 position:relative;
 text-align:center;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
 z-index:1000;
}


img.contactaImatge
{
 left:18px;
 width:110px;
 height:96px;
 float:left;
 position:relative;
}

span.contactaSubmenu
{
 top:5px;
 width:100%;
 height:20px;
 float:left;
 position:relative;
}

div.submenubuit
{
 width:144px;
 height:0px;
 float:left;
 position:relative;
 display:none;
}

/* FI MENU */

/* COS DE LA PÀGINA */

#cos
{
 width:860px;
 height:100%;
 top:42px;
 left:10px;
 float:left;
 position:relative;
 z-index:0 !important; z-index:-100;
}

#lateral
{
 width:210px;
 height:100%;
 top:0px;
 float:left;
 position:relative;
}

#separadorLateral
{
 top:70px;
 width:170px;
 height:50px;
 float:left;
 position:relative;
}

#resultats
{
 width:650px;
 height:100%;
 top:0px;
 float:left;
 position:relative;
}

/* FI COS */

/* SEPARADOR */
div.separadorPeu
{
 top:37px;
 left:140px;
 width:720px;
 height:77px;
 float:left;
 position:relative;
 z-index:-1;
}
/* PEU */

#peu
{
 top:20px;
 width:880px;
 left:10px;
 height:20px;
 float:left;
 position:relative;
 text-align:center;
 font-size:10px;
 color:#FFFFFF;
 font-weight:bold;
}

a.sitemap:visited, a.sitemap:active, a.sitemap:link
{
 text-decoration:underline;
 color:#FFF;
 font-weight:bold;
}

a.sitemap:hover
{
 text-decoration:underline;
 color:#000;
}

/* FI PEU */



#text
{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:14px;
 line-height:1;
 text-align:justify;
 color:#3B59D1;
 top:20px;
 width:100%;
 height:100%;
 float:left;
 position:relative;
}

a.banner:active, a.banner:hover, a.banner:link, a.banner:visited
{
 text-decoration:none;
}

#oficina
{
 left:22px;
 top:20px;
 width:604px;
 height:372px;
 float:left;
 position:relative;
}

img.oficina
{
 border:0;
 width:600px;
 height:372px;
 float:left;
 position:relative;
 border:1px solid #34577f;
}

#estartit
{
 left:22px;
 top:40px;
 width:600px;
 height:406px;
 float:left;
 position:relative;
}

img.estartit
{
 border:0;
 width:600px;
 height:406px;
 float:left;
 position:relative;
 border:0px;
}

#europa
{
 left:10px;
 top:65px;
 width:649px;
 height:520px;
 float:left;
 position:relative;
}

img.europa
{
 border:0;
 width:649px;
 height:463px;
 float:left;
 position:relative;
 border:0px;
}

img.correu
{
 top:2px;
 border:0px;
 width:30px;
 float:left;
 position:relative;
}

img.telefon
{
 top:2px;
 border:0px;
 height:18px;
 float:left;
 position:relative;
}

img.api
{
 top:0px;
 border:0px;
 height:30px;
 float:left;
 position:relative;
}

font.api
{
 top:5px;
 left:5px;
 color:#3257c1;
 font-weight:bold;
 float:left;
 position:relative;
}