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



body {
  background:#000 url(../img/fons.gif);
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

  }


img {
  border:none;
  padding:0;
  margin:0;
  }

div.neteja {
  clear:both;
  }
  

 div#tot {
  width:885px;
  margin:0 auto 0 auto;


 }
 
 div.contenidor {
  width:856px;
  margin:0 auto 0 auto;
 }
 
 div#top
 {
 background:#000 url(../img/fons-top.gif) 0 bottom no-repeat;
 height:128px;
 }
 
 div#requadre
 {
	border:2px solid #fff;
	height:260px;
	background:#000;
 }
 
 div#cos
 {
 background:#000 url(../img/fons-cos.gif) 0 top no-repeat;
 padding:10px 15px 15px 15px;
 width:826px;
 margin:0 auto 0 auto;
 }
 
  div#peu
 {
 background:#202020;
 margin:0 auto 0 auto;
 line-height:15px;
 padding:10px 0 10px 0;
 }
 
 div#top div.esquerra
 {
 width:235px;
 float:left;
 padding:10px 0 0 10px;
 }
 
  div#top div.dreta
 {
 width:605px;
 float:right;
 padding:7px 5px 0 0;
 }
 
div#idiomes 
{
width:110px;
float:right;
padding:0 0 0 10px;
color:#fff;
font-size:10px;
border-left:1px solid #fff;
}

div#idiomes ul li
{
display:inline;
padding:0 2px 0 2px;
}

div#idiomes ul li a
{
color:#fff;
text-decoration:none;
}

div#idiomes ul li a:hover, div#idiomes ul li a.on
{
text-decoration:underline;
color:#CAC5C5;
}


div#facebook
{
width:90px;
font-size:10px;
text-align:left;
float:right;
padding:2px 15px 0 0 ;

}

div#facebook a
{
color:#fff;
text-decoration:none;
background:url(../img/facebook.gif) no-repeat left 2px;
padding:5px 0 0 23px;
display:solid;
}

div#facebook a:hover
{
text-decoration:underline;
}

div#frase
{
margin:21px 0 0 0;
}

div.bloc
{
width:255px;
float:left;
padding:0 10px 0 10px;
}

div.bloc div.imatge
{
width:133px;
height:144px;
float:left;
}
div.bloc div.descripcio
{
width:115px;
text-align:left;
float:right;
line-height:14px;
}

div.bloc div.descripcio h2
{
font-size:12px;
font-weight:normal;
margin:7px 0 8px 0;
}

div.bloc div.descripcio h2 a
{
color:#FAB303;
text-decoration:none;
}

div.bloc div.descripcio p a
{
font-size:10px;
color:#fff;
text-decoration:none;
}

 
 div.info
 {
 width:171px;
 float:left;
 color:#E2E2E2;
 }
 
  div.info a
 {
 color:#E2E2E2;
 }
 
  div.info a:hover
 {
 color:#fff;
 }
  
  div#avis
 {
 padding:2px 0 2px 0;
 background:#000;
text-align:right;
 }
 
   div#avis a
 {
color:#CAC5C5;
padding:0 10px 0 0;
font-size:10px;
 }
 
 div#baner
 {
 float:right;
 width:245px;
 height:260px;
 }
  div#baner img
 {
 width:245px;
 height:260px;
 }
 
 
   div#avis div.esquerra
 {
float:left;
width:209px;
text-align:left;
 }
 
    div#avis div#nutri
 {
float:left;
width:250px;
text-align:left;
font-size:9px;
line-height:10px;
color:#fff;
border-left:1px solid #fff;
padding:0 0 0 15px;
margin:7px 0 0 0;
 }
 
     div#avis div#nutri a
 {
padding:0;
 }
 
     div#avis div#nutri a:hover
 {

color:#E4A700;
 }
 
    div#avis div.dreta
 {
float:right;
padding:5px 0 0 0;
width:300px;
 }
 

 div#destacats
 {

 float:left;
 border:none;
 }
 
 
 /*********************** GALERIA DESTACATS ********************************/

#destacats { visibility: hidden;border:none;text-align:left;}
#destacats h1 { font-size:15px;padding:5px;color:#F7B500;font-weight:normal;}
#destacats p { font-size:12px;padding:0 0 0 5px;}

.panel img { width:638px;height:258px;}

.gallery {  }
.panel {}
.panel .panel-overlay,
.panel .overlay-background { padding: 0; }
.panel .overlay-background { background: #fff; }
.panel .panel-overlay {  font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }



 body.aviso {
  background:#000;
  text-align:left;
  font-family: Verdana, Arial,  Helvetica, 'sans-serif'; 
  font-size: 10px;
  color:#EFEFEF;
  padding:10px;
  line-height:16px;
  }
  
 
 .aviso h3
 {
 font-size: 10px;
 margin:0 0 10px 0;
 color:#F74F3F;
 }
 
  .aviso h4
 {
 font-size: 10px;
 margin:0 0 5px 0;
 color:#F74F3F;
 }
 
   .aviso a
 {
color:#fff;
font-weight:bold;
 }
 
  .aviso p, .aviso ul
 {
 margin:5px 0 5px 0;
 }
 
 
 div#social
 {
 width:500px;
 text-align:left;
 font-size:11px;
 line-height:16px;
 padding:10px;
 }
 
  div#social p
 {
margin:5px 0 5px 0;
 }
  
  div#social h1
 {
font-size:14px;
margin:10px 0 10px 0;
color:#D76B13;
 }
 
   div#social h2
 {
font-size:11px;
margin:15px 0 10px 0;
 }
 
 
   div#social ul
 {
padding:0 0 0 20px;
 }
 
 
  div#social ul li
 {
list-style:circle;
 }
 
   div#social a 
 {
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #D76B13;
color:#000;
 }