/* Taronja fort: ff7c00 */
*{padding:0; margin:0;}
ul, li {list-style:none}
a {text-decoration:none; color: #000;}
a:hover {color:#ff7c00}
h1 { font-size: 1.4em}
body {
  font-size:62.5%; 
  background-color:rgb(255,255,255); 
  font-family:verdana,arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

#wrapper {
  /*width:960px; 
  margin:10px auto;*/ 
}
#main {
  
  clear:both; 
  width:954px;
  margin:0 auto;
  /*width: 100%;*/ 
  padding:40px 0 30px; 
  line-height:1.7em;
  font-size:1.1em;
}
#head
{
  
}
/*** HEAD ****/
#header-top {
  height:110px; 
  margin-left:30px;
  overflow:visible !important /*Firefox*/; 
  overflow:hidden /*IE6*/;}

.sitelogo
{
background:transparent url(/images/logo.png) no-repeat scroll 0 0;
height:102px;
position:absolute;
width:97px;
z-index:1;
}

#sitename
{
height:45px;
margin:0px 0 0 120px;
overflow:visible !important;
position:absolute;
width:450px;
z-index:1;
top: 60px;
color: #ff7c00;
text-transform:uppercase;
}
#sitename span
{
  font-size:1.2em;
  font-weight:bold;
}

.nav0 {
  width:350px; 
  position:absolute; 
  z-index:2; 
  margin:25px 0 0 0; 
  margin-left:610px !important /*Non-IE6*/; 
  margin-left:613px /*IE6*/;
}
.nav0 ul {
float:right; 
padding:0 20px 0 0;
}
.nav0 li {
  padding:5px;
  }
.nav0 li a {
  padding:0 0 0 3px;
  }
.nav0 a:hover {

  }
.nav0 a img {
  height:20px; border:none;
  }
  
.nav2 {white-space:nowrap /*IE hack*/; float:left; width:100%; background:#ff7c00; color:#fff; font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul li {/*float:left*/; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a.actiu {background-color: #ccc}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:0 65px; text-transform: uppercase; font-weight:bold; color: #fff;}
.nav2 ul li ul {display:none; border:none;}

.nav2 ul {text-align:center;width:100%;}
.nav2 ul li {float:none; display:inline;margin:0 -3px;}
.nav2 ul li a {float:none; display:inline;padding:5px 60px;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:rgb(215,215,215); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(240,240,240); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(215,215,215); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(215,215,215); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.1em; t\op:2.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(240,240,240); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(215,215,215); text-decoration:none;} /*Color subcells hovering mode*/


/*** CONTINGUT ***/
h2{
 color:#ff7c00;
 font-size:1.6em;
 font-weight:bold;
 margin-bottom:20px;
 text-transform:uppercase;
}

strong
{
  font-weight:bold;
}
 .taronja
{
  color: #ff7c00;
  font-weight:bold;
}
.column1-unit
{
  width:65%;
  margin:0 auto;
}
#main p
{
  text-align:justify;
  margin-bottom:0.8em;
}
#main img
{
  border: 10px #ffb066 solid !important;
  text-align:center;
  margin:10px 15px;
}
#main #sf_asset_content img
{
  border: 0px !important;
  margin:2px;
}

#main #esquerra
{
  float:left;
  width:420px;
  }
  
 #main #dreta
 {
   float:right;
   width:420px;}
   
   .main-content-serveis
   {
     height:500px;
     background: transparent url(/images/linia.png) repeat-y 50% 0;
   }
.column2-unit-left
{
  float:left;
margin-left:8%;
width:45%;
  }
  .column2-unit-right
  {
    float:right;
  }

.contingut { margin-left:30px}
.seleccionat { color: #ff7c00; font-weight:bold}
#tornar_a 
{
  float:right;
  margin:80px 40px 0 0;
  text-transform:uppercase;
  font-weight:bold;
  color:#ff7c00;
}
