/* FONTES*/


        /* GlosaDisplay-Black */
        @font-face {
        font-family: 'GlosaDisplay-Black';
        src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Black.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Black.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* GlosaDisplay-Bold */
        @font-face {
        font-family: 'GlosaDisplay-Bold';
        src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Bold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Bold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* GlosaDisplay-Medium */
        @font-face {
        font-family: 'GlosaDisplay-Medium';
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }





        /* GlosaDisplay-BoldItalic */
        @font-face {
        font-family: 'GlosaDisplay-BoldItalic';
        src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

    
        /* GlosaDisplay-Medium */
        @font-face {
        font-family: 'GlosaDisplay-Medium';
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot');
        src: url('../Expresso_WebFonts/GlosaDisplay-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.ttf') format('truetype'),
             url('../Expresso_WebFonts/GlosaDisplay-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme BooK */
        @font-face {
        font-family: 'Firme-Book';
        src: url('../Expresso_WebFonts/Firme-Book.eot');
        src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Black */
        @font-face {
        font-family: 'Firme-Black';
        src: url('../Expresso_WebFonts/Firme-Black.eot');
        src: url('../Expresso_WebFonts/Firme-Black.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Black.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Black.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Black.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Bold */
        @font-face {
        font-family: 'Firme-Bold';
        src: url('../Expresso_WebFonts/Firme-Bold.eot');
        src: url('../Expresso_WebFonts/Firme-Bold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Bold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Bold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Bold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Extra Bold */
        @font-face {
        font-family: 'Firme-ExtraBold';
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot');
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-ExtraBold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }



        /* Firme Bold Italic*/ 
        @font-face {
        font-family: 'Firme-Bold-Italic';
        src: url('../Expresso_WebFonts/Firme-BoldItalic.eot');
        src: url('../Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

        /*@font-face {
        font-family: 'Firme-Bold-Italic';
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot');
        src: url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.eot#iefix') format('embedded-opentype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.svg') format('svg'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.ttf') format('truetype'),
             url('//sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/Firme-BoldItalic.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }*/




        /*https://sdistribution.impresa.pt/data/content/binaries/custom/expresso/FontesExpresso/Expresso_WebFonts/*/


        /* Firme Medium */
        @font-face {
        font-family: 'Firme-Medium';
        src: url('../Expresso_WebFonts/Firme-Medium.eot');
        src: url('../Expresso_WebFonts/Firme-Medium.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Medium.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Medium.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Medium.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


        /* Firme Light */
        @font-face {
        font-family: 'Firme-Light';
        src: url('../Expresso_WebFonts/Firme-Light.eot');
        src: url('../Expresso_WebFonts/Firme-Light.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Light.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Light.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Light.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }





body {
/*equivale a 10px*/
font-size: 62.5%;
font-family: 'Merriweather', serif;
background-color: rgb(242, 242, 242);
/*background-color: #015782;*/
}


h1 { font-size: 3.2em;}
h2 { font-size: 2.4em;}
h3 { font-size: 1.9em;}
h4 { font-size: 1.6em;} 
h5 { font-size: 1.4em;} 
h6 { font-size: 1.3em;}

a {text-decoration: none;}

img {
max-width: 100%;
}


/*-- HEADER --*/
.header {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
background: #015782; 
}

.wrap1 {
position: relative;
width: 100%;
height: 100%;
margin: 0px auto;
}

.logo-menu {
position: relative;
bottom: -13px;
float: left;
width: 21px;
margin-left: 16px;
}


/*---REDES SOCIAIS---*/  
.redes-sociais {
position: relative;
bottom: -20px;
float: right;
margin-right: 7px;
}

.fa-lg {
font-size: 1.5em;
line-height: 0.75em;
font-weight: 800;
} 

.redes-sociais ul > li {
display: inline-block;
padding-right: 14px;
}

.redes-sociais ul > li:nth-child(2) {
}


.redes-sociais li > a {
position: relative;
color: #FFFFFF;
}


/* unvisited link */
.redes-sociais a:link {
text-decoration: none;
color: #FFFFFF;
}

/* visited link */
.redes-sociais a:visited {
text-decoration: none;
color: #FFFFFF;
}

/* mouse over link */
.redes-sociais a:hover {
text-decoration: none;
color: #FFFFFF;
}

/* selected link */
.redes-sociais a:active {
text-decoration: none;
color: #FFFFFF;
}



/*-- WRAPPER DA INTRO --*/

.background {
position: relative;
width: 100%;
background-color: rgb(242, 242, 242);
padding-top: 10em;
padding-bottom: 10em;
}


/*.wrapper {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto;
}*/

.clearfix {
content: "";
display: table;
clear: both;
}


.intro-abertura {
position: relative;
width: 79%;
margin-right: auto;
margin-left: auto;
}

.intro-abertura .left,
.intro-abertura .right  {
width: 47%; 
}

.intro-abertura .left  {
text-align: right;
float: left;
}

.intro-abertura .right  {
text-align: left;
float: right;
margin-top: 1em;
}


.intro-abertura .left h2 {
font-family: 'GlosaDisplay-Bold',serif;
letter-spacing: 0.01em;
line-height: 1.05em;
font-size: 6.7em;
color: #0d0d0d;
}


.intro-abertura .right p.destaques {
font-family: Firme-Book, sans-serif;
font-size: 2.15em;
color: #0d0d0d;
line-height: 1.31em;
letter-spacing: 0.005em;
position: relative;
}

/* CRÉDITOS DE TODO O TRABALHO */
.intro-abertura .right p.creditos-sem-imagem {
position: relative;
font-size: 1.7em;
text-align: center;
line-height: 1.18em;
width: 100%;
text-transform: uppercase;
color: #0d0d0d;

border: 0.5px solid #0d0d0d;
border-left-width: 0;
border-right-width: 0;
padding: 0.4em 0 0.4em 0;

margin-top: 2.6em;
}


.intro-abertura .right p.creditos-sem-imagem.versao-1,
.intro-abertura .right p.creditos-sem-imagem.versao-2,
.intro-abertura .right p.creditos-sem-imagem.versao-3 {
display: none;
} 





.intro-abertura .right p.creditos-sem-imagem .papel {
font-family: Firme-Book, sans-serif;
padding-left: 0em;
}

.intro-abertura .right p.creditos-sem-imagem .autor {
font-family: Firme-Black, sans-serif;
/*padding-left: 0.2em;*/
padding-right: 0.4em;
text-transform: uppercase;
font-weight: 900;
}

.imagem-oscares {
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
margin-top: 8em;
margin-bottom: 6em;
text-align: center;
}

img.oscares {
width:25%;
}


/*--AGREGADOR---*/
.agregador {
position: relative;
width: 100%;
background-color: rgb(242, 242, 242);
}

.agregador::after {
content: '';
clear: both;
display: block;
}

.agregador .item-hover {
position: relative;
float: left;
width: 25%;
margin: 0px;
padding: 0px;
cursor: pointer;
box-sizing: border-box;
/*overflow: hidden;*/
overflow: visible;
border: 1px solid rgb(242, 242, 242);
}

.agregador .item-hover figure {
position: relative;
background: #000 none repeat scroll 0% 0%;    
}

img {
max-width: 100%;
}

.agregador .item-hover img {
width: 100%;
height: auto;
}

.agregador .item-hover figure img.capa {
z-index: 0;
}

.agregador .item-hover figure img.fundo {
opacity: 0.55;
transition: opacity 0.25s ease 0s;
background: rgba(47, 70, 93, 0.41) none repeat scroll 0% 0%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.agregador .item-hover .item-legendas {
display: inline-block;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 69%;
opacity: 1;
z-index: 2;
/*transition: opacity 0.25s ease 0s;
background: rgba(47, 70, 93, 0.41) none repeat scroll 0% 0%;
box-shadow: 359px 346px 411px -138px #0A1729 inset;*/
/*

top: 6em;
left: 8%;

display: inline-block;
width: 95%;
height: 99%;
text-decoration: none;
padding-left: 1.5em;
margin-bottom: 1em;
position: absolute;
top: 0em;
left: 0em;*/
/**/
}


.agregador .item-hover .item-legendas h4.antetitulo {
width: 80%;
font-family: "Merriweather",serif;
font-weight: 400;
color: #FFF;
text-transform: uppercase;
display: block;
line-height: 1.3em;
text-align: left;
margin-top: 1em;
font-size: 1em;
letter-spacing: 0.1em;
}

.agregador a div.item-hover div.item-legendas h2 {
/*font-family: Firme-Bold, sans-serif;
font-size: 1.8em;*/
font-family: Firme-light, sans-serif;
font-size: 2em;
letter-spacing: 0.06em;
color: #FFF;
display: block;
line-height: 1.5em;
text-align: center;
z-index: 100;
text-transform: uppercase;
/*letter-spacing: 0.01em;*/
}

.agregador .item-hover .item-legendas p.creditos-sem-imagem {
width: 78%;
display: block;
font-weight: 700;
line-height: 1.6em;
margin-top: 0.5em;
z-index: 200;
color: #FFF;
text-align: left;
font-size: 0.9em;
}

.agregador .item-hover .item-legendas p.creditos-sem-imagem .papel {
color: #DB2B25;
padding-left: 0em;
font-weight: 900;
letter-spacing: 0.01em;
}

.agregador .item-hover .item-legendas p.creditos-sem-imagem .autor {
color: #E4E4E4;
padding-left: 0.2em;
padding-right: 0.8em;
text-transform: uppercase;
font-weight: 900;
}

/*-- :hover --*/

/* Opacity #1 */
.agregador .item-hover figure img {
background: rgba(29, 29, 29, 0.92) none repeat scroll 0% 0%;
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
}

.agregador a div.item-hover:hover div.item-legendas,
.agregador .item-hover:hover .fundo {
opacity: 0;
}



@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}


/*--FOOTER---*/
.footer {
position: relative;
width: 100%;
height: 3.2em;
bottom: 0;
background: rgb(242, 242, 242);
margin-top: 0.1em;
}

.wrap2 {
position: relative;
height: 100%;
margin: 0px auto;
width: 100%;
}

.footer p {
letter-spacing: 0.1em;
color: #015782;
text-align: center;
padding-left: 0.5em;
line-height: 0em;
font-weight: 700;
font-size: 1em;
padding-top: 1.8em;
font-family: Firme-ExtraBold, sans-serif;
text-transform: uppercase;
}


/*--MEDIA QUERIES---