.any_ressenya{ 
 /* font-size: 2em !important; */ 
 /* padding-top: 0.5em !important;*/ 
 font-size: 3em !important;
 }
 
.any_ressenya.petit{ 
 /* Reduim el tamany de 4 a 2 */
 font-size: 1.2em !important;
 line-height:1.7em;
 /* padding-top: 0.5em !important;*/ 
 } 

.any_ressenya.gran{ 
 font-size: 6em !important;
 }

.llista_anys_ressenya
{   
   height: 60px;
   border-top: 3px solid #0B3764;
   border-bottom: 3px solid #0B3764;  
   margin-bottom: 15px;
   float: left;
   width: 100%;
   clear: both;
   position: relative;
}


.llista_anys_ressenya.petit
{
  height: 30px !important;
}

/*
   root element for the scrollable.
   when scrolling occurs this element stays still.
*/
.scrollable {
   float:left;   
   width: 95%;   
   height:60px;  
   overflow:hidden;
   position: relative;
}

.scrollable.normal
{
  width: 82% !important;
}

.scrollable.petit
{
	height: 30px !important;
}

.scrollable .items {
   /* this cannot be too large */
   width:20000em;
   position:absolute;
   clear:both;

}

.scrollable a {
   float:left;      
   margin-left:19px;
   margin-right:19px;  
   padding-top: 13px;
   color: #666666 !important;
}

.scrollable.petit a {
   padding-top: 0px !important;
}

.scrollable.normal a {
   margin-left:25px;
}

.scrollable a:hover{
  text-decoration: none !important;
}

.scrollable .active {
   background: url(scrollable/132461_element_seleccionat.gif) no-repeat;
   background-position: center;
   padding-top: 14px;
   color: #0B3764 !important;
}

.scrollable .active.petit {
   background: url(scrollable/element_seleccionat_petit.gif) no-repeat !important;
   background-position: center !important;
   padding-top: 0px !important;
   color: #0B3764 !important;   
   height: 30px;
}

a.browse_left
{
  display:block;
  background: url(scrollable/132463_fletxa_esquerra.gif) no-repeat;
  width: 40px;
  height: 60px;
  cursor: pointer;
  font-size: 1px;
  position:absolute;
  z-index:100;
  margin: 0px;
  font-size:0em;
  color:white;  
}
a.browse_left.petit
{
  background: url(scrollable/fletxa_esquerra_petita.gif) no-repeat !important;
  height: 30px !important;
  width: 20px !important; 
  cursor: pointer;
  z-index: 100; 
}

a.no_browse_left
{
  display:block;
  background: url(scrollable/132465_fletxa_no_esquerra.gif) no-repeat;
  width: 40px;
  height: 60px;
  cursor: auto;
  font-size: 1px;
  position:absolute;
  z-index:100;
  font-size:0em;
  color:white;  
}
a.no_browse_left.petit
{
  background: url(scrollable/fletxa_no_esquerra_petita.gif) no-repeat !important;
  height: 30px !important;  
  width: 20px !important; 
  z-index: 100;
  cursor: auto;  
}


a.browse_right
{
  background: url(scrollable/132462_fletxa_dreta.gif) no-repeat;
  width: 40px;
  height: 60px;
  cursor: pointer;
  font-size: 1px;
  position:absolute;
  z-index:100;
  right:4px;
  font-size:0em;
  color:white;  
}
a.browse_right.petit
{
  background: url(scrollable/fletxa_dreta_petita.gif) no-repeat !important;
  height: 30px !important; 
  width: 20px;
  right: -4px;  
  z-index:100;
  cursor: pointer;
}


a.no_browse_right
{
  background: url(scrollable/132464_fletxa_no_dreta.gif) no-repeat;
  width: 40px;
  height: 60px;
  cursor: auto;
  font-size: 1px;
  position:absolute;
  z-index:100;
  right:4px;
  font-size:0em;
  color:white;  
}
a.no_browse_right.petit
{
  background: url(scrollable/fletxa_no_dreta_petita.gif) no-repeat !important;
  height: 30px !important;    
  width: 20px;
  right: -4px;
  z-index:100;
  cursor: auto;
}

#enrera
{
  /*position: absolute;*/ 
  
    clear: both;
    float: left;
    position: relative;
}

#envant{
  clear: both;
  position: relative;
  float: right;
  top: -30px;
}

#envant.normal
{
  top: -60px !important;
}

.cos_ressenya{float:left;width:100%;}


.scrollable .items
{
 left:0px;
}

#uib_style_content.layout1 .scrollable a{margin-left:33px;}