/*============================================================================= */

/* General
============================================================================= */

html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #fff;
  font: normal 11px/16px Verdana, Arial, sans-serif;
  color: #000;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}

input, textarea {
  font: normal 11px/17px Tahoma, Arial, sans-serif;
  color: #3a3a35;
}

button {
  display: block;
  cursor: pointer;
}

img.press{
margin-top:30px;
margin-right:6px;
}

img.press2{
margin-top:3px;
margin-right:6px;
}

div.clear {
	font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

div.fi {
	font-size: 1px;
  line-height: 1px;
  height: 10px;
  position: relative;
  clear: both;
}

div.fi2{
  height: 10px;
  width: 500px;
  float: left;
}

div.agbuida{
  height: 23px;
  float: left;
}

#container {
  text-align: left;
  width: 920px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#contingut {
  width: 920px;
  margin: 35px 0 0 0;
}

p a,
h4 a , a{
  color: #ef8122;
}

a.taula{
  color: #C51015;
}

a.taula:hover {
  color: #fff
}

p a:hover,
h4 a:hover, a:hover {
  color: #c2bfbf;
}

p.link {padding: 0 0 0 19px;}

h3 {height: 10px;}

/* Header
============================================================================= */

#header {
	height: 133px;
	background: url(../images/backgrounds/header.png) 0 0 no-repeat;
	margin:0;
	background-color:#c2bebd;
}

  #header #logo {
    width: 80px;
    height: 107px;
    float:right;
    margin:26px 16px 0 0;
    background: url(../images/backgrounds/20j.png) 0 0 no-repeat;
  }

    #header #logo h1 a {
      display: block;
      width: 80px;
      height: 107px;
      float:right;
    }

.toplink{
	float:left;
}

.toplink h1 {
	margin:0;
	padding:0;
}

.toplink h1 a{
	width:820px;
	height:105px;
	display:block;
}

.toplink h1 a span{
	display:none;
}


/* Navegacio
============================================================================= */

ul.navegacio {
	height: 28px;
	background-color:#c2bebd;
	float:left;
	width:820px;
	overflow:hidden;
}


ul.subnavegacio {
    float:left;
    display:none;
    background-color:#fff;
    overflow:hidden;
    height: 30px;
    margin:1px 0 0px 0;
    padding:0 50px 5px 50px;
}

ul.subnavegacio.actiu{
	display:block;
}


  ul.subnavegacio li {
        padding:2px 12px;
    height:20px;
    float:left;
    overflow:hidden;
    background-color:#c2bebd;
    border-right:1px solid #fff;
  }

  ul.navegacio li {
	padding:4px 0;
	text-align:center;
    float: left;
    height:28px;
    border-right:1px solid #fff;
  }
  
   ul.subnavegacio li a {
      font: bold 13px/17px Verdana, Arial, sans-serif;
      margin:0;
      color:#fff;
  }
  
  ul.navegacio li.inici{width:105px;}
  ul.navegacio li.actualitat{width:105px;}
  ul.navegacio li.municipis{width:185px;}
  ul.navegacio li.organitza{width:150px;}
  ul.navegacio li.campanya{width:145px;}
  ul.navegacio li.internacional{width:125px;border-right:none;}
  
  ul.subnavegacio.inici{margin-left:-50px;}
  ul.subnavegacio.actualitat{margin-left:55px;}
  ul.subnavegacio.municipis{margin-left:135px;}
  ul.subnavegacio.organitza{margin-left:100px;}
  ul.subnavegacio.campanya{margin-left:395px;}
  ul.subnavegacio.internacional{margin-left:675px;border-right:none;padding-right:0}
  

    ul.navegacio li a {
    	display: block;
		height: 24px;
    	cursor: pointer;
    	color:#fff;
    	font: bold 14px/20px Verdana, Arial, sans-serif;
    }

    ul.navegacio li.active a, ul.navegacio li a:hover,
    ul.subnavegacio li.active a, ul.subnavegacio li a:hover{
    	color:#ed6f01;
    }

 #logos{
	float:right;
	margin:10px 0 5px 0;
	width:100px;
 }
 
  #logos img{
	margin-left:5px;
  }

/* Footer
============================================================================= */

#footer {
  padding: 0 0 15px 0;
  margin: 0;
  float:left;
}

#footer  img{
	float:left;
}

#footer img.right{
	float:left;
}

#footer embed.top{
	float:left;
	margin-right: 25px;
}

#footer ul{
	float:left;
	padding:8px 0 0 0;
	margin:12px auto 10px auto;
	border-top:2px solid #c2bfbf;
	width:920px;
}

#footer ul li{
	float:left;
	padding:0px 14px;
	font-size:12px;
	border-right:2px solid #c2bfbf;
	height:12px;
	line-height:15px;
	font-weight:bold;
}

#footer ul li.primer{
	padding-left:235px;
}

#footer ul li.ultim{
	border-right:0;
}