/********** COLORES ****

amarillo:      #fdc652;
verde fuerte:  #7FCD35;
gris fuerte:   #807F73;
fondo form:    #ecebe7;

**********************/

html {
    box-sizing: border-box;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    background: rgba(0, 0, 0, 0) url("../images/fondo-comun.png") no-repeat scroll center top;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    font-weight: 400;
    height: 100%;
    margin: 0px;
    min-height: 100%;
    padding: 0px;
}

body a {
    color: #fdc652;
}

body .view a {
    color: #222;
}

body a.tel {
    color: #222;
}

body #container {
    background: rgba(0, 0, 0, 0) url("../images/fondo-comun-pie.png") no-repeat scroll center bottom;
    margin: 0px auto;
    max-width: 1200px;
    min-height: 100%;
    padding: 0px;
    position: relative;
    width: 100%;
}

table tr td {
    vertical-align: top;
}


/****** FRONTPAGE ***********/

body.front {
    background: rgba(0, 0, 0, 0) url("../images/fondo-completo.png") no-repeat fixed center center / cover;
}

body.front #container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

body div.main-container {
    padding-bottom: 50px;
}

#block-system-main {
    min-height: 100%;
    padding-bottom: 50px;
    width: 100%;
}

#navbar {
    display: none;
}

#page-header {
    margin: 0px auto;
    max-width: 1200px;
    padding: 50px 0px;
    position: relative;
    width: 100%;
    z-index: 10;
}

#page-header .region-header {
    margin: 0px;
    padding: 0px;
}

h1.page-header {
    border: 0px none;
    color: #000000;
    display: block;
    font-family: "proxima_nova_rgbold";
    font-size: 2.5em;
    font-weight: 100;
    height: 130px;
    margin: 0px;
    padding: 40px 0px;
    text-align: center;
    width: 100%;
}

h1.page-header::after {
    border-bottom: 2px solid #fdc652;
    content: "";
    display: block;
    height: 1px;
    margin: 25px auto 0px;
    width: 160px;
}

h1,
h2,
h3,
h4 {
    font-family: "proxima_nova_rgbold";
}


/****** TOGGLE MENU *********/

#block-block-1 {
    float: left;
    padding: 0px;
}

#block-block-1 a.toggle-menu {
    background: #fdc652 none repeat scroll 0% 0%;
    color: #ffffff;
    display: block;
    font-family: "proxima_novasemibold";
    font-size: 1em;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: 110px;
}

#block-block-1 a.toggle-menu:hover {
    cursor: pointer;
}

#block-block-1 a.toggle-menu::after {
    content: "";
    font-family: "FontAwesome";
    font-size: 2em;
    font-weight: normal;
    margin: -2px 0px 0px 6px;
    vertical-align: middle;
}

#block-block-1 a.toggle-menu:hover::after {
    content: "";
    font-family: "FontAwesome";
    margin: -7px 0px 0px 16px;
    transform: scale(2) rotate(30deg) translate(50px);
    transition: all 0.2s ease 0s;
}

body.cbp-spmenu-push-toright #block-block-1 a.toggle-menu:hover::after {
    content: "";
    font-family: "FontAwesome";
    margin: -7px 0px 0px 16px;
    transform: scale(2) rotate(30deg) translate(50px);
}

#block-i3menublock-i3menublock {
    background: #e6e6e6 none repeat scroll 0% 0%;
    display: inline-block;
    font-family: "proxima_novasemibold";
    font-size: 1em;
    height: 50px;
    padding: 17px 20px 0px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

#block-i3menublock-i3menublock .i3MenuBlock span::after {
    background: rgba(0, 0, 0, 0) url("../images/icons/bread.png") no-repeat scroll center center;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 6px;
    width: 10px;
}


/************* SEARCH BLOCK *********************/

#block-search-form {
    float: right ! important;
    position: relative;
}

#block-search-form input[type="search"] {
    font-family: inherit;
    font-size: 100%;
    height: 50px;
}

#block-search-form input[type="search"] {
    background: #fdc652 none repeat scroll 0% 0%;
    border-radius: 0px;
    border: 0px none ! important;
    box-shadow: none;
    float: right;
    padding: 8px 25px;
    transition: all 0.5s ease 0s;
    width: 0px;
}

#block-search-form:hover input[type="search"] {
    background: #fdc652 none repeat scroll 0% 0%;
    border: 0px none ! important;
    padding: 8px 50px 8px 20px;
    width: 200px;
}

#block-search-form input.form-submit {
    position: absolute;
    right: 12px;
    top: 12px;
}

#block-search-form button.btn.btn-primary {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: 0px none;
    position: absolute;
    right: 1px;
    top: 5px;
}

#block-search-form button.btn.btn-primary span::before {
    font-size: 1.7em;
}

#block-block-5 {
    float: right;
}

#block-block-5 p.ulogin a {
    background: #fdc652 url("../images/icons/user.png") no-repeat scroll center center;
    display: block;
    height: 50px;
    margin-left: 5px;
    width: 50px;
}

#block-block-5 p.ulogin a span {
    color: red;
    display: none;
}


/************* FOOTER *********************/

body.front .footer {
    display: none;
}

.footer {
    background: #ffffff none repeat scroll 0% 0%;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.region-footer {
    background: #ecece8 none repeat scroll 0% 0%;
    display: block;
    margin: 0px auto;
    max-width: 1200px;
    min-height: 53px;
    padding: 20px 20px 0px;
    width: 100%;
}

.footer {
    font-size: 0.9em;
}

.footer a {
    color: #000000;
    text-decoration: none;
}

.footer a:hover {
    color: #000000;
    text-decoration: underline;
}

.footer .first {
    text-align: left;
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.footer .second {
    text-align: center;
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.footer .second p a {
    background: rgba(0, 0, 0, 0) url("../images/icons/newsletter.png") no-repeat scroll left top;
    display: inline-block;
    margin-top: -10px;
    padding: 10px 50px 10px 15px;
}

.footer .third {
    text-align: right;
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.footer ul {
    margin: -10px 0px 0px;
    padding: 0px;
    text-align: right;
}

.footer ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.footer ul li a {
    border-radius: 50px;
    border: 1px solid #473d3f;
    display: block;
    height: 35px;
    width: 35px;
}

.footer ul li a span {
    display: none;
}

.footer ul li.mail a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-mail.png") no-repeat scroll center center;
}

.footer ul li.phone a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-phone.png") no-repeat scroll center center;
}

.footer ul li.map a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-maps.png") no-repeat scroll center center;
}

.footer ul li.twitter a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-twitter.png") no-repeat scroll center center;
}

.footer ul li.linkedin a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-linkedin.png") no-repeat scroll center center;
}

.footer ul li.rss a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-rss.png") no-repeat scroll center center;
}

.footer ul li a:hover {
    background-color: #ffffff;
}


/************* FRONTPAGE *********************/

body.front #block-system-main .field-name-title {
    display: none;
}

body.front #block-system-main .node {
    text-align: center;
}

body.front #block-system-main .node img {
    margin-bottom: 50px;
}

body.front #block-system-main .node h1 {
    color: #fdc652;
    font-family: "proxima_nova_rgbold";
    font-size: 39px;
    padding: 0px 200px;
    text-align: center;
}

body.front #block-system-main .node p a {
    border: 1px solid #8b696a;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    margin: 50px 0px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

body.front #block-system-main .node p a:hover {
    border-color: #fdc652;
    color: #fdc652 !important;
    background: none;
}


/************* INTRO PAGE *********************/

body.page-node-50,
body.page-node-50 #container {
    background: #222;
}

body.page-node-50 #container h1 {
    display: none;
}

body.page-node-50 #page-header {
    width: 8% !important;
    max-width: 94%;
    margin-left: 3%;
    height: 50px;
    position: fixed !important;
    left: 0;
    top: 0px;
    padding: 50px 0 0 0 !important;
}

body.page-node-50 #block-block-5 {
    position: fixed;
    right: 5%;
    top: 50px;
}

body.page-node-50 #block-system-main {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100.1%;
    overflow-y: auto;
    z-index: 0;
    padding-bottom: 0 !important;
}

body.page-node-50 .footer {
    display: none;
}

body.page-node-50 #block-system-main #node-50 {
    height: 100%;
    min-height: 110%;
    margin: 0;
    padding: 0;
}

body.page-node-50 #block-system-main #node-50 div#intro {
    /*height: 100%;    min-height: 100% !important;*/
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #D7AC4E;
}

body.page-node-50 #block-system-main div#intro div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: background .3s ease 0s;
    width: 33.3%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

body.page-node-50 #block-system-main div#intro div a span {
    color: #FFF;
    display: block;
    text-decoration: none;
    font-family: "proxima_nova_rgbold";
    font-size: 1.5em;
    width: 100%;
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    top: 45%;
}

body.page-node-50 #block-system-main div#intro div:hover a span {
    display: block;
}

body.page-node-50 #block-system-main div#intro div a img {
    width: 100%;
    height: auto;
    text-align: center;
    transition: opacity 0.3s linear 0s;
}

body.page-node-50 #block-system-main div#intro div a img.image-svg {
    position: absolute;
    left: 33%;
    top: 20%;
    opacity: 1;
    width: 30%;
    transition: opacity 0.3s linear 0s;
}

body.page-node-50 #block-system-main div#intro div:hover a img.image-svg {
    display: none;
}

body.page-node-50 #block-system-main div#intro div:hover a {
    opacity: 1;
    text-decoration: none;
}

body.page-node-50 #block-system-main div#intro div:hover img {
    opacity: 0;
}

body.page-node-50 #block-system-main div.pos-11:hover {
    background-image: url("../images/intro/over1.jpg");
}

body.page-node-50 #block-system-main div.pos-12:hover {
    background-image: url("../images/intro/over2.jpg");
}

body.page-node-50 #block-system-main div.pos-13:hover {
    background-image: url("../images/intro/over3.jpg");
}

body.page-node-50 #block-system-main div.pos-21:hover {
    background-image: url("../images/intro/over4.jpg");
}

body.page-node-50 #block-system-main div.pos-22:hover {
    background-image: url("../images/intro/over5.jpg");
}

body.page-node-50 #block-system-main div.pos-23:hover {
    background-image: url("../images/intro/over6.jpg");
}

body.page-node-50 #block-system-main div.pos-31:hover {
    background-image: url("../images/intro/over7.jpg");
}

body.page-node-50 #block-system-main div.pos-32:hover {
    background-image: url("../images/intro/over8.jpg");
}

body.page-node-50 #block-system-main div.pos-33:hover {
    background-image: url("../images/intro/over9.jpg");
}

.region-content {
    font-size: 1.2em;
}

.region-content strong {
    font-family: "proxima_nova_rgbold";
}

.region-content a {
    color: #fdc652;
    text-decoration: none;
}

.region-content strong a,
.region-content a strong {
    text-decoration: none;
}

.region-content a:hover {
    text-decoration: underline;
}

ul#head-list {
    display: block;
    margin: 30px 0px;
    padding: 0px;
}

ul#head-list li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

ul#head-list li img {
    max-width: 140px;
}


/************** spire board *******************/

.view-a-spire.board table.views-view-grid.cols-3 {
    width: 100%;
}

.view-a-spire.board table tr td {
    display: inline-block;
    font-size: 1.2em;
    padding: 20px 0px;
    width: 29%;
    position: relative;
}

.view-a-spire.board table tr td .views-field-field-director-summary::after {
    border-bottom: 1px solid #fdc652;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
}

.view-a-spire.board table tr td.col-2 {
    margin: 0px 6%;
}

.view-a-spire.board table tr td .views-field-field-director-image {
    float: left;
}

.view-a-spire.board table tr td .views-field-field-director-image img {
    margin-right: 20px;
    max-width: 120px;
}

.view-a-spire.board table tr td .views-field-title {
    display: block;
    line-height: 1em;
    margin: 20px 0px 0px;
}

.view-a-spire.board table tr td .views-field-title a {
    display: inline ! important;
    font-family: "proxima_nova_rgbold";
    text-decoration: none;
    white-space: normal;
}

.view-a-spire.members #edit-field-partner-category-value-wrapper label,
.view-a-spire.members .views-exposed-widget #edit-submit-a-spire {
    display: none;
}

#edit-field-partner-category-value-wrapper,
#edit-field-project-startyear-value-selective-wrapper {
    width: 100%;
}

.views-exposed-widget {
    width: 100%;
}

.views-exposed-widget div.bef-select-as-links {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

div.bef-select-as-links div.form-item {
    display: inline-block;
    font-size: 1.1em;
    margin: 0px 20px;
}

div.bef-select-as-links div.form-item a {
    text-decoration: none;
}

div.bef-select-as-links div.form-item a.active {
    font-family: "proxima_nova_rgbold";
    text-decoration: none;
}


/************** spire members *******************/

.view-a-spire.members table.views-view-grid.cols-4 {
    width: 100%;
}

.view-a-spire.members table tr td {
    font-size: 1.2em;
    padding: 20px 2%;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: 25%;
    margin: 0;
}

.view-a-spire.members table tr td .views-field-field-partner-logo {
    border-radius: 10px;
    border: 1px solid #c8c5bd;
    text-align: center;
    width: 100%;
}

.view-a-spire.members table tr td .views-field-field-partner-logo img {
    margin: 5px auto;
}

.view-a-spire.members table tr td .views-field-title {
    display: block;
    line-height: 1em;
    margin: 10px 0px 0px;
    text-align: center;
}

.view-a-spire.members table tr td .views-field-title a {
    display: inline ! important;
    text-decoration: none;
    white-space: normal;
}

.view-a-spire.members .view-footer {
    margin: 30px 0px;
    text-align: center;
}

.view-a-spire.members .view-footer a {
    border: 1px solid #222222;
    color: #222;
    display: inline-block;
    padding: 10px 50px;
    text-decoration: none;
}

.view-a-spire.members .view-footer a:hover {
    color: #fdc652;
    border-color: #fdc652;
}


/************** submenu added *******************/

#block-menu-block-1 {
    border-bottom: 1px solid #fdc652;
    margin-bottom: 20px;
}

#block-menu-block-1 ul.menu.nav {
    display: table;
    width: 100%;
}

#block-menu-block-1 ul.menu.nav li {
    display: table-cell;
    text-align: center;
    width: 33.3333%;
}

#block-menu-block-1 ul.menu.nav li a {
    font-family: "proxima_nova_rgbold";
    font-size: 1.3em;
    text-decoration: none;
}

#block-menu-block-1 ul.menu.nav li a.active-trail,
#block-menu-block-1 ul.menu.nav li a:hover {
    background: #fdc652 none repeat scroll 0% 0%;
    color: #ffffff;
}

.added {
    padding: 0px 3%;
}

.added .number {
    margin-top: 50px;
    text-align: center;
}

.added ul {
    margin: 0px;
    padding: 10px 20px;
    text-align: justify;
}

.added ul li {
    list-style: outside none none;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    position: relative;
}

.added ul li::before {
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 0.5em;
    left: 0px;
    position: absolute;
    top: 5px;
}

.added .number span {
    background-color: #fdc652;
    border-radius: 40px;
    color: #ffffff;
    display: inline-block;
    font-family: "proxima_nova_rgbold";
    font-size: 2em;
    padding: 1px 0px;
    width: 50px;
}

#added-1 ul li::before {
    color: #fdc652;
}

#added-2 .number span {
    background-color: #7fcd35;
}

#added-2 ul li::before {
    color: #7fcd35;
}

#added-3 .number span {
    background-color: #807f73;
}

#added-3 ul li::before {
    color: #807f73;
}

#added-4 .number span {
    background-color: #916061;
}

#added-4 ul li::before {
    color: #916061;
}

p.application-icons {
    float: right !important;
    margin: 50px 0 -60px 0;
}

p.application-icons img {
    margin-left: 40px;
}


/******************** link to other initiatives *************/

#node-39 h2 {
    border-bottom: 1px solid #fdc652;
    font-size: 1.3em;
}

#node-39 table {
    width: 100%;
}

#node-39 table tr td {
    width: 33.33%;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    vertical-align: top;
}

#node-39 table tr td a {
    border-radius: 10px;
    border: 1px solid #c8c5bd;
    padding: 20px 5px;
    vertical-align: middle;
    width: 300px;
    display: inline-block;
    height: 180px;
    margin-bottom: 5px;
    position: relative;
}

#node-39 table tr td a img {
    max-height: 90%;
    max-width: 90%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#node-39 ul li {
    list-style: none;
}

#node-39 ul li::before {
    color: #fdc652;
    content: "\f111";
    font-family: "FontAwesome";
    font-size: .8em;
    margin-right: 5px;
    text-decoration: none !important;
    border: 0 !important
}


/********** webforms y forms en general **************/

#block-webform-client-block-19 {
    float: left;
    margin-top: -305px;
}

.webform-client-form,
#user-login-form {
    background-color: #ecebe7;
    border-radius: 10px;
    border: 1px solid #857c79;
    margin: 0px auto;
    max-width: 800px;
    padding: 10px;
}

#block-block-8,
#block-block-9 {
    background-color: #ecebe7;
    border-radius: 10px;
    border: 1px solid #857c79;
    margin: 0px auto;
    padding: 20px 0 0 10px;
}

#block-block-9 div.center-block.text-center {}

#block-block-9 div.row,
#block-block-8 div.row {
    margin-right: 0;
}

#block-block-8 .panel-body {
    padding: 20px 0;
    margin: 0;
}

#block-block-8 .panel-body {
    text-align: center;
}

#block-block-8 input.btn-default,
#block-block-9 input.btn-default {
    background: #857c79 none repeat scroll 0% 0%;
    border-radius: 10px;
    border: 1px solid #ffffff ! important;
    color: #ffffff;
    padding: 10px 50px;
    text-align: center;
    float: none;
    margin: 0;
    display: inline-block;
}

#block-block-8 input.btn-default:hover,
#block-block-9 input.btn-default:hover {
    background: #fdc652 none repeat scroll 0% 0%;
}

#user-login-form {
    max-width: 500px;
}

#user-login,
#user-register-form,
#user-pass {
    max-width: 500px;
    margin: 20px auto;
    background-color: #ecebe7;
    padding: 20px;
}

.webform-client-form .panel-body {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}

.webform-client-form fieldset.webform-component-fieldset {
    background-color: #ecebe7;
    border: 0px none;
    margin: 0px 0px 20px;
    padding: 0px;
}

.webform-client-form fieldset.webform-component-fieldset legend {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: 0px none;
    margin: 20px 0px;
    padding: 0px;
}

.webform-client-form fieldset .panel-body {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

.webform-client-form .webform-component-checkboxes div.form-checkboxes,
.webform-client-form div.form-radios {
    padding: 0px 3%;
}

.webform-client-form fieldset select.form-select {
    width: 100% !important;
}

div.form-item {
    position: relative;
}

span.form-required {
    left: 3px;
    position: absolute;
    top: 5px;
}

label.control-label {
    padding-left: 8px ! important;
}

div.form-actions {
    text-align: center;
}

form div.form-actions button.form-submit {
    background: #857c79 none repeat scroll 0% 0%;
    border-radius: 10px;
    border: 1px solid #ffffff ! important;
    color: #ffffff;
    padding: 10px 50px;
    text-align: center;
}

form div.form-actions button.form-submit:hover {
    background: #fdc652 none repeat scroll 0% 0%;
}


/************** view projects *******************/

.view-projects .views-row {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
    width: 48%;
}

.view-id-projects.view-display-id-page_1 .views-exposed-widgets {
    max-width: 400px;
    width: 100%;
    display: inline-block;
}

.view-projects .views-exposed-form {
    text-align: center;
    padding: 0 0 30px 0;
}

.view-projects .views-row-odd {
    margin-right: 3%;
}

.view-projects .views-field-field-project-image {
    max-width: 30%;
    text-align: center;
}

.view-projects span.topic {
    width: 100%;
    float: left;
}

.view-projects span.topic a {
    background: #fdc652;
    border-radius: 7px;
    font-size: 0.8em;
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 3px 5px;
    line-height: 1em !important;
    text-decoration: none;
}

.views-field-field-image-link a {
    background: #222;
    color: #FFF !important;
    border-radius: 7px;
    font-size: 0.8em;
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 3px 5px;
    line-height: 1em !important;
    text-decoration: none;
}

.view-projects .views-field-field-project-image img {
    border-radius: 10px;
    border: 1px solid #c8c5bd;
    float: left;
    padding: 20px 5px;
}

.view-projects .views-row span.views-label {
    display: inline;
    font-weight: bold;
}

.view-projects .views-row div.field-content {
    display: inline;
}

.view-projects .views-row .views-field {
    clear: right;
    float: right;
    width: 63%;
}

.view-projects .views-field.views-field-field-project-image {
    clear: none;
    float: left;
    margin: 0px 20px 0px 0px;
}

.view-projects .views-field-field-project-web a {
    background: #222;
    border-radius: 7px;
    color: #ffffff;
    display: inline;
    font-size: 0.8em;
    margin-top: 10px;
    display: inline;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}

.view-projects .views-field-field-project-web a:hover {
    background: #fdc652;
}

.view-projects.view-display-id-page_2 table.views-view-grid tr td {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
    width: 22%;
}

.view-projects.view-display-id-page_2 table.views-view-grid tr td.col-2 {
    margin: 0px 3.2% 40px 4%;
}

.view-projects.view-display-id-page_2 table.views-view-grid tr td.col-3 {
    margin: 0px 3.2% 40px 0px;
}

.view-projects.view-display-id-page_2 table.views-view-grid tr td .views-field-field-cs-image img {
    border-radius: 12px;
    border: 1px solid #c8c5bd;
    width: 100%;
}

.view-projects.view-display-id-page_2 table .views-field-title {
    font-family: "proxima_nova_rgbold";
    font-size: 1em;
    padding: 10px 0px;
}

.view-projects.view-display-id-page_2 table .views-field-title a {
    text-decoration: none;
}

.view-projects.view-display-id-page_2 table .views-field-field-cs-summary {
    display: inline;
    font-size: 0.9em;
}

.view-projects.view-display-id-page_2 table .views-field-field-cs-summary,
.view-projects.view-display-id-page_2 table .views-field-field-cs-summary * {
    display: inline;
}

.view-projects.view-display-id-page_2 table .views-field-view-node {
    display: inline ! important;
}

.view-projects.view-display-id-page_2 table .views-field-view-node a {
    background: #222222 none repeat scroll 0% 0%;
    border-radius: 7px;
    color: #ffffff;
    display: inline;
    font-size: 0.8em;
    margin-left: 5px;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}


/************** node case studies**************************/

.node-case-studie {
    margin-top: 150px;
    position: relative;
}

.node-case-studie .field-name-field-cs-image {
    border-right: 10px solid #ffffff;
    float: left;
    margin-right: 20px;
    height: auto !important;
}

.node-case-studie .field-name-field-cs-image img {}

.node-case-studie .field-name-case-studies {
    color: #222;

    margin: 0;
    top: -150px;
    text-align: center;
    float: left;
    position: absolute;
    width: 100%;
    font-family: "proxima_nova_rgbold";
    font-size: 2em;
    font-weight: 100;

}

.node-case-studie .field-name-case-studies::after {
    border-bottom: 2px solid #fdc652;
    content: "";
    display: block;
    height: 1px;
    margin: 25px auto 0px;
    width: 160px;
}

.node-case-studie .field-name-title * {
    margin: 0px;
}

.node-case-studie .field-name-title {
    background: #fdc652 none repeat scroll 0% 0%;
    color: #ffffff;
    height: 120px;
    padding: 5px;
    margin: 0px 0px 0px 3px;
}

.node-case-studie .field-name-title h1 {
    font-family: "proxima_nova_rgbold";
    font-size: 1.8em;
}

.node-case-studie .field-label,
.node-type-topic-call .field-label,
.node-type-programme .field-label,
.node-outcomes-results .field-label,
.node-outcomes-results .field-group-div h3{
    border-bottom: 1px solid #fdc652;
    font-size: 1.3em;
    margin-top: 40px;
    vertical-align: top;
}

.node-outcomes-results .field-group-div h3 span {
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    font-weight: bold;
}

.node-outcomes-results .field-group-div div.field-label {
    display: none;
}

.node-case-studie .field-items a {
    text-decoration: none;
}

.node-case-studie .field-name-field-cs-video .player {
    margin: 20px auto;
    text-align: center;
}

.node-case-studie .field-label::before,
.node-type-topic-call .field-label::before,
.node-type-programme .field-label::before,
.node-outcomes-results .field-label::before,
.node-outcomes-results .field-group-div h3::before{
    color: #fdc652;
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-right: 5px;
}

.node-case-studie .field-name-field-cs-coodinator,
.node-case-studie .field-name-field-cs-location,
.node-case-studie .field-name-field-cs-web,
.node-case-studie .field-name-field-cs-email {
    display: inline-block;
    text-align: center;
    width: 25%;
}

.node-outcomes-results .field-name-field-or-link .field-item::before {
        content: "\f0c1";
    font-family: "FontAwesome";
    margin-right: 5px;
    color: #fdc652;
}

.node-outcomes-results .field-name-field-or-link .field-item,
.node-outcomes-results .field-name-field-or-document .field-item {
    display: inline-block;
    width: 50%;
    padding: 10px 0;
}

.node-outcomes-results .field-name-field-or-logos .field-item {
    display: inline-block;
    width: 50%;
    padding: 10px 10px;
    vertical-align: middle;
    background: #FFF;
}

.node-outcomes-results div.field {
    clear: both;
}

.node-outcomes-results .field-name-field-or-sector .field-items {
    float: left;
    width: 100%;
}
.node-outcomes-results .field-name-field-or-sector .field-items .field-items {
    float: left;
    width: 100%;
}

.node-outcomes-results .field-name-field-or-sector .field-items h2 {
    display: none;
}

.node-outcomes-results .field-name-field-or-sector .field-item {
    background: #FFF;
    clear: none;
    display: inline-block;
    width: 20%;
}

.node-outcomes-results .field-name-field-or-sector .field-item .field-item {
    width: 100%;
}

.node-case-studie .field-name-field-cs-coodinator .field-label,
.node-case-studie .field-name-field-cs-location .field-label,
.node-case-studie .field-name-field-cs-web .field-label,
.node-case-studie .field-name-field-cs-email .field-label {
    border: 0px none;
}

.node-case-studie .field-name-field-cs-coodinator .field-label::before {
    background: rgba(0, 0, 0, 0) url("../images/icons/coordinator.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 128px;
    margin: 0px auto 10px;
    width: 128px;
}

.node-case-studie .field-name-field-cs-location .field-label::before {
    background: rgba(0, 0, 0, 0) url("../images/icons/location.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 128px;
    margin: 0px auto 10px;
    width: 128px;
}

.node-case-studie .field-name-field-cs-web .field-label::before {
    background: rgba(0, 0, 0, 0) url("../images/icons/web.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 128px;
    margin: 0px auto 10px;
    width: 128px;
}

.node-case-studie .field-name-field-cs-email .field-label::before {
    background: rgba(0, 0, 0, 0) url("../images/icons/contact.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 128px;
    margin: 0px auto 10px;
    width: 128px;
}

.field-name-pdf-button {
    text-align: center;
    margin: 10px 0;
    width: 100%;
}

.field-name-pdf-button a {
    border: 1px solid #8b696a;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    margin: 50px 0px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.field-name-pdf-button a:hover {
    color: #fdc652;
    border-color: #fdc652;
}


/************** contact press **************************/

div.contact_press {
    background: #fdc652 none repeat scroll 0% 0%;
    display: block;
    float: left;
    width: 100%;
}

div.contact_press a {
    color: #222;
}


/********* PUBLICATION ********/

.node-case-studie .field-name-pdf-button a:hover div.contact_press {
    background: #fdc652 none repeat scroll 0% 0%;
    display: block;
    float: left;
    width: 100%;
}

div.contact_press img {
    float: left;
    max-width: 100px;
    margin: 10px;
    border-radius: 50px;
}

div.contact_press h3 {
    font-size: 1.4em;
    margin: 20px 0px 0px;
}

div.press_office {
    background: #7c817c none repeat scroll 0% 0%;
    color: #ffffff;
    padding: 20px;
}

div.press_office h3 {
    display: inline-block;
    font-size: 1.4em;
    padding: 0px;
    width: 100%;
}

div.press_office ul {
    display: block;
    list-style: outside none none;
    margin: 10px 0px;
    padding: 0px;
}

div.press_office ul li a {
    border-radius: 10px;
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-size: 1.3em;
    list-style: outside none none;
    margin: 10px auto;
    padding: 10px 60px 10px 20px;
    width: 220px;
}

div.press_office ul li a:hover {
    border-color: #fdc652;
    color: #fdc652;
    text-decoration: none;
}

div.press_office ul li.images a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-images.png") no-repeat scroll 95% 50%;
}

div.press_office ul li.video a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-videos.png") no-repeat scroll 95% 50%;
}

div.press_office ul li.publi a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-publications.png") no-repeat scroll 95% 50%;
}

div.press_office ul li.news a {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-newsletter.png") no-repeat scroll 95% 50%;
}

.row .col-sm-9 {
    clear: left;
}


/************* LAST NEWS ***************/

.view-press-office .views-row {
    border-bottom: 1px solid #fdc652;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 100%;
}

.view-press-office .views-field-field-new-image-slider {
    float: left !important;
    width: 30% !important;
}

.view-press-office .views-field {
    float: right;
    width: 68%;
}

.view-press-office .views-field-title {
    font-family: "proxima_nova_rgbold";
    font-size: 1.5em;
}

.view-press-office .views-field-title a {
    text-decoration: none;
}

.view-press-office .views-field-field-new-type span a {
    color: #ffffff;
    display: inline;
    text-decoration: none;
}

.view-press-office .views-field .tipo-101 {
    background: #7FCD35 none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: 0.8em;
    padding: 3px 5px;
    color: #FFF;
}

.view-press-office .views-field .tipo-102 {
    background: #fdc652 none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: 0.8em;
    padding: 3px 5px;
    color: #FFF;
}

.view-press-office .views-field .tipo-103 {
    background: #7d827c none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: 0.8em;
    padding: 3px 5px;
    color: #FFF;
}

.view-press-office .views-field-created {
    padding-top: 5px;
}

.view-press-office .views-field-created a {
    background: #222222 none repeat scroll 0% 0%;
    border-radius: 7px;
    color: #ffffff;
    display: inline;
    font-size: 0.8em;
    padding: 3px 5px;
    text-decoration: none;
}

.view-press-office .views-field-created a:hover {
    background-color: #fdc652;
}


/************** global pagination **************************/

ul.pagination {}

#block-system-main ul.pagination li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: 0px none;
    display: inline-block;
    margin: 0px 0px 0px 12px;
}

#block-system-main ul.pagination li span {
    background: #fdc652 none repeat scroll 0% 0%;
    border-radius: 20px;
    border: 0px none;
    font-weight: bold;
    width: 35px;
}

#block-system-main ul.pagination li a {
    background: #ecebe7 none repeat scroll 0% 0%;
    border-radius: 20px ! important;
    border: 0px none;
    color: #222222;
    font-weight: bold;
    width: 35px;
}

#block-system-main ul.pagination li a:hover {
    background: #857c79 none repeat scroll 0% 0%;
    color: #ffffff;
}


/************** node type new **************************/

.node-type-new h1.page-header {
    border-bottom: 1px solid #fdc652;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;
}

.node-type-new h1.page-header::after {
    display: none;
}

.node-type-new .group-left {
    width: 40%;
}

.node-type-new .group-left .field-slideshow-wrapper img.field-slideshow-image {
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.node-type-new .group-right {
    margin-top: 30px;
    width: 56%;
}

.node-type-new .group-left * {
    max-width: 100%;
}

.node-type-new .group-left .field-name-field-new-type a {
    border-radius: 7px;
    color: #ffffff;
    font-size: 0.9em;
    padding: 3px 15px;
    text-decoration: none;
}

.node-type-new .group-left .field-name-field-new-type,
.node-type-new .group-left .field-name-post-date {
    display: inline-block;
    margin: 0px 20px 10px 0px;
    vertical-align: top;
}

.node-type-new .group-left .gallery-thumbs div.wrapper {}

.node-type-new .group-left .gallery-thumbs a.arrow {}

.view-calendar-event table.full {
    border: 2px solid #f9e6a7;
}

.view-calendar-event table.full tr th {
    background: #fcf7e5 none repeat scroll 0% 0%;
    border: 1px solid #f9e6a7;
}

.view-calendar-event table.full tr td {
    border: 1px solid #d5d2cc;
}

.view-calendar-event #edit-field-event-type-tid-wrapper {
    width: 100%;
}

.view-calendar-event .views-exposed-form div.bef-select-as-links {
    text-align: center;
}

.view-calendar-event .views-exposed-form div.bef-select-as-links a {
    background: #222222 none repeat scroll 0% 0%;
    border-radius: 15px;
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 25px;
    text-decoration: none;
}

.view-calendar-event .views-exposed-form div.bef-select-as-links .form-item-edit-field-event-type-tid-103 a {
    background: #7d827c none repeat scroll 0% 0%;
}

.view-calendar-event .views-exposed-form div.bef-select-as-links .form-item-edit-field-event-type-tid-102 a {
    background: #fdc652 none repeat scroll 0% 0%;
}

.view-calendar-event .views-exposed-form div.bef-select-as-links .form-item-edit-field-event-type-tid-101 a {
    background: #7FCD35 none repeat scroll 0% 0%;
}

.view-calendar-event .date-heading h3::after {
    border-bottom: 2px solid #fdc652;
    content: "";
    display: block;
    height: 1px;
    margin: 25px auto 0px;
    width: 160px;
}

.view-calendar-event div.date-nav ul.pager {
    position: absolute;
    right: 0px;
    top: 75px;
    width: 300px;
}

.view-calendar-event div.date-nav ul.pager li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: 0px none;
    float: left;
    width: 50px;
    margin: 0px 25px;
    padding: 0;
}

.view-calendar-event div.date-nav ul.pager li a:hover {
    color: #fdc652;
}

.view-calendar-event .date-nav-wrapper ul.pagination li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border: 0px none;
    font-size: 0em;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    color: transparent !important;
}

.view-calendar-event .date-nav-wrapper ul.pagination li a span {
    color: #000;
    font-size: 15px;
    background: none !important;
}

.view-calendar-event .date-nav-wrapper ul.pagination li.date-next {
    white-space: nowrap;
}

.view-calendar-event .date-nav-wrapper ul.pagination li.date-prev {
    white-space: nowrap;
}

.view-calendar-event #headFilter {
    font-size: 1.2em;
    left: 15px;
    position: absolute;
    top: 105px;
    z-index: 2;
}

.view-calendar-event #headFilter select {
    border: 1px solid #fdc652;
    padding: 3px 20px;
}

body #block-system-main .view-item-calendar_event div.stripe {
    border-radius: 10px !important;
    height: 20px !important;
    position: absolute;
    z-index: -1;
    line-height: 8px;
    color: red !important;
}

.calendar-calendar td .inner div.calendar div,
.calendar-calendar td .inner div.calendar div a {
    height: 30px;
}

.view-item-calendar_event div.stripe a {
    color: red !important;
}

body .view-item-calendar_event div.calendar.monthview {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% ! important;
    z-index: 1;
}

body .view-item-calendar_event div.calendar.monthview a {
    color: #ffffff;
    font-size: 1.3em;
    font-weight: normal;
    left: 5px;
    position: absolute;
    top: 2px;
    z-index: 10;
}
body .view-item-calendar_event div.contents .date-display-range {
    display: none;
}

body .view-item-calendar_event div.calendar.monthview div.cutoff,
body .view-item-calendar_event div.calendar.monthview div.date-display-range {
    display: none;
}

.node-type-event h1.page-header {
    border-bottom: 1px solid #fdc652;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-align: left;
}

.node-type-event h1.page-header::after {
    display: none;
}

.node-new .field-type-taxonomy-term-reference .field-item h2,
.node-type-event .field-type-taxonomy-term-reference .field-item h2 {
    float: left;
    display: inline !important;
    padding: 0 !important;
    margin: 0px 0 0 0;
}

.node-type-event .field-name-field-event-image {
    border: 1px solid #c8c5bd;
    margin: 30px auto;
    max-width: 50%;
    padding: 20px 0px;
}

.node-type-event .field-name-field-event-image img {
    margin: 0px auto;
}

.node-type-event .group-event-info {
    background: #fcf7e5 none repeat scroll 0% 0%;
    border-radius: 15px;
    border: 1px solid #fdc652;
    display: inline-block;
    margin: 30px 0px;
    min-width: 50%;
    padding: 20px;
}

#block-views-press-office-block-1 .view-header,
#block-views-press-office-block-2 .view-header,
#block-views-press-office-block-3 .view-header,
#block-views-press-office-block-4 .view-header {
    background: #fdc652 none repeat scroll 0% 0%;
    color: #ffffff;
    font-family: "proxima_nova_rgbold";
    font-size: 1.7em;
    margin: 0px 0px 30px;
    text-align: center;
}

#block-views-press-office-block-1 .view-footer,
#block-views-press-office-block-2 .view-footer,
#block-views-press-office-block-3 .view-footer,
#block-views-press-office-block-4 .view-footer {
    margin-bottom: 50px;
    text-align: center;
}

#block-views-press-office-block-1 .view-footer a,
#block-views-press-office-block-2 .view-footer a,
#block-views-press-office-block-3 .view-footer a,
#block-views-press-office-block-4 .view-footer a {
    border: 1px solid #222222;
    color: #222;
    display: inline-block;
    font-size: 1em;
    letter-spacing: 2px;
    margin: 10px auto;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#block-views-press-office-block-1 .view-footer a:hover,
#block-views-press-office-block-2 .view-footer a:hover,
#block-views-press-office-block-3 .view-footer a:hover,
#block-views-press-office-block-4 .view-footer a:hover {
    border-color: #fdc652;
    color: #fdc652;
}

#block-views-press-office-block-1 table.views-view-grid,
#block-views-press-office-block-2 table.views-view-grid,
#block-views-press-office-block-3 table.views-view-grid,
#block-views-press-office-block-4 table.views-view-grid,
div.spire-gallery table.views-view-grid {
    width: 100%;
}

#block-views-press-office-block-1 table.views-view-grid tr td,
#block-views-press-office-block-2 table.views-view-grid tr td,
#block-views-press-office-block-3 table.views-view-grid tr td,
#block-views-press-office-block-4 table.views-view-grid tr td,
div.spire-gallery table.views-view-grid tr td {
    display: inline-block;
    margin-bottom: 40px;
    padding: 0px ! important;
    text-align: center;
    vertical-align: top;
    width: 24.7% ! important;
}

#block-views-press-office-block-1 table.views-view-grid tr td span.field-content,
#block-views-press-office-block-2 table.views-view-grid tr td span.field-content,
#block-views-press-office-block-3 table.views-view-grid tr td span.field-content,
#block-views-press-office-block-4 table.views-view-grid tr td span.field-content,
div.spire-gallery table.views-view-grid tr td span.field-content {
    font-size: 0.7em;
}

#block-views-press-office-block-4 table.views-view-grid tr td .views-field-field-image-date span {
    font-size: 0.9em;
}

#block-views-press-office-block-1 table.views-view-grid tr td .views-field,
#block-views-press-office-block-2 table.views-view-grid tr td .views-field,
#block-views-press-office-block-3 table.views-view-grid tr td .views-field,
#block-views-press-office-block-4 table.views-view-grid tr td .views-field,
div.spire-gallery table.views-view-grid tr td .views-field {
    float: none ! important;
    margin: 0px auto;
    width: 100%;
}

#block-views-press-office-block-1 table.views-view-grid tr td.col-1,
#block-views-press-office-block-2 table.views-view-grid tr td.col-1,
#block-views-press-office-block-3 table.views-view-grid tr td.col-1,
#block-views-press-office-block-4 table.views-view-grid tr td.col-1,
div.spire-gallery table.views-view-grid tr td.col-1 {
    padding-right: 40px ! important;
}

#block-views-press-office-block-1 table.views-view-grid tr td.col-2,
#block-views-press-office-block-1 table.views-view-grid tr td.col-3,
#block-views-press-office-block-2 table.views-view-grid tr td.col-2,
#block-views-press-office-block-2 table.views-view-grid tr td.col-3,
#block-views-press-office-block-3 table.views-view-grid tr td.col-2,
#block-views-press-office-block-3 table.views-view-grid tr td.col-3,
#block-views-press-office-block-4 table.views-view-grid tr td.col-2,
#block-views-press-office-block-4 table.views-view-grid tr td.col-3,
div.spire-gallery table.views-view-grid tr td.col-2,
div.spire-gallery table.views-view-grid tr td.col-3 {
    padding-left: 20px ! important;
    padding-right: 20px ! important;
}

#block-views-press-office-block-1 table.views-view-grid tr td.col-4,
#block-views-press-office-block-2 table.views-view-grid tr td.col-4,
#block-views-press-office-block-3 table.views-view-grid tr td.col-4,
#block-views-press-office-block-4 table.views-view-grid tr td.col-4,
div.spire-gallery table.views-view-grid tr td.col-4 {
    padding-left: 40px ! important;
}

#block-views-press-office-block-1 table.views-view-grid tr td img,
#block-views-press-office-block-2 table.views-view-grid tr td img,
#block-views-press-office-block-3 table.views-view-grid tr td img,
#block-views-press-office-block-4 table.views-view-grid tr td img,
div.spire-gallery table.views-view-grid tr td img {
    border: 1px solid #c8c5bd;
}

div.spire-gallery .view-header {
    color: #fdc652;
    margin: -60px 0px 80px;
}

div.spire-gallery .view-header a {
    text-decoration: none;
}

div.spire-gallery .embedded-video {}

div.spire-gallery .embedded-video iframe {
    height: auto;
    max-width: 100%;
    border: 1px solid #c8c5bd;
}

body.page-news .main-container #block-system-main div.spire-gallery table.views-view-grid tr td span.field-content a {
    display: inline-block;
    line-height: 1.5em;
}


/******** video gallery **********/

.view-press-office .view-header,
.view-id-press_office.view-display-id-page_2 .view-header,
.view-id-press_office.view-projects.view-display-id-page_3 .view-header {
    color: #222 !important;
}

.view-press-office .view-header a,
.view-id-press_office.view-display-id-page_2 .view-header a,
.view-id-press_office.view-projects.view-display-id-page_3 .view-header a {
    color: #fdc652 !important;
}


/*********** newsletter *****************/

.view-id-press_office.view-display-id-page_4.spire-gallery .view-header .container {
    background-color: #ecebe7;
    border-radius: 10px;
    border: 1px solid #857c79;
    margin: 80px auto;
    max-width: 800px;
    padding: 20px;
    color: #222;
}

.view-id-press_office.view-display-id-page_4.spire-gallery .view-header .container div {
    display: inline-block;
    margin: 0 20px 0 0;
}

.view-id-press_office.view-display-id-page_4.spire-gallery .view-header .container div input {
    border-radius: 10px;
    border: 1px solid #857c79;
    padding: 3px 10px;
    max-width: 180px;
}

.view-id-press_office.view-display-id-page_4.spire-gallery .view-header .container button.fbsubmit {
    background: #857c79 none repeat scroll 0% 0%;
    border-radius: 10px;
    border: 1px solid #ffffff ! important;
    color: #ffffff;
    padding: 5px 10px;
    text-align: center;
}

.view-id-press_office.view-display-id-page_4.spire-gallery .view-header .container button.fbsubmit:hover {
    background: #fdc652 none repeat scroll 0% 0%;
}

body #block-system-main .view-id-press_office.view-display-id-page_4.spire-gallery table.views-view-grid {
    padding: 0 40% 0 10% !important;
    background: url("../images/newsletter2.jpg") no-repeat scroll 85% 2%;
    display: inline-block;
}

body #block-system-main .view-id-press_office.view-display-id-page_4.spire-gallery table.views-view-grid tr td {
    display: inline-block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 20px 0;
}

.views-field-field-newsletter-link a {
    background: #222;
    border-radius: 7px;
    color: #ffffff !important;
    display: inline;
    font-size: 0.9em;
    margin-top: 10px;
    display: inline;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}


/********* PUBLICATION ********/

.views-field-field-publication-file a {
    background: #222;
    border-radius: 7px;
    color: #ffffff !important;
    display: inline;
    font-size: 0.9em;
    margin-top: 10px;
    display: inline;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}


/******** contact page ******************/

#node-48 .field-name-body {}

#node-48 .field-name-body table,
#node-48 .field-name-body table tbody,
#node-48 .field-name-body table tbody tr {
    width: 100%;
    display: block;
}

#node-48 .field-name-body table tr td {
    display: inline-block;
    font-size: 1.2em;
    padding: 20px 0px;
    width: 29.333%;
}

#node-48 .field-name-body table tr td {
    border-bottom: 1px solid #fdc652;
    margin: 0 20px;
    height: 170px;
}

#node-48 .field-name-body table tr td img {
    float: left;
    margin: 0 20px 0 0;
    border-radius: 60px;
    max-height: 100px;
}

#node-48 .field-name-body table tr td div span {
    font-size: .9em;
}

#node-48 #spire-contact {
    float: left;
    width: 35%;
    margin-top: 70px;
}

#node-48 #spire-contact h2 {
    border-top: 1px solid #fdc652;
    padding-top: 30px;
}

#node-48 #spire-map {
    float: right;
    width: 55%;
    text-align: right;
    margin-top: 70px;
}


/********** accordions **********/

.field-group-accordion-wrapper {
    margin: 20px 0;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif !important;
    font-size: 1em;
}


/************ESPECIAL PROJECT ************/

body.node-type-project,
body.node-type-project #container {
    background: none;
}

.node-type-project .region-header #block-block-1,
.node-type-project .region-header #block-i3menublock-i3menublock,
.node-type-project .region-header #block-block-5,
.node-type-project .region-header #block-search-form {
    display: none;
}

.node-type-project .region-header {
    position: relative;
}

body.logged-in .node-type-project #page-header {
    margin-bottom: 50px;
}

.node-type-project h1.page-header {
    height: auto;
}

.node-type-project h1.page-header::after {
    color: red !important;
    border: 0;
    display: none;
}

.node-type-project #block-views-project-public-web-block-7 {
    float: left;
    width: 20%;
    margin-top: 30px;
}

.node-type-project .views-field-field-project-slideshow {
    margin: 30px 0 50px 0;
    float: right;
    width: 80%;
    min-height: 300px;
}

.node-type-project .views-field-field-project-image {
    min-height: 230px;
    vertical-align: middle;
    display: table;
}

.node-type-project #public_project_events_detail * {
    padding: 0;
    max-width: 920px;
}

.node-type-project .views-field-field-project-image .field-content {
    vertical-align: middle;
    display: table-cell;
}

.node-type-project .views-field-field-project-slideshow * {
    width: 100% !important;
}

.node-type-project .views-field-field-project-slideshow img {
    width: 100% !important;
    height: auto !important;
}

#block-views-project-public-web-block-6,
#block-views-project-public-web-block-5,
#block-views-project-public-web-block-9 {
    /*position: absolute;*/
    float: right;
    margin: 0 0 0 5px;
    /*right: 50px;    top: -30px;*/
}



/*.node-type-project .horizontal-tabs-processed .horizontal-tabs-pane legend  {
    display: block !important;
}

.node-type-project .horizontal-tabs-processed .horizontal-tabs-pane fieldset div.collapse   {
    display: block !important;
    border:2px solid red;
}*/

.node-type-project .vertical-tabs-panes {
    border: 0;
}

.node-type-project ul.nav-tabs.vertical-tabs-list {
    background: url(../images/spire-project-logo.png) no-repeat center bottom;
    padding-bottom: 200px;
    margin-top: 40px;
}

.node-type-project ul.nav-tabs.vertical-tabs-list li.vertical-tab-button {
    border: 0;
    padding: 0;
    margin: 0;
}

.node-type-project ul.nav-tabs.vertical-tabs-list .vertical-tab-button a {
    border: 0;
    margin: 00;
    box-shadow: none;
    border-bottom: 1px solid #fdc652;
    text-decoration: none;
    font-family: "proxima_novasemibold";
    border-radius: 0;
}

.node-type-project ul.nav-tabs.vertical-tabs-list .vertical-tab-button:hover a,
.node-type-project ul.nav-tabs.vertical-tabs-list .vertical-tab-button.active a {
    background: #fdc652;
    color: #FFF;
    border-bottom-color: #FFF;
}

.node-type-project .footer {}

.node-type-project .footer #block-block-3 {
    display: none;
}

.node-type-project #block-system-main {
    position: relative;
}

.node-type-project .field-name-project-public-web-logo {
    display: none;
    /*position: absolute !important;    left: 60px !important;    top: 395px !important;*/
}

.node-type-project h1.page-header {
    width: 79%;
    border-bottom: 1px solid #fdc652;
    margin: -180px 0 40px 21%;
}

.node-type-project h1.page-header::after {
    display: none;
}

.node-type-project h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #fdc652;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.node-type-project .group-about-col-md-6-left h2::before {
    color: #fdc652;
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-right: 5px;
}

.node-type-project .views-field-field-project-twittertimeline {
    margin-top: 5px;
}

.node-type-project .views-field-field-partner-logo {
    border-radius: 10px;
    border: 1px solid #c8c5bd;
    height: 110px;
    margin-bottom: 5px;
}

.node-type-project .field-name-field-project-about {
    min-height: 500px;
    padding-bottom: 50px;
    margin-top: 15px;
}

.node-type-project .views-field-field-partner-logo a {
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.node-type-project .views-field-field-partner-logo img {
    max-width: 90%;
    max-height: 80%;
    height: auto !important;
    width: auto !important;
    margin: 5px auto;
}

.node-type-project .views-field-field-partner-logo .field-content,
.node-type-project .views-field-field-partner-logo .field-content a {
    width: 100%;
    height: 100%;
    float: left;
}

.node-type-project .view-project-public-web table {
    width: 100%;
}

.node-type-project .view-project-public-web table tr td {
    width: 33.33%;
    text-align: center;
    padding: 0 10px 20px 10px;
    vertical-align: top;
}

.node-type-project .view-project-public-web table tr td a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8em;
}

.node-type-project .view-project-public-web .view-footer {
    margin: 30px 0px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #fdc652;
}

.node-type-project .view-project-public-web .view-footer a {
    border: 1px solid #222222;
    color: #222;
    display: inline-block;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.node-type-project .view-project-public-web .view-footer a:hover {
    border: 1px solid #fdc652;
    color: #fdc652;
}

.node-type-project .view-project-public-web .view-footer a::before {
    content: "+ ";
}

.node-type-project .field-name-public-project-events-news-funct {
    margin-top: -40px;
}

.node-type-project .field-name-public-project-events-news-funct ul {
    border-bottom: 1px solid #DDD;
    padding: 20px 0;
}

.node-type-project .field-name-public-project-events-news-funct ul li {
    list-style: none;
    padding: 0:
}

.node-type-project .field-name-public-project-events-news-funct ul li.dateEventNew,
.node-type-project .view-display-id-block_8 .date-display-single {
    color: #999 !important;
    font-size: .9em;
}

.node-type-project .field-name-public-project-events-news-funct ul li a,
.node-type-project .view-display-id-block_8 a {
    text-decoration: none;
    font-weight: bold;
    color: #fdc652;
}

.node-type-project .view-display-id-block_8 .views-field-field-project-news-body {
    margin-bottom: 20px;
}

.node-type-project .field-name-public-project-events-news-funct ul li a:hover {
    color: #fdc652;
}

.node-type-project .field-name-field-project-outcomes iframe {
    margin: 0 50px 40px 0;
}

.node-type-project .group-about-row-2 {
    width: 100% !important;
    max-height: 250px;
    position: relative;
}

.node-type-project .group-about-row-2 #views_slideshow_cycle_main_project_public_web-block_2 .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
}

.node-type-project .group-about-row-2  div.views-slideshow-cycle-main-frame-row {
     width:100% !important;
}



.node-type-project .group-about-row-2 .views-slideshow-cycle-main-frame-row-item {
    float: left;
    width: 25%;
    padding: 0 10px;
    text-align: center;
}

.node-type-project .group-about-row-3 {
    position: relative;
    margin: 70px 0 0 40px;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.node-type-project .group-about-row-3 .field-name-field-project-uelogo {
    float: left !important;
    margin: 0 40px 0 -40px;
    padding: 0;
    max-width: 200px;
}

.node-type-project .group-about-row-3 .field-name-field-project-uelogo img {
    min-width: 140px;
}

.node-type-project .group-about-row-3 .field-name-field-project-uelogo * {
    padding: 0;
    margin: 0;
}

.node-type-project .group-about-row-3 .field-name-field-project-disclaimer {
    margin: 50px 0;
}

.node-type-project .group-about-row-3 .field-name-field-project-disclaimertext {}

.node-type-project.page-node-660 .views-field-field-project-image img {
    display: none;
}

.node-type-project.page-node-660 .views-field-field-project-image {
    display: block;
    background: url("../images/cabriss.gif") no-repeat center center;
}


/************* logout ************/

#block-menu-menu-user-log-out {
    text-align: center;
}

#block-menu-menu-user-log-out a {
    border: 1px solid #222222;
    color: #222;
    display: inline-block;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 auto;
}

#block-menu-menu-user-log-out a:hover {
    border-color: #fdc652;
    color: #fdc652;
    background: #FFF;
}

#block-block-13 {
    position: absolute;
    top: 60px;
}

.node-type-new #block-block-13 {
    top: -10px;
}


/*********** taxonomy terms en nodes *******/

.bef-select-as-links a {
    font-size: .8em;
    padding: 3px 10px;
}

.form-item-edit-field-video-type-tid-all {
    background: #222;
    border-radius: 7px;
    font-size: .9em;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    display: inline-block;
    color: #FFF;
}

.form-item-edit-field-video-type-tid-all a,
.form-item-edit-field-video-type-tid-all a.active {
    color: #FFF !important;
}

.form-item-edit-field-video-type-tid-101,
.field-type-taxonomy-term-reference div#taxonomy-term-101 h2 {
    background: #7FCD35 none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: .9em;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    display: inline-block;
}

.form-item-edit-field-video-type-tid-102,
.field-type-taxonomy-term-reference div#taxonomy-term-102 h2 {
    background: #fdc652 none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: .9em;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    display: inline-block;
}

.form-item-edit-field-video-type-tid-103,
.field-type-taxonomy-term-reference div#taxonomy-term-103 h2 {
    background: #7d827c none repeat scroll 0% 0%;
    border-radius: 7px;
    font-size: .9em;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    display: inline-block;
}

.field-type-taxonomy-term-reference div#taxonomy-term-101 h2 a,
.field-type-taxonomy-term-reference div#taxonomy-term-102 h2 a,
.field-type-taxonomy-term-reference div#taxonomy-term-103 h2 a {
    color: #FFF;
    padding: 3px 5px;
    cursor: text !important;
    text-decoration: none;
}

.node-left {
    float: left;
    width: 40%;
    margin: 0 0 50px 0;
}

.node-right {
    float: right;
    width: 55%;
}

.page-node-38 .region-content {
    padding-bottom: 100px;
}


/************* INTRO PAGE *********************/

body.page-node-1731 #container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

body.page-node-1731 .region-header #block-i3menublock-i3menublock {
    display: none;
}

body.page-node-1731 #container h1,
body.page-node-1731 #block-search-form {
    display: none;
}

body.page-node-1731 #page-header {
    width: 8% !important;
    max-width: 94%;
    margin-left: 3%;
    height: 50px;
    position: fixed !important;
    left: 0;
    top: 0px;
    padding: 50px 0 0 0 !important;
}

body.page-node-1731 #block-block-5 {
    position: fixed;
    right: 5%;
    top: 50px;
}

body.page-node-1731 #block-system-main {
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 0;
}

body.page-node-1731 .footer {
    display: none;
}

body.page-node-1731 #block-system-main #node-1731 {
    height: 100%;
    min-height: 110%;
    margin: 0;
    padding: 0;
}

body.page-node-1731 #block-system-main #node-1731 div#intro {
    height: 100%;
    min-height: 100% !important;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
}

body.page-node-1731 #block-system-main div#intro div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 120%;
    transition: background .3s ease 0s;
    width: 33.3%;
    float: left;
    margin: 0;
    padding: 0;
    height: 33.33%;
    min-height: 33.33%;
    text-align: center;
}

body.page-node-1731 #block-system-main div#intro div a {
    color: #FFF;
    display: block;
    text-decoration: none;
    font-family: "proxima_nova_rgbold";
    font-size: 1.5em;
    height: 100%;
    width: 100%;
    opacity: 1;
    text-align: center;
    transition: opacity 0.3s linear 0s;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

body.page-node-1731 #block-system-main div#intro div a span {
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

body.page-node-1731 #block-system-main div#intro div:hover a span {
    opacity: 1;
}

body.page-node-1731 #block-system-main div#intro div a img {
    width: 30%;
    position: absolute;
    left: 35%;
    top: 18%;
}

body.page-node-1731 #block-system-main div#intro div:hover a img {
    display: none;
    text-decoration: none;
}

body.page-node-1731 #block-system-main div.pos-11 {
    background-image: url("../images/intro/intro1.jpg");
}

body.page-node-1731 #block-system-main div.pos-12 {
    background-image: url("../images/intro/intro2.jpg");
}

body.page-node-1731 #block-system-main div.pos-13 {
    background-image: url("../images/intro/intro3.jpg");
}

body.page-node-1731 #block-system-main div.pos-21 {
    background-image: url("../images/intro/intro4.jpg");
}

body.page-node-1731 #block-system-main div.pos-22 {
    background-image: url("../images/intro/intro5.jpg");
}

body.page-node-1731 #block-system-main div.pos-23 {
    background-image: url("../images/intro/intro6.jpg");
}

body.page-node-1731 #block-system-main div.pos-31 {
    background-image: url("../images/intro/intro7.jpg");
}

body.page-node-1731 #block-system-main div.pos-32 {
    background-image: url("../images/intro/intro8.jpg");
}

body.page-node-1731 #block-system-main div.pos-33 {
    background-image: url("../images/intro/intro9.jpg");
}

body.page-node-1731 #block-system-main div.pos-11:hover {
    background-image: url("../images/intro/over1.jpg");
}

body.page-node-1731 #block-system-main div.pos-12:hover {
    background-image: url("../images/intro/over2.jpg");
}

body.page-node-1731 #block-system-main div.pos-13:hover {
    background-image: url("../images/intro/over3.jpg");
}

body.page-node-1731 #block-system-main div.pos-21:hover {
    background-image: url("../images/intro/over4.jpg");
}

body.page-node-1731 #block-system-main div.pos-22:hover {
    background-image: url("../images/intro/over5.jpg");
}

body.page-node-1731 #block-system-main div.pos-23:hover {
    background-image: url("../images/intro/over6.jpg");
}

body.page-node-1731 #block-system-main div.pos-31:hover {
    background-image: url("../images/intro/over7.jpg");
}

body.page-node-1731 #block-system-main div.pos-32:hover {
    background-image: url("../images/intro/over8.jpg");
}

body.page-node-1731 #block-system-main div.pos-33:hover {
    background-image: url("../images/intro/over9.jpg");
}


/************ESPECIAL PROJECT NEW EVENT ************/

body.node-type-project-event-new,
body.node-type-project-event-new #container {
    background: none;
}

.node-type-project-event-new .region-header #block-block-1,
.node-type-project-event-new .region-header #block-i3menublock-i3menublock,
.node-type-project-event-new .region-header #block-block-5,
.node-type-project-event-new .region-header #block-search-form {
    display: none;
}

.node-type-project-event-new .region-header {
    position: relative;
}

body.logged-in .node-type-project-event-new #page-header {
    margin-bottom: 50px;
}

.node-type-project-event-new h1.page-header {
    height: auto;
}

.node-type-project-event-new h1.page-header::after {
    border: 0;
    display: none;
}

.node-type-project-event-new .views-field-title-1 {
    border-bottom: 1px solid #fdc652;
    text-align: center;
    clear: both;
    float: right;
    width: 80%;
    margin: -100px 0 0 0;
    padding: 0;
}

.node-type-project-event-new #block-views-project-public-web-block-7 {
    float: left;
    width: 20%;
    margin-top: 30px;
}

.node-type-project-event-new .views-field-field-project-slideshow {
    margin: 30px 0 50px 0;
    float: right;
    width: 80%;
    min-height: 300px;
}


.node-type-project-event-new .row {
    float: right;
    width: 82%;
}



.node-type-project-event-new .views-field-field-project-image {
    min-height: 230px;
    vertical-align: middle;
    display: table;
    width: 20%;
    float: left;
}

.node-type-project-event-new h1.page-header {
    text-align: left;
    font-size: 2em;
    margin: 0 0;
    padding: 0;
    border-bottom: 1px solid #fdc652;
}

.node-type-project-event-new .field-name-field-project-news-published-on {
    font-size: .8em;
    margin: 10px 0 40px 0;
}

.node-type-project-event-new .field-name-field-project-news-published-on div.field-label {
    font-weight: normal;
}

.node-type-project-event-new #public_project_events_detail * {
    padding: 0;
    max-width: 925px;
}

.node-type-project-event-new .views-field-field-project-image .field-content {
    vertical-align: middle;
    display: table-cell;
}

.node-type-project-event-new .views-field-field-project-slideshow * {
    width: 100% !important;
}

.node-type-project-event-new .views-field-field-project-slideshow img {
    width: 100% !important;
    height: auto !important;
}

.node-type-project-event-new .field-name-field-project-news-body p,
.node-type-project-event-new .field-name-linkprojectnew p {
    display: block;
    text-align: left;
}

.node-type-project-event-new .field-name-field-project-news-body a,
.node-type-project-event-new .field-name-linkprojectnew a {
    color: #fdc652;
    display: inline-block;
    float: none !important;
    text-decoration: none;
}

.node-type-project-event-new .field-name-field-project-news-body a:hover,
.node-type-project-event-new .field-name-linkprojectnew a:hover {
    color: #fdc652;
    border-color: #fdc652;
}

.node-type-project-event-new p#showmore {
    text-align: center;
}

.node-type-project-event-new p#showmore a {
    border: 1px solid #222222;
    color: #222;
    margin: 20px auto !important;
    display: inline-block;
    padding: 10px 50px;
    white-space: nowrap;
    float: none !important;
    text-decoration: none;
}

.node-type-project-event-new p#showmore a:hover {
    color: #fdc652;
    border-color: #fdc652;
}


/********

OUTPUTS

*************/



#edit-combine-wrapper,
#views-exposed-form-projects-page-3 .views-exposed-form {
    text-align: left;
}

#views-exposed-form-projects-page-3 .views-exposed-form fieldset,
#views-exposed-form-projects-page-3 .views-exposed-form fieldset legend {
    border: 0;
    background: none;
    padding: 0;
    width: 100%;

}

#views-exposed-form-projects-page-3 .views-exposed-form fieldset legend span,
#views-exposed-form-projects-page-3 .views-exposed-form .views-exposed-widget>label {
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
}


#views-exposed-form-projects-page-3 .views-exposed-form fieldset .panel-body {
    background: #EEE;
    padding: 10px 30px;
}

#views-exposed-form-projects-page-3 .views-exposed-widget .views-widget, 
#bootstrap-panel-body  {
    background: #EEE;
   padding: 10px 30px;
   float: left;
   clear: both;
   width: 100%;
}



#views-exposed-form-projects-page-3 .views-exposed-widget .views-widget input[type=checkbox].form-control {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

#views-exposed-form-projects-page-3 .views-exposed-widget .views-widget input[type=checkbox].form-control+label.option {
    padding-left: 25px;
    height: 30px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;

}

#views-exposed-form-projects-page-3 .views-exposed-widget .views-widget input[type=checkbox].form-control+label.option::before {
    content:"";
    display: block;
    border:1px solid red;
    position: absolute;
    left: 3px;
    top: -2px;
    font-size: 1.3em;
    color: #fdc652;
    border:1px solid #fdc652;
    width: 18px;
    height: 18px;
    border-radius: 10px;    
}

#views-exposed-form-projects-page-3 .views-exposed-widget .views-widget input[type=checkbox].form-control:checked+label.option::before {
    content: "\f058";
    font-family: "FontAwesome";

}


#views-exposed-form-projects-page-3 #edit-field-or-type-tid-wrapper .views-widget {
    background: #FFF;
    padding: 0px;
}
#views-exposed-form-projects-page-3 div.form-checkboxes.bef-select-as-checkboxes,
#views-exposed-form-projects-page-3 div.bef-checkboxes {
    float: left;
    width: 100% !important;
    height: auto !important;
    padding: 10px 10px 0 10px;
}

#views-exposed-form-projects-page-3 div.bef-checkboxes .form-item{
    float: left;
    width: 20%;
}


.view-projects.view-projects.view-display-id-page_3 .view-content  {
    border:0;
}

div.view-projects.view-projects.view-display-id-page_3 div.view-content div.views-row {
    width: 100% !important;
    margin:0 0 40px 0;
    border-bottom: 1px solid #DDD;
    padding-bottom: 40px;
    float: left;

}
.view-projects.view-projects.view-display-id-page_3 .view-content .views-row a{
    background: #222222 none repeat scroll 0% 0%;
    border-radius: 7px;
    color: #ffffff;
    display: inline-block;
    font-size: .9em;
    margin: 10px 0 0 0;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}

.view-projects.view-projects.view-display-id-page_3 .view-content .views-row a:hover {
    background: #807F73;
}



.view-projects.view-display-id-page_3 .view-content .views-field-field-or-type {
    background: #EEE;
    padding: 3px 10px!important;
    border-radius: 10px;
    margin:10px 0 0 0;
    width: 100%;
}

.view-projects.view-display-id-page_3 .view-content .views-field-field-or-rights {
    margin:5px 0;
}

.view-projects.view-projects.view-display-id-page_3 .view-content .views-field-title,
.view-projects.view-projects.view-display-id-page_3 .view-content .views-field-field-or-summary {
    width: 100%;
    margin-bottom: 10px;
}

.view-projects.view-projects.view-display-id-page_3 .view-content .views-field-view-node,
.view-projects.view-projects.view-display-id-page_3 .view-content .views-field-field-or-type,
.view-projects.view-projects.view-display-id-page_3 .view-content .views-field-field-or-rights {
    width: auto;
    margin-right: 10px;
    float: left;
}
.views-field-field-or-rights span, 
.field-name-field-or-rights .taxonomy-term.vocabulary-rights h2 a,
.field-name-field-or-thematictags .field-item,
.field-name-field-or-type .field-item {
    color: #FFF;
    font-size: 15px;
    background: #807F73;
    margin-top: 5px;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: normal;
    margin-right: 5px;
}

.field-name-field-or-rights .taxonomy-term.vocabulary-rights h2 {
    margin:0;
    position: relative;
}
.field-name-field-or-rights .taxonomy-term.vocabulary-rights h2 a {
    padding: 5px 10px;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
}
/*comentar la ayuda
.field-name-field-or-rights .taxonomy-term.vocabulary-rights h2::after {
    content: "\f059";
    font-family: fontawesome;
    font-size: .6em;
}

.field-name-field-or-rights .taxonomy-term.vocabulary-rights:hover h2::after {
    content: "CONTENIDO DESCRIPTIVO DETALLADO SOBRE LOS COLORES";
    background: #222;
    color: #FFF;
    padding: 5px;
    padding: 5px 10px;
    font-family: "proxima_nova_rgregular", helvetica, sans-serif;
    font-size: 10px;
    border-radius: 5px;
    position: absolute;
    top: 5px;
}
*/
.field-name-field-or-rights .taxonomy-term.vocabulary-rights h2 a:hover {
    cursor:default;
    text-decoration: none;
}

span.color-182, #taxonomy-term-182 a{
        background: #7FCD35;
        color: #FFF;
}
span.color-183, #taxonomy-term-183 a {
    background: #fdc652;
    color: #FFF;
}
span.color-184, #taxonomy-term-184 a {
    background: #807F73;
    color: #FFF;
}



/*
#edit-combine-wrapper .views-widget,
#bootstrap-panel #bootstrap-panel-body,
#edit-field-or-rights-tid-wrapper .views-widget,
#edit-field-or-thematictags-tid-wrapper .views-widget {
    display: none;
}

#edit-combine-wrapper label::after,
.panel-heading .panel-title::after,
#edit-field-or-rights-tid-wrapper > label::after {
    content: "\f107";
    font-family: "FontAwesome";
    margin-left: 10px;
}

.panel-heading .panel-title:hover {
    cursor: pointer;
}

*/


#block-block-16 {
    float: left;
    clear: both;
   float: left;
   clear: both;
   width: 100%;    
}

#block-block-16 form {
       background: #EEE;
   padding: 20px 30px;
   float: left;
   clear: both;
   width: 100%;
}

#block-block-16 form input {
    width: 95%;
    border-radius: 5px;
    border:1px solid #CCC;
    box-shadow: none;
}
#block-block-16 form button {
    width: 5%;
    background: none;
    border:0;
    margin-bottom: -4px
}

  .view-projects.view-display-id-page_3 {
    float: left;
    clear: both;
    position: relative;
    margin-top: 30px;
  }

  .view-projects.view-display-id-page_3 .view-header {
    border-bottom: 2px solid #DDD;
  }

  .view-projects.view-display-id-page_3:hover .view-header {
    cursor: pointer;
 }

  .view-projects.view-display-id-page_3 .view-header::before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 1.2em;
    position: absolute;
    left: 160px;
    top: -4px;
}
 .view-projects.view-display-id-page_3 .view-header.selected::before {
    content: "\f106";

}

 .view-projects.view-display-id-page_3 .views-exposed-form.oculto  {
    display: none;
 }

  .view-projects.view-display-id-page_3 .views-submit-button,
  .view-projects.view-display-id-page_3 .views-reset-button  {
    display: inline-block;
    width: auto;
 }
.view-projects.view-display-id-page_3 #edit-combine-wrapper {
    display: none;
}
div.tabledrag-toggle-weight-wrapper,
 div.handle, th.tabledrag-hide, td.tabledrag-hide {
    display: none;
}


 /****

 NODE output 

 ****/

 .node-type-outcomes-results .group-left {
    padding-right: 5%;
 } .node-type-outcomes-results .group-right {
    padding-left: 5%;
 } .node-type-outcomes-results .field-name-field-imagesector img {
    max-width: 100px;
 }
.node-type-outcomes-results  .group-footer{
    border:5px solid #EEE;
    padding: 0 20px 20px 20px;
    margin: 20px 0;
    float: left;
    clear: both;
    width: 100%;
}

.node-type-outcomes-results  .group-footer div.field-name-field-or-coordinator,
.node-type-outcomes-results  .group-footer div.field-name-field-or-email{
    float: left;
    width: 50%;
}

.node-type-outcomes-results  .group-footer div.field-name-field-or-coordinator .field-label, 
.node-type-outcomes-results  .group-footer div.field-name-field-or-email .field-label {
    margin-top:20px;
}