/* general */

body, div, td {font-size:11px; font-family:georgia, times; color:#777777}
body {background:background-color:#ffffff; margin-top:0px}
input, select, textarea {font-size:11px; font-family:arial; color:#777777; border:0px solid transparent}
input.num {text-align:right}
input.boto {font-weight:bold; background:#dddddd; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb}

/* estructura */
div#supmare {position:relative; width:980px; margin:auto; height:auto}
div#mare {position:relative; width:980px; margin:auto; height:700px;  background:url("imatges/fonscap.png") repeat-y;}

div.caireinf {background:url("imatges/peufonscap.png"); width:980px; height:18px; margin-top:0px; margin-bottom:0px; border:0px solid black }
div#capcelera {position:absolute; top:30px; left:27px;width:926px; height:90px; margin:auto; background:#afd246}
div#capceleraini {position:relative; width:926px; height:340px; margin:auto;}

div#logo {position:absolute; top:4px; left:20px ; z-index:10}
div#logoini {position:absolute; top:80px; left:20px ; z-index:10}

div#peu {position:relative; width:980px; margin:auto; color:#999999; text-align:center; border-top:0px solid #dddddd; padding-top:0px}

div#menu {position:absolute; width:920px; top:128px; margin:auto; height:450px; border:0px solid black; padding:0px; padding-left:32px}
div#telefon {position:absolute; font-size:26px; color:#fff; left:720px; top:30px; font-weight:bold}
div.it {float:left;}

/* interiors */
div#geninterior {position:relative; width:926px; top:210px; margin:auto; height:450px; border:0px solid black; padding:0px;}
div#fotint {position:relative; float:left; width:355px; top:40px}
div#contingut {position:relative; float:left; padding:40px 5px; width:560px; border:0px solid black}


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


/*estils*/
h1 {font-size:24px; font-family: Arial; font-weight:bold; color:#bbbbbb; margin:15px 0px}
h1 span {display:none}
h2 {font-family:georgia, times; font-style:italic; font-size:24px; color:#afd246; font-weight:normal; margin:0px}
h3 {font-family:georgia, times; font-style:italic; font-size:18px; color:#a0ac7d; font-weight:normal; margin:0px; padding-left:10px}
h4 {font-family:georgia, times; font-style:italic; font-size:14px; color:#675732; font-weight:normal; margin:0px}
p {margin:8px 0px}
.destacat {color:#675732; font-weight:bold}

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

/* 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:1px solid #dddddd; font-weight:bold}
td.camp2 {background:#dddddd; border:1px solid #eeeeee; font-weight:bold; color:#000000}
.resul {text-align:right}


/* 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%;
}