/* CSS Document */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	margin:0;
	padding:0;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#FFF;
	background-color:#000;
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
a {
    color:#FFF;
    transition: all 0.2s ease-out;
}
a:hover {
    color:#CCC;
    text-decoration: none;
}

.centro {
	max-width:60em;
	margin:auto;	
}

#botaoMobile {
	display:none;
}

.topo {
    transition: all 0.5s ease-out;
}
.topo .logo {
    transition: opacity 0.5s ease-out;
}
.topo #menu {
    
}
.topo #menu ul {
	padding:0;
	margin:0;
}

#fotosTopo {
    display:block;
    position: relative;
    padding-top:33.14%;
    overflow: hidden;
}
#fotosTopo img {
    position: absolute;
    top:0;
    left:0;
    min-height: 100%;
    opacity: 0;
    transition: opacity 1s ease-out;
}
#fotosTopo img.actual {
    opacity: 1;
}

#pagina {
	z-index:1;
	position:relative;
}


#rodape {
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    overflow: hidden;
    z-index: 1000;
}
#rodape .centro {
    padding:0.5em;
    position: relative;
}
#rodape img {
    margin-left:0.7em;
}
#rodape a {
    text-decoration: none;
}
#rodape .sociais {
    float:right;
    text-align: right;
}
#rodape .sociais h4 {
    display: inline;
    margin-right:0.5em;
    vertical-align: middle;
}
#rodape .sociais ul {
    display: inline-block;
    list-style: none;
    padding:0;
    margin:0;
}
#rodape .sociais ul li {
    display: inline-block;
    text-transform: uppercase;
}
#rodape .sociais ul li img {
    margin:0 0.1em;
    vertical-align: middle;
}
#rodape .sociais a span {
        display:none;
    }
#rodape h4 {
    font-weight: normal;
    text-transform: uppercase;
    margin:0;
    margin-bottom:1em;
}
#rodape .bloco {
    padding:0 1em;
}
#rodape .centro.blocos {
    min-height: 7em;
}
#rodape .bloco h4 img {
    margin-right: 1em;
    vertical-align: text-bottom;
}
#rodape .bloco form input {
    display: block;
    background-color: rgba(255,255,255,0.2);
    border:0;
    padding:0.5em;
    margin-bottom:0.5em;
    width:100%;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    color:#FFF;
    transition: all 0.5s ease-out;
}
#rodape .bloco form input.botao {
    border:1px solid rgba(255,255,255,0.2);
    background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
}
#rodape .bloco form input.botao:hover {
    background-color: rgba(255,255,255,1);
    color:rgba(0,0,0,1);
}
#rodape .bloco form input:disabled {
    opacity:0.5;
}

#rodape .marcas {
    border-top:1px solid #8E7153;
    background-color:rgba(142,113,83,0.1);
    border-bottom:1px solid #8E7153;
}
#rodape .marcas .centro {
    padding:0;
}
#rodape .marcas ul {
    padding:0;
    overflow: hidden;
}
#rodape .marcas ul li {
    list-style: none;
    display: block;
    float: left;
    text-align: center;
    width:20%;
    margin:0;
}
#rodape .marcas ul li a {
    transition: all 0.2s ease-out;
    display: block;
    transform: scale(1, 1);
}
#rodape .marcas ul li a:hover {
    transform: scale(1.1, 1.1);
}
 #rodape .centro {
     overflow: hidden;
}
#rodape .centro .on2 {
    position: absolute;
    bottom: 2.7em;
    right:0;
    display: none;
}
#rodape .termos {
    font-size: 0.7em;
    color:#CCC;
    display: block;
    margin:auto;
    text-align: center;
    padding-top:0.5em;
}


#bgs {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#bgs img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    opacity:0;
    transition: all 2s ease-out;
    -webkit-transition: all 2s ease-out;
}
#bgs img.on {
    opacity: 1;
}

#conteudo {
    margin-left:16.5em;
}
#conteudo.sem_margem {
    margin-left:0;
}
#conteudo.home {
}

.noticiaBloco {
}
.noticiaBloco {
    position: relative;
    overflow: hidden;
    padding:2em;
    text-align: justify;
    line-height: 1.5em;
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
}
.partilha.noticia {
    margin-bottom:2em;
}
.noticiaFoto {
    display: block;
    width:100%;
}
.noticiaBloco h1 {
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
}
.noticiaResumo, .noticiaCorpo {
    font-size: 0.8em;
}
.noticiaFim {
    margin-top:1em;
    overflow: hidden;
}
.noticiaFim a.lerMais, .paginacao a  {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
.noticiaFim a.lerMais {
    float: right;
}
.noticiaFim .noticiaData {
    float:left;
}
.noticiaCorpo {
    clear:left;
    padding-top:1.5em;
}
.paginacao {
    padding:1em;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
}
.paginacao .seguinte {
    float:right;
}
.paginacao .anterior {
    float:left;
}






h2, h3, h4 {
    text-transform: uppercase;
}




.pergunta, .resposta {
    margin:0;
    transition:all 0.3s ease-out, padding 0s ease-out;
    -webkit-transition:all 0.3s ease-out, padding 0s ease-out; 
}
.pergunta {
    padding:0.8em;
    font-size: 1.2em;
    border-bottom:1px solid rgba(255,255,255,0.3);
    margin-bottom:0;
    margin-top:0;
    cursor: pointer;
    margin-bottom:-1.9em;
}
.pergunta.sel {
    background-color: rgba(255,255,255,0.1);
    margin-bottom:0;
}
.resposta {
    padding-bottom:0;
    max-height: 0em;
    margin:0;
    overflow: hidden;
    padding:1em;
    opacity: 0;
}
.resposta.sel {
    max-height: 20em;
    margin-bottom:2em;
    opacity: 1;
}

#conteudo_texto > * {
    font-size: 0.8em;
}
#conteudo_texto {
    text-align: justify;
    line-height: 1.5em;
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
}
.paddingConteudo {
    padding:2em;
}

#conteudo_texto h1 {
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
}

#conteudo_texto form label {
    display: block;
    text-transform: uppercase;
    font-size: 0.9em;
}
#conteudo_texto form input, #conteudo_texto form textarea {
    display: block;
    width:100%;
    box-sizing: border-box;
    color:#FFF;
    border:0;
    padding:0.3em;
    font-size:1rem;
    font-family: Raleway, sans-serif;
    margin-bottom:1em;
    max-width:40em;
    background-color: #333;
    background-color: rgba(255,255,255,0.2);
}
#conteudo_texto form input.botao {
    border:1px solid rgba(255,255,255,0.2);
    background-color: transparent;
    text-transform: uppercase;
    transition: all 0.5s ease-out;
    cursor: pointer;
    width: auto;
    padding:0.5em 2em;
}
#conteudo_texto form input.botao:hover {
    background-color: rgba(255,255,255,1);
    color:rgba(0,0,0,1);
}
#conteudo_texto small {
    float: right;
}



/* galeria */
#conteudo_texto .thumbs a {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width:25%;
    margin:4%;
    transition:all 0.3s ease-out;
    overflow: hidden;
}
#conteudo_texto .thumbs a:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 15px rgba(255,255,255,0.3);
}
#conteudo_texto .thumbs a span {
    background-color: rgba(0,0,0,0.8);
    display: block;
    position: absolute;
    bottom: -3em;
    right:0;
    left:0;
    padding:0.4em 1em;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
#conteudo_texto .thumbs a:hover span {
    bottom:0;
}
#conteudo_texto .thumbs a img {
    display: block;
    width: 100%;
}


/*
#conteudo_texto .sociais ul {
    list-style: none;
    padding:0;
    overflow: hidden;
}
#conteudo_texto .sociais li {
    display: block;
    width:23%;
    float: left;
    margin:1%;
}
#conteudo_texto .sociais li a {
    display: block;
    background-color: rgba(255,255,255,0.1);
    border-radius: 0.5em;
    padding:0.5em;
    text-decoration: none;
}
#conteudo_texto .sociais li a img {
    vertical-align: middle;
    margin-right:1em;
    opacity:0.5;
}
#conteudo_texto .sociais li a strong {
    text-transform: uppercase;
    font-weight: 300;
}
#conteudo_texto .sociais li a:hover {
    background-color: rgba(255,255,255, 0.2);
    color:#FFF;
    
    transform:scale(1.05);
}
#conteudo_texto .sociais li a:hover img {
    opacity: 1;
}
*/
#conteudo_texto .sociais ul {
    padding:0;
    overflow: hidden;
}
#conteudo_texto .sociais li {
    display: block;
    float: left;
    margin-right:1em;
    margin-bottom:1em;
}
#conteudo_texto .sociais li a strong {
    display: none;
}
#conteudo_texto .sociais li a img {
    opacity:0.7;
    transition: all 0.5s ease-out;
}
#conteudo_texto .sociais li a:hover img {
    opacity:1;
}



#conteudo_texto .marcas ul {
    list-style: none;
    padding:0;
    overflow: hidden;
}
#conteudo_texto .marcas ul li {
    float:left;
    width:21%;
    padding:6%;
}
#conteudo_texto .marcas ul li a {
    display: block;
}
#conteudo_texto .marcas ul li a:hover {
    transform: scale(1.05);
}
#conteudo_texto .marcas ul li a img {
    max-width: 100%;
}


.galeriaFilme {
    position: relative;
    padding-top:66.6666%;
    background-color: #000;
    margin-top:1em;
    margin-bottom:1em;
}
.galeriaFilme .holder a {
    position: absolute;
    display: block;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    text-align: center;
    opacity:0;
    transition: all 1s ease-out;
    overflow: hidden;
    z-index:5;
}
.galeriaFilme .holder a span {
    position: absolute;
    display: block;
    bottom:0;
    left:0;
    right:0;
    padding:1em;
    z-index:10;
    background-color: rgba(0,0,0,0.4);
    font-size: 1.5em;
    bottom:-3.2em;
    transition: bottom 1s ease-out;
}
.galeriaFilme .holder a img {
    position: relative;
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin:auto;
}
.galeriaFilme .holder a.sel {
    opacity: 1;
    z-index: 6;
}
.galeriaFilme .holder a.sel span {
    opacity: 1;
    bottom:0;
}
.galeriaFilme .seta {
    position: absolute;
    top:50%;
    font-size: 4em;
    text-align: center;
    margin-top:-1em;
    z-index:100;
	cursor:pointer;
}
.galeriaFilme .seta.esq {
    left:-0.5em;
}
.galeriaFilme .seta.dir {
    right:-0.5em;
}




.expansivelLink {   
    padding-left:2em;
    background-image: url(../imgs/setaDir.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom:1em;
    border-bottom:1px solid #FFF;
    cursor: pointer;
    transition: all 0.2s ease-out;
}
.expansivelLink:hover {
    background-position: 0.5em center;
}
.expansivelLink.sel {
    background-image: url(../imgs/setaBaixo.svg);
}
.expansivelLink.sel:hover {
    background-position: left center;
}
.expansivelArea {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-out;
    opacity: 0;
}
.expansivelArea.sel {
    max-height: 90em;
    opacity:1;
}


#conteudo .partilha {
    background-color: #000;
    border-top:1px solid rgba(255,255,255,0.3);
    padding:0.5em 0.8em;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: left;
}
#conteudo .partilha ul {
    list-style: none;
    padding:0;
    display:inline;
    margin-left:0.5em;
}
#conteudo .partilha ul li {
    list-style: none;
    padding:0;
    display:inline-block;
    vertical-align: middle;
    margin-right:0.2em;
}


.videoYoutube {
	position:relative;
	padding-top:56.25%;	
}
.videoYoutube iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;	
}






/* nao mobile */
@media all and (min-width: 951px) {

    #overlayMobile {
		display:none;	
	}
    
    
    .topo {
        z-index: 100;
        background-color:#000;
        background-color:rgba(0,0,0,0.7);
        position: fixed;
        top:0;
        right:0;
        left:0;
        height:4.375em;
    }
    .topo .centro {
        position: relative;
        height:100%;
    }

    .topo .logo {
        position: absolute;
        top:0.3em;
        left:1em;
    }
    .topo .logo img {
        
    }
    .topo .logo.mobile {
        visibility: hidden;
        opacity:0;
    }
    .topo #menu a:hover {
        
    }
	.topo #menu {
		position:absolute;
        top:0;
        bottom:0;
		left:16.5em;
		right:0;
		text-transform:uppercase;
	}
	.topo #menu ul {
		list-style:none;
        font-size:0.875em;
        font-weight: 600;
	}
    .topo #menu ul.n0 {
        width:100%;
        display: table;
        height:100%;
    }
    .topo #menu ul ul {
		list-style:none;
        font-size:0.875em;
        font-weight: 300;
	}
    .topo #menu ul.n0 li.sel {
        border-bottom:0.1em solid #C5A282;
        padding-top:0.1em;
    }
    .topo #menu ul.n0 li.sel li {
        border-bottom:0;
        padding-top:0;
    }
    .topo #menu ul.n0 li.sel > a {
        color:#C5A282 ;
    }
    .topo #menu ul.n0 li {
        text-align: center;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        padding:0em 1em;
    }
    .topo #menu ul.n0 .sub {
        position: fixed;
        top:4.375rem;
        left:0;
        right:0;
        height:2.1em;
        margin-top:0.3rem;
        background-color:#000;
        background-color:rgba(0,0,0,0.7);
        transition:visibility 0s linear, opacity 0.3s ease-out, top 0.5s ease-out;
        visibility: hidden;
        opacity:0;
        text-align: left;
    }
	.topo #menu ul.n1 {
        position: absolute;
        left:50%;
        right:0;
        margin-left:-17.5em;
        text-transform: lowercase;
	}
    .topo #menu  ul.n0 li.sel .sub {
        opacity:1;
        visibility: visible;
    }
    .topo #menu  ul.n1 li {
        display: inline-block;
        text-align: center;
        padding:0;
        border:0;
    }
    .topo #menu ul.n1 li a {
        padding:0em 1em;
        margin:0.6em 0;
        border-right:1px solid #FFF;
    }
    .topo #menu ul.n1 li:last-child a {
        border-right:0;
    }
    .topo #menu  ul.n1 li.sel > a {
        font-weight: 800;
    }
    .topo #menu li a {
        text-decoration: none;
        display: block;
    }
    .topo #menu li a:hover {
        z-index:100;
    }
    .topo #menu ul.n1 .sub, .topo #menu ul.n0 ul.n1 .sub {
        position: fixed;
        top:6.5rem;
        visibility: hidden;
        opacity:0;
    }
    .topo #menu  ul.n1 li.sel .sub {
        opacity:1;
        visibility: visible;
    }
    .topo #menu ul.n2 {
        position: absolute;
        left:50%;
        right:0;
        margin-left:-20em;
        text-transform: lowercase;
	}
    
    #topo.mini #menu .sub {
        transition: all 0.5s ease-out;
    }
    
    /* Mini */
    .topo.mini .logo {
        opacity:0;
        visibility: hidden;
    }
    .topo.mini .logo.mobile {
        opacity:1;
        visibility: visible;
        top:0;
        margin-left:0.7em;
    }
    .topo.mini {
        height:2.625em;
        background-color: rgba(0,0,0,1);
    }
    .topo.mini #menu ul.n0 .sub {
        top:2.625em;
        height:1.8em;
        border-top:1px solid rgba(255,255,255,0.1);
        background-color: rgba(10,10,10,1);
    }
    #topo.mini #menu ul.n1 .sub {
        top:5.15em;
        height:1.8em;
        border-top:1px solid rgba(255,255,255,0.1);
        background-color: rgba(20,20,20,1);
    }
    .topo.mini #menu ul.n0 .sub a {
        margin:0.4em 0;   
    }
    
    #pagina {
        margin-top:9em;
        margin-bottom:6em;
    }
    
    
    #rodape {
        height:16.5em;
        position: fixed;
        bottom:-14.3em;
        transition: bottom 0.5s ease-out, opacity 0.5s ease-out;
    }
    #rodape .bloco {
        display: inline-block;
        vertical-align: top;
        transition: margin-right 0.5s ease-out;
        font-size: 0.8em;
    }
    #rodape .bloco form {
        display:none;
    }
    
    #rodape:hover {
        bottom:0;
    }
    #rodape.static {
        position: relative;
        bottom:auto;
        margin-top:-2.2em; /* height - bottom */
    }
    
    
   
    
    
    
    #rodape:hover, #rodape.static {
        
    }
    #rodape:hover .bloco,
    #rodape.static .bloco {
        width:18%;
        margin-right:2%;
    }
    #rodape:hover .bloco.sociais,
    #rodape.static .bloco.sociais {
        margin-right:0;
    }
    #rodape:hover .bloco form,
    #rodape.static .bloco form {
        display: block;
    }
    #rodape:hover .bloco h4 span,
    #rodape.static .bloco h4 span {
        opacity:1;
    }
    #rodape:hover {
        background-color: rgba(0,0,0,0.95);
    }
    #rodape.static:hover {
        background-color: rgba(0,0,0, 0.8);
    }
    
    #rodape:hover .on2, #rodape.static .on2 {
        display: block;
    }
    /*
    #rodape:hover .sociais a span, #rodape.static .sociais a span {
        display: inline;
    }
    #rodape:hover .sociais li, #rodape.static .sociais li, #rodape:hover .sociais label, #rodape.static .sociais label {
        display: block;
        margin-bottom:0.5em;
    }
    #rodape:hover ul.sociais li img,
    #rodape.static ul.sociais li img {
        margin-right:0.5em;
    }
    #rodape:hover ul.sociais li,
    #rodape.static ul.sociais li {
        margin-bottom:1em;
    }
    #rodape:hover .bloco.sociais h4,
    #rodape.static .bloco.sociais h4 {
        display: block;
        text-align: right;
    }
    */
     

}

/* intermedio */
@media all and (min-width: 801px) and (max-width: 950px) {
	
	.topo #menu {
	}
	
}



/* mobile */
@media all and (min-width: 0px) and (max-width: 950px) {

	body {
		overflow-x:hidden;
	}
	html {
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;	
	}
	
	#pagina {
		margin-top:3.125em;
		left:0;
	}
    
    #overlayMobile {
		display:block;
		background-color:rgba(0,0,0,0.4);
		position:fixed;
        top:3.125em;
        margin-top:1px;
		bottom:0;
		left:0;
		width:100%;
		z-index:99999;
		visibility:hidden;
		opacity:0;
		transition:opacity 0.4s ease-out, visibility 0s ease-out, left 0.4s ease-out;
	}
	
	.topo {
		position:fixed;
		height:3.125em;
		background-color:#000;
        background-color: rgba(0,0,0,0.9);
		top:0;
		left:0;
		right:0;
		z-index:9999;
		width:100%;
        border-bottom:1px solid #FFF;
	}
    
	.topo .logo {
        visibility: hidden;
        opacity:0;
        margin:auto;
        width:auto;
	}
	.topo .logo img {
		height:3.125em;
		display:block;
		margin:auto;
	}
    .topo .logo.mobile {
        visibility: visible;
        margin:0 3.5em;
        opacity:1;
        position: absolute;
        top:0;
        right:0;
        left:0;
    }
	
	
	.topo #menu {
		position:fixed;
		z-index:10;
		top:3.125em;
		bottom:0;
		left:-80%;
		width:80%;
		background-color:rgba(0,0,0,0.9);
		text-transform:uppercase;
		overflow-y: scroll;
	}
	.topo #menu ul {
        border-bottom:1px solid rgba(255,255,255,0.3);   
    }
	.topo #menu ul li {
		list-style:none;	
	}
	.topo #menu ul li a {
		border-top:1px solid rgba(255,255,255,0.3);  
		display:block;
		padding:0.5em 1em;
		color:#fff;
		text-decoration:none;
	}
    
    .topo #menu ul li.temSub a {
        border-bottom:0;
    }
    .topo #menu ul li.temSub {
        background-image: url(../imgs/bgSubMobile.svg);
        background-repeat: repeat-x;
        background-position: top;
    }
    .topo #menu ul li.temSub ul {
        border-bottom: 0;   
    }
	
    
    .topo #menu ul.n1 {
        
    }
    .topo #menu ul.n0 ul {
        padding-left:1em;
    }
    .topo #menu ul.n1 li a {
        border:0;
        text-transform: none;
    }
    .topo #menu ul li a:active {
        color:#999;   
    }
	
	#botaoMobile {
		display:block;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		border-right:1px solid #FFF;
	}
	#botaoMobile:hover {
	}
	#botaoMobile img {
		margin:0.85em;
        width:1.5em;
        height:1.5em;
	}
	
	#pagina, .topo, .topo #menu {
		transition:all 0.4s ease-out;	
	}
	html.mOpen #pagina, html.mOpen .topo {
	}
	html.mOpen .topo #menu {
		left:0;
	}
	html.mOpen body, html.mOpen {
		overflow-y:hidden;
	}
    html.mOpen #overlayMobile {
		left:80%;
		opacity:1;
		visibility:visible;
        
        background-image: url(../imgs/sombraMobile.svg);
        background-repeat: repeat-y;
	}
    #pagina {
        margin-top:4em;
    }
    .noticiaBloco, .paginacao, #conteudo_texto {
        margin:1em;
    }
    .noticiaBloco {
        margin-bottom:0;   
    }
    .partilha.noticia {
        margin-bottom:1em;
    }
    
    #rodape {
        margin-top:2em;
        position: relative;
        text-align: center;
    }
    #rodape .sociais {
        float: none;
        text-align: center;
        margin:auto;
        margin-bottom:2em;
    }
    #rodape .bloco {
        max-width:90%;
        margin:auto;
        margin-bottom:2em;
    }
    
    #conteudo {
        margin-left:0;   
    }
    #conteudo_texto {
        margin-bottom:0;   
    }
    .partilha {
        margin:1.25em;
        margin-top:0;
        margin-bottom:1em;
    }
    
    #conteudo_texto .thumbs a {
        width:100%;
        margin:0;
        margin-bottom:4%;
    }
    
    #conteudo_texto .thumbs a span {
        bottom: 0;
    }
    
    
    
    .galeriaFilme {
        position: relative;
        padding-top:100%;
    }

}

/* intermedio 2 */
@media all and (min-width: 601px) and (max-width: 950px) {
	
	.topo #menu {
	}
    
    #rodape .bloco.newsletter {
        clear:left;   
    }
    #rodape .bloco {
        width:46%;
        margin:0;
        float: left;
        padding:0;
        margin:2%;
        margin-bottom:2em;
    }
    #rodape .bloco.sociais {
        width:100%;
        max-width: auto;
    }
    #rodape .termos {
    }
    
    #conteudo_texto .thumbs a {
        width:46%;
        margin:2%;
    }
	
}

/* mobile mais restrito */
@media all and (max-width: 650px) {
/*
    #conteudo_texto .sociais li {
        display: block;
        width:48%;
        float: left;
        margin:1%;
    }
*/    
    #conteudo_texto .marcas ul li {
        float:none;
        width:88%;
        padding:6%;
        text-align: center;
    }
    
}