/* general */

body, div, td {font-size:12px; font-family:georgia, Times; color:#555555;}
body { background-color:#efeddd; margin:0px;} /* efebd2 */
input, select, textarea {font-size:11px; font-family:arial; color:#777777; border:1px solid #bbbbbb}
input.num {text-align:right}
input.boto {font-weight:bold; background:#dddddd; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb; width:200px}

/* estructura */

div#mare {position:relative; width:100%px; margin:auto; height:auto;}

/*div#capcelera {position:relative; width:100%; margin:0px;  background:url('imatges/fonscap.png'); height:140px}*/
div#capcelera {position:relative; width:100%; margin:0px;  background:url('imatges/fonscapdef.png'); height:160px; background-position:center}
div#logo {position:relative; top:10px; width:500px; margin:auto; z-index:10; display:none}


div#marecontingut {position:relative; width:772px; margin:auto; }

div#contingut {position:relative; width:772px; margin:auto; padding:12px 20px; border:1px dotted #dfdbc2; margin-bottom:20px; background:#f6f4e5}

div#novetat, div#properament {position:relative; float:left; width:340px; margin:0px 5px 5px 5px; padding:5px; border:0px solid red}
div.portadapor {position:relative; float:left; width:340px; margin:0px 5px 5px 5px; padding:5px; border:0px solid red}
div.portadadoble {position:relative; float:left; width:690px; margin:0px 5px 5px 5px; padding:5px; border:0px solid red}
div.portadaportres {position:relative; float:left; width:220px; margin:0px 5px 5px 5px; padding:5px; border:0px solid red}
div.doble {position:relative; float:left; width:500px; padding:5px; border:0px solid red}

div#peu {position:relative; width:772px; margin:auto; color:#555555; text-align:center; border-top:0px solid #dfdbc2; padding:0px 0px; margin-bottom:10px}

/* index */



/* interiors */


/* enllaços */
a {color:#888888; text-decoration:none;}
a:hover {color:#bbbbbb; text-decoration:underline;}
div#peu a {color:#888888; text-decoration:underline;}

ul#kwick a {font-family: "Tahoma", arial sans-serif; font-size:11px; color:red}

ul#menu a {color:#a09a79; text-decoration:none;}
ul#menu a:hover{color:#000000; text-decoration:none;}


ul#menu { margin-top:10px; border:0px solid black; padding-left:0px; margin-left:0px; width:220px; float:left}
ul#menu li {position:relative; list-style:none; background:url("imatges/fonsboto.png") #efebd2; color:#ffffff; width:210px; font-size:12px; font-weight:bold; border:1px solid #ffffff; margin:2px; padding:5px}
ul#menu li:hover {position:relative; list-style:none; background:url("imatges/fonsboto.png") #efebd2; color:#ffffff; width:210px; font-size:12px; font-weight:bold; border:1px solid #dfdbc2; margin:2px; padding:5px}

ul.ancores {list-style:none; margin-left:0px; padding-left:0px}
ul.ancores li {margin-left:0px; padding-left:0px}

div.content { margin-top:10px; border:0px solid black; padding-left:20px; padding-right:20px; margin-left:3px; width:725px; float:left; background:#ffffff; line-height:18px}

/* estils */
h1 {font-size:16px; font-family: georgia, Times; font-weight:bold; color:#aaaaaa; margin:15px 0px}
h2 {font-size:14px; font-family: georgia, Times; font-weight:bold; color:#888888; padding:0px; padding-left:0px; margin:3px 0px}
h3 {font-size:20px; color:#bab597; padding:0px; padding-left:0px; margin:5px 0px 10px 0px; font-weight:bold}
h3.mx {font-size:20px; color:#aaa597; background:url("imatges/mirador.png") no-repeat; padding:10px 0px 10px 100px; margin:15px 0px 10px 0px; font-weight:bold}
h3.bg {font-size:20px; color:#aaa597; background:url("imatges/bengales.png") no-repeat; padding:10px 0px 10px 100px; margin:15px 0px 10px 0px; font-weight:bold}
h4 {font-size:14px; color:#8a8577; padding:0px; padding-left:0px; margin:3px 0px}
h5 {font-size:14px; color:#bab597; padding:0px; padding-left:0px; margin:5px 0px 10px 0px; font-weight:bold}
p {margin:10px 0px;line-height:17px; letter-spacing:0.03em}

p.dir {margin:20px 0px; padding:0px 20px; color:#666666; font-size:13px; font-style : italic;}
p.aclariment {margin:20px 0px; color:#222222;}

li {margin-bottom:10px}

.alerta {color:#930000}
.ok {color:#6b9a6c}
.error {color:#930000; font-size:14px; font-weight:bold}

/* varis  */
div.ombra {background:url("imatges/ombra_foto3.png") no-repeat; background-position:right; padding:10px; width:250px; height:305px; margin:auto}
div.ombrap {background:url("imatges/ombra_foto_n.png") no-repeat; background-position:right; padding:10px; width:170px; height:210px; margin:auto}
div.fullejar {position:relative; float:left; background-position:5px 1px; padding:6px 5px 6px 5px; border:1px solid #dddddd; background:#efefef; margin-right:20px}
div.fullejar a {color:#555555}
/* formularis */

table.formulario {width: 600px}
td.etiq {width:200px; background:#eeeeee; text-align:right; border:1px solid #dddddd}
td.camp {width:400px; background:#ffffff; border:0px solid #dddddd; font-weight:bold}
td.camp2 {background:#dddddd; border:1px solid #eeeeee; font-weight:bold; color:#000000}
.resul {text-align:right}

/* administració */

div#mare_ad {position:relative; width:950px; margin:auto; background:#ffffff; padding:20px}
div#capcelera_ad {position:relative; width:850px; margin:auto; height:130px}

table.llistat {border-top:1px solid #999999; border-left:1px solid #999999; width:840px; margin-top:20px; margin-bottom:20px}
table.llistat td {border-bottom:1px solid #999999; border-right:1px solid #999999}
table.llistat td.tit {color:#ffffff; background:#999999; font-weight:bold}



/* inici */

table#inicio {width:870px; margin:auto}
table#inicio td {border:1px solid #eef1da; vertical-align:top}
table#inicio li {list-style:none; padding-left:40px;  font-size:12px; line-height:20px}


/* bug firefox float enniuades */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}