/** Reset Browser's CSS Values **/

html,body,div,ul,li,h1,h2,h3,p { margin: 0; padding: 0; }
h1,h2,h3 { font-size: 1em; font-weight: normal; font-style: normal; }
div,h1,h2,h3,h4,h5,h6,li,p,ul { display: block; }
ul.p { list-style: square; margin-left:20px}
li {list-style: square;}

/** StyleSheet **/

body {
  background: #ffffff url("../imatges/fonsgeneral.png") no-repeat top center;
  color: #808080;
  font-family: arial;
  font-size: 75%;
  margin: 1.5em auto;
  position: relative;
  margin-bottom:0px;
  width:970px;
}

a,a:link,a:hover,a:visited {

  font-weight: bold;
  text-decoration: none;
}




#header {
  position:relative;
  width:970px;
  height:156px;
  background:url("../imatges/capcelera.png") no-repeat;
}

#header h1 {text-indent: -10001em;}

div#menu {
position:absolute;
top:120px;
width:970px;
height:36px;
background:url("../imatges/pastilles.png") no-repeat;
}

#menu ul {
  float: left;
  margin-left: 100px;
}

#menu li {
  float: left;
  width:81px; 
  padding:12px 6px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  line-height:13px
}
#menu li.dob {
  padding:5px 6px;
}

div#seccions {
position:relative;
width:730px;
background:url("../imatges/fonscontent.png") repeat-y;
padding:0px 120px;
margin-bottom:0px;
}

div.seccio {
position:relative;
padding-top:40px;
}

div.cb {clear:both; height:20px}

div.torna {clear:both; height:20px; width:790px; text-align:right}

/* colors */
/*
.s1 {color:#55bd15}
.s2 {color:#40c9c4}
.s3 {color:#55250b}
.s4 {color:#fa1fed}
.s5 {color:#fb8b06}
.s6 {color:#ec2e38}
.s7 {color:#c48a5f}
.s8 {color:#9c4fcd}
.s9 {color:#e7cd1c}

*/
a {color:#000000}

a.s1 {color:#55bd15}
a.s2 {color:#40c9c4}
a.s3 {color:#55250b}
a.s4 {color:#fa1fed}
a.s5 {color:#fb8b06}
a.s6 {color:#ec2e38}
a.s7 {color:#c48a5f}
a.s8 {color:#9c4fcd}
a.s9 {color:#e7cd1c}
/* seccions */

h2 {font-size:18px; color:white; width:240px; margin-left:-19px; padding:6px 18px; font-weight:bold; margin-bottom:30px}

h3 {font-size: 16px; margin-left:-19px; padding:6px 18px; border-left:15px solid; font-weight:bold; margin-bottom:10px}
h4 {font-size: 16px; line-height:14px}
h4 span {font-size:11px}

img {float:left; margin-right:20px; margin-bottom:10px}

h2.s1 {background:#55bd15; color:white}
h2.s2 {background:#40c9c4; color:white}
h2.s3 {background:#55250b; color:white}
h2.s4 {background:#fa1fed; color:white}
h2.s5 {background:#fb8b06; color:white}
h2.s6 {background:#ec2e38; color:white}
h2.s7 {background:#c48a5f; color:white}
h2.s8 {background:#9c4fcd; color:white}
h2.s9 {background:#e7cd1c; color:white}

/*
h3.s1 {border-left:15px solid #55bd15}
h3.s2 {border-left:15px solid #40c9c4}
h3.s3 {border-left:15px solid #55250b}
h3.s4 {border-left:15px solid #fa1fed}
h3.s5 {border-left:15px solid #fb8b06}
h3.s6 {border-left:15px solid #ec2e38}
h3.s7 {border-left:15px solid #c48a5f}
h3.s8 {border-left:15px solid #9c4fcd}
h3.s9 {border-left:15px solid #e7cd1c}
*/

div.s1 h3 {border-left:15px solid #55bd15; color:#55bd15}
div.s2 h3 {border-left:15px solid #40c9c4; color:#40c9c4}
div.s3 h3 {border-left:15px solid #55250b; color:#55250b}
div.s4 h3 {border-left:15px solid #fa1fed; color:#fa1fed}
div.s5 h3 {border-left:15px solid #fb8b06; color:#fb8b06}
div.s6 h3 {border-left:15px solid #ec2e38; color:#ec2e38}
div.s7 h3 {border-left:15px solid #c48a5f; color:#c48a5f}
div.s8 h3 {border-left:15px solid #9c4fcd; color:#9c4fcd}
div.s9 h3 {border-left:15px solid #e7cd1c; color:#e7cd1c}

div.s1 h4 {color: #55bd15}
div.s2 h4 {color: #40c9c4}
div.s3 h4 {color: #55250b}
div.s4 h4 {color: #fa1fed}
div.s5 h4 {color: #fb8b06}
div.s6 h4 {color: #ec2e38}
div.s7 h4 {color: #c48a5f}
div.s8 h4 {color: #9c4fcd}
div.s9 h4 {color: #e7cd1c}
/* 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%;
}