/* general */

body, div, td {font-size:12px; font-family:arial; color:#565709}
body {background:url("imatges/fons2.png") repeat-x; background-color:#83845c}
input, select, textarea {font-size:11px; font-family:arial; color:#444444}

/* estructura */
div#mare {position:relative; width:960px; margin:auto; height:auto; border:0px solid #6a6b1c; background:#616214}

div#capceleraes {position:relative; width:960px; height:274px; margin:auto; background:url('imatges/novacap.jpg'); border:0px solid white}
div#capceleraca {position:relative; width:960px; height:274px; margin:auto; background:url('imatges/novacap_ca.jpg'); border:0px solid white}
div#capceleraen {position:relative; width:960px; height:274px; margin:auto; background:url('imatges/novacap_en.jpg'); border:0px solid white}

div#capceleraes div#reserves, div#capceleraca div#reserves, div#capceleraen div#reserves {position:absolute; right:0px; top:0px; background:url('imatges/cap_contacte.png'); width:270px; height:120px; }
div#capceleraes div#reserves h3, div#capceleraca div#reserves h3, div#capceleraen div#reserves h3 {text-indent:-10001px}

div#capceleraes h1, div#capceleraes h2, div#capceleraen h1, div#capceleraen h2, div#capceleraca h1, div#capceleraca h2 {text-indent:-1000px}

div#logo {position:absolute; top:5px; left:20px ; z-index:10}
div#titol {position:absolute; top:20px; left:300px ; z-index:10}

div#contingut {position:relative; width:960px; margin:auto; background:url("imatges/fonscapa.png") repeat-y; border:0px solid black;}
div#faixa {position:absolute; width:960px; top:95px; margin:auto; background:url("imatges/faixa.gif"); border:0px solid black; margin-bottom:0px; margin-top:0px; }

div.portadait {position:relative; float:left; width:220px; margin-right:9px; border:0px solid blue}

div#peu {position:relative; width:980px; margin:auto; color:#d5d5ae; text-align:center; border-top:0px solid #dddddd; padding:10px;}

table#home td {background:#d5d5ae; width:330px; vertical-align:top}
table#home a {font-weight:normal; color:#000000}
table#home a:hover {color:#ffffff}

td#content img {border:5px solid #ffffff; float:right; margin: 10px 0px 10px 30px}

div.menu {background: #8a8c5e; color:#ffffff; margin-left:0px;  margin-bottom:4px; width:170px; font-family:Times; font-size:16px; padding:5px; font-weight:bold}
div.menu2 {background: #f0f2dd; margin-left:0px;  margin-bottom:4px; width:170px; font-family:arial; font-size:11px; padding:5px; }
div.menu2:hover {background: #aaac7e;}

div.foto {margin:7px 9px; background:#ffffff; padding:10px; float:left}
div.foto2 {margin:3px 3px; background:#ffffff; padding:3px; float:left; text-align:center}

/* enllaços */
a {color:#b33042; text-decoration:none; padding:0px 1px}
a:hover {color:#7d8062;}
div#capcelera a{color:#888888; padding:2px}
div#capcelera a:hover{color:#ffffff; background:#7dab7d; text-decoration:none}

div#peu a {color:#d5d5ae; text-decoration:underline;}
/* menu */


/*   llibre  */

table#comenta td {height:20px}

div.tradu {width:200px; font-size:10px; text-align:left; margin-top:10px; line-height:12px}
div.tradu2 {width:350px; font-size:10px; text-align:left; margin-top:10px}

/*estils*/
h1 {font-size:24px; font-family: Times; font-weight:bold; color:#7d8062; margin:4px 7px}
h1 span {display:none}
h2 {font-size:16px; font-family: Times; font-weight:bold; color:#b33042; padding:0px; padding-left:0px; margin:3px 0px}
h3 {font-size:14px; color:#aaae52; letter-spacing: 2px; padding:0px; padding-left:0px; margin:3px 0px}
p {margin:8px 0px}


div.entradafacebook {position:relative; margin-bottom:10px;  width:630px; padding-top:5px}

div.fotofacebook {position:relative; width:52px; float:left; padding:0px 5px}
div.contfacebook {position:relative; width:530px; float:left; background:#d5d5ae; padding:4px; font-size:11px}

/* 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%;
}


