/* $Id: contrast-starter-style.css,v 1.1.2.6 2010/02/14 06:44:16 sociotech Exp $ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */

/* HTML Elements
-------------------------------------------------------------- */
html { height: 100%; }

body {
  background: #fff;
	color: #676767;
	font: 12px/1.5 'Verdana',Arial,Helvetica;
}  

*
{

}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
color: #000;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
text-decoration: underline;
}

h1 {
  
 }

h2
{
	
	font-family: Arial;
}

h3
{
	
	font-family: Arial;
	color: #333;
}

h4
{
	
	font-weight: 700;
	color: #666;
}


p, p strong
{

	font-family: Arial;
}

ul, ul li, ol, ol li {font-family: Arial;}

/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  line-height: 150%;
  font-weight: bold;
  float: left;
  margin: 40px;
  max-width: 60%;
}

#site-name a:link,
#site-name a:visited,
#site-name a:active {
	color:#414141;
}
#site-name a:hover, #site-name a:focus {color: #000; text-decoration: underline;}

#slogan {
}


/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */

#header-site-info {
  height: 116px;
	margin: 0 auto;
	width: 100%;
  background: #fff;
}

  #header-site-info-inner {
    margin: 0;
    padding: 0;
  }
/* Add float here to put logo and site name side by side, also add margins as
  needed */

#logoUAB {
  float: left;
  width: 152px;
  height: 116px;
  margin: 0;
  padding: 0;
  background: #000 url(../images/logo-uab.png) no-repeat;
  }
  #logoUAB a {
    display: block;
    text-indent: -3000px;
    margin: 0;
    padding: 0;
    width: 152px;
    height: 116px;
    }

  #logoUAB a:focus {border: 1px solid #fff;}
    
#logo {
  width: 808px;
  height: 116px;
  float: left;
  margin: 0;
  padding: 0;
}


#logoCEI {
  width: 140px;
  height: 80px;
  float: right; 
  background: transparent url(../images/logoCEI.png) no-repeat;
  margin-top: 20px;
  margin-right: 10px;
}

/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
  margin: 0 auto;
  width: 1007px;
  background: none;
  padding: 0;
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
	margin: 0 auto;
	padding: 0;
}

#content-region ul {color: #333;}

#content-region li {color: #333;}

/* Degradats: top i bottom
-------------------------------------------------------------- */

#degradat-top
{
	background: none;
  height: 12px;
	width: 1007px;
	margin: 0 auto;
}

#degradat-bottom
{
	background: none;
  height: 24px;
	width: 1007px;
	margin: 0 auto;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */

#header-top-wrapper {
  background-image: none;
  background: none;
	height: 40px;
	margin: 0 auto;
	width: 1007px;
	padding: 0;
}

#header-top {
	text-align: left;
	margin: 0 auto;
	margin-left: 23px; /* afegit el 9 de juny de 2010 */
  background-image: none;
  background: none;
  color: #333;
	height: 30px;
  padding-top: 10px;
}

#header-top-inner {
  padding: 0;
  margin: 0;
  height: 30px;
}


.header-group-wrapper {
  background: none;
  margin: 0;
  padding: 0;

}

.header-group {

}

/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper {
}

.header-top {
  padding: 0;
  margin: 0;
}

.header-top .block {}
.header-top .block {}
  .header-top .block-title {}
  .header-top .block ul {}
    .header-top .block ul li {}
       .header-top .block ul li a { color: #333; }  
        .header-top .block ul li a:hover, .header-top .block ul li a:focus { color: #000; text-decoration: underline;}
  
  .header-top .block-search { color: #333;}  
    .header-top .block-search label {}
    .header-top .block-search .form-text {  background: none; border: 1px solid #ebebeb; }
    .header-top .block-search .form-submit { background: transparent url('../images/lupa2.png') right 3px no-repeat; }  

   .header-top ul li.en { background: transparent url(../images/headerTopLiBk2.png) 0px 3px no-repeat !important;}
   .header-top ul li.ca {background: transparent url(../images/headerTopLiBk2.png) right 3px no-repeat !important; padding-right: 8px;}
     .header-top ul li.ca + li.en { background: transparent url(../images/headerTopLiBk2.png) -2px 3px no-repeat !important;}
      .header-top ul li.en a, header-top ul li.es a, header-top ul li.ca a {}
        .header-top ul li.es a.active, .header-top ul li.ca a.active, .header-top ul li.en a.active {}


  .header-top .block-styleswitcher {}
    .header-top .block-styleswitcher ul li {}
      .header-top .block-styleswitcher ul li.last {}
      .header-top .block-styleswitcher ul li a {}


  .header-top .block-oaid_alternatesize {}
  .header-top .block-oaid_alternatesize ul li a {}
        .header-top .block-oaid_alternatesize ul li.first a {}
    .header-top .block-oaid_alternatesize ul li a {}
      .header-top .block-oaid_alternatesize ul li.last a {}
      
    
   .header-top .block-oaid_alternatestyle {width: 140px!important;}   
    .header-top .block-oaid_alternatestyle .block-title {color: #333;  }
      .header-top .block-oaid_alternatestyle ul li.last {}
	  
    .header-top .block-oaid_alternatestyle ul li {}
    .header-top .block-oaid_alternatestyle ul li a {line-height: 1.6em; }




  .header-top .block-menu  {width: 260px; }
    .header-top .block-menu li {}
      .header-top a:hover, .header-top a:focus {color: #000; text-decoration: none;}
    
    
  
/* Primary Menu   TODO: add default colours
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
#primary-menu {
	height: 28px;
	position: relative;
	text-align: left;
	margin: 0;
	margin-top: 10px; /* afegit el 9 de juny de 2010 */
	padding: 0;
	background: #fff;
	color: #333;
	border-bottom: 1px solid #ddd;
}

#primary-menu ul.menu {
	font-weight: 700;
	display: block;
	height: 28px;
	list-style: none;
}

#primary-menu ul.menu li {
	border: none;
	display: block;
	float: left;
	height: 28px;
	text-align: center;
	margin: 0;
	color: #fff;
	background: #40484b url(../images/bg-navegacio-on.jpg) repeat-x;
	border-right: 1px solid #fff;
}

#primary-menu ul.menu li.first {
  margin-left: 12px;
  border-left: none;  
}

#primary-menu ul.menu li a
{
	display: block;
	padding: 0 12px;
	background: transparent;
	color: #fff;
	line-height: 28px;
	font-family: 'Verdana';
}

#primary-menu ul.menu li a:hover, #primary-menu ul.menu li a:focus {
  background: #eee;
  color: #000;
  text-decoration: underline;
}

/* styles for Superfish primary menu */
/* esborrat */

/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited { padding: 3px;}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {}



/* Header - Search
-------------------------------------------------------------- */
.search-box {}

.search-box-inner {}

.search-box-inner form#search-theme-form {}

.search-box-inner input#edit-search-theme-form-header {}


/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
/*preface-top-wrapper {background: transparent url('../images/degradat-content.png') repeat-y;}*/

.preface-top {}

.preface-top-inner {}

.preface-bottom {}

.preface-bottom-inner {}


/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
#main {
 	padding: 20px 0;
 	margin-left: 23px;
	color:#333;
	background: #fff;
	line-height: 1.6em;
}

#main-group {}

.main-wrapper {
  background: none;
}



/* advanced ddblock slideshow 
/*------------------------------------------------------------- */
.block-ddblock { padding: 0; margin: 8px 0 0 10px; width: 100%!important; }
    .block-ddblock .block-title {display: none;}
  .block-ddblock .content {padding: 0; margin: 0; }

.slider {float: left; background: none; height: 260px; width: 90%; margin-top: 0; padding: 0; }
.slide {min-height: 260px; margin: 0; padding: 0; float: left; }
 .slider .slide-text {min-height: 258px; width: 34%; float: right; display: inline; margin-right: 5%;  margin-bottom: 0;}
  .slider .slide-text h2, .slider .slide-text h2 a {	color: #000; font-weight: bold; padding: 0; margin: 0; margin-top: 20px;}
  
  .slider .slide-text .slide-text-inner {padding: 0; margin: 0;}
    .slider .slide-text .slide-text-inner .slide-body-inner {padding: 0; margin: 0; }
      .slider .slide-text .slide-text-inner .slide-read-more {padding: 0; margin: 0;}
  
.custom-pager {margin: 0; padding: 0; float: left; min-height: 260px; margin-left: -10px; }
  .custom-pager .custom-pager-item {padding: 0 !important; margin: 0; height: 52px;}
  .custom-pager a {height: 100%; padding: 0; }
    .custom-pager img:hover, .custom-pager a.pager-link.activeSlide { opacity:0.5; filter: alpha(opacity=30);  }



/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */


.sidebar-first {}

.sidebar-last {}


/* Content Regions
-------------------------------------------------------------- */
.content-top {}

.content {}

.content-inner { }

.content-bottom {}

#content-inner { padding: 5px;}

#content-region-inner {padding: 0; margin: 0;}
  #content-region-inner .block {margin: 0 0 0 1px; padding: 0;}

 
/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top {}

.postscript-top-inner {}

/*.postscript-bottom-wrapper {background: transparent url('../images/degradat-content.png') repeat-y;}*/

.postscript-bottom {}

.postscript-bottom-inner {}

#footer, #footer-message {color: #000;}
  #footer-message .footer-message-text-inner {color: #000;}
  #footer .block p {color: #000;}

.footer-wrapper {	}

.footer {
  border-top: 1px solid #ddd;
  clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333;
}
    .footer a {
    color: #000;
    font-weight: bold;
    }
      .footer a:hover, .footer a:focus {
        text-decoration: underline;
      }

.footer-inner {}

.footer-message-wrapper {}

.footer-message {}

.footer-message-inner {}

.footer-message-text {}

 
.footer .block {margin-bottom: 0; margin-top: 10px;} 
  .footer .block .block-title {display: none;}
.footer ul.menu {
  margin: 0 auto;
  margin-left: 40%;
  text-align: center;
  padding: 0;
} 
   .footer ul.menu li {
    text-align: center;
    float: left;
    list-style: none;
    font-weight: normal;
    }
    
      .footer ul.menu li a {
        border-right: 1px solid #666; 
        padding: 0 5px;
	      font-family: 'Verdana', Arial, Helvetica;
	      font-weight: normal;
        }
          .footer ul.menu li.last a {
            border-right: none;
          } 
    
.footerInst {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: 'Verdana', Arial, Helvetica;
}
    .footerInst a, .footerInst p {
    color: #000;
    font-weight: bold;
    font-family: 'Verdana', Arial, Helvetica;
    }
    .footerInst p {color: #333;}
      .footerInst a:hover, .footerInst a:focus {
        text-decoration: underline;
      }
      .footerInst p { font-weight: normal;}


/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {}


/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background: #fff;
}
.preview .node {
  background: #fff;
}

/* Typography for node titles */
#content-region h2.title {
  display: none;
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {}

/* Separators and padding for node teasers */
.teaser {}

/* Author/date info */
.meta {}

.submitted {}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {}
.node ul.links a {}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {}

/* Status messages: green */
div.content-messages-inner div.status {}

/* Warning messages: yellow */
div.content-messages-inner div.warning {}

/* Error messages: red */
div.content-messages-inner div.error {}

/* Help messages: blue */
div.content-help-inner div.help {}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #EF5A69;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #EF5A69;
}


/* Default block styles 
/-------------------------------------------------------------- */
.block {
  font-weight: bold;
 
}

.block p {
  font-weight: normal;
}

.block ul li a {
  font-family: 'Verdana', Arial, Helvetica;
}

/* Default block styles in sidebar-first
/-------------------------------------------------------------- */
#sidebar-first, #sidebar-first #block-menu-primary-links {margin-left: 0; padding-left: 0;}

.sidebar-first .block-menu .block-title {display: none;}

/* Default block styles in sidebar-last 
/-------------------------------------------------------------- */

.sidebar-last .block {
  margin: 8px 12px 8px 0;
  padding: 0;
 	text-align: left;
	color: #000;
}



.sidebar-last .content {
  border: 1px solid #D7D7D7;
	text-align: left;
	margin: 0;
	padding: 6px 12px 11px 12px;
	color: #000;
}


/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
	font-family: Arial;
 	font-weight: lighter;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	color: #000;
}


/* Default block title styles in sidebar-last
/-------------------------------------------------------------- */

.sidebar-last h2.block-title {
	font-family: Arial;
 	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	background: #fff;
	color: #333;
	display: block;
	line-height: 24px;
	padding: 0 10px 0 0;
}



/* Default block list styles in sidebar-first: Primary links
/-------------------------------------------------------------- */
#sidebar-first #block-menu-primary-links {
  margin-bottom: 22px;
}

#sidebar-first #block-menu-primary-links .block-title {display: none;}

#sidebar-first #block-menu-primary-links  ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Verdana', Arial, Helvetica; 
  border: none;
  background: #fff;
}
  #sidebar-first #block-menu-primary-links ul ul {
    margin: 0;
    padding: 0;
    border: none;
    background: #fff;
  }
      #sidebar-first #block-menu-primary-links  ul ul ul {
        padding: 0;
        margin: 8px 2px 6px 8px;
        border: none;
      }


#sidebar-first #block-menu-primary-links ul li {
  font-family: 'Verdana', Arial, Helvetica; 
  list-style: none;
  padding: 0;
	color: #000;
	margin: 5px 0;
	border: none;
	background: #fff;
}
  #sidebar-first #block-menu-primary-links ul li ul li {
    margin: 0 /*0 2px 0*/;
    padding: 1px 3px 3px 12px; 
    background: #fff;
    color: #000;
    margin-top: 6px;
    }
    #sidebar-first #block-menu-primary-links ul li ul li.nolink-li {
      border: none;
      border-bottom: 1px solid #ccc; 
      margin-bottom: 5px; 
      margin-top: 15px;
      padding-top: 8px;
      background: #fff;
      line-height: 1.2em;
      } 
        #sidebar-first #block-menu-primary-links ul li ul li.nolink-li.first {margin-top: 0;}
          #sidebar-first #block-menu-primary-links ul li ul li.first.nolink-li {
            background-image: none !important; 
            }      

    #sidebar-first #block-menu-primary-links ul li ul li.last {
      background: #fff;
      border-bottom: none;
      padding-bottom: 8px;
      }

      #sidebar-first #block-menu-primary-links ul li ul li ul li {border: none; margin: 0; padding-left: 0; padding-right: 0;}
        #sidebar-first #block-menu-primary-links ul li ul li ul li a {color: #333;}
      #sidebar-first #block-menu-primary-links ul li ul li ul li.last {background-image: none; padding-bottom: 3px;} 
     

#sidebar-first #block-menu-primary-links ul li a {display: none; color: #000;  line-height: 1.3em;}
#sidebar-first #block-menu-primary-links ul li ul li a, #sidebar-first #block-menu-primary-links ul li ul li ul li a {display: block;}

#sidebar-first #block-menu-primary-links ul li ul li.leaf, #sidebar-first #block-menu-primary-links ul li ul li ul li.leaf {display: block;}

#sidebar-first #block-menu-primary-links ul li a:hover, #sidebar-first #block-menu-primary-links ul li a:focus {text-decoration: underline; color: #000;}


/* Block Menu in sidebar-first: secondary menus in left side
/-------------------------------------------------------------- */  
#sidebar-first ul {
  margin: 0;
  padding: 0 0 5px 0;
  background: none;
}
  #sidebar-first ul li {
    list-style: none;
    padding: 4px 4px 4px 12px;
    background: #fff;
  }
  
    #sidebar-first ul li.last {
  /*  border-bottom: 1px solid #E9E9E9;*/
    border-bottom: none;
      }
      
    #sidebar-first ul li a {
      color: #333; 
    }
        #sidebar-first ul li a:hover {
          text-decoration: underline;   
         }
        #sidebar-first ul li a:focus {
          text-decoration: underline;  
        }
        
        
/* Block Menu Actualitat i Destacats a la pàgina d'inici
/-------------------------------------------------------------- */  
.actualitat-destacats-inici, #block-menu-menu-noticies-agenda-inici,
 #block-menu-menu-noticies-agenda-centres
 {
  width: 100% !important;
/* background: #d7d5d6;*/
  background: #fff;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
}

  .actualitat-destacats-inici ul.menu, #block-menu-menu-noticies-agenda-inici ul.menu,
  #block-menu-menu-noticies-agenda-centres ul.menu {
    margin: 0;
    height: 24px;
  }

    .actualitat-destacats-inici ul.menu li, #block-menu-menu-noticies-agenda-inici ul.menu li,
    #block-menu-menu-noticies-agenda-centres ul.menu li {
      list-style: none;
      padding: 0 8px 0;
      line-height: 2.3em;
	    float: left;
	    margin-right: 20px;
    }

     .actualitat-destacats-inici ul.menu li a, #block-menu-menu-noticies-agenda-inici ul.menu li a,
     #block-menu-menu-noticies-agenda-centres ul.menu li a {
      font-family: Arial;
      margin: 0;
      height: 100%;
      display: block;
      float: left;
      color: #676767;
      text-transform: uppercase;
      font-weight: bold;
	    line-height: 24px;
	    padding-left: 2px;
	    padding-right: 20px;
    }
      .actualitat-destacats-inici ul.menu li.first, #block-menu-menu-noticies-agenda-inici ul.menu li.first,
      #block-menu-menu-noticies-agenda-centres ul.menu li.first {
        /* background: url('../images/bg-titulBlau2.png') repeat-x;*/
         background: none;
      }
      .actualitat-destacats-inici ul.menu li.last, #block-menu-menu-noticies-agenda-inici ul.menu li.last,
      #block-menu-menu-noticies-agenda-centres ul.menu li.last {
       /* background: url('../images/bg-titulBlau2.png') repeat-x;*/
        background: none;
        float: right;
        margin-right: 0;
      }
        .actualitat-destacats-inici ul.menu li.first a, .block-menu-menu-noticies-agenda-inici ul.menu li.last a, 
        #block-menu-menu-noticies-agenda-inici ul.menu li.first a, #block-menu-menu-noticies-agenda-inici ul.menu li.last a,
        #block-menu-menu-noticies-agenda-centres ul.menu li.first a, #block-menu-menu-noticies-agenda-centres ul.menu li.last a {
         /* background: transparent url('../images/f-blanca.png') right 9px no-repeat;*/
          background: #fff url('../images/fletxa-esquerre.gif') right 2px no-repeat;
          font-weight: bold;
          color: #000;
        }
        
/* Default block list styles in sidebar-last
/-------------------------------------------------------------- */
.sidebar-last .block-menu ul {
  margin: -6px -12px -11px -12px;
  padding: 0;
	font-weight: 700;
	list-style: none;
	text-align: left;
}
 
 
  .sidebar-last .block-menu ul ul, .sidebar-last .block-menu ul ul ul {
     margin: 0;
  }
.sidebar-last .block-menu ul li {
  list-style: none;
  border-top: 1px solid #eee;
	height: 1.7em;
	line-height: 20px;
	margin: 0;
}
  .sidebar-last .block-menu ul li.first {
    border: none;
    }
.sidebar-last .block-menu ul.menu li a {
  background: transparent url(../images/fletxa-esquerre.gif) right no-repeat; 
	color: #414141;
  display: block;
  padding-left: 12px;
}

.sidebar-last .block-menu ul.menu li a:hover, .sidebar-last .block-menu ul.menu li a:focus  {
 	background: #fff url(../images/fletxa-esquerre-hover.gif) right no-repeat;
	color: #000;
	text-decoration: underline;
}


/* user block (in sidebar-first)
--------------------------------------------------------------*/
.block-user ul li {list-style-image: none; list-style-type: none; margin: 4px 0;}
.block-user ul li {text-transform: uppercase;}
.block-user ul li a {color: #414141;}
.block-user ul li li, .block-user ul li li li {text-transform: none;}
.block-user ul li li a {color: #676767;}
.block-user ul li li li a {font-weight: normal;}
.block-user ul li li li a.active {font-weight: bold; color: #333;}
.block-user ul li a:hover, .block-user ul li a:focus {text-decoration: underline;}


/* contacte block
--------------------------------------------------------------*/
.contacte .content {background: #fff; }

.sidebar-last .contacte .block-title {
    background-image: none !important;
    background-color: #fff !important;
  }



/* actualitat block
-------------------------------------------------------------- */


.actualitat, .view-actualitat {
  margin: 3px 0 20px 0;
  padding: 0;
  font-family: /*'Verdana', */Arial, Helvetica;
  }

  .actualitat h2, .destacats h2, .view-actualitat h2 {
 	  font-weight: lighter;
	  height: 24px;
	  line-height: 2.3em;
	  text-transform: uppercase;
	  vertical-align: middle;
	  text-align: left;
	  margin: 0 0 6px 0;
	 /* background: #d7d5d6;*/
	  background: #fff;
	  color: #000;
	  padding-left: 10px;
  }

  .actualitat .imatge, .view-actualitat .imatge {
    float: left;
    max-height: 140px;
    margin-top: 4px;
    padding: 0;
    }
    .actualitat .imatge img, .view-actualitat .imatge img {
      margin-right: 12px;
      width: 96px;
      height: 96px;
    }

  .actualitat .abstract p, .view-actualitat .abstract p {
     font-family: /*'Verdana', */Arial, Helvetica;
    }

   .actualitat .more a, .view-actualitat .more a {
    font-weight: normal;
    float: right;
    margin-top: -26px;
    }

    .actualitat .titol, .actualitat .titol a, .view-actualitat .titol, .view-actualitat .titol a {
      padding: 0;
      margin: 0;
    }
    .actualitat .titol, .view-actualitat .titol {
      margin-bottom: -6px;
    }


.view-actualitat {/*width: 400px;*/ float: left;}




/* destacats block
-------------------------------------------------------------- */
.destacats {
  padding: 0; 
}

.destacatsHome {
  padding: 0;
  margin:0;
}
   
  .destacatsHome .inner {
    padding: 0;
    margin: 0;
    }
    .destacatsHome .inner .content {}
    
  .destacatsHome p { padding: 0;}
  .destacatsHome a {
    max-width: 94% !important;
   /* background: transparent url('../images/bg-bottom.png') bottom repeat-x !important;*/
	  padding: 0;
    padding-bottom: 2px;
	  margin: 0 auto 7px auto;
    }
    
    .destacatsHome img.image {
        max-width: 100%;
        padding: 0;
        margin: 0;
        border-left: 1px solid #ccc;
    	  border-right: 1px solid #ccc;
    	  border-top: 1px solid #ccc;
  }



/* Exposed forms
-------------------------------------------------------------- */
.views-exposed-form .views-exposed-widgets {}

.views-exposed-form {}
  
/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
  margin-top: 14px;
  margin-left: 20px;
  padding-left: 18px;
  background: url('../images/home.gif') 0 3% no-repeat;
  font-family: Arial;
  font-weight: normal !important;
}

.breadcrumbs a:link,
.breadcrumbs a:focus,
.breadcrumbs a:visited {
  color: #000;
  font-weight: bold;
}



/* actualitat: notícies completes (node)
-------------------------------------------------------------- */

#noticia, #noticia p, #llistat, #llistat p {
  color: #333;
  font-family: 'Verdana', Arial, Helvetica !important;
  font-weight: normal;
}


  #noticia h2 {
    color: #000;
    font-family: 'Verdana', Arial, Helvetica;
    line-height: 1.4em;
  }
  #noticia .imatge {
    float: left;
    margin-right: 10px;
  }
   #noticia .text {
    width: 100%;
  }

    #noticia .data, #llistat .data {
      font-weight: normal;
      float: left;
      margin-right: 4px;
      margin: 0 4px 0 0;

      line-height: 1.4em;
     }

    #noticia .extendedAbs, #noticia .extendedAbs p {font-weight: bold;}
      #noticia .extendedAbs p strong {font-family: 'Verdana', Arial, Helvetica; }
  
    #noticia .category, #llistat .category {
      float: left;
      margin-right: 4px;
      margin: 0 4px 0 0;
      
      line-height: 1.4em;
      text-transform: uppercase;
      color: #000;
      font-weight: bold;
    }
      #noticia .category span, #noticia .text ul li, #llistat .category span {color: #000;}
      #noticia .text ul li {font-weight: normal; font-family: 'Verdana', Arial, Helvetica;}
    
  #noticia .cosNoticia strong {color: #60686A; font-family: 'Verdana', Arial, Helvetica;}
  
  
  #noticia .linksBottom {margin-top: 30px;}
    #noticia .linksBottom ul {float: none; height: 1.5em; margin-bottom: 0; padding: 0;}
    #noticia .linksBottom ul li {
      list-style: none;
      float: right;
      padding-left: 10px;
    }
      #noticia .linksBottom ul li a {
        color: #333;
        font-family: 'Verdana', Arial;
        padding-left: 20px;
      } 
        #noticia .linksBottom ul li.enviar a {background: transparent url('../images/send.png') no-repeat;}
        #noticia .linksBottom ul li.imprimir a {background: transparent url('../images/print.png') no-repeat;}
        #noticia .linksBottom ul li.imprimir input {
          background: transparent url('../images/print.png') no-repeat;
          border: none;
          color: #333;
          font-family: 'Verdana', Arial;
          padding-left: 20px;
          cursor: pointer;
          }
         #noticia .linksBottom ul li.imprimir input:hover {text-decoration: underline; color: #000;}
        #noticia .linksBottom ul li a:hover, #noticia .linksBottom ul li a:focus {
          text-decoration: underline; color: #000;
          }
          
  #noticia .pdf {
    font-family: 'Verdana', Arial;
    padding-left: 10px;   
    margin-top: 10px;
    height: 1.5em;
  }
     #noticia .pdf a {
      float: right;
      padding-left: 14px;
      color: #333;
      background: transparent url('../images/document.png') no-repeat 0 2px; 
     } 
     #noticia .pdf a:hover, #noticia .pdf a:focus {text-decoration: underline; color: #000;}
     
  #noticia .linknoticies {
    font-family: 'Verdana', Arial;
    margin-top: 16px;
    }
      #noticia .linksBottom .linknoticies a {
        color: #333;
        text-decoration: underline;
      }
        #noticia .linksBottom .linknoticies a:hover, #noticia .linksBottom .linknoticies a:focus {font-weight: bold; color: #000;}
        
  
  #llistat .titol span {
    text-decoration: underline;
    color: #000;
  }

  #llistat {
    border-bottom: 1px dashed #828C8E;
    margin-top: 6px;
    padding-bottom: 10px;
  }

    #llistat .titol {line-height: 1.3em;}
    #llistat .data, #llistat .category {}

/* Vista de notícies
/-------------------------------------------------------------- */
.view-id-llistatnews .item-list ul.pager li.pager-current {color: #333 !important;}
.view-id-llistatnews ul.pager a {color: #676767;}



/* Filtratge per a notícies (page)
/-------------------------------------------------------------- */
.views-exposed-form {}
.views-exposed-widget { margin-bottom: 30px;}
  
  .views-exposed-form .views-exposed-widget label {width: 120px !important; margin-bottom: 4px!important;}
  .views-exposed-widget label {
    float: left !important;
    margin-right: 6px;
    font-weight: normal;
    font-family: 'Verdana', arial;
    padding: 0;
    color: #000;
  }

  .views-exposed-widget select {
    float: left;
    margin-top: 4px;

  }


  .views-exposed-widget .form-submit {
     border: 1px solid #ccc !important;
     color: #000;
     background: #eee;
     float: right;
     margin: 0;
     font-weight: normal;
     font-family: 'Verdana', arial;
     width: 60px;
    }
      .views-exposed-widget .form-submit:hover, 
      .views-exposed-widget .form-submit:focus {
        font-weight: bold;
      }

   #content-top .views-exposed-widget .date-views-filter-wrapper {display: none;}
   #content-top .views-exposed-widget #edit-keys-wrapper {display: none;}


/* Filtratge per a notícies (block, sidebar-last)
/-------------------------------------------------------------- */

.noticiesArxius .content {background: #fff; border: 1px solid #ddd; color: #333; }
.noticiesArxius h2.block-title {background: none; color: #333; padding-top: 10px; padding-left: 0; font-family: 'Verdana', arial; }

.sidebar-last .views-exposed-widget {margin-bottom: 6px;}
.sidebar-last .views-exposed-widget label {float: left; width: 60px; margin: 0 4px 0 0; padding: 3px 0 0 0; line-height: 1em; }
.sidebar-last .views-exposed-widget .views-widget {float: left; width: 120px;}
.sidebar-last .views-exposed-widget .date-views-filter-wrapper .description { width: 120px; }
.sidebar-last .views-exposed-widget .date-views-filter-wrapper .date-clear { width: 110px;}
.sidebar-last .views-exposed-widget input {background: #ccc;}
.sidebar-last .views-exposed-widget input#edit-keys {background: #fff; }

/* Webform: enviar notícia a un amic
/-------------------------------------------------------------- */
.node-type-webform .webform-client-form { 
  margin-top: 20px; 
  border-top: 3px solid #505050; 
  padding-top: 14px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #505050;
  width: 70%;
  }

.node-type-webform .webform-client-form input {}
.node-type-webform .webform-client-form .webform-component-textfield label, .node-type-webform .webform-client-form .webform-component-email label { 
  width: 158px;
  color: #333;  
  font-family: 'Verdana', Arial;
  font-weight: normal;
  float: left;
  text-align: right;
  margin-right: 10px;
  }

  .node-type-webform .webform-client-form .webform-component-textarea label {
    float: none;
    font-weight: bold;
    font-family: 'Verdana';
    margin-bottom: 10px;
    margin-top: 30px;
    margin-left: 18px;
    }
  .node-type-webform .webform-client-form .webform-component-textarea .resizable-textarea {
    margin-left: 12px;  
    padding: 2px 2px 2px 8px;
    }
  .node-type-webform .webform-client-form .form-submit {
    font-weight: normal;
    font-family: Arial;
    margin: 6px 0 30px 20px;
  }
  
    .node-type-webform .webform-client-form .img_assist-button {display: none;}
    .node-type-webform .links a {display: none;}
    
div.links {display: none;}


/* Agenda-calendar
/-------------------------------------------------------------- */

.content-content .calendar-calendar ul.links li {display: none;}

.sidebar-last .calendar-calendar ul.links {margin-top: 10px; }
.calendar-calendar ul.links li.first a {background: transparent url('../images/any.png') no-repeat top !important;}
.calendar-calendar ul.links li.first + li a {background: transparent url('../images/mes.png') no-repeat top;}
.calendar-calendar ul.links li.first + li + li a {background: transparent url('../images/setmana.png') no-repeat top;}
.calendar-calendar ul.links li.last a {background: transparent url('../images/dia.png') no-repeat top !important;}


.calendar-calendar ul.links li.first a:hover, .calendar-calendar ul.links li.first a:focus {background: transparent url('../images/anyHover.png') no-repeat top !important; color: #000;}
.calendar-calendar ul.links li.first + li a:hover, .calendar-calendar ul.links li.first + li a:focus {background: transparent url('../images/mesHover.png') no-repeat top;color: #000;}
.calendar-calendar ul.links li.first + li + li a:hover, .calendar-calendar ul.links li.first + li + li a:focus {background: transparent url('../images/setmanaHover.png') no-repeat top;color: #000;}
.calendar-calendar ul.links li.last a:hover, .calendar-calendar ul.links li.last a:focus {background: transparent url('../images/diaHover.png') no-repeat top !important; color: #000;}


.calendar-calendar .date-nav {background: #fff !important; border: 0 !important; border-bottom: 2px solid #ccc !important; border-top: 2px solid #ccc !important; margin-bottom: 10px;}
.calendar-calendar .date-nav, .calendar-calendar .date-nav a, .calendar-calendar .date-nav .date-heading h3 {color: #333; font-family: 'Verdana', Arial; font-weight: normal; padding-bottom: 4px; line-height: 1.4em;}
.calendar-calendar .date-nav a, .calendar-calendar .date-nav a:hover, .calendar-calendar .date-nav a:focus {text-decoration: underline; color: #000 !important; }
  .calendar-calendar .date-nav a:hover, .calendar-calendar .date-nav a:focus {font-weight: bold;}
.calendar-calendar .date-nav .date-heading, .calendar-calendar .date-nav .date-heading h3 {color: #333; }

.view-agenda { font-family: 'Verdana', Arial, Helvetica; }


/*.sidebar-last .date-nav {display: none;}*/ /*per a biocluster */
.sidebar-last .block-links .date-nav {} /*per a biocluster */
.sidebar-last .calendar-mes-sidebar .date-nav h3 {}
.sidebar-last .calendar-mes-sidebar .date-nav {}
.calendar-mes-sidebar .today {background: none!important; border-bottom: 2px solid #000;}
  .calendar-mes-sidebar .has-events {background: none!important;border-bottom: 2px solid #000;}
    .calendar-mes-sidebar .today.has-events {background: none!important; }
    .calendar-mes-sidebar .has-events a {color: #000!important; font-weight: bold!important; text-decoration: none;}
.calendar-mes-sidebar table tbody tr td:hover {background: none!important;}
.calendar-mes-sidebar table thead th {background: none!important;}

  /* últimes 3 notícies al sidebar-right, baix del block de calendari*/
  .calendar-mes-sidebar .view-header {border-bottom: 1px solid #000;}
    .calendar-mes-sidebar .view-header p {}
  .calendar-mes-sidebar .view-content { }
    .calendar-mes-sidebar .view-content .views-field-title {}
      .calendar-mes-sidebar .view-content .views-field-title a:hover, .calendar-mes-sidebar .view-content .views-field-title a:focus {border-bottom: 1px solid #000;}
    .calendar-mes-sidebar .view-content .views-field-field-dia-value {}
    .calendar-mes-sidebar .view-content .views-field-field-agenda-category-value {}
  /* */


/* taula agenda en general */
.calendar-calendar table {font-family: 'Verdana', Arial, Helvetica; }
.calendar-calendar table thead tr th.days {border: none; border-bottom: 1px solid #ccc; color: #666;  height: 30px;}
.calendar-calendar table tr .calendar-empty {display: none;}

.calendar-calendar table tbody tr td {border: 1px solid #F2F2F2;text-align: center; }
.calendar-calendar table tr td.empty {background: none; border: none;}
.calendar-calendar table tr td.week {border: none; background: #fff; padding-left: 2px; padding-right: 2px;}
.calendar-calendar table tr td.week a {color: #666;}

.calendar-calendar table tbody tr td.today {background: #ddd;}
.calendar-calendar table tbody tr td.today a, .calendar-calendar .month-view table tbody tr td.has-events a {color: #000;}
.calendar-calendar table tbody tr td.has-no-events.today:hover {background: #E5E5E5;}
.calendar-calendar table tbody tr td.has-events {background: #fff;}
.calendar-calendar table tbody tr td.today.has-events {background: #D6D6D6;}
.calendar-calendar table tbody tr td.has-events .view-field, .calendar-calendar .month-view table tbody tr td.has-events .view-field a {background: #fff; color: #333;}
.calendar-calendar table tbody tr td.has-events .view-data-node-title a {color: #676767; font-weight: bold;}

.calendar-calendar table tr td .month, .calendar-calendar .month-view table tr td .month a {border: none;  background: none; color: #333;}
.calendar-calendar .month-view table tr td.today a {color: #000;} 

.calendar-calendar table tbody tr td.has-no-events:hover {background: #F2F2F2;}


/* vista diària*/ /* afegit a la revisió */
 
  .calendar-calendar .day-view table thead {}
  .calendar-calendar .day-view table tbody {}

  .calendar-calendar .day-view table td.calendar-agenda-hour {}
  .calendar-calendar .day-view table td.calendar-agenda-items {}
    .calendar-calendar .day-view table td.calendar-agenda-items .calendar {}
      .calendar-calendar .day-view table td.calendar-agenda-items .calendar .view-item-calendar {}
      .calendar-calendar .day-view table td.calendar-agenda-items .calendar .view-item-calendar .dayview {}
        .calendar-calendar .day-view table td.calendar-agenda-items .calendar .view-item-calendar .view-field {color: #333;}
        .calendar-calendar .day-view table td.calendar-agenda-items .view-field.node-title {}
          .calendar-calendar .day-view table td.calendar-agenda-items .node-title a {color: #333; }  
            .calendar-calendar .day-view table td.calendar-agenda-items .node-title a:hover,
            .calendar-calendar .day-view table td.calendar-agenda-items .node-title a:focus {color: #000;}

/* fi agefit a la revisió */


/*taula agenda petita (vista anual) */
.calendar-calendar a {color: #333;}
.calendar-calendar .year-view table { }
.calendar-calendar .year-view table thead tr th.days {height: 2.2em;line-height: 2.2em;}
.calendar-calendar .year-view table tr td.empty {background: none;}
.calendar-calendar .year-view table tbody tr td.has-events a {font-weight: bold; text-decoration: none; color: #333;}
.calendar-calendar .year-view table tbody tr {height: 2em;line-height: 2em;}
.calendar-calendar .year-view table tbody tr td {border: none;}


/* vista anual */
.calendar-calendar .month-view {padding: 8px;}
.calendar-calendar .month-view {margin-top: 10px;}
.calendar-calendar .month-view .date-nav {background: #fff !important; border: 0 !important; border-bottom: none; margin-bottom: 10px;}
.calendar-calendar .month-view .date-heading h3 a {color: #676767; text-decoration: none; font-weight: bold; }
.calendar-calendar .month-view .has-no-events a {color: #666;}


/*taula agenda vista setmanal */
.calendar-calendar .week-view table thead tr th.days {border: none; border-bottom: 1px solid #ccc; color: #666; height: 30px;}
.calendar-calendar .week-view table tbody tr td {border: 1px solid #F2F2F2;text-align: center; }
.calendar-calendar .week-view table tr td .week, .calendar-calendar .week-view table tr td .week a {border: none;  background: none; font-weight: bold;}

.calendar-calendar .week-view table tbody tr td.calendar-agenda-items {border-top: none;}
.calendar-calendar .week-view table tbody tr td.calendar-agenda-items .calendar .calendar {background: #fff;}

.calendar-calendar .week-view table tbody tr td .view-field, .calendar-calendar .week-view table tbody tr td .view-field a {background: #fff;}
.calendar-calendar .week-view table tbody tr td .view-data-node-title a {color: #333; font-weight: bold;}

span.calendar-hour {font-family: 'Verdana', Arial, Helvetica;  }


/* Agenda Teaser*/

.view-agenda .views-field-changed {color: #333;font-weight: normal; float: left; width: 120px; display: block;}
.view-agenda .views-field-field-hora-value {color: #333;font-weight: normal; float: left; width: 120px; display: block;}
.view-agenda .views-field-field-hora-conferencia-value {color: #333;font-weight: normal; float: left; width: 120px; display: block;}

.view-agenda .views-field-title {font-weight: normal; text-decoration: underline; float: left; width: 56%; display: block; }
.view-agenda .views-field-title a {color: #000;font-weight: bold;}
.view-agenda .views-field-field-lloc-value {color: #333; float: left; width: 20%;font-weight: normal; margin-left: 6px;}
.view-agenda .views-field-field-lloc-conferencia-value {color: #333; float: left; width: 20%;font-weight: normal; margin-left: 6px;}

.sidebar-last .date-nav {display: none;}
.sidebar-last .calendar-calendar ul {height: 50px; margin: 0; padding: 0; width: 100%;}
.sidebar-last .calendar-calendar ul.links li {float: left; border: none; height: 40px; background: transparent url('../images/calendar.html') no-repeat top; }
.sidebar-last .calendar-calendar ul.links li a { background: none; width: 46px; display:block; margin: 0; padding: 0; padding-top: 26px; text-align: center; color: #676767;}
 

.sidebar-last .calendar-calendar ul {width: 110%; margin-left: -6px;}
.sidebar-last .calendar-calendar ul.links li {margin-right: 6px;}



/* agenda: conferència, acte, esdeveniment complets (node)
-------------------------------------------------------------- */

#esdeveniment-agenda, #esdeveniment-agenda p {
  color: #333;
  font-family: 'Verdana', Arial, Helvetica;
  font-weight: normal;
}


  #esdeveniment-agenda h2, #esdeveniment-agenda .conferencia_capcalera .titol p {
    color: #000;
    font-family: 'Verdana', Arial, Helvetica;
  }

  #esdeveniment-agenda .bloc1 {margin-top: 20px;}
  #esdeveniment-agenda span.label {color: #000; font-weight: bold; width: 100px; display: block; float: left;}
  #esdeveniment-agenda .titol-conferencia {font-style: italic;margin-top: 20px; }
  #esdeveniment-agenda .bloc2 {margin-top: 20px; }

  #esdeveniment-agenda .bloc2 span.label  {color: #000;width: 130px; display: block; float: left;}

   #esdeveniment-agenda .dia, #esdeveniment-agenda .hora, #esdeveniment-agenda .lloc, #esdeveniment-agenda .organitzadors {clear: both;}
   #esdeveniment-agenda .resum, #esdeveniment-agenda .mes-info, #esdeveniment-agenda .destinataris, #esdeveniment-agenda .facultat {clear: both;}
   
    #esdeveniment-agenda .linksBottom ul {float: none; height: 1.5em; margin-bottom: 0; padding: 0;}
    #esdeveniment-agenda .linksBottom ul li {
      list-style: none;
      float: right;
      padding-left: 10px;
    }
      #esdeveniment-agenda .linksBottom ul li a {
        color: #5c6063;
        font-family: 'Verdana', Arial;
        padding-left: 20px;
      } 
        #esdeveniment-agenda .linksBottom ul li.enviar a {background: transparent url('../images/send.png') no-repeat; color: #333;}
        #esdeveniment-agenda .linksBottom ul li.imprimir a {background: transparent url('../images/print.png') no-repeat;}
        #esdeveniment-agenda .linksBottom ul li.imprimir input {
          background: transparent url('../images/print.png') no-repeat;
          border: none;
          color: #333;
          font-family: 'Verdana', Arial;
          padding-left: 20px;
          cursor: pointer;
          }
        #esdeveniment-agenda .linksBottom ul li a:hover, #esdeveniment-agenda .linksBottom ul li a:focus {
           text-decoration: underline; color: #000;
        }
     
            #esdeveniment-agenda .linksBottom ul li.enviar a:hover, #esdeveniment-agenda .linksBottom ul li.enviar a:focus {background: transparent url('../images/send.png') no-repeat; color: #000; text-decoration: underline;}
     
  #esdeveniment-agenda .linkagenda {
    font-family: 'Verdana', Arial;
    margin-top: 16px;
    }
      #esdeveniment-agenda .linkagenda a {
        color: #333;
        text-decoration: underline;
      }
        #esdeveniment-agenda .linkagenda a:focus, #esdeveniment-agenda .linkagenda a:hover {text-decoration: underline; color: #000; font-weight: bold;}
 


/* personal, staff
-------------------------------------------------------------- */

.persona { }
  .persona span.posicio {}
  .persona span.tipus-participant {}
  .persona span.nom {}
  .persona .imatge {}
  .persona a {}
  

.fitxa_persona {border: none; background: none; padding: 10px; line-height: 1.4em; font-family: 'Verdana', Arial; font-weight: normal;}
  .fitxa_persona span.bold {font-weight: bold;}
  .fitxa_persona .nom {color: #000; font-weight: bold;}
  
    .fitxa_persona .carrecs { margin: 18px 10px 10px 30px; padding: 0;  }   
      .fitxa_persona .carrecs .carrec {color: #000; font-weight: bold; margin-bottom: 7px;}   
    
    .fitxa_persona .lloc { padding: 15px 10px 15px 30px; background: none; margin-top: 10px;}
      .fitxa_persona .lloc_fisic {text-align: left;}
        .fitxa_persona .lloc_fisic p { margin: 0px; font-family: 'Verdana', Arial;  }
      .fitxa_persona .despatx {margin-top: 15px; }

    .fitxa_persona .fotografia { float: left; margin: 10px 20px 10px 10px;}   
      .fitxa_persona .nota {margin-top: 20px; margin-bottom: 5px;font-weight: bold;}
      .fitxa_persona .curriculum, .fitxa_persona .curriculum p {font-family: 'Verdana', Arial;}
      .fitxa_persona .curriculum {min-height: 110px;}
      .fitxa_persona .titolTesi {margin-left: 10px;}
        .fitxa_persona .titolTesi p {font-style: italic; font-family: 'Verdana', Arial;}
      .fitxa_persona .recerca {margin-left: 10px; margin-top: 20px;}
        .fitxa_persona .recerca p {font-family: 'Verdana', Arial;}
      
      
.node-type-personal .terms {margin-top: 10px; margin-left: 30px; display: none;} /* display: afegit l'11 de juny de 2010*/
    

/* Tab Menus   TODO: tab styles?
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 20px 0 20px !important;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}


/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
 border: none;
}

ul.pager li.pager-current {
  color: #777;
  border: none;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  border: none;
  color: #000;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 2px;
  padding: 3px 5px;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in contrast Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}


/* Ubercart - catalog
/-------------------------------------------------------------- */

/* Horizontal list of subcategories in catalog */
ul.uc-categories {
}

.uc-categories li a {
  font-weight: bold;
  padding: 0 5px 0 3px;
}

/* Product and category names */
.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.category a:link,
.category a:visited {
}

.catalog-grid-title a:hover,
.catalog-grid-title a:focus,
.category a:hover,
.category a:focus {
}

/* Sell price in Ubercart catalog */
.category-grid-products .catalog-grid-sell-price {
}

/* Ubercart - add to cart buttons
/-------------------------------------------------------------- */

/* Add to cart buttons */
input.node-add-to-cart,
input.list-add-to-cart {
}

/* Hover and focus styles, with .hover class added for IE6 support */
input.node-add-to-cart:hover,
input.node-add-to-cart.hover,
input.node-add-to-cart:focus,
input.list-add-to-cart:hover,
input.list-add-to-cart.hover,
input.list-add-to-cart:focus {
}

/* Ubercart - product nodes
/-------------------------------------------------------------- */

#field-group {
}

#price-group {
}

/* Product images */
.product-image a img {
}

.product-image a:hover img,
.product-image a:focus img {
}

/* Display price on full product nodes */
.full-node .product-group .uc-price-display {
}

/* Product attributes on full nodes */
.full-node .product-group .attributes {
}

/* Ubercart - general / checkout
/-------------------------------------------------------------- */

/* For optional "Powered by Ubercart" footer message */
#store-footer {
}

#store-footer a:link,
#store-footer a:visited {
}

/* View cart/Checkout links in Ubercart cart block */
.cart-block-summary-links ul.links li a {
}

.cart-block-summary-links ul.links li.cart-block-checkout a:link,
.cart-block-summary-links ul.links li.cart-block-checkout a:visited {
}

/* Key checkout process buttons: Checkout, Continue, and Submit Order */
#uc-cart-view-form #edit-checkout,
#uc-cart-checkout-form #edit-continue,
#uc-cart-checkout-review-form #edit-submit {
}

/* Table on final order review page */
.order-review-table {
}

#cart-form-products table th {
  border-bottom: 3px solid #dec2c3;
}


/* Skinr
/-------------------------------------------------------------- */

/* This is a sample Skinr style to get you started. See contrast_starter.info */
.contrast-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}


/* Site Map
/---------------------------------------------------------------*/
#site-map li {
  float: left;
  width: 32%;
  display: block;
  margin: 0 0 10px 0;
  font-weight: bold;
}

  
  #site-map li a:hover, #site-map li a:focus {}
  #site-map li li {
  float: none;
  width: 100%;
  margin: 0;
  font-weight: normal;
  }
    #site-map li li a {
       color: #000;
    }
      #site-map li li a:hover, #site-map li li a:focus {color: #000; text-decoration: underline;}
  #site-map h4 {
    font-family: 'Verdana',arial,helvetica;
    color: #333;
    margin-top: 10px;
    }


/* ------------------------------------------------- */
/*           Centre de recursos: cercador            */
/* ------------------------------------------------- */
/*          view                                     */
/* ------------------------------------------------- */
#cercador-recursos-view {}
  #cercador-recursos-view .titol span.tipus {}
  #cercador-recursos-view .pais {}
  
.view-buscador-recursos .view-content {}

.views-exposed-form {background: none;}
  .views-exposed-form .views-exposed-widget {} 
    .views-exposed-form .views-exposed-widget.views-widget-filter-type {} 
    .views-exposed-form .views-exposed-widget.views-widget-filter-field_bp_pais_value {}
   
   
/* ------------------------------------------------- */
/*           Grups de recerca                        */
/* ------------------------------------------------- */
.node-type-grup_recerca {}
  .node-type-grup_recerca .field-item {font-family: Arial;}
  .node-type-grup_recerca .field-label-inline-first {}
  
  .node-type-grup_recerca .field-field-gr-nomgrup {color: #000; border-bottom: 2px solid #333; }
  .node-type-grup_recerca .field-field-gr-nomresponsable {color: #000;}
    .node-type-grup_recerca .field-field-gr-nomresponsable .field-label-inline-first {color: #333;}
  .node-type-grup_recerca .field-field-gr-mailcontacte {color: #000;}
    .node-type-grup_recerca .field-field-gr-mailcontacte .field-label-inline-first {color: #333; }
  .node-type-grup_recerca .filefield-file { }
    .node-type-grup_recerca .filefield-file img {}
    .node-type-grup_recerca .filefield-file a {}
  
  .node-type-grup_recerca .fieldgroup {}
    .node-type-grup_recerca .fieldgroup legend {color: #000;}
      .node-type-grup_recerca .fieldgroup legend a {}
    .node-type-grup_recerca .fieldgroup.collapsible {}


    
    .node-type-grup_recerca .fieldgroup .fieldset-wrapper {}
    
    .node-type-grup_recerca .group-gr-contactdata .field-item {}
    .node-type-grup_recerca .group-gr-contactdata .field-label-inline-first {}
    .node-type-grup_recerca .group-gr-contactdata .field-items {}
    .node-type-grup_recerca .group-gr-contactdata .field-field-gr-fax {}
  
  .node-type-grup_recerca .field-label {color: #000; }
  
  .node-type-grup_recerca .field-field-gr-liniesrecerca {}
    .node-type-grup_recerca .field-field-gr-liniesrecerca .field-label-inline-first {color: #000; }
  .node-type-grup_recerca .field-field-gr-numinvestigadors {}
    .node-type-grup_recerca .field-field-gr-numinvestigadors .field-label-inline-first {color: #000;}
  
    .field-field-gr-aliances {}
    .field-field-gr-aliances .field-label-inline-first {color: #000; } 
  
  .node-type-grup_recerca  .field-field-gr-altresdades {}
    .node-type-grup_recerca  .field-field-gr-altresdades .field-label-inline-first {color: #000;}
    
  .node-type-grup_recerca .field-field-gr-publicacions {}
    .node-type-grup_recerca .field-field-gr-publicacions .field-label-inline-first {color: #000;}

  
  .node-type-grup_recerca .field-field-gr-projectes .field-item { border-bottom: 1px dotted #eee;}
  
  .node-type-grup_recerca .terms {}
    .node-type-grup_recerca .terms li {}
      .node-type-grup_recerca .terms li.last {}
      .node-type-grup_recerca .terms a {color: #333;}
        .node-type-grup_recerca .terms a:hover, .node-type-grup_recerca .terms a:focus {border-bottom: 1px solid #333;}
     

/*Llistat per taxonomia */
.teaser.node-type-grup_recerca .inner {}
.teaser.node-type-grup_recerca .field-field-gr-nomgrup {}
/* */

#gr {border-bottom: 1px dashed #000; }
  #gr .gr_nomgrup {color: #000; }
    #gr .gr_nomgrup a {}
    #gr .gr_nomgrup a:hover, #gr .gr_nomgrup a:focus {border-bottom: 1px solid #000;}
  #gr .gr_taxonomy {color: #333;}
    #gr .gr_taxonomy a {color: #333;}
      #gr .gr_taxonomy a:hover, #gr .gr_taxonomy a:focus {border-bottom: 1px solid #333;}

 
/* menu per a taxonomies */
.block-menu.menu-taxonomia ul.menu li {}
.block-menu.menu-taxonomia ul.menu li.expanded {}
.block-menu.menu-taxonomia ul.menu li.collapsed {}
  .block-menu.menu-taxonomia ul.menu li a {}
    .block-menu.menu-taxonomia ul.menu li a:hover, .block-menu.menu-taxonomia ul.menu li a:focus {border-bottom: 1px solid #000;}
      

/* Biblio module
/--------------------------------------------------------------*/
.node-type-biblio {}

#biblio-node table {}
  #biblio-node table tr {}

#biblio-header {}
.biblio-separator-bar { }

.biblio-entry {}
.biblio-entry, .biblio-entry .biblio-style-cse {}
.biblio-entry span.biblio-abstract-link { color: #0E0E0E;}
  .biblio-entry span.biblio-abstract-link a {color: #0E0E0E;}
.biblio-entry ul.biblio-export-buttons {}

.biblio-alpha-line {}
  .biblio-alpha-line a {}

.biblio-current-filters {background: none; border: none; }
  .biblio-current-filters a {}
  
/*#biblio-form-filter > div > fieldset > div #node-buttons .container-inline > input #edit-submit .form-submit*/
#biblio-form-filter fieldset {}
  #biblio-form-filter fieldset legend {}
  #biblio-form-filter .form-submit {
     border: 1px solid #ccc !important;
     color: #578B00;
     background: #eee;
     }
       #biblio-form-filter .form-submit:hover {}
       
.biblio-accedes {}
  .biblio-accedes h3 {background: #E1E1E1; color: #000; }
  .biblio-accedes .views-row {}
    .biblio-accedes .views-row.views-row-last {}
  .biblio-accedes .biblio-entry {color: #333;}
    .biblio-accedes .biblio-entry p {color: #333;}
    .biblio-accedes .biblio-entry ul.biblio-export-buttons {}
      .biblio-accedes .biblio-entry ul.biblio-export-buttons li {}
    .biblio-accedes .biblio-entry span.biblio-abstract-link {}       
 
  .biblio-accedes a {color: #000;}       
  
 
 /* ------------------------------------------------- */
/*      Centre de recursos: bones pràctiques          /
/* ------------------------------------------------- */
/*          node                                     */
/* ------------------------------------------------- */ 
/* ESTIL MODIFICAT */
#bpracticas {}
#bpracticas a {color: #000; font-weight: bold;}

#bpracticas .fila { }
  #bpracticas .fila.even {background: none; border-bottom: 1px solid;}
  
#bpracticas .label {color: #000;}
#bpracticas .text, #multimedia .paraules-clau-item {}
#bpracticas .text { }
  #bpracticas .text p {}

#bpracticas .torna { }
  #bpracticas .torna a { color: #000; font-weight: bold;}

.node-type-buenas_practicas .terms {;}



/* ESTIL INICIAL*/ 
/*
#bpracticas {font-weight: normal; font-family: Arial;}
  #bpracticas h3, #bpracticas h3 p {font-size: 14px; text-transform: uppercase;}
  #bpracticas .bp-institucion {}
  #bpracticas .teaser.node-type-institucio {margin: 0; padding: 0;}
    #bpracticas .teaser.node-type-institucio p {margin: 6px 0;}
    #bpracticas .teaser.node-type-institucio .field-field-in-nom {font-size: 14px; text-transform: uppercase;}
    #bpracticas .teaser.node-type-institucio .field-field-in-web {font-size: 11px; }
    #bpracticas .bp-pais {margin-top: 10px; margin-bottom: 10px;}

  #bpracticas span.label {margin-right: 20px; width: 200px; font-weight: bold; float: left; display: block; font-family: 'Verdana';font-size: 11px; }
  #bpracticas div.label {margin-right: 20px; font-weight: bold; font-family: 'Verdana';font-size: 11px; }
  #bpracticas .bp-field {}
  #bpracticas .bp-nom-exp span.label {float: left;}
  
  #bpracticas .bp-correu-contacte {margin-top: 10px;}
  #bpracticas .bp-info {margin-top: 10px;}
  #bpracticas .bp-anys-realitzacio {margin-top: 10px;}
  #bpracticas .bp-nivel-educativo {margin-top: 10px;}
  #bpracticas .bp-colectivo {margin-top: 10px;}
  #bpracticas .bp-objectius {margin-top: 16px;}
  #bpracticas .bp-historia-bp {margin-top: 16px;}
  #bpracticas .bp-recursos {margin-top: 16px;}
  #bpracticas .bp-activitats {margin-top: 16px;}
  #bpracticas .bp-estrategies {margin-top: 16px;}
  #bpracticas .bp-producte {margin-top: 16px;}
  #bpracticas .bp-sinergia-altra {margin-top: 16px;}
  #bpracticas .bp-sostenibilitat {margin-top: 16px;}
  #bpracticas .bp-transferencia-altres {margin-top: 16px;}
  #bpracticas .bp-resum, #bpracticas .bp-paraules-clau, #bpracticas .bp-enllacos {margin-top: 16px;}
  #bpracticas .paraules-clau {margin-bottom: 6px;}
  #bpracticas .paraules-clau-item {margin: 0 8px 0 0; display: inline;}

#bpracticas .bp-paraules-clau {clear: both; display: block; }
  #bpracticas .bp-paraules-clau .text {float: left; margin: 6px;}
  
#bpracticas .bp-enllacos .label {margin-bottom: 10px;}
  #bpracticas .bp-enllacos .text { margin: 6px;}

#bpracticas .torna { font-family: 'Verdana', Arial; font-size: 10px; margin-top: 20px;}
  #bpracticas .torna a { color: #5c6063; text-decoration: underline;}


.node-type-buenas_practicas .terms {display: none;}
*/
/* FI ESTIL INICIAL */


/* ------------------------------------------------- */
/*           Centre de recursos: multimèdia          */
/* ------------------------------------------------- */
/*          node                                     */
/* ------------------------------------------------- */
/* ESTIL MODIFICAT */
#multimedia {}
#multimedia a {color: #000; font-weight: bold;}
#multimedia .fila { }
  #multimedia .fila.even {background: none; border-bottom: 1px solid;}
  
#multimedia .label {color: #000;}
#multimedia .text, #multimedia .paraules-clau-item {}
#multimedia .text {}
  #multimedia .text p {}

#multimedia .torna { }
  #multimedia .torna a { color: #000; font-weight: bold;}

.node-type-multimedia .terms {}


.node.teaser.node-type-multimedia .tipus, .node.teaser.node-type-buenas_practicas .tipus, .node.teaser.node-type-biblio .tipus {color: #666;}
#publicacions {}
#publicacions .fila {}
#publicacions .fila.even {background: none; border-bottom: 1px solid;}
#publicacions .label {color: #000;}
#publicacions .text {}
#publicacions .text {}
  #publicacions .text p {}


/* ESTIL INICIAL */
/*
#multimedia {font-weight: normal; font-family: Arial;}
  #multimedia h3, #multimedia h3 p {font-size: 14px; text-transform: uppercase; font-weight: normal;}

  #multimedia span.label {margin-right: 20px; font-weight: bold; float: left; display: block; font-family: 'Verdana';font-size: 11px; }
  #multimedia div.label {margin-right: 20px; font-weight: bold; font-family: 'Verdana';font-size: 11px; }
  
  #multimedia .multimedia-any {margin-top: 10px; clear: both;}
  #multimedia .multimedia-autors {margin-top: 10px;clear: both!important; display: block; }
    #multimedia .multimedia-autors .text {float: left; margin: 6px; margin-right: 10px; margin-left: 0;}
  #multimedia .multimedia-pais {}
  #multimedia .multimedia-objectius {margin-top: 16px;}
  #multimedia .multimedia-tipus {margin-top: 10px;}
  #multimedia .multimedia-colectivo { clear: both; margin-top: 16px; }
    #multimedia .multimedia-colectivo span.label {}
    #multimedia .multimedia-colectivo p {}
  
  #multimedia .multimedia-resum, #multimedia .multimedia-paraules-clau, #multimedia .multimedia-link {margin-top: 10px;}

  #multimedia .paraules-clau {margin-bottom: 6px;}
  #multimedia .paraules-clau-item {margin: 0 8px 0 0; display: inline;}

#multimedia .multimedia-paraules-clau {clear: both!important; display: block; }
  #multimedia .multimedia-paraules-clau .text {float: left; margin: 6px;}

  
#multimedia .multimedia-link .label {margin-bottom: 10px;}
  #multimedia .multimedia-link .text { margin: 6px;}
#multimedia .multimedia-resum .label {margin-bottom: 10px;}
  #multimedia .multimedia-resum .text { margin: 6px;}

#multimedia .torna { font-family: 'Verdana', Arial; font-size: 10px; margin-top: 20px;}
  #multimedia .torna a { color: #5c6063; text-decoration: underline;}

.node-type-multimedia .terms {display: none;}
/*
/*          teaser (view)                            */
/* ------------------------------------------------- */
#multimedia-view { padding: 6px; padding-bottom: 0;}
#multimedia-view .titol {margin-bottom: 4px;}
#multimedia-view .pais {font-size: 11px; margin: 4px 0;}

.multimedia {}
  .multimedia h3 {background: #E1E1E1; color: #7D7B7A; margin: 0 0 10px 0; padding: 8px; padding-right: 0; font-family: 'Verdana'; font-size: 11px;}
  .multimedia .views-row { border-bottom: 1px dashed #828C8E; margin-top: 6px; margin-bottom: 6px; }
    .multimedia .views-row.views-row-last {border-bottom: none; margin-bottom: 20px;}





     
/* adaptació estil d'altres tipus de continguts d'altres dupals */
/*------------------------------------------------------------- */

/* Nou estil per a les Ofertes laborals (grups de recerca) dels drupals de després de la revisió (maig-juny 2011)*/

.ofertes {margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; padding-top: 8px; padding-bottom: 8px;font-family: 'Verdana', Arial, Helvetica; font-size: 11px; color: #333;}
  .ofertes .capcalera {font-size: 1.2em; margin-bottom: 10px;}
    .ofertes .capcalera span {margin-left: 16px;}
    .ofertes .capcalera span.date-display-single {font-size: 0.8em;}
  .ofertes .durada {font-weight: bold; margin-bottom: 4px;}
  .ofertes .data-publicacio {}
  .ofertes .resum {margin-top: 4px;}
    .ofertes .resum p {margin-top: 4px; margin-bottom: 4px;}
  
.oferta {padding: 0 10px 6px 10px; font-family: 'Verdana', Arial, Helvetica; font-size: 11px; font-weight: normal; color: #333;}
  .oferta h2 {margin-bottom: 14px;}
  .oferta span.label {color: #000; font-weight: bold; width: 130px; display: block; float: left; margin-right: 6px; font-family: 'Verdana', Arial, Helvetica; font-size: 11px;}
  .oferta .text {margin-left: 140px;}
  .oferta p {margin-top: 4px;}
  .oferta .text p {margin-top: 2px; margin-bottom: 4px;}
  
  .oferta .informacio-oferta {padding: 8px; background: #fff;}
  .oferta .capcalera {margin-bottom: 16px;}
  
  .oferta .data-publicacio, .oferta .durada {width: 100%; display: block; clear: both; height: 22px; margin-top: 4px; margin-bottom: 4px;}
    .oferta .data-publicacio {margin-left: 3px;}
      .oferta .data-publicacio span.date-display-single {font-size: 1em!important; font-style: normal!important;}
    .oferta .durada {margin-top: 10px; margin-bottom: 0; font-weight: bold;}
  .oferta .cos {margin-top: 20px; margin-left: 0;}
    .oferta .cos .text {margin-left: 140px;}
  
  .oferta .resum p {color: #333!important; font-weight: bold; margin-left: 4px; font-family: 'Verdana', Arial, Helvetica; font-size: 11px;}
 
 
    
  
/* Fi de l'estil per a les Ofertes laborals dels drupals de després de la revisió (maig-juny 2011)*/

#block-views--exp-noticies-page_1, #block-views--exp-noticies-block_1 {
display:none;
}