/* ----------------------------------------------------------------
    ALl
-----------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:700);


#page-title{
  background-color: rgb(238, 238, 238);
}

.translation-link{
  display: none;
}
/* ----------------------------------------------------------------
    Top Bar - Top Social
-----------------------------------------------------------------*/
#top-bar{
  height: 30px;
}

#top-menu li a, #top-menu li span{
  margin-top: 5px;
}

#top-menu{
  z-index: 20;
}

#top-social{
  height: 30px;
  z-index: 10;
}

#top-social .ts-icon {
  height: 30px !important;
}

#top-social .ts-text{
  height: 25px !important;
  margin-top: -5px;
}
#top-social .content {
  height: 30px !important;
}
#top-social .content li{
  height: 30px;
}

#top-social a{
  height: 30px !important;
}

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

#top-menu li a:hover{
  border-bottom: solid 1px;
}

#top-menu li a.language-link.active{
  border-bottom: solid 1px #2780AF;
  color: #2780AF;
}

/* ----------------------------------------------------------------
    Search
-----------------------------------------------------------------*/


#block-search-form{
  float: left;
}

#search-block-form input{
  width: 131px;
  height: 26px;
  background-image: url("../images/search.png");
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 38px;
  color: #999;
  padding-top: 0px;
  padding-bottom: 0px;
}

#search-block-form #edit-actions {
  display: none;
}


/* ----------------------------------------------------------------
    Logo
-----------------------------------------------------------------*/
#logo {
  position: absolute;
  float: left;
  height: 44px;
  max-width: 230px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#logo img {
  display: block;
  max-width: 100%;
  max-height: 42px;
}
/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/


#header .container.clearfix {
  height: 80px;
  position: relative;
}


/* ----------------------------------------------------------------
    Slider
-----------------------------------------------------------------*/
#slider {
  height: auto;
}


/* ----------------------------------------------------------------
    Primary Menu
-----------------------------------------------------------------*/

#primary-menu > ul > li:hover,
#primary-menu ul li.current,
#primary-menu ul li.active-trail,
#primary-menu > ul > li.current-menu-ancestor,
#primary-menu > ul > li.current-menu-parent,
#primary-menu > ul > li.current-menu-item,
#primary-menu > ul > li.current_page_parent,
#primary-menu > div > ul > li:hover,
#primary-menu div ul li.current,
#primary-menu > div > ul > li.current-menu-ancestor,
#primary-menu > div > ul > li.current-menu-parent,
#primary-menu > div > ul > li.current-menu-item,
#primary-menu > div > ul > li.current_page_parent {
	background-color: #fff;
        position: relative;
        float: left;
        background: url("../../coworker/images/icons/menu-divider.png") no-repeat left center;
        margin-left: 1px;

}
#primary-menu ul li:hover:first-child{
  background-image: none;
}
#primary-menu, #lp-contacts {
  height: 90px;
}

#primary-menu ul {
  position: relative;
  margin: 0;
  height: 90px;
}

#primary-menu ul li {
  height: 90px;
}

#primary-menu li a{
  padding: 35px 10px 38px;
  border-top: none;
  position: relative;
  display: inline-block;
  outline: none;
  color: #888;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  margin-left: 10px;
  margin-right: 10px;

}
#primary-menu li:hover a, #primary-menu li a:hover, #primary-menu li a:focus, #primary-menu li a:active,  #primary-menu li a.active{
  color: #2780AF!important;
}

#primary-menu li a::after{
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 2px;
  background: rgba(39, 128, 175, 0.8);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translate(50px,-35px);
  -moz-transform: translate(50px,-35px);
  transform: translate(50px,-35px);

}

#primary-menu li a:hover::after, #primary-menu li a:focus::after, #primary-menu li a:active::after,  #primary-menu li a.active::after {
  opacity: 1;
  -webkit-transform: translate(0px,-35px);
  -moz-transform: translate(0px,-35px);
  transform: translate(0px,-35px);

}



/* ----------------------------------------------------------------
   Jcarousel - horizontal default
-----------------------------------------------------------------*/


.jcarousel-skin-default .jcarousel-container-horizontal {
  width: 900px;
  height: 102px;
  padding: 12px 25px;
  padding-left: 35px;
  margin: auto;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 890px;
  overflow: hidden;
}

.jcarousel-skin-default .jcarousel-item {
  padding: 0;
  width: 130px !important;
  height: 100px;
  overflow: hidden;
  border: 5px solid #FFF;
  list-style: none;
  background: #fff none;
  transition: border-color .2s linear;
  -moz-transition: border-color .2s linear;
  -webkit-transition: border-color .2s linear;
  -ms-transition: border-color .2s linear;
  -o-transition: border-color .2s linear;
}

.jcarousel-skin-default .jcarousel-item:hover{
  border: 5px solid #d3d3d3;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 4px;
}

.jcarousel-skin-default .jcarousel-prev {
  display: block;
  width: 24px;
  height: 24px;
  background: #7c7c7c url(../images/arrow-left.png) no-repeat 0 0;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}

.jcarousel-skin-default .jcarousel-next{
  display: block;
  width: 24px;
  height: 24px;
  background: #7c7c7c url(../images/arrow-right.png) no-repeat 0 0;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}

.jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background-color: #57B3DF;
  background-position: 0px 0px;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-color: #57B3DF;
  background-position: 0px 0;
}



/* ----------------------------------------------------------------
   Jcarousel - Em destaque Block (HomePage)
-----------------------------------------------------------------*/


.view-destaques-home .jcarousel-skin-default .jcarousel-container-horizontal {
  width: 900px;
  height: 150px;
  padding: 12px 25px;
  padding-left: 35px;
  margin: auto;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 890px;
  overflow: hidden;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-item {
  padding: 0;
  position: relative;
  width: 204px !important;
  height: 150px;
  overflow: hidden;
  border: 5px solid #F5F5F5;
  list-style: none;
  background: #fff none;
  transition: border-color .2s linear;
  -moz-transition: border-color .2s linear;
  -webkit-transition: border-color .2s linear;
  -ms-transition: border-color .2s linear;
  -o-transition: border-color .2s linear;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-item:hover{
 border: 5px solid #d3d3d3;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 4px;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-prev {
  display: block;
  top: 75px;
  width: 24px;
  height: 24px;
  background: #7c7c7c url(../images/arrow-left.png) no-repeat 0 0;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-next{
  display: block;
  top: 75px;
  width: 24px;
  height: 24px;
  background: #7c7c7c url(../images/arrow-right.png) no-repeat 0 0;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}

.view-destaques-home .jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background-color: #57B3DF;
  background-position: 0px 0px;
}
.view-destaques-home .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-color: #57B3DF;
  background-position: 0px 0;
}


.view-destaques-home .jcarousel-item .view-projetos-titulo{
  height: 35px;
  width: 194px;
  background-color: #2780AF;
  background-color: rgba(39, 128, 175, 0.95);
  position: absolute;
  bottom: -50px;
  text-align: center;
  visibility: hidden;
  left: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view-destaques-home .jcarousel-item .view-projetos-titulo {
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1;
  padding-top: 10px;
}


.view-destaques-home .jcarousel-item:hover .view-projetos-titulo{
  visibility: visible;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*Grayscale nos destaques*/
.view-destaques-home .jcarousel-item .portfolio-image img{
    -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray!important;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale' ><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.view-destaques-home .jcarousel-item:hover .portfolio-image img{
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none!important;
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

/* ----------------------------------------------------------------
   Welcome page Members, companies e people
-----------------------------------------------------------------*/


.welcome-page-taxonomy {
  height: 50px;
  /*position: relative;*/
  border-top: 2px solid #57B3DF;
  pointer-events: none;
  padding-bottom: 20px;

}

.welcome-page-taxonomy a {
  padding: 10px;
  background-color: #57B3DF;
  color: #fff;
  position: absolute;
  width: 150px;
  text-align: center;
}

.welcome-page-taxonomy-links {
  padding-left: 20%;
  padding-bottom: 30px;
  margin-top: -40px;
}

.views-field.views-field-edit-node {
	float: right;
	padding: 10px;
	background-color: #57B3DF;
	position: absolute;
	left: -60px;
	top: 0;
}

.administration-edit-content .views-field.views-field-edit-node {
	float: none;
	color: #57B3DF;
	background-color: transparent;
	position: relative;
}

.administration-edit-content .views-field.views-field-edit-node a {
	color: #57B3DF;
}


.views-field.views-field-edit-node a {
	color: white;
}

.views-field.views-field-edit-node a:hover {
	border-bottom: solid 2px #fff;
}

.not-logged-in .views-field.views-field-edit-node {
	display:none
}

/* ------------------------------------------------------------------
   Iframe (View-Ticker) do banner da home que mostra ultimos eventos
---------------------------------------------------------------------*/
.page-view-events-en #admin-menu,
.page-view-events-pt #admin-menu{
  display: none;
}
body.page-view-events-en.admin-menu,
body.page-view-events-pt.admin-menu{
  margin-top: 10px !important;
}
.page-view-events-en .views-vTicker-item,
.page-view-events-pt .views-vTicker-item{
  width: 305px;
  background: rgba(255, 255, 255, .8);
  color: #34495e;
  /*margin-top: 10px !important;*/
  box-shadow: 3px 3px 3px #888888;
}
.page-view-events-en .views-vTicker-item a,
.page-view-events-pt .views-vTicker-item a{
  color: #34495e;
  text-transform:uppercase;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;

}

.page-view-events-en,
.page-view-events-pt{
  background: none;
}

.page-view-events-en .views-field-field-data-evento .field-content,
.page-view-events-pt .views-field-field-data-evento .field-content{
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 13px;

}
.views-label-field-data-evento.icon-calendar {
  display:none;
}
/*
div#views-ticker-vTicker-view_events{
	height:190px !important;
}*/

/* ------------------------------------------------------------------
   View Eventos
---------------------------------------------------------------------*/
.view-events-row{
  padding-top: 15px;
  padding-bottom: 30px;
  border-bottom: solid 1px lightgray;

}

.view-events-image{
  float: left;
  min-width: 50px;
  height: auto;
}

.view-events-row .views-field-field-data-evento{
  padding-left: 160px;
}

.view-noticias .views-field-title, .view-noticias .views-field-body,
.view-eventos .views-field-title, .view-eventos .views-field-body{
  padding-left: 160px;
}

.view-noticias .views-field-view-node,
.view-eventos .views-field-view-node{
  float: right;
}

.views-row-last{
  border-bottom: none;
}


/* ------------------------------------------------------------------
   Social Logos
---------------------------------------------------------------------*/

#top-social li.ts-phone a{
	background-color: #bd3518;
}

#top-social li.ts-mail .ts-text{
	width:150px;
}

/* ------------------------------------------------------------------
  Paginas de Projetos e Membros
---------------------------------------------------------------------*/

.node-portfolio .field-name-field-image, .node-member .field-name-field-member-logo{
  float:left;
  padding-right: 10px;
}
.node-portfolio .field-name-field-image .field-items{
  min-width: 240px;
}

.node-portfolio .field-name-field-entidades-financiadoras .field-items .field-item{
  min-width: 130px;
}

.node-member .field-name-field-member-logo .field-items{
  min-width: 190px;
}

/*grayscale para projetos*/
.view-portfolio .isotope-element .views-field-field-image img{
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray!important;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale' ><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.isotope-element .portfolio-item.isotope:hover .views-field-field-image img{
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none!important;
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
}

/*Titulo do projeto no isotope*/
.portfolio-item .views-field-title{
  padding: 0;
}
.portfolio-item .views-field-title h3{
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Tamanho do titulo no ISOTOPE*/
.view-portfolio .views-field-title a{
  font-size: 85%;
}

/*Tamanho das caixas para ficar tudo mais juntinho*/
.page-projetos .portfolio-item {
  min-height: 216px;
  border: 1px solid #d3d3d3;
  margin-right: 10px;
  margin-bottom: 10px;
}

/*Associados mais juntinhos*/
.page-associados .portfolio-item {
  min-height: 192px;
}

/*Display Suite Projetos*/

.ds-row4 .field-item{
  float: left;
  margin-right: 10px;
  min-height: 100px;
}

.ds-row4 .field-item:last-child{
  margin-right: 0px;
  float: none;
}

.ds-row5-left .field-label{
  font-size: 115%;
  line-height: 3em;
}

.ds-row5-right .field-label{
  font-size: 115%;
  line-height: 3em;
}

.ds-row5-right .field-item{
  float: left;
  margin-right: 10px;
  min-height: 100px;
}

.ds-row5-right .field-item:last-child{
  margin-right: 0px;
  float: none;
}
/*div do ds que aplica na row5 left e row5 right*/
.border-projetos{
  border: solid 2px #F5F5F5;
  padding: 0px 5px 0px 5px;
  margin-bottom: 10px;
  overflow: hidden;
  width:100%;
}

/* ------------------------------------------------------------------
	iframes excepto o da home (youtube)
---------------------------------------------------------------------*/
.not-front iframe{
	margin-left: auto;
	margin-right: auto;
	display:block;
	}


/*
	view-lista-de-associados
*/

.page-associados .view-lista-de-associados .views-field-field-member-logo{
  border: 5px solid #F5F5F5;
  transition: border-color .2s linear;
  -moz-transition: border-color .2s linear;
  -webkit-transition: border-color .2s linear;
  -ms-transition: border-color .2s linear;
  -o-transition: border-color .2s linear;
  height: 180px;
}

.page-associados .view-lista-de-associados .views-field-field-member-logo:hover{
  border: 5px solid #d3d3d3;
}

/*
	DS - classes para templates
*/


.node-type-member .ds-2col-fluid > .group-left,
.node-type-protocolo .ds-2col-fluid > .group-left {
  float: left; /* LTR */
  width: auto;
  max-width: 200px;
}

.node-type-member .ds-2col-fluid > .group-right,
.node-type-protocolo .ds-2col-fluid > .group-right {
  float: right;
  width: 700px;
}

/* ------------------------------------------------------------------
  Basic Pages
---------------------------------------------------------------------*/
/*Galeria das  Basic Pages */
.page-node.node-type-page .field-name-field-galeria img{
  float:left;
  margin: 5px;
}

.page-node.node-type-page .field-name-field-galeria .field-item:first-child img{
  margin-left: 0;
}
.page-node.node-type-page .field-name-field-galeria .field-item:last-child img{
  margin-right: 0;
}


/* ------------------------------------------------------------------
  Footer
---------------------------------------------------------------------*/
/*Links Footer*/
#footer.footer-dark a{
  color: #2780AF;
  border: none;
  text-shadow: none;
}
#footer.footer-dark a:hover{
  color: #4ca7d7;
  border: none;
}

/*Links Copyright*/
#copyrights .block .content a{
  color: #2780AF;
  border: none;
}
#copyrights .block .content a:hover{
  color: #4ca7d7;
}

#footer.footer-dark .menu.unstyled.my-account{
  margin-left: 0;
}


/*
        webform
*/

.webform-component{
  margin-bottom: 20px;
}

/*
        Equipa Executiva
*/
.view-equipa-executiva .views-row{
	float: left;
	margin: 10px;
	max-width:200px;
        min-width: 200px;
}
.view-equipa-executiva .views-field-field-team-funcoes ul{
	list-style: circle;
}

.view-equipa-executiva .views-label-field-team-funcoes,
.view-equipa-executiva .views-label-field-team-cargo{
	font-weight:bold;
}


.page-equipa-executiva h3 {
	clear:left;
	margin-left: 10px;
}

.view-equipa-executiva .views-row h3 {
	margin-left: 0;
}

/* reduzir area do titulo por causa da search box */
#page-title h1 {
  max-width: 780px;
}


/* iframe videos */
.iframe-rwd {
	position: relative;
	padding-bottom: 42.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 500px;
}

/* Slideshow eventos -- HEADER*/
.view-events-en .view-header{
  /*background-color: #5ec372; */
  background: rgb(53, 126, 85); /* Fall-back for browsers that don't support rgba */
  background: rgba(53, 126, 85, .8);
  color: white;
  font-size: 30px;
  max-width: 100px;
  box-shadow: 3px 3px 3px #888888;
}
.view-events-pt .view-header{
  /*background-color: #5ec372; */
  background: rgb(53, 126, 85); /* Fall-back for browsers that don't support rgba */
  background: rgba(53, 126, 85, .8);
  color: white;
  font-size: 30px;
  max-width: 185px;
  box-shadow: 3px 3px 3px #888888;
}
.view-events-en .view-header p,
.view-events-pt .view-header p{
  padding: 8px;
}


.mailchimp-newsletter-wrapper input {
  width: 100%;
}

/*View da lista de Newsletters*/

.view-links-newsletters .col-1, .view-links-newsletters .col-2 {
  width: 50%;
  padding: 10px;
  text-align: center;
}

.view-links-newsletters .col-1{
 padding-left: 0;
}

.view-links-newsletters .col-2{
 padding-right: 0;
}

.view-links-newsletters .col-1 img, .view-links-newsletters .col-2 img{
  max-width:100%;
  height: auto;
  border: 5px solid #F5F5F5;
}

.view-links-newsletters .dotted-divider{
  background-position-y: 100%;
}

/*Tabela de Administração*/

.view-editar .views-field.views-field-edit-node {
  position: relative;
  left: inherit;
}

.view-editar tr.odd {
  background: #eee;
}

.view-editar td {
  padding: 15px;
}

.view-editar thead {
  background: #e4e4e4;
  border-bottom: 1px solid lightgray;
}