.rfloat {float:right}
.lfloat {float:left}
.wrap {position: relative}
.oh {overflow: hidden}
body {
  margin: 0;
  padding: 0;
  background: url(../images/pattern1.png);
  font: normal 14px/1.5em 'Droid Sans', sans-serif;
  color: #333333;
}

a {
  color:#0559A2;
  text-decoration: none;
}
a:hover {text-decoration: underline}
p {margin: 1em 0}
p:first-child {margin-top: 0}
p:last-child {margin-bottom: 0}
.pageCenter {
  clear: both;
  min-width: 700px;
  width: 80%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.header {
  background: #2f2f2f;
  padding: 5px 0;
}
.region-header {float:right}
#block-menu-menu-fixed-menu,
#block-locale-language,
#block-search-form {display: inline-block; vertical-align: middle}
#block-locale-language {margin-left: 20px}
#block-menu-menu-fixed-menu .menu {
  margin: 0;
  padding: 0;
  text-transform: lowercase;
  font-size: 12px;
}
#block-menu-menu-fixed-menu .menu li {
  float: left;
  line-height: 3em;
  border-right: 1px solid #494949;
  list-style-type: none;
}
#block-menu-menu-fixed-menu .menu li a {
  display: block;
  border-right: 1px solid #030303;
  padding: 0 15px;
  color: #a6a6a6;
  text-decoration: none;
}
#block-menu-menu-fixed-menu .menu li:first-child {border-left: 1px solid #030303}
#block-menu-menu-fixed-menu .menu li:first-child a {border-left: 1px solid #494949}

.language-switcher-locale-url {
  margin: 0;
  padding: 0;
}
.language-switcher-locale-url li {
  font-size: 12px;
  display: inline;
  padding: 0 10px;
  border-left: 1px solid gray
}
.language-switcher-locale-url li:first-child {border-left: 0}
.language-switcher-locale-url li a {
  color: #a6a6a6;
  text-decoration: none;
}
.language-switcher-locale-url li.active {font-weight: bold}
#edit-search-block-form--2 {
  margin: 0;
  border: 0;
  background: #515151;
  padding: 5px 25px 5px 5px;
  color: #a6a6a6;
  font-size: 12px;
}
#search-block-form #edit-submit {
  border: 0;
  font-size: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/lente.png) no-repeat;
  vertical-align: middle;
  position: relative;
  left: -25px;
}

.navwrap {
  background-color: #ccc;
}
.navImage {
  display: block;
  width: 100%;
  max-width: 100%;
}
#nav {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
#nav .menu {
  background-color: rgba(19,70,123, 0.8);
}
#nav .menu > li {
  float: left;
  list-style-type: none;
  margin-left: 10px;
  text-transform: uppercase;  
  font-size: 12px;
}
#nav .menu > li a {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
#nav li > .menu {display:none}
#nav .menu {
  padding: 0;
  margin: 0;
}
#nav .menu .active-trail a, 
#nav .menu .active a {color: #343434/*777*/}
.homelink {
  position: absolute;
  top: 0;
  left: 0;
}

.homelink img{
  max-width: 80%;
}
  
.sidebarFirst {
  width: 25%;
  float: left;
  margin-top: 10px
}
.sidebarSecond {
  float: right;
  width: 220px;
}
.not-front .sidebarSecond {
  border-top: 1px solid #dddddd;
}
.not-front .region-sidebar-second .block {padding: 10px}
.not-front .region-sidebar-second .block-title {
  color: #0559A2;
  font-weight: normal;
  font-size: 14px;
  background: black;
  color: white;
  padding: 5px;
  line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.container {background: white}
.mainWrapper,
.homeContent {overflow: hidden}
.homeContent {
  padding: 30px;
  background: white;
}
.home_secondColumn {
  float: right;
  width: 210px;
}

.mainTop {padding: 20px 20px 0 20px}
.mainContent {padding: 20px}
.sidebar-second .main,
.two-sidebars .main {
  background: white url(../images/sidebaright.png) 100% 0 repeat-y;
  padding-right: 0;
}

#sidebarLogo {
  position: absolute;
  top: 0;
  display: block;
  width: 222px;
  height: 184px;
  background: url(../images/logo_pagine.png) no-repeat;
  text-indent: -10000px;
}
.views-row {
  list-style-type: none;
  margin-bottom: 20px;
}
.view-content > .item-list ul {padding-left: 0}

.block-menu-block .block-title {
  padding: 10px;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 15px;
}
.block-menu-block .menu {padding-left: 10px}
.block-menu-block .menu li {
  list-style-type: none;
  padding: 5px 30px 5px 5px;
  border-bottom: 1px dotted #ccc;
  line-height: 1.3em;
}
.menu > .expanded li.last {border-bottom: 0}
.block-menu-block li.active > a {font-weight: bold}
.block-menu-block .menu li a {
  text-decoration: none;
  color: black;
  vertical-align: middle;
  display: block;
}

.footer {
  margin-top: 5px;
  border-top: 5px solid gray;
  font-size: 11px;
  line-height: 1.5em;
  padding-top: 10px;
}
#block_copyright {
  clear: both;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
}
#block_social p,
#block_copyright p {margin: 0}

#block_info {margin: 20px 0}
#block_info .col1,
#block_info .col2,
#block_info .col3 {
  margin-top: 0;
  margin-bottom: 0;
  float: left;
}
#block_info .col3 a {
  color: #333;
  font-weight: bold;
}
#block_info .col3 li {list-style-type: none}
#block_info .col3 li:before {content: "» "}
#block_info .col1 {width: 250px}
#block_info .col2 {
  width: 450px;
  background: url(../images/logo_small_blue.png) no-repeat 0 0;
  padding-left: 80px;
}
#block_social {
  font-size: 12px;
  background: #b1b1b1;
  padding: 20px;
  margin-top: 5px;
}
#block_social strong {color: white}
#block_social .col1 {
  float: right;
  width: 230px;
  border-left: 1px solid #979797;
  padding-left: 20px;
  position: relative;
}
#block_social .col1:after {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 1px solid #CCC;
  left: 0;
  top: 0;
}

#block_social .col1 a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/social40x40.png);
  font-size: 0;
}
#block_social .col1 .twitter {background-position: -40px 0 }
#block_social .col1 .youtube {background-position: -80px 0}

#block_social .col1 .facebook:hover {background-position: 0 -40px }
#block_social .col1 .twitter:hover {background-position: -40px -40px }
#block_social .col1 .youtube:hover {background-position: -80px -40px}

#block_social .col2 {
  margin-left: 20px
}
#block_social .col2 a {color: white}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#logo {
  float: left;
  margin-top: 10px;
}

/*
 * Main (container for everything else)
 */

#main {
}

/*
 * Content
 */

#content {
}

.region-highlighted {
}

.breadcrumb {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 10px;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.breadcrumb a {
  text-decoration: underline;
  color: black;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}
#page-title {
  line-height: 1.3em;
}
div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list ul.pager {padding-left: 0}
.pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
  text-align: center;
}
.pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
  display: inline-block;
}
.pager a {
  color: #333;
}
.pager:before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #dddddd;
  background: #eeeeee;
  height: 5px;
  margin-bottom: 15px;
}

.pager-current {
  border: 1px solid #cccccc;
  background: #eeeeee;
}
.views-field-title a {
  text-decoration: none;
}
.views-field-field-date .views-label {font-weight: bold}
.view-contacts .views-row {
  list-style-type: none;
  width: 30%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
  margin-right: 2%;
}
.view-contacts .item-list ul {padding: 0}

.view-centers-view .views-field-field-center-short-name {
  font-size: 2em;
  color: #0559A2;
}
.view-centers-view .views-field-field-image {margin-bottom: 5px}
.view-centers-view td {padding-bottom: 15px}

.view-contacts .views-row {border-top: 1px solid #dddddd}

.view-contacts .views-field-title {
  border-top: 5px solid #eeeeee;
  padding-top: 15px;
}
.view-news .views-row,
.view-events .views-row,
.view-centers-view .views-row,
.view-videos .views-row,
.view-press-review .views-row,
.view-press-releases .views-row,
.view-spotlights .views-row {
  margin-bottom: 20px;
  list-style-type: none;
}

.view-photo.view-display-id-page .view-content:before,
.view-spotlights.view-display-id-page .view-content:before,
.view-events.view-display-id-page .view-content:before,
.view-news.view-display-id-page .view-content:before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #dddddd;
  background: #eeeeee;
  height: 5px;
}

.homeSidebar {
  width: 30%;
  float: right;
  margin-left: 35px;
}
.home_secondColumn .block-content {padding: 20px; overflow: hidden}

#home_upcoming .views-row {
  margin-bottom: 20px;
}
#home_upcoming .views-field-title a {
  /*color: #333;*/
  font-weight: normal;
}

.view-spotlights .views-field-field-video {float: left}
.view-spotlights .views-field-field-date,
.view-spotlights .views-field-title,
.view-spotlights .views-field-field-abstract {margin-left: 190px}

.view-photo td {vertical-align: top}

.view-news,
.view-spotlights,
.view-events {position: relative}
.view-news .view-header p,
.view-spotlights .view-header p,
.view-events .view-header p {margin: 0}

.view-news .views-row,
.view-spotlights .views-row,
.view-events .views-row {margin-bottom: 30px}

.view-news .view-header,
.view-spotlights .view-header,
.view-events .view-header {
  position: absolute;
  text-align: right;
  right: 0;
  top: -45px;
}
.view-home-page-slider .flex-nav-container {
  margin-bottom: 0;
  float: none;
}
.flexslider {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.view-home-page-slider .flexslider_views_slideshow_slide {position: relative}
.home_slider_overlay {
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0;/*5px;*/
}
.home_slider_overlay > div {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 20px;
}
.home_slider_overlay .title a {font-weight: bold; color: white; text-transform: uppercase}
.home_slider_overlay .teaser {font-weight: bold}
.home_slider_overlay p {margin: 0}

.ds-2col-fluid > .group-right {
  width: 45%;
  margin-left: 5%;
}
.ds-2col-fluid > .group-right .field {margin-bottom: 20px}

#home_upcoming,
#home_news {
  float: left;
  width: 45%;
}
#home_news {margin-left: 10%}

#home_upcoming h2,
#home_news h2 {
  font-weight: normal;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  font-size: 16px;
  margin-bottom: 20px;
  color: #333;
} 

#home_upcoming h2 {background: url(../images/icon_news.png) 0 50% no-repeat}
#home_news h2 {background: url(../images/icon_initiative.png) 0 50% no-repeat}
#home_news ul {margin: 0}
#home_news .views-field-title a {
  font-weight: normal;
  /*color: #333;*/
}
#home_news .views-field-field-date,
#home_news .views-field-field-news-date,
#block-views-news-and-events-block-1 .views-field-field-news-date {
  font-weight: normal;
  color: gray;
}

#home_upcoming .views-field-field-event-date {
  color: gray;
  }

#home_news .views-row {
  list-style-type: none;
  margin-bottom: 20px;
}
.more-link {
  text-align: left;
  display: inline-block;  
}
.more-link a {
  display: block;
  color: white;
  background: #777;
  line-height: 1.5em;
  padding: 0 1em;
  text-transform: uppercase;
}
.more-link a:hover {
  text-decoration: none;  
}

.sidebarmenu .views-row {
  margin-bottom: 3px;
  background: #ecedf2 url(../images/freccia_bianca.png) 97% 50% no-repeat;
}
.sidebarmenu .views-field .field-content {
  display: block;
  padding: 5px 40px 5px 20px;
}
.sidebarmenu .views-field a:hover {
  text-decoration: none;
}

.infobox h2 {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 10px;
}
.infobox {
  padding: 20px;
  background: #ECEDF2;
}
.homeSidebar .block {
  margin-bottom: 30px;
}

#quicklinks ul {margin: 0 0 20px 0; padding: 0}
#quicklinks .block-content li {
  list-style-type: none;
  padding-right: 30px;
  background: url(../images/freccia_nera.png) 97% 50% no-repeat;
  text-transform: uppercase;
  border-top: 1px dotted #ccc;
}
#quicklinks .block-content li:first-child {border-top: 0}
#quicklinks .block-content li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
  color: #333;
  white-space: nowrap;
}
#quicklinks .block-content li a:hover {
  text-decoration: none;
}
#quicklinks .where {background: url(../images/icon_where.png) 0 50% no-repeat;}
#quicklinks .contacts {background: url(../images/icon_contacts.png) 0 50% no-repeat;}
#quicklinks .people  {background: url(../images/icon_people.png) 0 50% no-repeat;}
#quicklinks .jobs  {background: url(../images/icon_people.png) 0 50% no-repeat;}
#quicklinks .tenders  {background: url(../images/icon_people.png) 0 50% no-repeat;}
#quicklinks .services  {background: url(../images/icon_people.png) 0 50% no-repeat;}
#quicklinks .facebook {background: url(../images/icon_facebook.png) 0 50% no-repeat;}
/*#quicklinks .links {background: url(../images/icon_url.png) 0 50% no-repeat;}*/

.homeintro {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}

#footer_block p {
  float: left;
  margin: 0; 
}
#footer_block .col1 {width: 15%; margin-right: 3%}
#footer_block .col2 {width: 64%; margin-right: 3%}
#footer_block .col3 {width: 15%}

.peopleProfileList h3 {
  clear: both; 
}
.peopleProfileItem {
  position: relative;
  background: #f5f5f5;
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 40px;
}
.peopleProfileItem.views-row-3,
.peopleProfileItem.views-row-6,
.peopleProfileItem.views-row-9,
.peopleProfileItem.views-row-12,
.peopleProfileItem.views-row-15,
.peopleProfileItem.views-row-18 {margin-right: 0}
.peopleProfileItem .views-label {text-transform: uppercase}
.peopleProfileItem .views-field-nothing {float: left}
.peopleProfileItem .views-field-nothing img {
  display: block; 
  width: 96px; 
  height: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: gray;
}
.peopleProfileItem:hover .views-field-nothing img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none;
}
.peopleProfileItem .views-field-realname,
.peopleProfileItem .views-field-field-role-in-the-organization,
.peopleProfileItem .views-field-mail,
.peopleProfileItem .views-field-phone,
.peopleProfileItem .views-field-skype {
  margin-left: 106px
}
.peopleProfileItem .views-field-realname,
.peopleProfileItem .views-field-field-role-in-the-organization {
  text-transform: uppercase;
}

.peopleProfileItem .views-field-nothing-1 {
  position: absolute;
  top: 100%;
  right: 0;
  background: black;
  line-height: 1.4em;
  text-transform: uppercase;
}

.peopleProfileItem .views-field-nothing-1 a {
  display: block;
  color: white;
  font-size: 0.8em;
  padding: 0 10px;
}

.peopleProfileItem .views-field-nothing-1 a:hover {text-decoration: none}
.peopleProfileItem:hover .views-field-nothing-1 {
  background-color: blue;
}
.peopleProfileItem .views-field-realname {margin-top: 5px}
.peopleProfileItem .views-field-realname a {
  color: #333;
  font-weight: bold;
}
.peopleProfileItem .views-field-mail a {color: #333}

.peopleProfileSection {
  margin-bottom: 50px;
  clear: both;
}

.peopleProfileSection_Label {
  float: left;
  width: 20%;
}
.peopleProfileSection_LabelImage img {width: 100%; display: block}
.peopleProfileSection_LabelTitle {
  background: black;
  color: white;
  text-align: right;
  padding: 5px 15px;
  text-transform: uppercase;
}
.peopleProfileSection_Content {
  overflow: hidden;
}
.peopleProfileSection_ContentPad {padding-left: 20px}
.researchInterestTag {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 10px;
  background: #f5f5f5;
  padding: 0 10px;
  line-height: 1.5em;
}
.peopleProfileSection_MainContent {
  padding: 20px
}
.peopleProfileSection_MainContentTop {
  padding: 20px;
  background: #f5f5f5;
}
.peopleProfileSection_MainContentTop .realname a {
  font-weight: bold;
  color: #333;
}
.peopleProfileSection_MainContentTop .realname,
.peopleProfileSection_MainContentTop .role,
.peopleProfileSection_MainContentTop .cv {
  text-transform: uppercase;
}
.peopleProfileSection_MainContentTop .cv img {display: none}
.peopleProfileSection_MainContentTop .cv {
  float: right;
  background: url(../images/freccia_bianca.png) 97% 50% no-repeat;
}
.peopleProfileSection_MainContentTop .cv img {vertical-align: middle}
.peopleProfileSection_MainContentTop .cv a {
  display: block;
  padding: 3px 40px 3px 45px;
  min-height: 30px;
  line-height: 30px;
  background: url(../images/icon_CV.png) 5px 50% no-repeat;
}
.peopleProfileSection_MainContentTop .cv a:hover {text-decoration: none}
.peopleProfileSection_MainContent .column {
  float: left;
  width: 48%;
  margin: 0 0 0 4%;
  padding-left: 0;
}
.peopleProfileSection_MainContent .column .sociallabel {
  float: left;
  width: 40%;
}
.peopleProfileSection_MainContent .column .socialtext {
  float: left;
  width: 60%;
  word-wrap: break-word;
}
.peopleProfileSection_MainContent .column li {
  list-style-type: none;
  padding: 3px 0 3px 35px;
  min-height: 24px;
  border-bottom: 1px dotted #ccc;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.peopleProfileSection_MainContent .column:first-child {margin-left: 0}
.peopleProfileSection_MainContent .column .views-label {text-transform: uppercase}
.peopleProfileSection_MainContent .column .skype {background-image: url(../images/icon_skype.png)}
.peopleProfileSection_MainContent .column .email {background-image: url(../images/icon_mail.png)}
.peopleProfileSection_MainContent .column .phone {background-image: url(../images/icon_tel.png)}
.peopleProfileSection_MainContent .column .location {background-image: url(../images/icon_address.png)}
.peopleProfileSection_MainContent .column .website {background-image: url(../images/icon_url.png)}
.peopleProfileSection_MainContent .column .linkedin {background-image: url(../images/icon_linkedin.png)}
.peopleProfileSection_MainContent .column .facebook {background-image: url(../images/icon_facebook.png)}
.peopleProfileSection_MainContent .column .scholar {background-image: url(../images/icon_google.png)}
.peopleProfileSection_MainContent .column .widgets {background-image: url(../images/icon_url.png)}

.peopleProfileRelatedProjects .views-row {
  padding: 5px 40px 5px 5px;
  border-bottom: 1px dotted #ccc;
  background: url(../images/freccia_nera.png) 97% 50% no-repeat;
  margin-bottom: 0;
}
.peopleProfileRelatedProjects .views-row a {
  font-weight: normal;
  color: #333;
}
ol.publications {
  margin-left: 0;
}
#block-views-other-pages-of-the-user-block h2 {
  background: none repeat scroll 0 0 black;
  color: white;
  padding: 5px 15px;
  text-align: right;
  text-transform: uppercase; 
  font-weight: normal;
  font-size: 14px; 
  float: left;
  width: 20%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 20px;
}
#block-views-other-pages-of-the-user-block .block-content {
  overflow: hidden;
}
.view-other-pages-of-the-user .views-row {
  width: 100%;
  background: url("../images/freccia_nera.png") no-repeat scroll 91% 50% transparent;
  border-bottom: 1px dotted #CCCCCC;
  padding: 5px 40px 5px 5px;  
}
.view-other-pages-of-the-user .views-row a {
  font-weight: normal;
  color: #333;
  display: block;
}


h3 {
  font-weight: normal;
  }
  
  
.node-project .field,
.node-event .field,
.node-news .field,
.node-technology .field,
.node-main-activity .field {
  margin-bottom: 15px;
} /*Sets normal space between fields */


.view-taxonomy-term h3 {
  font-weight: bold;
}


.view-home-page-slider .flexslider .slides > li {
  position: relative;
}