/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, optgroup, button, p, blockquote, th {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
/*
table {
border-collapse:collapse;
border-spacing:0;
}
*/
caption, th {
text-align:left;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
fieldset, img {
border:0 none;
}
input, textarea, select, optgroup, option, button {
font-family:inherit;
font-size:100%;
}
button, input {
overflow:visible;
width:auto;
}
optgroup, address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
}



/* generics */

a:link {
color:#890025;
text-decoration:none;
}
a:visited {
color:#890025;
text-decoration:none;
}
a:hover {
color:#890025;
text-decoration:underline;
}
a:active {
color:#890025;
text-decoration:underline;
}



body {
background:#a48d79;
font-family:verdana, helvetica, arial;
font-size:12px;
line-height:18px;
color:#ffffff;
margin-top:1px
}

p {margin:8px 0px}

/* estructura */

div#mare {position:relative; width:810px; margin:auto; background:#ede3c3}

div#capcelera {position:relative; width:800px; text-align:center; margin-top:10px; background:#ede3c3; padding:5px}

div#cossota {position:relative; width:810px; height:480px; padding:0px; background:#ede3c3; text-align:center}/* background:url('fonsp.jpg')}*/

div#cossota div#faixa {position:relative; padding:0px 50px; width:840px;}

div#cossota div#faixa div.idi {position:relative; float:left; width:190px; height:90px; text-align:center}

div#cossota div#peu {position:relative; clear: both; width:810px; text-align:center; color:#947e66; background: #ede3c3 url("imatges/eltemps.png") no-repeat; background-position:center 25px; height:80px}

div#cossota div#supe {position:relative; float:left; width:750px; height:20px; padding:2px 10px 5px 10px; background:#dacda2; margin-top:10px;margin-left:22px; margin-bottom:0px; color:#56331c; text-align:left}
div#cossota div#supe div#menuprin {position:absolute; top:2px; left: 540px}

div#cossota div#fato {position:relative; float:left; width:750px; height:340px; padding:10px; background:#ede3c3; overflow:auto; margin-top:0px;margin-left:22px; margin-bottom:6px; color:#56331c; text-align:left}


/*  estils */

h2 {font-size:18px; color:#947e66;margin:4px 0px}
h3 {font-size:15px; color:#947e66; margin:4px 0px}
h4 {font-size:16px; color:#947e66; margin:4px 0px}

h1 {font-size:20px; color:#947e66; margin:4px 0px}

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