/* cmsms stylesheet: psylab modified: 05/09/19 12:44:04 */
/* cmsms stylesheet: psylab modified: 10/19/16 10:44:01 */
body {
  background-color: rgb(51, 51, 51);
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  font-weight: 200;
  color: #757575;
  margin:0; padding:0;
}
.fullwitdh { margin:0; padding: 0; clear:both; display:block;  }
.boxed { max-width: 986px;  margin:0 auto; clear:both; display:block; width:auto;padding:10px; }
.clearfix { clear:both; float:none; }

/* default elements */
strong {  font-weight: 700; }
hr.clearfix { border:none; }
article p, article ol,article ul { line-height: 150%; font-weight: 100; }
blockquote { border-top: solid 1px #888;border-bottom: solid 1px #888; }
p { text-align:justify; }
p.orange { color: rgb(204, 85, 0); }
/* links */
a { color: rgb(25, 156, 216); font-weight: 300; text-decoration:none; } /*blue*/
a:Hover { color: #adacac; } /*grey*/
/* headers */
h2 { 
  color: rgb(204, 85, 0);
  font-size: 2em; font-weight: 700; border-top-color: #cc5500; border-top-style: solid; border-top-width:1px; 
  width:auto;  display:inline-block; clear:both; padding:0; margin:0;
}
h3 {  color:#666; font-weight: 700; font-size: 1.5em; margin: 1em 0;padding:0; display:block; }
h4 { color: #888; font-weight: 700; font-size: 1.2em; display:block; padding:0; margin:0; }

div.box  { padding:1em;  }
div.box h3 {  color: #888; }
div.box.grey { background-color: #f1f1f1; border: none; }
div.box.white { border: solid 1px #f1f1f1; }


#top, #middle , #socialfooter { background-color: #FFF; }
/* 1st page */
#middle.pt{ background-image: url('/uploads/images/fundo.jpg'); background-repeat: no-repeat; background-size: cover; }

header { background-color: #fff; }
#top{ height: 72px; }
img#logo { height: 2.5em; width:auto; float:left; }
img#lang{ height: auto; width:auto; float:right; margin-right: 1em; margin-top:0em; }

/* slideshow */
div.slider { margin-bottom: 1em; overflow:hidden; background-color: #f8f8f8; max-width:1920px; margin:0 auto; }
div.slider.height400 { height: 400px; }
div.slider.height190 { height: 190px; }
div.slider .slide{ height:100%; }
div.slide  {  background-repeat: no-repeat; background-position: center 0; width:100%; background-size: cover;}
div.slide.cover  { background-size: cover;  }
div.slide.contain { background-size: contain;  }
div.slide.fillheight { background-size: auto 100%; }
div.slide.fillwidth { background-size: 100% auto; }

/* first page */
article.page-1 { background: transparent; min-height: 36em; }
#welcome { color: #ffffff; width: auto; max-width: 600px;   margin: 0 auto; }
#welcome p { text-align: center; padding:0;  margin:0;  }
#welcome-top { margin-top:13em; }
#welcome p.title { 
font-size: 3.5em; font-style: normal; font-weight: 900; border-top:solid 3px #FFF; 
word-wrap: break-word; text-align: center; }
#welcome p.subtitle { 
font-family: 'Roboto Condensed'; font-size: 1.5em; font-weight: 700; color:rgb(221,221,221); line-height: 24px; padding-top:1em;
}
#welcome-orange { background-color: #cc5500; max-width:490px;   margin: 2em auto;}
#welcome-orange p { text-align: center; display:block;  margin: 0 auto; padding: 1.5em 0; }
#welcome-orange a { color: #FFF; font-weight: 300 !important; font-size: 1.125em; text-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px; }
#welcome-orange i.fa { color: #000; font-size: 1.5em; font-weight: 300; }


/* firstpage  */  
main article { min-height: 360px; padding-bottom: 2em; background-color: #fff; width:auto; }
article img { max-height: 300px; width: auto; padding: 1em; }
  article.page-1 section.search { height:100%; background-color: #fff /*override 1st article*/; min-height: 300px; padding:1em; } 

/* */

/* publicacoes */
article.publicacoes h3 { color: #888; font-size: 1.5em;   }
article.publicacoes h4 { color: #888; font-size: 1em;  }
/* instrumentos */
article.instrumentos h2,article.instruments h2 { border-bottom: solid 1px #000; border-top: solid 1px #000; text-align:center; display:block;}
article.instrumentos h3,article.instruments h3 { color: #666; font-size: 1em;  }
article.instrumentos h4,article.instruments h4 { color: #888; font-size: 1em;  }
/* equipa */
article.equipa div.team {  display: flex; flex-wrap: wrap; text-align:center; }
article.equipa div.member { min-width: 240px; max-width:300px; margin: 1em auto; text-align:center; flex:1 1; }
article.equipa div.member3x { min-width: 300px; max-width:300px; margin: 1em auto; text-align:center; flex:1 1; }
article.equipa div.foto { width: 150px; height: 150px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; border-radius:75px; border-color: rgb(245, 245, 245); border-width: 8px; }
article.equipa h3 { clear:both; text-align:center;  }
article.equipa .name { font-size: 1.2em; }
article.equipa a.cv img { height:1em; padding:0; }
article.equipa .desc { font-size: 0.75em; }
article.equipa .job { text-transform: uppercase; color: #888; }

/* news */
.noticia { border-bottom: solid 1px #eee; margin-bottom: 1em; }
.noticia p.title { color: #888; font-weight:300; font-size:1.2em; }
.vermais { float:right; }
-noticia .date { font-style: italic; }
.noticia .summary {  color: #444; }
.noticia .content { color: #888; }

/* BOTTOM */
/* footer and social */

.handwritten { font-family: 'Reenie Beanie','Script'; font-size: 20px;  }
#search , span#social { float:left; }
button.search { background-color: transparent; color:#FFF; border:none; }

div#socialfooter { padding:2em 1em; }
div#socialfooter .boxed { }

img.social { height: 24px; width:auto;margin-left:1em; }

img#designedby { height:42px; width:auto; }
.author { float:right; }

footer {  min-height:8em; }
footer .row {padding-top: 1.5em; }
footer A { color: white; font-weight: 300;  }

#bottom-links { float:left;  }
#bottom-links a.lang img { padding-top:8px; }
#bottom-links a { display:inline-block; padding: 0; padding-left: 0.75em; font-size:0.875em; }
#bottom-logo { float:right; }
#bottom-search{ float:left; }
#logofpceuc {max-height: 120px; width: auto; }

/* mobile */
@media only screen and (max-width: 960px) {
.boxed { margin:0;  }



}

@media only screen and (max-width: 480px) {
article.page-1 { min-height: 300px !important; max-width:440px; padding:0; width: auto; }
#welcome-top{ margin-top:2em;}
#welcome p.title {font-size: 2em;  word-wrap: break-word;   }
#welcome p.subtitle{ word-wrap: break-word;   }
#welcome-orange p{ word-wrap: break-word;  }

iframe { width: 100% !important; height:auto;  }

  article { min-height: 300px !important; max-width:440px; padding:0; width: auto; }
 .row { clear:both; float:none !important; display:block; max-width:440px; }

div.slider , div.slide { height:120px !important; }

 article.equipa div.team {  display: block;  }
 article.equipa div.member,
 article img { 
   clear:both; margin: 0 auto; float:none !important; display:block; max-width: 300px; max-height: 300px; padding:10px;
  }
  a.cv img { display:inline !important; clear:none; float:right; }
}
