body {
margin: 0;
padding: 0;
text-align: left;
font: 75% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;

}

#container {
width: 100%;
\width: 100%;
w\idth: 99%;
border: 0px solid #eee;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1.5em;
}

#banner {
/*height: 175px;*/
padding: 0;
margin-bottom: 20px;
color: #333;
}

		/* TOP NAVIGATION */
#navlist {
width: 100%;
padding: 4px 5px 5px 0;
margin: 0 0 8px 0;
text-align: left;
letter-spacing: 3px;
color: #fff;
background: #476042;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 5px .75em;
margin: 0;
color: #fff;
background: #476042;
text-decoration: none;
}
#navlist li a:link { color: #fff;
background: #476042;
}
#navlist li a:visited {
color: #fff;
background: #476042;
}
#navlist li a:hover {
color: #000;
background: #6A9662;
}
#navlist li a#current {
color: #fff;
background:#6A9662;
}

		/* LEFT MENU */
.menu ul li {
line-height: 1.8em;
margin: 0 10px 0 0;
padding: 0;
list-style-type: none;
color: #6A9662;
background: inherit;
}
.menu ul li a {
color: #F17C0B;
background: inherit;
}
.menu ul li a:hover {
color: #6A9662;
background: inherit;
}
.menu ul{
margin: 0;
padding-left: 15px;
}

		/* MAIN CONTENT */
#content {
padding: 0 20px 0 20px;
margin-left: 170px;
margin-right: 170px;
border-left: 1px dashed #333;
border-right: 1px dashed #333;
color: #555;
background-color: #fff;
}

		/* ARTICLES */
.intro {
float:left;
width: 25%;
margin: 3px 0 5px 0;
padding: 5px;
text-align:left;
}
.intro2 {
float: left;
width: 25%;
margin: 3px 0 5px 20px;
padding: 5px;
}
.intro3 {
float:right;
width: 33%;
margin: 3px 0 5px 0;
padding: 5px;
}

		/* LEFT SIDEBAR */
#sidebar-a {
float: left;
width: 150px;
\width: 160px;
w\idth: 150px;
margin-right: 5px;
padding: 0 5px 0 1px;
color: #666;
background-color: #fff;
}

		/* RIGHT SIDEBAR */
#sidebar-b {
float: right;
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0 0 0 5px;
padding: 0 5px 15px 5px;
color: #333;
background-color:#ffffff;
}

		/* FOOTER */
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color: #476042;
color: #fff;
}
#footer a {
text-decoration: none;
color: #fff;
background-color:#476042;
}
#footer  a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#476042;
}

		/* LINKS */
a {
text-decoration: none;
color: #F17C0B;
}
a:hover {
text-decoration:underline;
color: #6A9662;
}
a img {
border: 0;
}


		/* IMAGE PROPERTIES */
.border {
padding: 10px;
margin: 10px;
border: 1px solid #476042;
}
.imgleft {
float: left;
border: 1px solid #90b905;
margin: 5px 10px 10px 15px;
padding: 5px;
}

		/* HEADING PROPERTIES */
h1 {
width: 30%;
font-size: 200%;
letter-spacing: 5px;
color:#6A9662;
background: #fff;
}
h2 {
font-size: 130%;
text-transform: uppercase;
letter-spacing: 10px;
color:#476042;
}
h3 {
padding: 1px;
margin: 1px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #6A9662;
}
h4 {
padding: 1px;
margin: 1px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #F17C0B;
}
h5 {
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#476042;
background: #fff;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 100%;
 height: 30px;
 overflow: hidden;
 padding: 0px;
}

#scroller
{ padding: 1px;
  margin: 1px;
  
}


.marc_puntets {	
	border: 1px dotted #CCCCCC;
	background-color: #FABE83;
}


/* Per fer "cites"  */
     #wrapper
	{ 
	 width: 50%; /* Set page width here - you can also use percentage */
	 text-align:left;  
	 margin-left:auto; 
	 margin-right:auto; 
	 background-color: #FFFFFF;
    }
	
	#wrapper2
	{ 
	 width: 80%; /* Set page width here - you can also use percentage */
	 text-align:left;  
	 margin-left:auto; 
	 margin-right:auto; 
	 background-color: #FFFFFF;
    }
	
	blockquote p
		{
		padding: 0px 15px 0px 0px;
		font-size: 1.2em;    
		float: left;
		background: url(../imatges/quote_down.png) bottom right no-repeat;
	}
	
	blockquote
		{
		padding: 20px;
		font-size: 1.3em;    
		background: url(../imatges/quote_up.png) top left no-repeat;
	}
	
	cite
		{
		font-size: 1.2em;
		float: right;    
	}  
/* -----------------------  */
/* inici d'apartat */
  .inici_apartat
  { border-bottom: solid 0.05em #6A9662;
    line-height: 0.9em;
    margin-top: 0.1em;
    padding-bottom:0.1em;
  }


/* ------------------------------ */
      #tagcloud {
          width: 300px;
          background:#FFFFCC;
          color:#0066FF;
          padding: 10px;
          border: 1px solid #FFE7B6;
          text-align:center;
      }
       

      #tagcloud a:link, #tagcloud a:visited {
          text-decoration:none;
      }
       
      #tagcloud a:hover, #tagcloud a:active {
          text-decoration: underline;
          color: #000;
      }
       
      #tagcloud span {
          padding: 4px;
      }
       
      .smallest {
          font-size: 10px;
      }
       
      .small {
          font-size: 11px;
      }
       
      .medium {
          font-size: 12px;
      }
       
      .large {
          font-size: 13px;
      }
       
      .largest {
          font-size: 14px;
		  font-weight:bold;
      }
	  
/* ------------------------------ */
/* ********Per fer 3 columnes, una flotant ************************************************************ */ 

#pagewidth{ 
 width:100%; 
 text-align:left; 
 margin:0 auto; 
} 
 
#leftcol{
 width:33%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }
 
#twocols{
 width:65%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:47%; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:50%; 
 }
 

.caixa_info_destacat {
    background-color: #FAFAFA;
    border-bottom-color: #D1D7DC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #D1D7DC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #D1D7DC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #D1D7DC;
    border-top-style: solid;
    border-top-width: 1px;
    color: #006600;
    font-family: Courier,'Courier New',sans-serif;
    font-size: 9px;
	}

 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('../imatges/estils/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../imatges/estils/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}