@charset "utf-8";
/* CSS by publiSITIO . update 17/02/021 */
/* font used in montaria */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
:root{
  --main-color: #09C;
}
/* custom scrollbar */
* {
    scrollbar-color: #000 transparent;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: transparent; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555555; 
}
/* custom scrollbar end */
body {
  padding:0;
  margin:0;
  font:14px 'OpenSansCondensedLight', Arial, sans-serif;
  font-weight:normal;
  background-color:#f6f6f6;
  color:#000;
}
a{
	outline:none; 
	text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a:hover{
	color: #000;
}
p, hr{margin:4px 0; padding:0;}
h1, h2, h3{margin:0; padding:0; font-weight: normal;}
b,
strong{
  font-family: 'OpenSansCondensedBold', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -.5px;
}
/*PSEUDO BREADCRUMBS */
.breadcrums{margin:0 0 0 100px; padding:0;}
.breadcrums li{display:inline; font-size:22px; text-transform:uppercase;}
.breadcrums li a{text-decoration:none; color:#bbb;}
.breadcrums li a:hover{color:#000;}
.breadcrums #active{color:#777;}

/* GENERIC USE */
.local{color:#777; font-size:20px;}
.clear{clear:both;}
.blue,
.blue a{color:#0080aa; text-decoration:none;}
.blue a:hover{color:#4d4d4d;}
.black{color:#09c;}/* MONTARIA TÍTULO . NÚMERO A NEGRO */
.grey{
    color:#aaa;
}
.top{
  width:100%;
  margin-top:50px;
}
.top h1{
  margin:0; 
  padding:10px 0 10px 20px; 
  font-size:25px; 
  color:#FFF; 
  background-color:#000; 
}
.top h3{
  margin:5px 0; 
  padding:0 20px 0; 
  font-size: 6rem/*60px*/; 
  color: var(--main-color); 
}
.main{
  margin:5px 0 0 100px; 
  padding:5px;  
  border-bottom:1px solid #000;
}
.main li{
  padding:5px; 
  display:inline; 
  font-size:30px; 
  color: var(--main-color); 
}
.main li a{
  color:#000;
}
.main li a:hover{
  color: var(--main-color);
}
#active{
  color: var(--main-color);
}
.subnav {
  margin:5px 0 0 100px; 
  padding:5px; 
}
.subnav li {
  color: var(--main-color); 
  margin:0; 
  padding:5px; 
  display:inline; 
  font-size:25px; 
}
.subnav li a{
  color:#000;
}
.subnav li a:hover{
  color:#09C;
}
.wrap{
  width:1000px; 
  margin:0 0 0 100px;
}
.wrap h1{
  margin:0;
  padding: 5px 0;
  font-size:34px;
  text-transform: uppercase;
  color:#000;
}
.wrap h2{
  margin:0;
  padding: 5px 0;
  font-size:24px;
  color: var(--main-color);
}
.wrap h2 a{
  color:#09c;
}
.wrap h2 a:hover{
  color:black;
}
.wrap h3{
  margin:0; 
  padding:5px 0; 
  font-size:20px; 
  font-weight:normal; 
  color:#333;
}
.wrap p{
  margin:0; 
  padding:8px 0; 
  font-size:20px; 
  font-weight:400;
  line-height: 1.3;
}
hr{
  border-top:1px solid #fff;
  border-bottom:1px solid #d0cccc;
}

/* AO NORTE */
.eng{
  color:#b7947a;
  color:#954407;
}
.wrap_aboutUs{
  width: 90%;
  margin: 0 100px;
}
.aboutUs h1{
  margin: 0;
  font-size: 6rem;
  color: inherit;
  margin-bottom: 25px;
  padding: 8px 0;
  border: solid currentColor;
  border-width: 0 0 5px 0;
  font-family: 'OpenSansCondensedBold', Arial, sans-serif;
  letter-spacing: -3.5px;
}
.aboutUs p {
  margin: 0;
  padding: 8px 0;
  font-size: 23px;
  line-height: 1.3;
  text-align: justify;
  hyphens: auto;
}
.aboutUs{
  flex-wrap: wrap;
  flex-direction: row;
}
.aboutUs > div{
  width: 49%;
  /*margin-left: 15px;*/
}
  .aboutUs > div + div{
    margin: 50px 0 50px auto;
  }
.wrap_corposgerentes{
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
}
    .wrap_corposgerentes:last-child{
      justify-content: flex-start;
    }
  .wrap_corposgerentes h1{
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font-size: 6rem;
    color: inherit;
    margin-bottom: 25px;
    padding: 8px 0;
    border: solid currentColor;
    border-width: 0 0 5px 0;
    font-family: 'OpenSansCondensedBold', Arial, sans-serif;
    letter-spacing: -3.5px;
  }
  ul.corposgerentes{
    list-style: none;
    padding: 0;
  }
  ul.corposgerentes li{
    font-size: 28px;
  }
  ul.corposgerentes li:first-child{
    font-size: 30px;
  }
  ul.corposgerentes{
    margin-right: 40px;
  }
  ul.corposgerentes li h2{
    font-family: 'OpenSansCondensedBold', Arial, sans-serif;
    font-size: 20px;
    margin-top: 10px;
    padding: 5px 0;
    color: inherit;
    background: none;
    padding: 0;
  }
  ul.corposgerentes li a{
    font-size: 16px;
    font-style: italic;
    color: #888;
    padding-bottom: 5px;
    display: block;
  }
  ul.corposgerentes li a:hover{
    font-style: italic;
    color: #000;
  }
  ul.corposgerentes li a:hover span{
    color: #000;
  }
    ul.corposgerentes li a.link{
      font-size: 20px;
      font-style: normal;
      color: #09c;
    }
    ul.corposgerentes li a.link:hover{
      color: #000;
    }
/* ESTATUTOS */
.estatutos ul{
  list-style: none;
  margin: 25px 0;
  padding: 0;
}
.estatutos ul li a {
  font-size: 2.2rem;
  color: var(--main-color);
}
.estatutos ul li a:hover{
  color:black;
}
/* SOCIO */
.socio{
  width: 50%;
  margin: 25px 100px;
}
.socio h1 {
  margin: 0;
  font-size: 6rem;
  color: inherit;
  margin-bottom: 25px;
  padding: 8px 0;
  border: solid currentColor;
  border-width: 0 0 5px 0;
  font-family: 'OpenSansCondensedBold', Arial, sans-serif;
  letter-spacing: -3.5px;
  display: inline-block;
}
.socio p {
  font-size: 28px;
  line-height: 1.3;
  text-align: justify;
  hyphens: auto;
}
.socio ul{
  font-size: 28px;
}
.socio ul li{
  list-style-position: outside;
  padding: 5px 0;
}
.socio-inscricao {
  text-decoration: none;
  color: #ff4300;
  border: 4px solid currentColor;
  padding: 10px 15px;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 50px;
  -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;
}
    @media (max-width: 800px) {
      .wrap_aboutUs{
        width: 90%;
        margin: 0 0 0 20px;
      }
      .aboutUs {
        flex-direction: column;
      }
      .aboutUs > div{
        width: 100%;
        padding-right: 0px;
      }
      .wrap_corposgerentes h1,
      .aboutUs h1{
        font-size: 3rem;
        letter-spacing: -2px;
      }
      .wrap_corposgerentes{
        display: block;
      }
      .socio{
        width: auto;
        margin: 25px;
      }
      .socio h1 {
        font-size: 3rem;
        letter-spacing: -2px;
      }
      .socio p, 
      .socio ul{
        font-size: 23px;
      }
    }
/* GRUPO ESTUDOS CINEMA E NARRATIVAS DIGITAIS */
  .cinemaNarrativas-header{
    display: flex;
    align-items: center;
    margin: 25px 100px;
  }
    .cinemaNarrativas-header div{
      flex: 0 0 55%;
      box-sizing: border-box;
    }
    .cinemaNarrativas-header div:first-child{
      padding: 80px;
    }
    .cinemaNarrativas-header div + div{
      flex: 1;
    }
    .cinemaNarrativas-header div img{
      max-width: 90%;
      height: auto;
      vertical-align: middle;
    }
    @media screen and (max-width: 800px) {
      .cinemaNarrativas-header{
        display: block;
        margin: 0 20px;
      }
      .cinemaNarrativas-header div:first-child{
        padding: 20px;
      }
      .cinemaNarrativas-header div img{
        max-width: 100%;
      }
    }

  .cinemaNarrativas-body{
    /*display: flex;
    justify-content: center;*/
    margin: 0 100px;
  }
  .cinemaNarrativas-body div{
    width: 50%;
    /*margin-right: 35px;*/
  }
  .cinemaNarrativas-body > div + div{
    margin: 50px 0 50px auto;
  }

  .cinemaNarrativas-body h1 {
    margin: 0;
    margin-bottom: 0px;
    padding: 5px 0;
    font-size: 6rem;
    color: inherit;
    margin-bottom: 25px;
    padding: 8px 0;
    border: solid currentColor;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 0 5px 0;
    font-family: 'OpenSansCondensedBold', Arial, sans-serif;
    letter-spacing: -3.5px;
  }
  .cinemaNarrativas-body p {
    margin: 0;
    padding: 8px 0;
    font-size: 23px;
    line-height: 1.3;
    text-align: justify;
    text-justify: inter-word;
    text-align-last: start;
    hyphens: auto;
  }
  .cinemaNarrativas-body ul.objectivos{
    font-size: 23px;
    margin: 0;
    padding-left: 10px;
    list-style: inside;
  }
  .cinemaNarrativas-body ul.objectivos li{
    list-style-position: outside;
    margin-left: 15px;
    padding: 5px 0;
  }
  .cinemaNarrativas-body .regulamento{
    margin-top: 30px;
  }

  /* MEMBROS CINEMA E NARRATIVAS DIGITAIS */
  .cinemaNarrativas-membros{
    width: 85%;
    margin: 25px 0 0 100px;
  }
  .cinemaNarrativas-membros hr{
    margin: 25px 0;
  }
  .cinemaNarrativas-membros h1{
    color: var(--main-color);
  }
    .cinemaNarrativas-membros h1::before{
      content: '/ ';
    }
    @media screen and (max-width: 800px) {
      .cinemaNarrativas-membros,
      .cinemaNarrativas-body {
        width: 90%;
        margin: 25px 0 0 20px;
        flex-direction: column;
      }
      .cinemaNarrativas-body div {
        width: 100%;
        margin-right: 0px;
      }
      .cinemaNarrativas-body h1{
        font-size: 3rem;
        letter-spacing: -2px;
      }
    }
  /* GRUPO CINEMA E ESCOLA */
  .cinemaEscola-header{
    display: flex;
    align-items: center;
    margin: 25px 100px;
    /*border: 5px solid #262e68;*/
    height: 70vh;
    border-radius: 25px;
    box-sizing: border-box;
    overflow: auto;
    background: #ffb300;
  }
    .cinemaEscola-header div{
      flex: 1;
      box-sizing: border-box;
    }
    .cinemaEscola-header div:first-child{
      flex: 0 0 55%;
      padding: 80px;
      filter: invert(1) brightness(2.0);
    }
    .cinemaEscola-header div + div{
      align-self: flex-end;
    }
    .cinemaEscola-header div img{
      max-width: 100%;
      height: auto;
      vertical-align: middle;
    }
    /* CINEMA ESCOLA BODY */
    .cinemaEscola-body{
      margin: 0 100px;
      display: flex;
      justify-content: space-between;
    }
    .cinemaEscola-body div{
      flex: 0 0 49%;
      margin-bottom: 25px;
      padding: 80px;
      border: 0px solid currentColor;
      border-radius: 25px;
      box-sizing: border-box;
      background: #262f68;
      color: #fff;
    }
    .cinemaEscola-body > div + div{
      background: coral;
    }
    .cinemaEscola-body p {
      font-size: 32px;
      line-height: 1.3;
      text-align: justify;
      text-justify: inter-word;
      text-align-last: start;
      hyphens: auto;
    }
    /* REGULAMENTO LINK */
    .regulamento{
      text-decoration: none;
      color: #ff4300;
      border: 4px solid currentColor;
      padding: 10px 15px;
      font-size: 25px;
      display: inline-block;
      margin-top: 5px;
      -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;

    }
    /* CINEMA ESCOLA REGULAMENTO */
    .cinemaEscola-regulamento{
      margin: 25px 100px;
    }
    .cinemaEscola-regulamento div:first-child{
      width: 100%;
      /*transform: rotate(270deg) translate(-100%, 0%);
      transform-origin: top left;*/
    }
    .cinemaEscola-regulamento div:first-child img{
      width: 60%;
    }
    .cinemaEscola-regulamento div + div{
      width: 60%;
      padding: 0 10px;
      border-radius: 25px;
      box-sizing: border-box;
      overflow: auto;
      color: #262f68;
    }
    .cinemaEscola-regulamento div + div +div{
      padding: 90px;
      margin: 50px 0;
      background: #262f68;
      color: #fff;
    }
    .cinemaEscola-regulamento h1{
      font-size: 40px;
      padding: 25px 0;
    }
    .cinemaEscola-regulamento p,
    .cinemaEscola-regulamento ul{
      margin: 0;
      padding-bottom: 20px;
      font-size: 23px;
      line-height: 1.3;
      text-align: justify;
      text-justify: inter-word;
      text-align-last: start;
      hyphens: auto;
    }
    ul.cinemaEscola-regulamento-artigos{
      width: 90%;
      padding: 0;
      margin: 25px auto;
      counter-reset: my-sec-counter;
    }
      ul.cinemaEscola-regulamento-artigos li{
        list-style: none;
        font-size: 20px;
        padding: 5px 0;
      }
      ul.cinemaEscola-regulamento-artigos li h1{
        text-transform: uppercase;
        padding: 5px 0;
      }
      ul.cinemaEscola-regulamento-artigos li::before{
         font-family: 'OpenSansCondensedBold', Arial, sans-serif;
        counter-increment: my-sec-counter;
        content: "Artigo " counter(my-sec-counter) "º";
      }
      ul.cinemaEscola-regulamento-artigos li ul{
        counter-reset: my-alpha-counter;
      }
      ul.cinemaEscola-regulamento-artigos li ul li::before{
        counter-increment: my-alpha-counter;
        content: counter(my-alpha-counter, lower-alpha) ") ";
      }
    @media screen and (max-width: 800px) {
      .cinemaEscola-header{
        display: block;
        margin: 25px 20px;
        height: auto;
      }
      .cinemaEscola-header div{
        flex: 100%;
      }
      .cinemaEscola-header div:first-child {
        padding: 32px 16px;;
      }
      .cinemaEscola-header div img{
        max-width: 90%;
        display: block;
        margin: auto;
      }
      .cinemaEscola-body{
        display: block;
        margin: 25px 20px;
      }
      .cinemaEscola-body div{
        padding: 40px;
      }
      .cinemaEscola-body p {
        font-size: 24px;
      }
      .cinemaEscola-regulamento{
        margin: 25px 20px;
      }
      .cinemaEscola-regulamento div + div{
        width: 100%;
      }
      .cinemaEscola-regulamento div + div +div{
        padding: 35px;
      }
      .cinemaEscola-regulamento ul{
        text-align: left;
      }
    }

details {
  width: 100%;
  /* margin-bottom: 0.5rem;
  box-shadow: 0 0.1rem 1rem -0.5rem rgba(0, 0, 0, 0.4);
  border-radius: 5px;*/
  overflow: hidden;
}
details div{
  width: 100%;
  display: flex;
  align-items: center;
}
details div div{
  flex: 0 0 25%;
}
details div div img{
  /*border-radius: 50%;*/
  max-width: 100%;
  height: auto;
}
details div span{
  display: block;
  width: 100%;
  line-height: 1.1;
  font-size: 22px;
  padding-bottom: 8px;
  font-family: 'OpenSansCondensedBold', Arial, sans-serif;
}
details div p{
  line-height: 1.3;
  font-size: 22px;
  padding: 0 5%;
  text-align: justify;
  text-justify: inter-word;
  text-align-last: start;
  hyphens: auto;
}
summary {
  font-size: clamp(30px, 4vw, 40px);
  padding: .6rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  cursor: pointer;
  line-height: 1;
  transition: all .5s ease;
}
  summary:hover{
    color: var(--main-color) !important;
  }
  summary:before {
    content: "\2715";
    position: absolute;
    right: 2rem;
    font-size: 16px;
    font-weight: 700;
    transform: rotate(-45deg);
    transition: 0.25s transform ease-in-out;
  }
details[open] summary{
  color: var(--main-color) !important;
}
details[open] summary img{
  filter: grayscale(0);
}
/* THE MAGIC */
details[open] > summary:before {
  transform: rotate(0deg);
}
details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
  list-style: none;
}
  @media screen and (max-width: 800px){
    details div{
      display: block;
      width: 100%;
    }
    details div img{
      display: block;
      margin: auto;
    }
    details p{
      padding: 5px;
    }
    summary{
      padding: .3rem 0;
      text-align: left;
    }
    summary:before{
      /*top: .8rem;*/
      right: 0rem;
    }
  }
  
  /* GRUPO ESTUDOS end */
/* AO NORTE end */

/* MONTARIA HOMEPAGE */

.small{
  font-size:20px;
}


/* ENCONTROS 2013 NEW CSS STYLES . START */
.encontent{width:510px; margin-left:5px; float:left;}
.encontent h1{padding:0; font-size:40px; line-height:100%;}
.encontent h2{padding:0; font-size:22px; color:#555; text-transform:uppercase;}
.encontent h3{margin:0; padding:0; font-size:34px; text-transform:uppercase;}
.encontent h4{margin:0 0 -10px 0; padding:0; font-size:34px; color:#09c; font-weight:normal;}
.encontent p{margin:10px 0; padding:0; font-size:17px; text-transform:uppercase;}
.encontent p a{color:#09c;}
.encontent ul.links{margin:5px 0; padding:0; list-style:none;}
.encontent ul.links li{font-size:24px;}
.encontent ul.links li a{text-decoration:none; color:#09c;}
.encontent ul.links li a:hover{text-decoration:none; color:#555;}
.encontent ul.listafilmes{margin:15px 0; padding:0; list-style:none;}
.encontent ul.listafilmes li h1{margin:5px 0; font-size:30px;}
.encontent ul.listafilmes li{margin:0; padding:0; font-size:18px; color:#666;}
/* ENCONTROS 2013 NEW CSS STYLES . END */


/* ENCONTROS . MAIN MENU also used in RECURSOS */
.cartaz{width:250px; height:420px; padding:5px; margin:0 5px 15px; border:1px solid #999; float:left;}
ul.index{margin:5px; padding:0; list-style:none; float:left;}
ul.index li {
	font-size:25px;
}
ul.index li h1{margin:0; padding:0; font-size:40px; line-height:100%;}
ul.index li a{text-decoration:none; color:#555;}
ul.index li a:hover{text-decoration:none; color:#09c;}

/* ENCONTROS EDI�OES ANTERIORES . CARTAZES */
.encontrosbanner{width:788px; border:1px solid #999;}
.encontrosbanner img{border:none;}
.encontros{width:192px; margin:0 5px 15px 0; border:1px solid #999; float:left;}
.encontros ul{width:180px; margin:2px auto; padding:0; list-style:none; border-top:1px solid #ccc;}
.encontros li{padding:5px 5px 0 0; font-size:18px; text-transform:uppercase;}
.encontros li a{text-decoration:none; color:#000;}
.encontros li a:hover{color:#09c;}

/* ENCONTROS . PREMIO PRIMEIRO OLHAR */
.image{width:250px; height:420px; padding:5px; margin:0 15px 0px 5px; border:1px solid #999; float:left;} /* used in olhar o real, video na escola, fotografia */
.program{margin:0 5px;  width:493px; float:left;} /* used in fotografia */
.program p{margin:0; padding:0; font-size:17px; text-transform:uppercase;}
.program ul{margin:10px 0; padding:0; list-style:none;}
.program ul li{padding-bottom:2px; font-size:17px; text-transform:uppercase;}
.program h1{margin:0; padding:0; font-size:40px; text-transform:uppercase; line-height:100%;}
.program h2{margin:0; padding:0; font-size:30px; color:#666; text-transform:uppercase;}
.program h3{margin:0; padding:5px 0; font-size:24px; font-weight:400; color:#333;} /* also used in fotografia */
.program ul li a{text-decoration:none; color:#555;}
.program ul li a:hover{text-decoration:none; color:#09c;}

/* premio expand collapse */
.collapse{width:400px; margin-bottom:5px; }
.collapse a{text-decoration:none; color:#000; padding:5px;}
.expand{width:440px; margin-bottom:5px; border-top:1px dotted #ccc;}

/* rever se esta a ser utilizado em alguma pagina */
ul.event{width:500px; margin:0 5px; padding:0; list-style:none; float:left;}
ul.event li {padding-bottom:5px; font-size:20px;}
ul.event li h1{margin:0; padding:0; font-size:40px;}
ul.event li h2{margin:0; padding:0; font-size:30px;}
ul.event li a{text-decoration:none; color:#555;}
ul.event li a:hover{text-decoration:none; color:#09c;}

/* ENCONTROS . FILMES PREMIADOS . OLHAR A CIDADE */
.screen{width:320px; height:250px; padding:5px; margin:0 5px 15px; border:1px solid #999; float:left;} /* used in olhar o real, video na escola */
.film{margin:0 5px 10px 5px;  width:445px; float:left;}
.film p{margin:0; padding:0; font-size:17px; text-transform:uppercase;}
.film ul{margin:10px 0; padding:0; list-style:none;}
.film ul li{padding-bottom:2px; font-size:17px; text-transform:uppercase;}
.film h1{margin:0; padding:0; font-size:40px; text-transform:uppercase;}
.film h2{margin:0; padding:0; font-size:30px; color:#666; text-transform:uppercase;}
.film ul li a{text-decoration:none; color:#555;}
.film ul li a:hover{text-decoration:none; color:#09c;}
hr.film{margin:10px 0; padding:0; width:730px; clear:both;}

/* CINETEXTOS */
ul.cinetextos{
  list-style:none;
  padding:0 5px;
}
ul.cinetextos li{
  font-size:25px;
  padding-bottom:5px;
}
ul.cinetextos li a{
  color: var(--main-color); 
  text-transform:uppercase;
}
ul.cinetextos li a:hover{
  color:#000;
}

/* DVDTECA BIBLIOTECA */
.searchbar{
	margin:0 0 10px 100px;
}
.searchbar input,
.searchbar select{
	font-size: 18px;
	font-family: inherit;
	background: #f6f6f6;
	padding: 10px;
	border: 1px solid #dbd9d9;
	border-radius: 15px;
}
.searchbar input[type=text]{
	width:300px;
	transition: width 0.4s ease-in-out;
}
.searchbar input[type=text]:focus{
	width: 500px;
	border: 1px solid #dbd9d9;
}
.searchbar select{
	text-transform:uppercase;
	color:#999;
}
.searchbar .submitbutton,
.searchbar .resetbutton{
	background: #dbd9d9;
	padding: 10px 15px;
	cursor:pointer;
	transition: all 0.4s ease-in-out;
}
.searchbar .submitbutton:hover,
.searchbar .resetbutton:hover{
	background: var(--main-color);
	color:#fff;
}

ul.dvdteca,
ul.biblioteca{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.dvdteca li,
ul.biblioteca li{
	padding:5px 0;
	font-size:20px;
	color:#666;
}
ul.dvdteca .blue,
ul.biblioteca .blue{
	font-size: 150%;
	line-height: 1;
}

/* DVDTECA BIBLIOTECA pagination */
ol#pagination{
	overflow:hidden;
	margin:0;
	padding: 10px 0;
	/*width:800px;*/
}
ol#pagination li{
	float:left;
	list-style:none;
	cursor:pointer;
	margin:5px 5px 5px 0;
	padding:10px 15px;
	border:1px solid var(--main-color);

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
ol#pagination li:hover{
	background: var(--main-color);
	color:#fff;
}
ol#pagination li.current{
	background: var(--main-color);
	color:#fff;
	font-weight:bold;
}

/* RECURSOS . PUBLICAÇÕES */
ul.bookLibrary,
ul.eBookLibrary{
  list-style-type: none;
  margin: 30px 0;
  padding: 0 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}
ul li.book,
ul li.eBook{
  width: 20%;
  padding-bottom: 30px;
  position: relative;
}
  ul li.header{
    width: 100%;
  }
    ul li.header img,
    ul li.header p{
      width: 50%;
    }
.bookThumb,    
.eBookThumb{
  width: 90%;
  margin: 0 auto;
}
.bookThumb img,
.eBookThumb img{
  max-width: 100%;
  height: auto;

  -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
      transition: all 0.5s ease;

  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.bookThumb:hover img,
.eBookThumb:hover img{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  transform: translateY(-10px);
}
.eBookThumb img{
  box-shadow: 0px 17px 14px -10px rgba(0,0,0,.5);
  /*box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px;*/
}

/* ARQUIVO */
.pic{width:250px; height:320px; padding:5px; margin:0 5px 15px; border:1px solid #999; float:left;} /* used in arquivo, exposicoes */
.arq{margin:0 5px;  width:450px; float:left;}
.arq ul {margin:0; padding:0; list-style:none;}
.arq ul li {padding-bottom:10px; font-size:17px; text-transform:uppercase;}
.arq h1{margin:0; padding:0; font-size:40px; text-transform:uppercase;}
.arq h2{margin:0; padding:0; font-size:30px; color:#666; text-transform:uppercase;}
.arq ul li a{text-decoration:none; color:#555;}
.arq ul li a:hover{text-decoration:none; color: var(--main-color);}
hr.arq{margin:10px 0; padding:0; width:730px; clear:both;}

/* BD/CINEMA + LOJA  
----------------------------------------*/
.bd-loja-wrap{
  margin: 25px 100px;
  display: flex;
  flex-wrap: wrap;
}
.bdcinema{
  width:900px;
}
.bd a,
.livros a,
.dvd a{
	position: relative;
	text-decoration:none; 
	color:#000;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.bd a:hover,
.livros a:hover,
.dvd a:hover{
	color: var(--main-color);
}
.livros a:after,
.dvd a:after{
	content: "";
	position: absolute;
	width: 20px;
	aspect-ratio: 1;
	margin-left: 5px;
	background: url(../img/external-link-symbol.svg);
	background-size: contain;
}
.bd,
.livros,
.dvd{
	width: 20%;
  padding: 10px;
  text-transform:uppercase;
  box-sizing: border-box;
}
.bd img,
.livros img,
.dvd img{
	width: 100%;
	height: auto;
	margin-bottom:5px;
  box-shadow: 0px 17px 14px -10px rgba(0,0,0,.5);
}
.bd li{
  font-size:25px;
}
.livros h1,
.dvd h1{
  padding: 10px 0;
}
.bd ul,
.livros ul,
.dvd ul{
	margin: 10px auto;
	padding: 0;
	list-style: none;
}
  .livros li,
  .dvd li{
    margin: 5px 0;
  }
  .livros li:nth-child(-n+3),
  .livros li:nth-last-child(1){
    font-size: 19px;
  }
  .dvd li:nth-child(-n+4),
  .dvd li:nth-last-child(1){
  	font-size: 19px;
  }

  @media screen and (max-width: 800px) {
    .bd-loja-wrap{
      margin: 25px 10px;
    }
    .bd,
    .livros,
    .dvd{
      width: 50%;
      padding: 10px;
      text-transform:uppercase;
      box-sizing: border-box;
      margin:20px 0px 20px 0; 
      display: block; 
      text-align: center;
    }
    .livros a:after,
    .dvd a:after{
      width: 10px;
      aspect-ratio: 1;
    }
  }

/* CONTACTOS */
#bodyContent{
    padding: 5px;
}
#bodyContent p{
    font-size: 15px;
    padding: 0;
}
.map{
  width: 570px; 
  height:420px; 
  margin: 0 15px 0 0;
  padding:5px; 
  border:1px solid #999; 
  float:left;
}
ul.contacts{margin:0 5px; padding:0; list-style:none; float:left;}
ul.contacts li {font-size:20px;}
ul.contacts li h1{margin:0; padding:0; font-size:40px; line-height:100%;}
ul.contacts li a{text-decoration:none; color:#555;}
ul.contacts li a:hover{text-decoration:none; color: var(--main-color);}

/* AO NORTE */
ul.aonorte{
  margin:0;
  padding:0 10px 0 5px;
  list-style:none;
  float:left;
}
ul.aonorte li h1{
  margin:5px 0;
  padding:0;
  font-size:22px;
  color: var(--main-color);
  font-weight:400;
}
ul.aonorte li h2{margin:5px 0 0; padding:0; font-size:22px; color:black; font-weight:400;}
ul.aonorte li{
    color:black;
    width: 235px;
    font-size: 16px;
}
ul.aonorte li a{text-decoration:undeline; color:#333;}

/* SITEMAP */
ul.sitemap{
	margin:0; 
	padding:0 0 10px 5px;
  list-style-position: inside;
}
ul.sitemap li{
    margin: 5px 0; 
    padding: 0; 
    font-size:30px;
}
ul.sitemap li::marker {
  color: var(--main-color);
}
ul.sitemap li a{ 
	color:#000;
}
ul.sitemap li a:hover{
	color: var(--main-color);
}
ul.sitemap ul{
	list-style:none;
}
ul.sitemap ul li{
  font-size:25px;
  padding-left: 5px;
}
  ul.sitemap ul li::marker{
    content: '/';
  }
/*GO BACK AND TOP */
.goback{
  background: url(../img/arrows-black.png) top left;
  height: 64px;
  width: 64px;
  display: block;
  cursor: pointer;
}
.goback:hover{
  background: url(../img/arrows-black.png) top right;
}
.gotop{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: url(../img/arrows-black.png) bottom left;
  height: 64px;
  width: 64px;
  display: block;
  cursor: pointer;
}
.gotop:hover{
  background: url(../img/arrows-black.png) bottom right;
}
.goback,
.gotop{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/*****************************************/
/* footer added junho 2020 */
.footer{
  margin: 50px 0 50px 100px;
  display: flex;
  flex-wrap: wrap;
}
  .footer .logo{
    /*background: url(../img/logo-ao-norte-footer.png);
    width: 101px;*/
    height: 147px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer .logo img + img{
    padding: 5px;
  }
  .footer .copyright{
    border-left: 2px solid #000;
    margin-left: 10px;
    padding-left: 15px;
  }
  .footer .copyright p{
    margin: 0;
  }
  .footer .copyright p:first-child{
    font-family: 'OpenSansCondensedBold', Arial, sans-serif;
    font-size: 1.2rem;
  }
  .footer .copyright p:nth-child(2){
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .footer .copyright p:nth-child(3){
    border-top: 2px solid #000;
    padding-top: 10px;
  }
  .footer a{
    text-decoration: none;
    color: inherit;
  }
  .footer a:hover{
    color: var(--main-color);
  }
    @media screen and (max-width: 800px) {
      .footer{
        margin: 50px 0 50px 0px;
      }
      .footer .logo{
        margin: 15px auto;
      }
      .footer .copyright{
        border-left: 0px solid #ccc;
        margin-left: 0px;
        padding-left: 0px;
        text-align: center;
      }
    }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 6, 2012 01:32:51 PM America/New_York */
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('OpenSans-CondLight-webfont.eot');
    src: url('OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLight-webfont.woff') format('woff'),
         url('OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('OpenSans-CondLightItalic-webfont.eot');
    src: url('OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('OpenSans-CondBold-webfont.eot');
    src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondBold-webfont.woff') format('woff'),
         url('OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/************************************/
@media screen and (max-width: 800px) {
	.searchbar{
		margin:10px;
	}
	/* GERAL */
	.top{ 
		width:100%; 
		margin-top: 0px;
	}
	.top h1 {
    padding: 25px 0px 25px 20px;
	}
  .mobile-Nav-main{
    width: 100%;
    overflow: scroll;
  }
  .mobile-Nav-main::-webkit-scrollbar-thumb,
  .breadcrumbs::-webkit-scrollbar-track {
    border-radius: 2px;
    width: 0px;
  }
	.main {
    margin: 0px 0 0 0px;
    padding: 10px 0;
    /*width: 1100px;*/
    white-space: nowrap;
    border-bottom: 0px solid #000;
    text-align: left;
  }
  .main li{
    font-size:25px;
  }
	.subnav {
    margin: 5px 0 0 0px;
    padding: 10px 0;
    /*width: 950px;*/
    white-space: nowrap;
    background: none;
    border-bottom: 0px solid #000;
    text-align: left;
	}
	.subnav li{
		font-size: 21px;
	}
	.top h3 {
    font-size: 40px;
  }
	.wrap {
		width: 100%;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    margin: 0;
	}
	/* MONTARIA */
	
  h3.montariatitle {
    width: 100%;
    box-sizing: border-box;
    background: none;
    color: #09C;
  }
  
  /* FOTOGRAFIA */
  .expophotoheader img{
    max-width: 100%;
  }
  .expoposter{
    width: 100%;
    margin-bottom: 20px;
  }
  /* RECURSOS . PUBLICAÇÕES */
  .eBookLibrary{
    list-style-type: none;
    margin: 0;
    padding: 0 0px;
    justify-content: center;
  }
  .eBook{
    border-bottom: 0px solid #000;
    width: 50%;
    float: left;
    padding-top: 30px;
    position: relative;
  }
  .eBook::after {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .eBookThumb img{
    max-width: 100%;
    height: auto;

    box-shadow: rgba(0, 0, 0, 0.7) 0px 10px 15px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 10px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 10px 15px;

    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

	/* AGENDA */
	.agenda{
		width: 100%;
		margin: 0;
		padding: 20px;
		box-sizing: border-box;
	}
	.agenda img{
		max-width: 100%;
	}
	/* BD */
	.bdcinema{
		width: 100%;
	}
	/* LOJA */
	
	.livros ul,
	.dvd ul{
		width: 100%;
	}
	.livros li,
	.dvd li{
		padding: 5px 0 0 0;
		font-size: 20px
	}
	

}