@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300,100);
@import url(https://fonts.googleapis.com/css?family=Ropa+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400);


@font-face {
    font-family: Novecento;
    font-weight: 300;
    src: url('../font/synthview_-_novecento_sans_wide_normal-webfont.eot');
    src: url('../font/synthview_-_novecento_sans_wide_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/synthview_-_novecento_sans_wide_normal-webfont.woff2') format('woff2'),
         url('../font/synthview_-_novecento_sans_wide_normal-webfont.woff') format('woff'),
         url('../font/synthview_-_novecento_sans_wide_normal-webfont.ttf') format('truetype'),
         url('../font/synthview_-_novecento_sans_wide_normal-webfont.svg#novecento_sans_widenormal') format('svg');
    font-style: normal;

}

@font-face {
    font-family: Novecento;
    font-weight: 400;
    src: url('../font/synthview_-_novecento_sans_wide_medium-webfont.eot');
    src: url('../font/synthview_-_novecento_sans_wide_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/synthview_-_novecento_sans_wide_medium-webfont.woff2') format('woff2'),
         url('../font/synthview_-_novecento_sans_wide_medium-webfont.woff') format('woff'),
         url('../font/synthview_-_novecento_sans_wide_medium-webfont.ttf') format('truetype'),
         url('../font/synthview_-_novecento_sans_wide_medium-webfont.svg#novecento_sans_widemedium') format('svg');
    font-style: normal;

}


@font-face {
    font-family: Novecento;
    font-weight: 100;
    src: url('../font/synthview_-_novecento_sans_wide_light-webfont.eot');
    src: url('../font/synthview_-_novecento_sans_wide_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/synthview_-_novecento_sans_wide_light-webfont.woff2') format('woff2'),
         url('../font/synthview_-_novecento_sans_wide_light-webfont.woff') format('woff'),
         url('../font/synthview_-_novecento_sans_wide_light-webfont.ttf') format('truetype'),
         url('../font/synthview_-_novecento_sans_wide_light-webfont.svg#novecento_sans_widelight') format('svg');
    font-style: normal;
}


@font-face {
    font-family: Novecento;
    font-weight: 700;
    src: url('../font/synthview_-_novecento_sans_wide_demibold-webfont.eot');
    src: url('../font/synthview_-_novecento_sans_wide_demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/synthview_-_novecento_sans_wide_demibold-webfont.woff2') format('woff2'),
         url('../font/synthview_-_novecento_sans_wide_demibold-webfont.woff') format('woff'),
         url('../font/synthview_-_novecento_sans_wide_demibold-webfont.ttf') format('truetype'),
         url('../font/synthview_-_novecento_sans_wide_demibold-webfont.svg#novecento_sans_widedemibold') format('svg');
    font-style: normal;
}


.container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
}

#show-grid {
    position: fixed;
    top: 10px;
    left: 10px;
    background: #0079A1;
    color: #fff;
    font-size: 12px;
    border: none;
    border-radius: 5px;
    z-index: 100;
    cursor: pointer;
}

#grid {
    position: fixed;
    top: 0;
    left: 50%;
    width: 961px;
    height: 100%;
    margin-left: -480px;
    background: url(../img/grid.gif);
    pointer-events: none;
    display: none;
}

body {
    font-family: Lato, sans-serif;
    padding-top: 20px;
    min-width: 960px;
}

#header {
    position: relative;
}

#logo {
    width: 70px;
    margin: 0 auto 30px;
    display: block;
}

.portaltype-plone-site #logo {
    width: 140px;
}

#logo img {
    display: block;
    width: 100%;
}

/* Intestazione diversa in home page, con menu fisso */
.portaltype-plone-site.template-index\.html #logo {
    width: 160px;
    padding-top: 60px;
    margin-bottom: 0;
}

.portaltype-plone-site.template-index\.html #menu {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    xxbox-shadow: 0 5px 5px #ccc;
}

.portaltype-plone-site.template-index\.html #menu:after {
    content: "";
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: -18px;
    background: url(../img/menu-shadow.png) no-repeat center bottom;
}


.portaltype-plone-site.template-index\.html #menu > li {
    float: none;
    display: inline-block;
}

.portaltype-plone-site.template-index\.html #page, .portaltype-plone-site.template-index\.html #footer, .template-scopus_search #footer {
    margin-top: 0;
}

.portaltype-plone-site.template-index\.html #page {
    margin: 0;
}

#menu {
    font-size: 12px;
    font-family: Novecento, sans-serif;
    text-align: center;
    letter-spacing: .5px;
}

#menu > li {
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    display: inline-block;
}

#menu > li a {
    padding: 5px;
    display: block;
}

#menu li.selected {
    color: #006792;
    border-bottom: 12px solid #006792;
}

#menu > li > a:hover {
    color: #006792;
}

#menu li.separator {
    display: none;
}

#menu li.search {
    color: #B9B9B9;
    border-left: 2px solid #B9B9B9;
}

#menu li.member {
    color: #D80000;
    border: 1px solid #D80000;
    padding: 0;
}

#menu li.member a {
    display: block;
    padding: 10px 15px;
}

#menu li.member a:hover {
    background: #d80000;
    color: #fff;
}


#submenu {
    background: #006792;
    color: #fff;
    font-size: 14px;
    padding: 40px 0;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#submenu.memberarea {
    border-top: 5px solid #d80000;
    padding: 20px 0;
}

#submenu.memberarea h2 {
    text-align: right;
    font-family: Playfair Display, Georgia, serif;
    font-size: 20px;
    margin: 0 10px;
    opacity: .5;
}

#submenu .menu li {
    border-bottom: 1px solid #3084A7;
    width: 220px;
    margin: 0 10px;
    float: left;
}

#submenu .menu li a {
    padding: 6px 10px;
    display: table-cell;
    vertical-align: middle;
    height: 36px;
    width: 200px;
}

#submenu .menu li a:hover, #submenu .menu li.selected {
    background: #fff;
    color: #006792;
}

#submenu .menu {
    width: 480px;
    float: left;
}

#submenu .menu.large {
    float: none;
    width: auto;
}

#submenu .years {
    margin-left: 10px;
    float: left;
    width: 460px;
}

#submenu .years h2 {
    font-family: Playfair Display, Georgia, serif;
    font-size: 28px;
    margin-bottom: 20px;
}

#submenu .years h2 .year {
    color: #FFFF72;
}

#submenu .years ul {
    font-size: 22px;
    font-family: Novecento, sans-serif;
    font-weight: 100;
}

#submenu .years li {
    width: 80px;
    float: left;
}

#submenu .years li a:hover {
    color: #333;
}

#submenu .years li.selected a {
    color: #FFFF72;
    font-weight: 300;
}

.buttons {
    float: right;
    margin-right: 120px;
}


.buttons .button {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    width: 320px;
    height: 50px;
    border: 2px solid #60A1BC;
    border-radius: 3px;
    text-align: center;
    font-family: Novecento, sans-serif;
    line-height: 50px;
    margin-bottom: 20px;
}

.buttons .button:hover {
    background: #fff;
    color: #006792;
}

/*
 * Contenuto principale
 */


#page {
    margin: 50px 10px 0;
}

#page h1 {
    color: #B8B8B8;
    font-size: 36px; 
    margin-bottom: 50px;
    font-family: Ropa Sans, sans-serif;
    font-weight: 400;
}

#page h1 strong {
    color: #333;
    font-weight: normal;
}

.template-events_list #page h1, .template-people_listing #page h1 {
    text-align: center;
    font-size: 48px;
}

#page .description {
    font-size: 24px;
    color: #333;
    font-family: Lato, sans-serif;
    font-weight: 300;
    margin-bottom: 50px;
    line-height: 1.5;
}

#page .description a {
    color: #006694;
    border-bottom: 1px dashed;
}

#page .description a:hover {
    border-bottom-style: solid;
}

#page .pagetext {
    color: #525252;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    width: 620px;
    float: left;
}

#page .pagetext.large {
    width: auto;
    float: none;
}

#page .pagetext p {
    margin-bottom: 1em;
    text-align: left !important;
}

#page .pagetext > p:first-child:first-letter {
    font-size: 24px;
}

/* stili interni alla pagina per editor */

.pagetext fieldset {
	border: 1px solid #4891B6;
	padding: 10px;
	margin: 15px 0;
}

.pagetext h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
    color: #333;
    margin-top: 1em;
}

.pagetext h3 {
    font-weight: 400;
}

.pagetext a {
    color: #006694;
    font-weight: 400;
}

.pagetext a:hover {
    border-bottom: 1px solid;
}

.pagetext ul, .pagetext ol {
    margin: 10px 10px 10px 20px;
}

.pagetext ul li {
    background: url(../img/bullet.gif) no-repeat 0 10px;
    padding-left: 12px;
}

.pagetext .righe {
    width: 100%;
    border-bottom: 3px solid #aaa;
    border-top: 3px solid #aaa;
    margin-bottom: 40px;
}

.pagetext .righe td {
    padding: 3px;
    border-bottom: 1px solid #ccc;
}

.pagetext .image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.pagetext .image-right {
    float: right;
    margin: 0 0 20px 20px;
}

.pagetext img.with-border {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.pagetext .box {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

#downloads {
    background: #EEF6F8;
    padding: 20px;
    width: 260px;
    float: left;
    margin-left: 20px;
}

#downloads h2 {
    color: #A5AAAC;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-family: Novecento, sans-serif;
    font-weight: bold;
}

#downloads li {
    margin-bottom: 5px;
}

#downloads a {
    color: #3788AA;
}

/*
 * Lista documenti per area riservata
 */

table.lista-docs {
    margin: 20px 0 50px;
    width: 95%;
}

table.lista-docs img {
	padding-right: 7px;
}

table.lista-docs th, table.lista-docs tr:first-child td {
    color: #44568F;
    text-align: left;
    border-bottom: 2px solid #ccc;
    font-size: .9em;
    font-weight: bold;
}

table.lista-docs td {
    border-bottom: 1px solid #e1e1e1;
    padding: 3px 0;
}

table.lista-docs tr:last-child td {
    border-bottom: 2px solid #ccc;
}


table.lista-docs td.titolo {
    width: 70%;
    font-style: italic;
}

tr.folder td.titolo {
	padding-left: 20px;
}

table.lista-docs td.titolo img {
    vertical-align: middle;
}

table.lista-docs a {
    color: #333;
    text-decoration: none;
}

table.lista-docs a:hover {
    color: #000;
}


table.lista-docs td.size {
    color: #666;
    width: 20%;
}

/* Lista membri divisi per gruppi */

.inactive {
   font-weight: bold;
   color: #900;
}
.not-yet-active {
   font-weight: bold;
   color: #06c;
}
.groups-legend {
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
}
.groups-legend a {
    padding: 2px 5px;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-right: 7px;
    color: #666;
}

.groups-legend a.selected {
    border: 2px solid #333;
    border-bottom: none;
    background: #fff !important;
    position: relative;
    top: 1px;
    font-weight: bold;
    color: #000 !important;
}

tr.group-aimeta td {
background-color:#FFFFB5;
}
tr.group-afm td {
background-color:#E8DFFF;
}
tr.group-csm td {
background-color:#FFBB7D;
}
tr.group-gamm td {
background-color:#DFF4FF;
}
tr.group-ima td {
background-color:#EEE;
}
tr.group-mecamat td {
background-color:#DAFFBF;
}
tr.group-rnctam td {
background-color:#FF8A8A;
}
tr.inactive td, tr.inactive td a {
    color: #ccc;
}

/* Pagina newsletter */

#newsletter-listing {
    margin: 0 -20px 0 0;
}

#newsletter-listing li {
    float: left;
    width: 140px;
    height: 200px;
    margin: 0 20px 20px 0;
    background: none;
    padding: 0;
    position: relative;
    background: #f0f0f0;
    box-shadow: 0 0 5px #ccc;
}

#newsletter-listing li h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #333;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

#newsletter-listing li a:hover h3 {
    background: #006792;
}

#newsletter-listing li a {
    color: #fff;
    display: block;
    height: 100%;
}

#newsletter-listing li img {
    width: 100%;
}

/*
 * Ricerca Scopus
 */
/*
#scopus-search {
    background: #EFEFEF;
    padding: 50px 0 30px;
}

#scopus-search form {
    width: 600px;
    margin-left: 240px;
    background: #fff;
    padding: 15px;
}

#scopus-search form label {
    text-transform: uppercase;
    color: #006692;
    font-size: 16px;
    font-family: Novecento, sans-serif; 
}

#scopus-search form label img {
    margin: 0 5px;
}

#scopus-search form #scopus-query {
    border: none;
    border-bottom: 1px dotted #bbb;
    font-size: 18px;
    width: 300px;
    font-weight: bold;
    color: #333;
}

#scopus-search .results {
    margin: 20px 0;
}

#scopus-search .results .cover {
    border: 3px solid #fff;
    float: left;
    margin: 0 7px;
    border-radius: 3px;
}

#scopus-search .results .cover img {
    display: block;
}


#scopus-search .docs {
    float: left;
    width: 780px;
    position: relative;
}

#scopus-search ul {
    width: 5000px;
}

#scopus-search .results li {
    width: 120px;
    height: 175px;
    float: left;
    margin-right: 10px;
    background: #fff;
    padding: 15px;
    font-size: 15px;
    font-weight: 300;
}

#scopus-search .results li h4 {
    height: 8em;
    overflow: hidden;
    line-height: 1;
}

#scopus-search .results li .author {
    margin-top: 1em;
    color: #1366AC;
}

#scopus-search .wrapper {
    margin-left: 70px;
    overflow: hidden;
    width: 630px;
}

#scopus-search .nav {
    color: #fff;
    font-size: 100px;
    position: absolute;
    top: 90px;
    line-height: 0;
    font-weight: 300;
    transition: color .5s;
}

#scopus-search .nav:hover {
    color: #006792;
}

#scopus-search .nav.prev {
    left: 13px;
}

#scopus-search .nav.next {
    right: 13px;
}

#scopus-search .no-results {
    font-size: 18px;
    text-align: center;
    margin: 40px 0;
    padding: 20px 0;
    font-weight: 300;
    border: 2px solid #ddd;
    background: #fff;
*/

/*
 * Lista conferenze e colloquiua
 */
 
.top-form {
    background: #EFEFEF;
    margin: -50px -10px 50px;
    padding: 20px 0 5px;
    position: relative;
    clear: left;
}

.section-conferences .top-form {
    padding-bottom: 40px;
}

.top-form input, .top-form select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-form .field {
    width: 220px;
    float: left;
    margin: 0 10px;
}

.top-form .field input, .top-form .field select {
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 3px;
    color: #666;
    background: #fff;
    border-radius: 0;
    font-weight: bold;
    -moz-appearance: none;
    -webkit-appearance: none;    
    appearance: none;
}

.top-form .field select::-ms-expand {
    display: none;
}

 
.top-form label {
    color: #878787;
    text-transform: uppercase;
    font-family: Novecento, sans-serif;
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
}

.top-form .checkboxes {
    margin: 15px 0 0;
    overflow: hidden;
}

.top-form .checkbox-field {
    width: 470px;
}

.top-form .checkbox-field.left {
    float: left;
    text-align: right;
    position: relative;
    top: -16px;
}

.top-form .checkbox-field.right {
    float: right;
    position: relative;
    top: -16px;
}

.top-form input[type=image] {
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -32px;
    background: #EFEFEF;
    border-radius: 50%;
    padding: 20px;
}

.top-form input[type=image]:hover {
    background: #333;
}

/*
 * Stili per checkbox http://jsfiddle.net/achudars/8wW74/
 */
 
.styled-checkbox {
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox-field label {
    position: relative;
}

.checkbox-field.right label:before, .checkbox-field.left label:after {
    content: '';
    display: inline-block;
    visibility: visible;
    left: 0;
    line-height: 13px;
    text-align: center;
    /* Put checkbox styles here: */
    border: none;
    background: #fff;
    width: 20px;
    height: 20px;
}

.checkbox-field.right label:before {
    margin-right: 10px;
}

.checkbox-field.left label:after {
    margin-left: 10px;
}

.checkbox-field.right .styled-checkbox:checked + label:before, .checkbox-field.left .styled-checkbox:checked + label:after {
    content: '×';
    font-size: 30px;
    color: #333;
}




 
.event {
    margin: 0 -10px 50px;
}

.event h2 {
    font-size: 25px;
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
    padding: 0 10px;
    font-weight: 300;
    font-family: Lato, sans-serif;
}

.event h2 .number {
    color: #aaa;
    font-weight: bold;
}

.event h2 .number.solids {
    color: #DE0024;
}

.event h2 .number.fluids {
    color: #00A1E4;
}

.event .fields {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.event .fields .field {
    float: left;
}

.event .fields .field.field-3 {
    width: 300px;
    border-bottom: 2px solid #eee;
    margin: 0  10px;
}

.event .fields .field.field-3 .value {
    font-weight: bold;
    font-size: 16px;
/*    line-height: 1;
    height: 2em; */
}

.event .field h3 {
    color: #BBB;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: Novecento, sans-serif;
}

.event .field.field-2 {
    width: 460px;
    margin: 0 10px;
}

.event .field.field-2 h3, .event .field.field-1 h3 {
    border-bottom: 2px solid #eee;
}

.event .field.field-2 .value, .event .field.field-1 .value {
    font-size: 16px;
    font-weight: 300; 
}

.event .field.field-1 {
    width: 940px;
    margin: 0 10px;
}

.event .fields .value a {
    color: #006693;
}

#page .event .event-info {
    padding: 30px 80px 0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    box-shadow: 0 -3px 10px -6px #333;
    width: auto;
    margin: 0 10px; /* altrimenti sparisce il box shadow laterale */
}

#page .event .pagetext {
    float: none;
}

.download-buttons {
    text-align: center;
    margin: -30px 0 30px;
}

.template-people_listing .download-buttons {
    margin-top: -40px;
}

body .download-buttons a {
    text-transform: uppercase;
    padding: 10px 40px;
    font-size: 12px;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    background: #006693;
    color: #fff;
    font-weight: 300;
    line-height: 1.2;
    transition: background .2s;
    margin: 0 12px;
}

.download-buttons a span {
    display: block;
}

.download-buttons a .title {
    font-size: 17px;
    font-weight: 400;
}

.download-buttons a .size {
    margin-top: 10px;
}

body .download-buttons a:hover {
    background: #DE0024;
    border: none;
    text-decoration: none;
}

.event .event-info p {
    text-align: left !important; /* Per sovrascivere stili scritti direttamente nell'editor */
    color: #444;
    margin-bottom: .5em;
}

.event .event-info p:first-child:first-letter {
    font-size: 30px;
}

.event-content {
    overflow: hidden;
    transition: max-height 2s;
}

.event-content.closed {
    max-height: 64px;
}

.event .expand {
    border-top: 2px solid #006692;
    text-align: center;
}

.event .expand a {
    width: 60px;
    height: 20px;
    border-radius: 0 0 5px 5px;
    background: #006692;
    display: inline-block;
}

.event .expand a span {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 8px solid #ccc;
}

.event .expand a:hover span {
    border-top-color: #fff;
}

/* Evento aperto */

.event .expand.open {
    border-bottom: 2px solid #006692;
    border-top: none;
}

.event .expand.open a {
    border-radius: 5px 5px 0 0;
}

.event .expand.open a span {
	border-bottom: 8px solid #ccc;
	border-top: none;
}

.event .expand.open a:hover span {
    border-bottom-color: #fff;
}


/*
 * Lista eventi con blocchi colorati
 */
 
.block-events {
    margin-right: -20px;
}
 
.block {
    width: 300px;
    height: 300px;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    background: #000;
    color: #fff;
}

.block .ribbon {
    text-transform: uppercase;
    position: absolute;
    color: #fff;
    padding: 6px 20px;
    right: -10px;
    top: 170px;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
}

.block .ribbon:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
}

.block .ribbon small {
    text-transform: none;
    display: block;
    font-weight: normal;
}

.block .ribbon.canceled {
    background: #961e1e;
}

.block .ribbon.canceled:after {
    border-top-color: #570e0e;
    border-left-color: #570e0e;
}

.block .ribbon.postponed {
    background: #e7ae64;
    color: #000;
}

.block .ribbon.postponed:after {
    border-top-color: #ac824b;
    border-left-color: #ac824b;
}

.block .ribbon.virtualized {
    background: rgb(46, 71, 139);
}

.block .ribbon.virtualized:after {
    border-top-color: #121e40;
    border-left-color: #121e40;
}

.block .ribbon.merged {
    background: #006694;
    color: #fff;
}

.block .ribbon.merged:after {
    border-top-color: #023852;
    border-left-color: #023852;
}

.block a {
    display: block;
    height: 100%;
    -webkit-transition: background .5s;
    transition: background .5s;
}

.block a:hover {
    background: #333;
}

.block a:hover .contacts {
    color: #fff;
}

.block.solids {
    background: #DE0024;
}

.block.fluids {
    background: #00A1E4;
}

.block.solids-fluids {
    background: #ccc;
}

.block.shared-event {
    background: #006498;
}

.block.sponsored-event {
    background: #008C2B;
}

.block .number {
    font-size: 32px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #fff;
    width: 100px;
    height: 60px;
    line-height: 75px;
    font-weight: bold;
    text-align: center;
}


.block .event-type {
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 0;
    padding-top: 20px;
    left: 20px;
    border-right: 1px solid #fff;
    width: 100px;
    height: 40px;
    line-height: 20px;
    text-transform: uppercase;
}

.section-conferences .block .number, .block .number[class^="conf-"], .block .number[class*=" conf-"] {
    font-size: 22px;
}

/* Colori conferenze */
.block .number[class^="conf-esmc"], .block .number[class*=" conf-esmc"] {
    color: #1DB5B6;
}
.block .number[class^="conf-enoc"], .block .number[class*=" conf-enoc"] {
    color: #8DC726;
}
.block .number[class^="conf-efmc"], .block .number[class*=" conf-efmc"] {
    color: #D8D05B;
}
.block .number[class^="conf-etc"], .block .number[class*=" conf-etc"] {
    color: #E68A22;
}
.block .number[class^="conf-emmc"], .block .number[class*=" conf-emmc"] {
    color: #E80E45;
}



.block .date-location {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 160px;
    font-size: 15px;
    font-weight: 300;
}

.block .date-location.shared {
    width: 140px;
}

.block h2 {
    position: absolute;
    top: 100px;
    font-size: 21px;
    left: 20px;
    width: 240px;
}

/* Titolo e luogo molto lungo delle conferenze si sovrappongono */
.section-conferences .block h2 {
    top: 140px;
}



.block .contacts {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 260px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: color .5s;
    transition: color .5s;
}


.section-conferences .block .contacts {
    color: #ccc;
}

.block .co-chairperson {
    color: #333;
    -webkit-transition: color .5s;
    transition: color .5s;    
}

.block:hover .co-chairperson {
    color:#dddddd;
}


/*
 * Lista persone
 */

.person {
    margin-bottom: 50px;
	box-shadow: 0 -3px 10px -6px #333;
    padding: 40px 0;
    font-size: 18px;
    font-weight: 300;
    overflow: hidden;
}

.person .picture {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    margin: 0 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-filter 1s;
    transition: filter 1s;
}


.person .picture:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.person .picture h2 {
    background: #009deb;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
    font-weight: 300;
    font-size: 16px;
    margin: 0 -40px;
}

.person .picture h2.solids {
    background: #dc0b2c;
}

.person .picture h2.solids-fluids {
    background: #666;
}

.person .person-details {
    float: left;
}

.person .personal-info, .person .contacts {
    float: left;
}

.person .period {
    margin-top: 10px;
}

.person .personal-info {
    width: 320px;
    margin-right: 20px;
}

.person .contacts {
    width: 380px;
    margin-right: 0;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.person h2 {
    font-weight: bold;
    font-size: 18px;
}

.person h3.role {
    text-transform: uppercase;
    font-weight: bold;
    font-family: Novecento, sans-serif;
}

.person .sector {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-family: Novecento, sans-serif;
}

.person p + .sector {
    margin-top: 15px;
}

.person .sector h3 {
    color: #ccc;
}

.person .sector h3 .fluids {
    color: #009DEB;
}

.person .sector h3 .solids {
    color: #DC0B2C;
}


.person .person-description {
    font-style: italic;
    line-height: 1.5;
    margin-bottom: 20px;
}

.person .text {
    margin-top: 50px;
}


.person a {
    color: #006694;
}

.person a:hover {
    text-decoration: underline;
}

/* Bottone
.person .prize-received a {
    background: #006694;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
    margin: 0 5px;
}
*/

.person .prize-received a {
    color: #006694;
    font-size: 16px;
}

.person .prize-received a:hover {
    text-decoration: underline;
}

.person .prize-received .event-date {
    font-size: 12px;
}

/*
.person .address {
    border: 1px solid #eee;
    padding: 20px;
    background: #f8f8f8;
    font-size: 15px;
    margin-top: 15px;
}
*/
.person .address {
    margin-bottom: 15px;
    font-size: 16px;
}

.person .download {
    margin-top: 20px;
}


/* Sezione prizes */
.person.large .person-details {
    width: 680px;
}

.person.large .personal-info, .person.large .contacts {
    width: auto;
}










#downloads a:hover {
    text-decoration: underline;
}


#footer {
    background: #006694;
    color: #fff;
    padding-bottom: 30px;
    clear: both;
    margin-top: 50px;
}

#footer .menu {
    text-transform: uppercase;
    border-bottom: 1px solid #5E9EBB;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 80px;
    line-height: 80px;
}

#footer .menu li {
    display: inline-block;
}

#footer .menu li a {
    padding: 0 15px;
    display: block;
}

#footer .menu li a:hover {
    background: #3385A9;
}

#footer .menu li.private a {
    font-weight: normal;
}

#footer .contacts {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 30px;
    overflow: hidden;
}

#footer .contacts .person-role {
    float: left;
    width: 220px;
    margin: 10px;
}

#footer .contacts h3 {
    font-weight: bold;
    text-transform: uppercase;
}

#footer address {
    border-top: 1px solid #5E9EBB;
    text-align: center;
    font-weight: 300;
    font-style: normal;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.3;
}

#footer address p {
    margin-bottom: 15px;
}




/*
 * http://www.paulund.co.uk/creating-different-css3-box-shadows-effects
 */


.effect7 {
  	position:relative;       
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 

.effect7:after {
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}


/* 
 * HOME PAGE
 */
 
#slogan {
    text-align: center;
    font-family: Ropa Sans, sans-serif;
    font-size: 30px;
    line-height: 1;
    color: #bbb;
}

#slogan strong {
    color: #000;
    font-weight: 400;
}

#foto-home {
    height: 145px;
    background: url(../img/foto-home.jpg) no-repeat center;
    margin: 30px 0;
}


#home-actions {
    text-align: center;
    margin: 20px 0;
}


#home-actions li {
    display: inline-block;
    width: 310px;
}

#home-actions li:first-child {
    animation: enter-top 2s 3s;
}

@keyframes enter-top {
    0% {
        transform: translateY(-500px);
    }
    80% {
        transform: translateY(10px);
    }
    90% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

#home-actions li a {
    border: 2px solid #006694;
    background: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 10px;
    font-weight: 300;
    font-size: 14px;
    font-family: Novecento, sans-serif;
    padding: 20px 0;
    color: #006694;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    position: relative;
}

/*#home-actions li:first-child a {
    background: #00A1E4;
    color: #fff;
}*/

#home-actions li a:hover {
    background: #006694;
    color: #fff;
}

#home-actions li a .desc {
    text-transform: none;
    font-family: sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #d80000;
}

#home-actions li a:hover .desc {
    color: #fff;
}

.home-blocks .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Novecento, sans-serif;
    margin: 20px 0;
}

.home-blocks .title a.nav {
    font-size: 50px;
    color: #aaa;
    font-weight: 200;
    vertical-align: middle;
}

.home-blocks .title a.nav.disabled {
    color: #eee;
    pointer-events: none;
}

.home-blocks .title a.nav:hover {
    color: #333;
}


#news-home .title a.nav {
    position: relative;
    top: -4px;
    margin: 0 10px;
}

.home-blocks .title .square {
    margin: 0 20px;
    vertical-align: -5px;
}

.home-blocks .title .square:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right:5px;
    position: relative;
    top: 4px;
}

.home-blocks .title .square.colloquium-fluids:before {
    background: #00a1e4;
}
.home-blocks .title .square.colloquium-solids:before {
    background: #de0024;
}
.home-blocks .title .square.conference:before {
    background: #000;
}
.home-blocks .title .square.shared-event:before {
    background: #006498;
}
.home-blocks .title .square.sponsored-event:before {
    background: #008C2B;
}

.home-blocks .block-events {
    overflow: hidden;
    margin-left: 10px;
    margin-right: 0;
}

.home-blocks .list {
    width: 5000px;
    transition: margin .5s;
}



#news-home h2 {
    color: #333;
    font-family: Novecento, sans-serif;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#news-home ul {
    font-family: Novecento, sans-serif;
    text-align: center;
    font-size: 0; /* perché gli elementi <li> sono inline, prenderebbero spazio tra loro e il terzo andrebbe a capo */
}

#news-home li {
    width: 300px;
    height: 300px;
    float: left;
    margin: 0 10px;
    border-top: 3px solid #333;
    border-bottom: 3px solid #333;
    text-align: left;
    vertical-align: top;
}

#news-home li .description, #projects-home li .description {
    font-size: 22px;
    color: #888;
    font-family: "Georgia", serif;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: 200;
}

#news-home li h3, #projects-home li h3 {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1;
}


#news-home h3 a:hover {
    color: #006694;
}

#news-home li .type {
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 5px;
}

#news-home li .location {
    font-variant: small-caps;
    font-size: 12px;
}


#projects-home {
    margin: 30px 0;
}

#projects-home li {
    float: left;
    height: 270px;
    width: 300px;
    margin: 0 10px;
    position: relative;
}

#projects-home li .content {
    border-left: 2px solid #AABADE;
    margin-left: 58px;
    height: 220px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
}

#projects-home .category {
    background: url(../img/eu.gif) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 70px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #00339A;
    text-transform: uppercase;
    font-family: Novecento, sans-serif;
}

#projects-home .type, #projects-home .location {
    position: absolute;
    left: 10px;
}

#projects-home .type {
    bottom: 40px;
}

#projects-home .location {
    bottom: 20px;
}

#projects-home li a:hover {
    color: #00339A;
}

/* Form */
.memberform .field {
    background: #f8f8f8;
    padding: 10px;
}

.memberform legend {
    padding: 0 10px;
    font-variant: small-caps;
    font-weight: bold;
}

.memberform input[type=text], .memberform input[type=file], .memberform input[type=email], .memberform input[type=url], .memberform input[type=tel], .memberform textarea, .memberform select {
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;    
}

.memberform .field {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

.memberform label {
    margin-bottom: 3px;
    display: block;
    font-weight: 400;
}

.memberform label .note {
    font-size: 13px;
    color: #777;
}

.memberform label.inline {
    display: inline;
    margin: 0;
}

.memberform .error {
    font-weight: bold;
    color: #900;
}

.memberform #website-field {
    position: absolute;
    top: -9999px;
    left: -9999px;
}


/* Form di ricerca */
#search-form {
    padding: 10px;
    background: #f8f8f8;
    margin-bottom: 20px;
}

#search-form input[type=search] {
    color: #666;
    height: 45px;
    padding-top: 5px;
    font-size: 25px;
    width: 380px;
    margin-right: 10px;
    padding: 5px;
    font-family: Lato, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#search-form input[type=submit] {
    background: #006792;
    color: #fff;
    display: inline-block;
    width: 200px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Novecento, sans-serif;
}

#search-form input[type=submit]:hover {
    background: #f80;
}

#search-results .tabs {
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
}

#search-results .tabs .category {
    display: inline-block;
}

#search-results .tabs .category a {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    display: block;
    border-bottom: none;
    margin: 0 5px;
    background: #f0f0f0;
}

#search-results .tabs .category.active a {
    position: relative;
    top: 1px;
    background: #fff;
}

#search-results .tabs .badge {
    background: #006792;
    color: #fff;
    padding: 1px 5px;
    border-radius: 50px;
    font-size: 11px;
}

#search-results .tab-content {
    display: none;
    margin: 30px 0;
}

#search-results .tab-content.active {
    display: block;
}

#search-results .results li {
    margin-bottom: 15px;
}

#search-results .results p {
    margin: 0;
}

#search-results .results p.publication {
    font-size: .8em;
}

#search-results .results p.date {
    text-align: right !important;
}

/* Paginazione */

.listingBar {
    text-align: center;
    margin: 30px 0;
}

.listingBar a, .listingBar span.current {
    border: 1px solid #006694;
    padding: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 5px;
}

.listingBar a.page:hover {
    background: #333;
    color: #fff;
}

.listingBar span.current {
    background: #006694;
    color: #fff;
}

.listingBar a.previous, .listingBar a.next {
    border: none;
}

.listingBar a.previous:hover, .listingBar a.next:hover {
    text-decoration: none;
    color: #333;
}



/*
 * START messaggi di stato
 */

dl.portalMessage {
margin: 1em 0;
font-size: 80%;
border: 1px solid #996;
background-color: #ffffe3;
}
dl.portalMessage a,
#content dl.portalMessage a {
color: black;
border-bottom: 1px solid #888;
}
dl.portalMessage dt {
background-color: #996;
font-weight: bold;
float: left;
margin: 0 0.5em 0 0;
padding: 0.5em 0.75em;
color: White;
line-height: 1.25em;
}
dl.portalMessage dd {
padding: 0.5em 0.5em;
margin: 0;
line-height: 1.25em;
}
dl.warning {
border-color: #d80;
}
dl.warning dt {
background-color: #d80;
}
dl.error {
border-color: #d00;
}
dl.error dt {
background-color: #d00;
}
dl.warning {
border-color: #d80;
}
dl.warning dd {
background-color: #fd7;
}
dl.error {
border-color: red;
}
dl.error dd {
background-color: #fdc;
}
/* */
#content dl.portalMessage {
font-size: 100%;
}
#content dl.portalMessage dt {
margin: 0 0.5em 0 0;
padding: 0.5em 0.75em;
}
#content dl.portalMessage dd {
margin: 0;
}

/*
 * END messaggi di stato
 */


.issuuembed > div > div:last-child {
    display: none;
}



/* Galleria fotografica */


div.gallery {
    margin-top: 20px;
}

ul.gallery li {
	padding: 0;
	background: none;
	float: left;
	margin: 0 15px 15px 0;
	width: 84px;
	height: 140px;
	font-size: 11px;
	color: #666;
    position: relative;
}

ul.gallery a.picture {
    display: block;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

ul.gallery a:hover {
	border-color: #adf;
}


/*
 * Stili admin
 */

form[name=edit_form] .field {
    background: #f8f8f8;
    padding: 5px 10px;
    margin-bottom: 10px;
}

 
.bigbutton, #page .bigbutton {
    background: #006792;
    color: #fff;
    display: inline-block;
    width: 200px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    border: none;
}

.bigbutton:hover, #page .bigbutton:hover {
    background: #f80;
}

.cancelbutton, input[name=form\.button\.Cancel] {
    float: right;
    padding: 5px;
    border: none; 
    background: none;
    text-decoration: underline;
    cursor: pointer;
}

.event .docs {
    font-size: 18px;
    margin: 10px;
    margin-top: 30px;
}

.event .docs a {
    color: #006590;
    font-weight: bold;
    padding-left: 22px;
    background: url(/pdf.png) no-repeat left center;
}

.event .docs a:hover, .event .docs a:focus {
    text-decoration: underline;
}