@charset "UTF-8";

/* CSS Document */

/* GERAL */

html {
  font-size : 17px;
}

@media
  screen
  and (min-width : 768px) {
  html {
    font-size : calc(17px + 7 * ((100vw - 768px) / 1280));
  }
}

@media
  screen
  and (min-width : 1460px) {
  html {
    font-size : 24px;
  }
}

body {
  display               : -webkit-box;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-direction : normal;
  -webkit-box-orient    : horizontal;
  overflow-x            : hidden;
  -ms-flex-direction    : row;
  flex-direction        : row;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
}

header {}

nav.menu {
  z-index            : 3;
  position           : relative;
  width              : 25vw;
  height             : auto;
  -o-box-shadow      : 1px 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow : 1px 0 3px rgba(0, 0, 0, 0.3);
  box-shadow         : 1px 0 3px rgba(0, 0, 0, 0.3);
}

/* CABEÇALHO */

ul.logos {
  z-index               : 5;
  display               : -webkit-box;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-direction : normal;
  -webkit-box-orient    : horizontal;
  -webkit-box-pack      : justify;
  position              : fixed;
  top                   : 0;
  width                 : 92vw;
  padding               : 0.5vw 4vw;
  -ms-flex-direction    : row;
  flex-direction        : row;
  -ms-flex-pack         : justify;
  -ms-flex-wrap         : nowrap;
  flex-wrap             : nowrap;
  justify-content       : space-between;
}

.logo a {
  display             : inline-block;
  color               : transparent;
  overflow            : hidden;
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : contain;
  text-indent         : 100%;
}

.projeto a {
  width  : 10vw;
  height : 10vw;
}

.cncfs a {
  width            : 8vw;
  height           : 5vw;
  background-image : url(../ims/cncfs.png);
}

.inclinada {
  z-index            : 4;
  position           : fixed;
  top                : -4vw;
  width              : 100vw;
  height             : 13vw;
  background-color   : #FFF;
  -o-box-shadow      : 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-transform  : skew(0deg,-4deg);
  transform          : skew(0deg,-4deg);
}

/* CORES */

.anexos ul a,
.data,
h4 {
  color : #999;
}

.menu ul li.activo a,
.menu ul li a:hover {
  color : #FFF;
}

.noticia h2 {
  color : #6CF !important;
}

.parceiros ul li a,
h1 {
  color : #333;
}

/* BIOPEST */

.biopest .projeto a {
  background-image : url(../ims/biopest.png);
}

.biopest .menu {
  background-color : #906;
}

.biopest .anexos ul a:hover li,
.biopest .parceiros ul li a:hover,
.biopest h2,
.biopest h3 {
  color : #906;
}

.biopest .menu ul li a:active,
.biopest .menu ul li a:link,
.biopest .menu ul li a:visited {
  color : #C9C;
}

.biopest .menu ul {
  z-index : 4;
}

.biopest .menu ul li:first-child {
  border-top : 1px solid #C9C;
}

.biopest .menu ul li {
  border-bottom : 1px solid #C9C;
}

/* VALNUTS */

.valnuts .projeto a {
  background-image : url(../ims/valnuts.png);
}

.valnuts .menu {
  background-color : #89642b;
}

.valnuts .anexos ul a:hover li,
.valnuts .parceiros ul li a:hover,
.valnuts h2,
.valnuts h3 {
  color : #89642b;
}

.valnuts .menu ul li a:active,
.valnuts .menu ul li a:link,
.valnuts .menu ul li a:visited {
  color : #C93;
}

.valnuts .menu ul {
  z-index : 4;
}

.valnuts .menu ul li:first-child {
  border-top : 1px solid #C93;
}

.valnuts .menu ul li {
  border-bottom : 1px solid #C93;
}

/* EGIS */

.egis .projeto a {
  background-image : url(../ims/egis.png);
}

.egis .menu {
  background-color : #393;
}

.egis .anexos ul a:hover li,
.egis .parceiros ul li a:hover,
.egis h2,
.egis h3 {
  color : #393;
}

.egis .menu ul li a:active,
.egis .menu ul li a:link,
.egis .menu ul li a:visited {
  color : #84f6bb;
}

.egis .menu ul {
  z-index : 4;
}

.egis .menu ul li:first-child {
  border-top : 1px solid #84f6bb;
}

.egis .menu ul li {
  border-bottom : 1px solid #84f6bb;
}

/* BIOCHESTNUT */

.biochestnut .projeto a {
  width            : 14vw;
  background-image : url(../ims/biochestnut.png);
  background-size  : cover;
}

.biochestnut .menu {
  background-color : #060;
}

.biochestnut .anexos ul a:hover li,
.biochestnut .parceiros ul li a:hover,
.biochestnut h2,
.biochestnut h3 {
  color : #060;
}

.biochestnut .menu ul li a:active,
.biochestnut .menu ul li a:link,
.biochestnut .menu ul li a:visited {
  color : #C90;
}

.biochestnut .menu ul {
  z-index : 4;
}

.biochestnut .menu ul li:first-child {
  border-top : 1px solid #C90;
}

.biochestnut .menu ul li {
  border-bottom : 1px solid #C90;
}

/* VALOR+ */

.valormais .projeto a {
  background-image : url(../ims/valormais.png);
}

.valormais .menu {
  background-color : #690;
}

.valormais .anexos ul a:hover li,
.valormais .parceiros ul li a:hover,
.valormais h2,
.valormais h3 {
  color : #690;
}

.valormais .menu ul li a:active,
.valormais .menu ul li a:link,
.valormais .menu ul li a:visited {
  color : #CF6;
}

.valormais .menu ul {
  z-index : 4;
}

.valormais .menu ul li:first-child {
  border-top : 1px solid #CF6;
}

.valormais .menu ul li {
  border-bottom : 1px solid #CF6;
}

/* TIPOGRAFIA */

.anexos ul a,
.menu,
h2,
h3,
h4 {
  text-transform : uppercase;
}

.evento h1,
.menu ul li.activo a,
h2,
menu ul li a:hover {
  font-weight : 700;
}

.data,
.menu,
article h1,
h3,
h4 {
  font-weight : 400;
}

.conteudos,
.evento h2,
.evento h3,
article h1 {
  font-size   : 1rem;
  line-height : 1.2rem;
}

article h2,
article h3,
h4 {
  font-size   : 0.8rem;
  line-height : 1rem;
}

article h1,
article h2,
article h3 {
  padding : 0.1vw 1vw;
}

.destaques,
h4 {
  line-height : 1.4rem;
}

address h2 {
  margin-top : 0.4rem;
}

em,
i {
  font-style : italic;
}

.evento h1 {
  font-size   : 1.4rem;
  line-height : 1.6rem;
}

.evento h1,
.evento h2,
.evento h3 {
  padding : 0.2vw 0;
}

/* MENU */

.menu ul {
  position : fixed;
  width    : 25vw;
  height   : 100vh;
  margin   : 0;
  padding  : 14vw 0 0;
}

.menu ul li {
  padding : 1.5vw 4vw;
}

.menu ul li a {
  text-decoration : none;
}

nav.voltar {
  z-index  : 3;
  position : relative;
  width    : 72vw;
  height   : 2vw;
}

nav.voltar a {
  display             : block;
  width               : 2vw;
  height              : 2vw;
  color               : transparent;
  background-image    : url(../ims/seta.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : 2vw;
  text-indent         : 100%;
  -webkit-transform   : scaleX(-1);
  transform           : scaleX(-1);
}

/* PROVISORIO */

.slideshow {
  width            : 75vw;
  height           : 56vw;
  background-image : url(../ims/amendoa.jpg);
  background-color : #CCC;
  background-size  : cover;
}

.imagemtopo {
  width            : 75vw;
  height           : 25vw;
  background-image : url(../ims/amendoa.jpg);
  background-color : #CCC;
  background-size  : cover;
}

/* CONTEUDO */

main {
  margin-top  : 5vw;
  margin-left : 0;
}

.cobre {
  z-index            : 2;
  position           : relative;
  width              : 75vw;
  height             : 4vw;
  margin-top         : -2vw;
  background-color   : #FFF;
  -o-box-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow : 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow         : 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform  : skew(0deg,-2deg);
  transform          : skew(0deg,-2deg);
}

.conteudos,
.destaques {
  z-index               : 3;
  display               : -ms-flexbox;
  display               : flex;
  display               : -webkit-box;
  -webkit-box-direction : normal;
  -webkit-box-orient    : horizontal;
  -webkit-box-pack      : justify;
  position              : relative;
  width                 : 73vw;
  padding               : 0 1vw 4vw;
  border-bottom         : 1px solid #CCC;
  align-content         : flex-start;
  -ms-flex-direction    : row;
  flex-direction        : row;
  -ms-flex-line-pack    : start;
  -ms-flex-pack         : justify;
  -ms-flex-wrap         : wrap;
  flex-wrap             : wrap;
  -webkit-box-pack       : start;
      -ms-flex-pack       : start;
          justify-content       : flex-start;
}

.destaques a {
  text-decoration : none;
}

.destaques a:hover {
  -o-box-shadow      : 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow : 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow         : 0 0 5px rgba(0, 0, 0, 0.4);
}

.imagemcard {
  width            : 22vw;
  height           : 13vw;
  margin-bottom    : 1vw;
  background-color : #CCC;
  background-size  : cover;
}

article {
  display        : -ms-flexbox;
  padding-bottom : 1vw;
}

.conteudos section {
  width   : 60%;
  padding : 1.5vw;
}

.conteudos .anexos,
.conteudos .parceiros {
  width : 30%;
}

.conteudos p,
.parceiros ul li {
  margin : 0 0 0.7vw;
}

blockquote {
  margin : 0 0.7vw 0.7vw 1.5vw;
}

.conteudos .anexos {
  margin-top : 1.5vw;
  padding    : 0;
  border-top : thin #DDD solid;
}

.conteudos .anexos li {
  padding             : 1.5vw 0;
  border-bottom       : thin #DDD solid;
  background-image    : url(../ims/download.png);
  background-repeat   : no-repeat;
  background-origin   : padding-box;
  background-position : center right 1vw;
  background-size     : 2vw;
}

.anexos ul a {
  text-decoration : none;
}

section.evento {
  padding-left : 0;
}

/* RODAPE */

.contactos {
		position:relative;
		margin-left:25vw;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 59vw;
		        flex: 1 0 59vw;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		z-index: 1;
		padding:8vw;
		border-bottom:1px solid #CCC;
	}

.biochestnut address,
.biochestnut address h2,
.biopest address,
.biopest address h2,
.egis address,
.egis address h2,
.valnuts address,
.valnuts address h2,
.valormais address,
.valormais address h2,
address,
address h2 {
  color       : #AAA;
  font-size   : 0.9rem;
  line-height : 1.1rem;
}

.apoios {
  z-index               : 1;
  display               : -webkit-box;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-direction : normal;
  -webkit-box-orient    : horizontal;
  -webkit-box-pack      : space-evenly;
  position              : relative;
  margin-left           : 25vw;
  -ms-flex-direction    : row;
  flex-direction        : row;
  -ms-flex-pack         : space-evenly;
  -ms-flex-wrap         : nowrap;
  flex-wrap             : nowrap;
  justify-content       : space-evenly;
  width:73vw;
}

.apoios a {
  overflow            : hidden;
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : contain;
}

.pdr {
  width            : 25vw;
  background-image : url(../ims/pdr2020.png);
}

.ue {
  width            : 22vw;
  background-image : url(../ims/ue.png);
}

.p2020 {
  width            : 22vw;
  background-image : url(../ims/p2020.png);
}

article,
aside,
footer,
header,
nav,
section {
  display : block;
}