* 	{ 
margin: 0; 
padding: 0; 
list-style:none;
}

body {
  text-align:left;
  font-family: Arial,Verdana, Helvetica, 'sans-serif'; 
  font-size: 12px;
  color:#464646;
  line-height:16px;
  background:#f6f6f6;
  padding:20px 0 0 0;
  }

img {
  border:none;
  padding:0;
  margin:0;
  }
  
div.neteja {
  clear:both;
  }

  
div.contingut {
  margin:0 auto 0 auto;	
  width:892px;
  clear: both;
}

div#cos div.esquerra
{
float:left;
width:180px;
background:#fff;
margin:0 0 20px 0;
-webkit-box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 4px 10px rgba(50, 50, 50, 0.50);
box-shadow:         0px 4px 10px rgba(50, 50, 50, 0.50);
}

div#cos div.esquerra img
{
width:180px;
}

div#cos div.dreta
{
float:right;
width:688px;
}



div.menu{
  padding:10px 20px;
  font-size:14px;
  text-transform:uppercase;
  text-align:right;
}

div.menu ul li {
  margin:0 0 10px 0;
}

div.menu ul li a{
  text-decoration:none;
  color:#ba122b;
}


div.idioma
{
padding:0 20px;
font-family: Verdana,Arial, Helvetica, 'sans-serif'; 
text-align:right;
font-size:10px;
}

div.idioma ul
{
border-top:2px dotted #9a9999;
padding:10px 0;
}

div.idioma li
{
display:inline;
color: #9a9999;
}

div.idioma li a
{
color: #9a9999;
text-decoration:none;
padding:0 4px;
}

div.idioma li a:hover
{
text-decoration:underline;
}


div.benvinguda
{
  padding:15px;
  font-size:14px;
}

div.benvinguda h1
{
  text-transform:uppercase;
  font-size:17px;
  color:#ba122b;
}

div.benvinguda p
{
  margin:5px 0 0 0;
  line-height:18px;
}


div.galeria{
  margin:0 0 20px 0;
}


div.presentacio
{
  padding:15px;
  font-size:13px;
  color:#3e3e3e;
  width:410px;
  float:left;
}

div.presentacio div.item
{
  float:left;
  text-align:center;
  width:50%;
  padding:0 0 15px 0;
}

div.presentacio div.item h2
{
  text-transform:uppercase;
  font-size:17px;
  color:#ba122b;
  background:url(../img/punts.png) no-repeat 50% bottom;
  padding:0 0 15px 0;
  margin:0 0 10px 0;
}

div.facebook {
float:right;
width:240px;
background:#ccc;


}

div#peu
{
padding:20px 0 0 0;
height:90px;
background:#363636;
color:#fff;
font-size:12px;
margin:20px 0 0 0;
}

div#peu div.esquerra
{
float:left;
width:300px;
}

div#peu div.esquerra a
{
color:#e05a5a;
text-decoration:none;
}


div#peu div.dreta
{
text-align:right;
float:right;
width:500px;
font-family:arial;
}

div#peu div.dreta ul li
{
display:inline;
font-size:12px;
margin:0 0 0 9px;
}

div#peu div.dreta ul li a
{
text-decoration:none;
color:#fff;
}

div#peu div.esquerra  a:hover, div#peu div.dreta ul li a:hover
{
text-decoration:underline;
}