/* =Hoverbox Code 
----------------------------------------------------------------------*/ 
 
.hoverbox 
{ 
 cursor: default; 
 list-style: none; 
} 
 
.hoverbox a 
{ 
 cursor: default; 
} 
 
.hoverbox a .preview 
{ 
 display: none; 
} 
 
.hoverbox a:hover .preview 
{ 
 display: block; 
 position: absolute; 
 top: -33px; 
 left: -45px; 
 z-index: 1; 
} 
 
.hoverbox img 
{ 
 background: #fff; 
 /* 
 border-color: #aaa #ccc #ddd #bbb; 
 border-style: solid; 
 border-width: 1px; 
 */ 
 color: inherit; 
 /*padding: 2px;*/ 
 vertical-align: top; 
  
  
 /* ######## JA FEM EL THUMB AL DESAR LA FOTO ASSOCIADA A UNA PÀGINA ######### 
 width: 120px; 
 height: 78px;*/ 
} 
 
.hoverbox li 
{ 
 /*background: #eee;*/ 
 /*border-color: #ddd #bbb #aaa #ccc; 
 border-style: solid; 
 border-width: 1px;*/ 
 color: inherit; 
 display: inline; 
 float: left; 
 margin: 3px; 
 margin-right:10px; 
 /*padding: 5px;*/ 
 /*border:1px solid #ccc;/* afegit lowcost */ 
 *margin-top:14px;/* afegit lowcost */ 
 position: relative; 
 font-size:10px; 
 color:#000000; 
  
} 
 
.hoverbox .preview 
{ 
 border-color: #000; 
 width: 200px; 
 height: 150px; 
}


.hoverbox li:hover {
	cursor:pointer;
}