/*
Theme Name:   Centro Okeanos da Universidade dos Açores
Theme URI:
Description:  Centro Okeanos da Universidade dos Açores
Author:       Pedro Mesquita
Author URI:   http://www.okeanos.uac.pt
Template:     okeanos-uac
Version:      2.0.0
Text Domain:  okeanos-uac-child
*/

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }

table { border-collapse: collapse;
       border-spacing: 0; }

a:hover {cursor: pointer;}

 /* CSS Document */

 /* Import Font */ /* Import Font */ /* Import Font */
 /* Import Font */ /* Import Font */ /* Import Font */
 /* Import Font */ /* Import Font */ /* Import Font */



 /* Document Settings */ /* Document Settings */ /* Document Settings */
 /* Document Settings */ /* Document Settings */ /* Document Settings */
 /* Document Settings */ /* Document Settings */ /* Document Settings */

 body { background: transparent;
        font-family: 'Lato', sans-serif; font-size:1.2em;
        font-weight:400;
        line-height:1.45em;
        width:100%;}

 .main-menu .menu-main-navigation-container { background-color: #fff; }

 .fixed { position: fixed; background-color: #fff;
                               z-index: 10000;
                               top: 0;
                               left: 0;
                               right: 0;}

 .hidden { display: none; }

 /* fundo branco */

 #fundo-branco { width:100%; margin:0 auto;
                 background-color: transparent;
                 margin-top:0; margin-bottom: 0;
                 padding-top:60px; padding-bottom:4.5em;}

 #fundo-branco > div.fundo-branco-content { width:100%; max-width: 1080px;
                                            margin:0 auto; padding: 10px;}

 #fundo-branco > div.single-page-fundo-branco { width:100%; max-width: 1080px;
                                                margin:0 auto; padding: 10px;}

 #fundo-branco .single-page-fundo-branco p { text-align: left; padding-bottom: 10px;}

 #fundo-branco .single-page-fundo-branco p.center-image { text-align: center;
                                                          width: 400px; margin:0 auto;
                                                          padding-top: 20px; padding-bottom: 20px;}

.searchandfilter select { padding: 5px; width: 240px;
                       border-radius: 10px;
                       box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.20);
                       margin-bottom: 40px; text-align: center;}

.searchandfilter input { background-color:#236093; color:#fff; width: 240px;
                      padding: 10px;
                      border-radius: 10px;
                      box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.20);
                      margin-bottom: 40px; }

  /* */
 .quemsomos { margin-top: -10px; padding-bottom: 30px;}










 /*Sentence*/

.sentence {
  color: #fff;
  font-size: 30px;
  text-align: left;
}


/*Vertical Sliding*/

.slidingVertical {
  display: inline;
  text-indent: 8px;
}

.slidingVertical span {
  animation: topToBottom 12.5s linear infinite 0s;
  -ms-animation: topToBottom 12.5s linear infinite 0s;
  -webkit-animation: topToBottom 12.5s linear infinite 0s;
  color: #FC6;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  left:0;
}

.slidingVertical span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.slidingVertical span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

.slidingVertical span:nth-child(4) {
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}

.slidingVertical span:nth-child(5) {
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@-moz-keyframes
topToBottom {  0% {
opacity: 0;
}
 5% {
opacity: 0;
-moz-transform: translateY(-50px);
}
 10% {
opacity: 1;
-moz-transform: translateY(0px);
}
 25% {
opacity: 1;
-moz-transform: translateY(0px);
}
 30% {
opacity: 0;
-moz-transform: translateY(50px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-webkit-keyframes
topToBottom {  0% {
opacity: 0;
}
 5% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
 10% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 25% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 30% {
opacity: 0;
-webkit-transform: translateY(50px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes
topToBottom {  0% {
opacity: 0;
}
 5% {
opacity: 0;
-ms-transform: translateY(-50px);
}
 10% {
opacity: 1;
-ms-transform: translateY(0px);
}
 25% {
opacity: 1;
-ms-transform: translateY(0px);
}
 30% {
opacity: 0;
-ms-transform: translateY(50px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}








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

.contentor_estatutos { width:80%; margin: 0 auto; text-align: left;
                       color: #1d2e51;}

.bt_estatutos { background-color: #73a1cb;}

.bt_estatutos.btOn_estatutos.active { background-color: #73a1cb;}

.bt_estatutos { color: #fff  ;
                margin-top: 5px;
                cursor:pointer;
                padding: 18px;
                font-size: 1em;}



.btOn_estatutos { background-color: #1d2e51; }

.bt_estatutos:after { content: '+';
                      font-size: 25px; font-weight: 700px;
                      color: #fff;
                      float: right;
                      margin-left: 5px; }

.bt_estatutos.active:after { content: '-';font-size: 25px;font-weight: 700px; color: #fff;}

.ct_estatutos{ margin:0 auto; background-color: transparent; padding:18px; margin: 5px; }

/* subtitulos */

.ct_estatutos_subtitulos{ margin:0 auto;background-color: transparent;padding:18px;margin: 5px;font-size: 1em;}

/* */









 /* */
 #fundo-azul-escuro { width:100%;  margin:0 auto;
               background-color:#236093;
               margin-top:0; margin-bottom:0;  margin-top:0;
               padding-top:60px; padding-bottom:4.5em;}

 #fundo-azul > div.fundo-azul-escuro-content { width:100%; max-width: 1080px;
                                               margin:0 auto;
                                               border-bottom: 1px solid #fff; }

 #fundo-azul { width:100%;  margin:0 auto;
               background-color:#78adcd;
               margin-top:0; margin-bottom:0;
               padding-top:60px; padding-bottom:4.5em;}

 #fundo-azul p.center-image { text-align: center; padding-bottom: 20px;}

 #fundo-azul > div#fundo-azul-content { width:100%; max-width: 1080px;
                                        margin:0 auto;}

  #fundo-azul > div#fundo-azul-content:nth-child(4)  { border-bottom: 0px solid transparent; padding-bottom: 0px; }

 .content-destaques-right { width: 25%;
                           float:left; padding-left: 20px; padding-right: 20px;}

 .content-destaques-left { width: 75%;
                           float:left;
                           border: 1px solid transparent;
                           overflow: hidden;
                           padding-left: 0; padding-right: 20px;}

 /* remover classes wordpress */

 #post-979 .entry-header { display: none; } /* homepage pt */

 #post-40 .entry-header { display: none; }

 .comments-link { display: none;}

 .entry-header { display: none; }

 .edit-link { display: none; }

 .more-link { display: none; }

 .entry-content p { text-align: left;}

 .entry-content strong { font-weight: 700;}

 .entry-content em { font-style: italic;}

 .cat-links {display: none; }

 .page-header { padding-bottom: 0;
                margin: 0;
                border-bottom: 0 solid #eee; }

 .page-navigation { text-align: center; margin-top:50px; color: #fff; margin-top: -4.5em; margin-bottom: 4.5em; }

 .page-navigation ul li  { display: inline-block;}

 .page-navigation li a { color: #fff; background-color: #78adcd;
                                  padding: 20px;}

 .page-numbers { color: #78adcd; }

.page-navigation li a:hover { color:#fff; background-color:#236093; }

 .page-navigation .page-numbers a { background-color: #78adcd;
                                  padding: 20px; color:#fff;}

 .page-navigation .active a { background-color: #236093;
                               padding: 20px; color:#fff}

  .page-navigation .page-numbers a:hover { background-color: #236093;}

  .page-navigation .page-numbers.current a { color:#fff; background-color:#236093; }

 /* estilos página */

 b {font-weight: 700;}

 #fundo-branco b {font-weight: 700;}

 #fundo-azul b {font-weight: 700;}

 h1,h2,h3,h4,h5,h6 { font-weight:700; color:#236093; }

 h1, h1.title { font-size: 1.2em;
                text-align: center; margin:0;
                background-color: transparent;
                padding-top:20px; padding-bottom: 20px;}

 h1.entry-title { margin-top: 15px;}

 h1.subtitle { font-size: 1.8em; text-align: center; padding-bottom: 20px; margin:0; }

 h2, h2.subtitle { font-size: 1.4em;
                   line-height: 1.16em; text-align: center; padding-bottom:2em;}

 h2.subtitle-datas { font-size: 1em; background-color: #73a1cb; color:#fff;
                     border-radius: 0.25em;
                     line-height: 1.16em;
                     text-align: left;
                     margin-top: 30px; margin-bottom: 30px;
                     padding: 10px; }

 h2.subtitle-datas:first-child { margin-top: 0;}

 h2.subtitle-datas:last-child { margin-bottom: 0;}

 h3, h3.subtitle { font-size: 1.1em;
                   line-height: 1.87096774em;
                   margin-top: -30px; margin-bottom: 40px;
                   text-align:left; color: #236093; }

h3.subtitle-center { text-align:center;}

h3.subtitle-border { border-bottom:4px solid #236093;}

h3.filter { padding-bottom: 10px;}

/* botão branco */

 h2.callbutton-branco a { width: 250px; margin: 0 auto; text-align:center;
                          background-color: transparent; border:2px solid #236093; color: #236093;
                          text-align: center; border-radius: 0.25em;
                          padding:0.5em;  text-decoration: none; z-index: 9999999; }

 h2.callbutton-branco a:hover { background-color: #fff; color:#236093; }

 /* botao azul */

 .ano { text-align: right; }

 h2.callbutton-azul a { width: 250px; margin: 0 auto; text-align:center;
                        background-color: #fff; border:2px solid #236093; color: #236093;
                        text-align: center; border-radius: 0.25em;
                        padding:0.5em;  text-decoration: none; z-index: 9999999; }

 h2.callbutton-azul a:hover { background-color: #236093; color:#fff; }

 h4, h4.subtitle  { font-size:1.2em;
                    text-align:center; padding-top:10px; line-height: 1.87096774em;}

 h4.arquipelago { text-align: left;}

 h4.profile_names a { color:#fff; text-decoration: none; font-size: 0.9em;}

 h5, h5.subtitle { color:#fff; font-size: 0.9em;}

 h5.data { color:#236093; text-align: right; margin-bottom: 5px;}

 p.center { text-align: center;}

 #fundo-branco h5.titleNews  { color:#333;}

 #fundo-azul h5 {color:#236093; text-align: center;}

 #fundo-azul h5.titleNews-left { text-align:left; color:#73a1cb; padding-bottom: 10px;}

 #fundo-azul h5.titleNews-center { text-align:center; color:#73a1cb;}

 #fundo-azul h2.callbutton-branco { padding-bottom:0; margin-top: 0.5em;  }

 #fundo-azul p.ver-mais-destaques-homepage { text-align: right; padding: 10px; margin-left: -10px;
                                             margin-top: 15px; font-size: 0.8em;  }

 #fundo-azul p.ver-mais-destaques-homepage a { color:#fff; text-decoration: none; color:#fff; border: 1px solid #236093;
                                               background-color: #236093; padding: 10px; margin-bottom: 60px; border-radius: 0.25em;}

 #fundo-azul p.ver-mais-destaques-homepage a:hover { background-color: #fff; color:#236093;}

 #fundo-branco h2.callbutton-azul { padding-bottom:0;}

 #fundo-branco h5.titleNews { padding-top: 15px;}

 #fundo-branco h5.titleNews-center { text-align:center; color:#73a1cb; margin-top: 20px;}

 #fundo-branco h5.titleNews-left { text-align:left; color:#73a1cb; margin-top: 20px;}

 #fundo-branco h5.titleNews-center > a, a:link, a:visited, a:hover, a:active {color:#236093; text-decoration: none;}

 #fundo-branco h5.titleNews-left > a, a:link, a:visited, a:hover, a:active {color:#236093; text-decoration: none;}

 p.textsize {font-size:0.8em;}

 p { font-size:16px;}

 #fundo-branco p.pesquisa { text-align: left;}

 ul { font-size:16px;}

 #fundo-branco p.center { text-align: center; padding:3px; }


 /* imagens gerais */

p.left { text-align: left;}

#fundo-branco p.center { text-align: center;}

  #fundo-branco .grid-full p { text-align: left; color:#fff;}

 .center-image { text-align:center;}

 p.center-image img { border-radius: 10px;
                      box-shadow: 2px 2px 7px rgba(0,0,0,0.20); }

 /* Main Menu */ /* Main Menu */ /* Main Menu */
 /* Main Menu */ /* Main Menu */ /* Main Menu */
 /* Main Menu */ /* Main Menu */ /* Main Menu */

 div#main-menu { width: 100%;
                 background-color: #236093; padding: 0; margin-top: 0;}

 div.menu-main-navigation-container { width: 100%; max-width: 1080px; margin: 0 auto;
                                      background-color: #fff; z-index: 99;}

 #menu-main-navigation, #menu-main-navigation ul, #menu-main-navigation ul li #menu-main-navigation ul li a { background-color: #236093;
                                                                                                              padding: 0;
                                                                                                              font-weight:700;
                                                                                                              font-size:0.9em;
                                                                                                              z-index:99;
                                                                                                              text-align: left;}

 #menu-main-navigation li.menu-item { display: inline-block; text-align: left; }

 #menu-main-navigation li.menu-item:last-child { padding-bottom: 0; }

 #menu-main-navigation li.menu-item a { display: inline-block; color:#fff;
                                        text-decoration: none; padding: 12px; }

  #menu-main-navigation li.menu-item a:hover { background-color: #dbdaea; color:#236093;  }

  #menu-main-navigation li ul.sub-menu .item-menu { padding: 0;
                                                    display: table-caption;}

  #menu-main-navigation li ul.sub-menu { position: absolute;
                                         visibility: hidden;
                                         width: 200px;
                                         background-color: #73a1cb;
                                         border-radius: 5px; font-size:0.9em; margin-left: 0;}

 #menu-main-navigation li:hover>ul { top: auto;
                                     visibility: visible;}

 #menu-main-navigation li.menu-item { display: inline-block;}

 #menu-main-navigation li ul.sub-menu li:last-child { border-radius: 5px;}

 #menu-main-navigation li ul.sub-menu li a { color: #1d2e51;}

 #menu-main-navigation li ul.sub-menu li a:hover { border-top:0px solid transparent;
                                                   background-color: #dbdaea;
                                                   color:#5184af; }

 #menu-main-navigation li ul.sub-menu li a, #menu-main-navigation li ul.children li a { display: block;
                                                                                        width: 200px;
                                                                                        border: 0px solid transparent; }

/* Main Menu Language */ /* Main Menu Language */ /* Main Menu Language */
/* Main Menu Language */ /* Main Menu Language */ /* Main Menu Language */
/* Main Menu Language */ /* Main Menu Language */ /* Main Menu Language */

ul#menu-language { width: 100%; max-width:1080px; margin: 0 auto;
                   background-color: transparent; color:#1d2e51;
                   font-weight:700;
                   font-size:0.9em; text-align:left;
                   padding-top: 20px; padding-bottom: 20px; }

ul#menu-language li.item-language { float:left;
                                    background: transparent; padding: 10px 10px 0 10px; margin-top: 0  0px;}

ul#menu-language li.item-language-right { float:right;
                                          padding-top: 45px; padding-left:25px; }

ul#menu-language li.item-language a { color:#1d2e51; text-decoration: none;}

ul#menu-language li.item-language-right .logo-img:hover { border: 3px solid #236093; border-radius: 25px;  }

/* main-slider */

h2.main-slider-title {  background-color: transparent; color:#fff; text-shadow: 2px 2px #236093;
text-align: center;
font-size: 3em;
line-height: 1.16em;
text-align: center;
border-radius: 0.25em;}

h2.main-slider-title a { color:#fff;}

h2.main-slider-subtitle {  background-color: transparent; color:#fff; width: 1000px; text-shadow: 2px 2px #236093;
text-align: center;
font-size: 2em;
line-height: 1.4em;
text-align: center;
border-radius: 0.25em;}

h3.main-slider-botao-branco { width: 250px;
                              text-align: center;
                              font-size: 3em; color:#fff; }

h3.main-slider-botao-branco a { background-color:   transparent;
                                color:#fff; text-shadow: 2px 2px #236093;
                                border-radius: 0.25em; border: 2px solid #fff !important;
                                padding: 0.5em !important;}

h3.main-slider-botao-branco a:hover { background-color: #fff !important;
                                      border: 2px solid #fff !important; color: #236093; text-shadow: 0px 0px transparent; }

span.orange { background-color: #236093; color:#fff; padding:2px; margin:2px;}

/* menu about */ /* nav-about-list */

#fundo-branco h2.subtitle-titles { margin-bottom: 0; padding-bottom: 0;}

#fundo-branco li.quemsomos-item { margin-top:30px;}

.about-inline-list {
    width:1080px;
    background-color:transparent;
    list-style:none;
    text-align:center;
    margin:0;padding:0;
    margin-bottom:60px;   display:inline-block;
}
.about-inline-list li.about-item {
  display:inline-block; vertical-align: top;
  width:250px; margin:0; padding:0;
  background-color:transparent;
}


.imgAbout { width:150px; }

/* single pages news */ /* single pages news */ /* single pages news */
/* single pages news*/ /* single pages news */ /* single pages news */
/* single pages news*/ /* single pages news */ /* single pages news */

#teste_ul {width: 100%; max-width: 1080px; margin: 0 auto; }

#teste_ul p { text-align: center; }

#teste_ul p.ver-mais-destaques-homepage { text-align: right; padding: 10px;
                                          margin-left: -10px; margin-top: 15px;  margin-bottom: 20px;
                                          font-size: 0.8em;}

#teste_ul p.ver-mais-destaques-homepage a { color:#236093; text-decoration: none; border-radius: 0.25em;
                                            background-color: #fff; padding: 10px; border:2px solid #236093; }

#teste_ul p.ver-mais-destaques-homepage a:hover { background-color: #236093; color:#fff;}


.item_ul { margin-bottom: 15px; box-shadow: 2px 2px 7px rgba(0,0,0,0.20); margin-bottom: 35px;}

.item_ul:first-child { margin-top: 35px; }

.wrapper { padding: 10px; overflow: hidden;}

.wrapper div { padding: 10px; }

.wrapper h5.titleNews a { padding: 0px; }

 #one #two { padding: 15px; }

 #one { background-color: transparent;
        float: left;
        width: 25%; }

 #two { background-color: transparent;
        float: left;
        width: 75%; }

        #three { background-color: transparent;
               width: 100%; }

               #three p { text-align: left;}

 #two p { text-align:left; padding-left: 0px;}

 #two h5.titleNews a:hover { color: #236093;}

 .homepage-content-news { border-bottom:1px solid #fff; margin-bottom: 60px; padding-bottom: 40px;}

 .homepage-content-news:nth-child(4) { border-bottom:0;}

 .news-paginacao { text-align: center; margin-top:50px;}

 #fundo-branco .page-numbers { background-color: #78adcd;
                 padding: 20px; color:#fff;}

                 #fundo-branco .page-numbers:hover { background-color: #236093;}

  #fundo-branco .page-numbers.current{ color:#fff; background-color:#236093; }

 /* embarcacoes */
 .lista_embarcacao { padding-left: 20px; color:#236093; }

 .item_embarcacao { border-bottom: 2px solid #236093; padding-top:5px; padding-bottom: 5px;}

 .item_embarcacao:last-child { border-bottom: 0;}


 .item_embarcacao span { color:#fff;}

  #fundo-branco p.ver-mais-embarcacao  { text-align: center;
                                         float: right; padding-top: 23px;}

  #fundo-branco p.ver-mais-embarcacao a { padding:10px;
                                         border-radius: 0.25em;
                                         border: 2px solid #236093;
                                         margin-top: 20px;
                                         }

 #fundo-branco p.ver-mais-embarcacao a:hover { background-color: #fff;
                                               color:#236093; }

 /* news ver mais lista fim página */

 /*IE Fallback*/
.grid > div {
  	float: left; /*Floats have no effect on CSS Grid*/
  	width: 31.333%;
  	margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
  .grid > div {
    width: auto;
    margin: 0;
  }
}
.grid {
  	display: grid;
  	grid-column-gap: 20px;
  	grid-row-gap: 20px;
  	grid-template-columns: repeat(3, 1fr);
  	width: 100%;
    margin-bottom: 40px; text-align: center;
}
.grid > div {
	background-color: #e1e1e1;
  border-bottom: 4px solid #236093;
	border-radius: 1px;
	padding: 20px;
  margin-bottom: 30px;
}



/*IE Fallback*/
.grid-azul > div {
   float: left; /*Floats have no effect on CSS Grid*/
   width: 31.333%;
   margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
 .grid-azul > div {
   width: auto;
   margin: 0;
 }
}
.grid-azul {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(3, 1fr);
   width: 100%;
   margin-bottom: 40px;
}


.grid-azul > div {
 background-color: #78adcd;
 border-bottom: 4px solid #236093;
 border-radius: 1px;
 padding: 20px;
 margin-bottom: 30px;
}

.grid-azul > div > h5 { text-align: center;}

/* ate aqui */

/*IE Fallback*/
.grid-branca > div {
   float: left; /*Floats have no effect on CSS Grid*/
   width: 31.333%;
   margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
 .grid-branca > div {
   width: auto;
   margin: 0;
 }
}
.grid-branca {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(3, 1fr);
   width: 100%;
   margin-bottom: 40px; text-align: center;
-webkit-align-items: center; /* Safari 7.0+ */
align-items: center;

}

.grid-branca .imgAbout_parcerias { width:250px; text-align: center; margin: 0 auto;}

.grid-branca > div {
 background-color: #78adcd;
 border-bottom: 4px solid #236093;
 border-radius: 1px;
 padding: 20px;
 margin-bottom: 30px;
}

.grid-branca > div > h5 { text-align: center;}

/*IE Fallback*/
.grid-full > div {
   float: left; /*Floats have no effect on CSS Grid*/
   width: 98%;
   margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
 .grid-full > div {
   width: auto;
   margin: 0;
 }
}
.grid-full {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(1, 1fr);
   width: 100%;
   margin-bottom: 40px;
}
.grid-full > div {
 background-color: #78adcd;
 border-bottom: 4px solid #236093;
 border-radius: 1px;
 padding: 20px;
 margin-bottom: 30px;
}

.grid-full > div > h5 { text-align: left;}



/* historia */

.container_historia {
   width: 100%;
   padding: 0px 0;
   margin: 0px auto;
   position: relative;
   overflow: hidden;
}

.container_historia:before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 100%;
   background: #73a1cb;
   z-index: 1;
}

.timeline-block {
   width: -webkit-calc(50% + 8px);
   width: -moz-calc(50% + 8px);
   width: calc(50% + 8px);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
}

.timeline-block-right {
   float: right;
}

#fundo-branco .timeline-block-right p {
   text-align: left;
}

.timeline-block-left {
   float: left;
   direction: rtl;
}

#fundo-branco .timeline-block-left p {
   text-align: left;
}

.marker {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid #F5F7FA;
   background-color: #236093;
   margin-top: 20px;
   z-index: 9999;
}

.timeline-content {
   width: 95%;
   padding: 0 15px;
   color: #666;
}

.timeline-content h3 {
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 500;
   color:#236093;
}

#fundo-branco .timeline-content h3.right { text-align: right;}

#fundo-branco .timeline-content h3.left { text-align: left;}

.timeline-content span {
   font-size: 15px;
   color: #a4a4a4;
}

.timeline-content p {
   font-size: 14px;
   line-height: 1.5em;
   word-spacing: 1px;
   color: #888;
}


@media screen and (max-width: 768px) {
   .container_historia:before {
      left: 8px;
      width: 2px;
   }
   .timeline-block {
      width: 100%;
      margin-bottom: 30px;
   }
   .timeline-block-right {
      float: none;
   }

   .timeline-block-left {
      float: none;
      direction: ltr;
   }

   #fundo-branco .timeline-content h3.right { text-align: left;}
}

@media screen and (max-width: 360px) {

  h1{
    font-size:25px;
  }
  h1:after{
    width: 50%;

  }

  .timeline-content h3.right {    text-align: left;}
}

/* single pages perfis */ /* single pages perfis */ /* single pages perfis */
/* single pages perfis */ /* single pages perfis */ /* single pages perfis */
/* single pages perfis */ /* single pages perfis */ /* single pages perfis */

#list-equipa { width: 100%; max-width:1080px; margin: 0 auto;
              background-color:transparent; padding-top:0px; padding-bottom: 0px;}

ul#list-equipa li {color:#236093; padding:10px; border-bottom: 2px solid #236093;}

ul#list-equipa span.one {float:left; width:20%; color:#236093;}

ul#list-equipa span.two { float:right;width:65%; margin-right:-22px; }

ul#list-equipa span { color:#236093;}

ul#list-equipa span.branco { color:#78adcd;}

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;#list-equipa h2.sentence { padding-bottom: 0; text-align: center;}

/* arquipelago */

.nav.nav-pills {padding: 15px;}
.nav-pills > li a { padding: 5px}

/*IE Fallback*/
.grid-arquipelago > div {
   float: left; /*Floats have no effect on CSS Grid*/
   width: 31.333%;
   margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
 .grid-arquipelago > div {
   width: auto;
   margin: 0;
 }
}
.grid-arquipelago {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(2, 1fr);
   width: 100%;
   margin-bottom: 40px;
}
.grid-arquipelago > div {
 background-color: #78adcd;
 border-bottom: 4px solid #236093;
 border-radius: 1px;
 padding: 20px;
 margin-bottom: 30px;
}

.grid-arquipelago > div > h5 { text-align: center;}

/*IE Fallback*/
.grid-branca > div {
   float: left; /*Floats have no effect on CSS Grid*/
   width: 31.333%;
   margin: 0 1% 20px;
}
/*CSS Grid Support*/
@supports (display: grid) {
 .grid-branca > div {
   width: auto;
   margin: 0;
 }
}
.grid-branca {
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(3, 1fr);
   width: 100%;
   margin-bottom: 40px;
   text-align: center;
}
.grid-branca > div {
   background-color: #fff;
 border-bottom: 4px solid #fff;
 border-radius: 1px;
 padding: 20px;
 margin-bottom: 30px;
}





#menu-filto-arquipelago { background-color: transparent;
                          width:75%; margin: 0 auto;
                          text-align: center;
                          font-size: 1em;}

 #menu-filto-arquipelago li.menu-filto-arquipelago-item { display: inline-block;
                                                          margin: 0 0 0 10px;
                                                          font-size: 0.8em;}

 #menu-filto-arquipelago li.menu-filto-arquipelago-item h2 { padding-bottom:10px;}


 #menu-filto-arquipelago li.menu-filto-arquipelago-item select { width:150px;
                                                                 text-align: center; color:#fff;
                                                                 background-color: #78adcd; border-radius: 10px;
                                                                 box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.20); margin-bottom:40px;}
 table tr img { width: 130px;}




#example td
{
  text-align: center;
  vertical-align: middle;
  font-size: 0.75em;
  padding:15px;

}

#example td.left
{
  text-align: left;
}


#table img {width: 30%;}

table {
  position: relative;
  width: 100%;
  max-width: 1080px;
  border-spacing: 5px;
  transition: all 0.3s;
}
table td, table th {
  text-align: left;
  padding: 0px 20px;
  height: 48px;
  border-radius: 2px;
}
table th {
  font-weight: 500;
  color: white;
}

.hidden { display: none; }

/* bootstrap */

.dataTables_info { display: none;}

.bottom  { width: 100%; background-color: transparent; margin-top:30px;  }

.bottom > .dataTables_filter { display: none;}

.bottom > .dataTables_length { display: none;}

.top { width: 100%; background-color: transparent; }

.top #example_filter  { margin-bottom: 30px;}

.top > #example_paginate { display: none;}

 #example_paginate { margin-top: 50px !important;}

#example_filter { margin-bottom: 30px; float:right;}

#example_filter span { margin-left: 10px;}

#example .tabela-head-arquipelago { background: #78adcd !important;
                                               color:#236093;
                                               text-align: center; font-weight: 700;}

#example td
{
  text-align: center;
  vertical-align: middle;

}

#example th:first-child input { display: none;  }

#example .sorting, #example .sorting_asc, #example .sorting_desc {
    background : none;
}
.pagination {  display: inline-flex; text-align: center;}

.paginate_button {

    margin: 5px;

    color:#fff;

}

#example_paginate {

    width: 100%;

}

#example_previous { color:#fff !important; background: #78adcd !important; padding: 20px !important;}

#example_previous:hover { background-color:#236093 !important; color:#fff !important; border:none; }

#example_next { color:#fff !important; background: #78adcd !important; padding: 20px !important;}

#example_next:hover { background-color:#236093 !important; color:#fff !important; border:none;}

#example_paginate span a.paginate_button.current { background-color:#236093 !important; padding: 20px; border: none;}

#example_paginate span a.paginate_button { background-color:#78adcd !important;
                                           color:#fff !important; padding: 20px; border: none;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

  background-color:#236093 !important;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #236093), color-stop(100%, #236093));
  background:-webkit-linear-gradient(top, #236093 0%, #236093 100%);
  background:-moz-linear-gradient(top, #236093 0%, #236093 100%);
  background:-ms-linear-gradient(top, #236093 0%, #236093 100%);
  background:-o-linear-gradient(top, #236093 0%, #236093 100%);
  background:linear-gradient(to bottom, #236093 0%, #236093 100%)}

.paginate_button.current { background: #236093 !important;}

div.dataTables_wrapper div.dataTables_paginate {
 margin:0;
 white-space:nowrap;
 text-align:center !important;

}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting { padding: 0 !important; }

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after { display: none !important;}

#example tfoot th { background: #78adcd !important;
                               text-align: center;
                               color:#236093;
                               font-weight: 700; }

#example img.download { width: 40px;}


  #arquipelago-one { width: 250px; float: left; text-align: left;
                     margin-top: 0; padding: 0;
                   /*position: relative;
                   height: 600px;
                   overflow-y:scroll; overflow-x:hidden;*/}

  #arquipelago-two { width: 800px;
                     background-color: transparent;
                     float:right;
                     padding-left:12px;
                     padding-right: 12px; }

 #arquipelago-three { width: 30%; float: left; text-align: left; margin-bottom: 30px;}

 #arquipelago-three p.image-arquipelago img { text-align:center; border-radius: 0;
                                              box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.20);}

  #fundo-branco p.image-arquipelago { text-align: center;}

 #arquipelago-four{ width: 70%; padding-left: 100px;
                    background-color: transparent;
                    float:right; position: relative;
                    padding-left:12px;
                    padding-right: 12px; padding-left: 40px;}

#arquipelago-four .searchandfilter li { display: block;}

#arquipelago-four h2.subtitle { text-align: left; font-size: 1em; }

#arquipelago-four h3 { border:none; padding-bottom: 35px; margin: 0;
                       font-size: 0.8em;}


#arquipelago-one .list-group-item { padding: 0;}

ul.return { width: auto; text-align: right;
            margin-top: 0px; margin-top: -40px;}

ul.return li { display: inline-block; padding: 2px; }

img.seta { margin:0px; padding: 0; }

ul li.return-item-text { font-size: 1em; }

ul.return a:hover { color:#78adcd; }


 #list-group h3 { text-align: left; font-size: 1em; margin:2px}

 #list-group > .list-group-item span { background-color: #236093;
                                       font-size:0.9em;
                                       padding: 5px; margin-right: 5px;
                                       color:#fff; font-weight: 700px;}

/* tabela projetos */

#tabela-projetos { border: 1px solid #ddd; margin-bottom: 60px;}

#tabela-projetos th { background-color: #78adcd; color:#fff; text-align: center;
                      padding-top: 20px; padding-bottom: 20px;  border: 1px solid #ddd;
                      font-size: 1,2em; font-weight: 600;border-bottom: 1px #236093 solid; }

#tabela-projetos tr { border: 1px solid #ddd; text-align: left;}

#tabela-projetos tr:nth-child(even) {
    background-color: rgb(221, 221, 221);
}

#tabela-projetos .tabela-head-projetos { background: #78adcd !important;
                                 color:#236093;
                                 text-align: center; font-weight: 700; width: 50px;}

 #tabela-projetos tr.group { background-color: #236093; color:#fff;  border: 1px solid #ddd; }

  #tabela-projetos tr.group td { background-color: #236093; color:#fff;  border: 1px solid #ddd;}

 #tabela-projetos td { text-align: center; border: 1px solid #ddd;
                               vertical-align: middle; }

 #tabela-projetos_paginate {  width: 100%; }

 #tabela-projetos_previous { color:#fff !important; background: #78adcd !important; padding: 20px !important;}

 #tabela-projetos_previous:hover { background-color:#236093 !important; color:#fff !important; border:none; }

 #tabela-projetos_next { color:#fff !important; background: #78adcd !important; padding: 20px !important;}

 #tabela-projetos_next:hover { background-color:#236093 !important; color:#fff !important; border:none;}

 #tabela-projetos_paginate span a.paginate_button.current { background-color:#236093 !important; padding: 20px; border: none;}

 #tabela-projetos_paginate span a.paginate_button { background-color:#78adcd !important;
                                            color:#fff !important; padding: 20px; border: none;}




/* subtitulos */

.ct_estatutos_subtitulos{ margin:0 auto;background-color: transparent;padding:18px;margin: 5px;font-size: 1em;}

/* contactos */ /* contactos */ /* contactos */
/* contactos */ /* contactos */ /* contactos */
/* contactos */ /* contactos */ /* contactos */

div.wpcf7 { width:100%;
            margin:0 auto;
            background-color: transparent; }

form.wpcf7-form.invalid {   margin: 0 auto; }

div.wpcf7-response-output { margin:0; }

input.wpcf7-form-control.wpcf7-submit { color: #fff;}

.wrapper-contactos { width: 100%; margin: 0 auto; color:#fff;
                     padding: 30px;
                     background-color:#73a1cb;
                     border-radius: 10px;
                     box-shadow: 2px 2px 7px rgba(0,0,0,0.20);}

.wrapper-contactos label { margin-bottom: 20px; width: 100%;}

.wrapper-contactos input { width: 100%;}

.wrapper-contactos textarea { resize: none;}

#background-contactos { width:100%; margin:0 auto;
                        background-color: transparent;
                        text-align: center; margin-top: -6px;}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { width: 85%; max-width:1080px; margin: 0 auto;
                                                                       background-color:red; margin-top: 30px;}

div.button_send { width: 100%; background-color: transparent; text-align: center; margin-top: -5    0px;}

div.button_send input { background-color:#73a1cb; color: transparent;
                        border-radius: 10px;
                        box-shadow: 2px 2px 7px rgba(0,0,0,0.20);
                        width: 10%;
                        margin-top: 20px;
                        padding-top: 10px; padding-bottom: 10px; }

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {  width: 85%;
                                                                     margin: 0 auto;
                                                                     margin-top: 0px;
                                                                     max-width: 1080px;
                                                                     margin-top: 40px;
                                                                     border: 1px solid #1d2e51;
                                                                     border-radius: 0.25em; }

/* footer */ /* footer */ /* footer */
/* footer */ /* footer */ /* footer */
/* footer */ /* footer */ /* footer */

#colophon {  width: 85%; max-width:1080px; margin: 0 auto;
            text-align: center; padding-top:5em; padding-bottom: 5em; }

#colophon a { color:#73a1cb;}

iframe#google-map { width: 100%; height: 400px;}

/* Main Menu Footer */

.nav_morada { background-color: #1d2e51; padding-top: 30px; padding-bottom: 30px; }

#footer-blue { width: 100%; background-color: #73a1cb; color:#fff;
               padding-top: 0; margin-top: 60px; padding-bottom: 0px; }

#footer-blue h2 { margin: 0; padding: 0;}

h2.footer-img > img.footer-img { width: 50px; padding-top:40px; padding-bottom:10px;}

#footer-blue h2.footer { padding-top:10px; padding-bottom:40px; color:#1d2e51;}

#footer-blue  h2.callbutton { width: 250px; margin: 0 auto; text-align:center;
               font-size: 1.5em; line-height: 1.16em; text-align: center; border-radius: 0.25em;
               background-color: #fff; padding-top: 0.3em; padding-bottom: 0.3em; }

#footer-blue h2.callbutton a { text-decoration: none;}

ul.menu_morada li.item_morada { font-size: 0.8em; line-height: 1.6em; color: #fff; padding: 5px;}

ul.menu_morada li.item_morada:nth-child(2) { font-size: 25px;}

ul.menu_morada li.item_morada img.item_morada-img { width: 200px;}

/* sliders */

.slick-slider { text-align: center;}

#fundo-azul .slick-slider { background-color: #78adcd;}

#fundo-azul .fa.fa-arrow-left.slick-arrow { color:#fff; }

#fundo-azul .fa.fa-arrow-right.slick-arrow { color:#fff; }

#fundo-branco .fa.fa-arrow-left.slick-arrow { color:#236093; }

#fundo-branco .fa.fa-arrow-right.slick-arrow { color:#236093; }

.content-slider { max-width: 1080px;
           margin: 0 auto;
           padding: 0;
           width: 100%;
           background: #fff;
           position: relative;
           text-align:  center; }

.content-slider p { font-size: 11pt;
             margin: 0;
             line-height: 20pt;
             font-weight: 400;
             text-align: left; }

.content-slider h2 { font-size: 17pt;
              font-weight: 800;
              color: #236093;
              text-align: left;
              margin: 0; }

.slick-slider { background-color: transparent;
                position: relative;
                display: block;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -ms-touch-action: none;
                touch-action: none;
               -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-loading .slick-list {
  background: white url(./ajax-loader.gif) center center no-repeat; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

.slick-slide img {
  display: block;
  margin: 0 auto; }

.slick-slide img.slick-loading {
  background: white url(./ajax-loader.gif) center center no-repeat;
  padding-bottom: 100%; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:focus,
.slick-next:focus {
  outline: none; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

.slick-prev:before {
  content: '\2190'; }

.slick-next {
  right: -25px; }

.slick-next:before {
  content: '\2192'; }

/* Dots */

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 95%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none; }

.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Dots */
.slick-slider {
  margin-bottom: 0px; }

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none; }

.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: 0.85; }


    .fa.fa-arrow-right.slick-arrow {

      position: absolute;
      right: 0;
      margin-right: -25px;
      top:40%;
      color:#fff;
  }

  .fa.fa-arrow-left.slick-arrow {

    position: absolute;
    left: 0;
    margin-left: -25px;
    top:40%;
    color:#fff;
  }

  /* footer */ /* footer */ /* footer */
  /* footer */ /* footer */ /* footer */
  /* footer */ /* footer */ /* footer */

  #colophon {  width: 85%; max-width:1080px; margin: 0 auto;
              text-align: center; padding-top:4em; padding-bottom: 5em; }

  #colophon a { color:#73a1cb;}

  .footer-menu { padding: 20px; margin-bottom: 20px;}

  .footer-menu li.footer-menu-item { display: inline-block; margin-left: 5px; margin-right: 15px;}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:180px) {

  .content-slider { width: 100%; }



}



@media only screen and (min-width:320px) {

  .content-slider { width: 75%; }


}

@media only screen and (min-width:480px) {

  .content-slider { width: 50%; }

}

@media only screen and (min-width:768px) {

  .content-slider { width: 90%; }

  .fa.fa-arrow-left.slick-arrow { margin-left: -25px; }

  .fa.fa-arrow-right.slick-arrow { margin-right: -25px; }

}

@media only screen and (min-width:900px) {

  .content-slider { width: 90%; }


}

@media only screen and (min-width:1080px) {

  .content-slider { width: 100%; }
  .fa.fa-arrow-left.slick-arrow  { margin-left: -5px; }
  .fa.fa-arrow-right.slick-arrow { margin-right: -5px; }

}
@media only screen and (min-width:1140px) {



}
@media only screen and (min-width:1280px) {



}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
     only screen and (min-resolution:144dpi) {

}
