/** 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 { list-style: none; }

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

}

body.vota {
  width:766px;
  color:#a2b2c1
}
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.vota {
  position:relative;
  width:766px;
  height:126px;
  background:url("imatges/capcelera-vota.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;
}
/* votem */
div#meudibuix {
position:relative;
width:766px;
height:332px;
background: url("imatges/fons-vota-sup.png") no-repeat;
padding:0px;
margin-bottom:0px;
margin:auto;
}

/* fi votam */

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}


/* 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.flotant {float:left; margin-right:20px}

h2.s1 {background:#55bd15; color:white}
h2.s2 {background:#40c9c4; color:white}
h3.s2 {border-left:15px solid #40c9c4}

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