/* http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a { color:#202020; }

sup, sub { font-size: xx-small; }
sup { vertical-align: top;  }



#sitecontainer { position: relative; width: 980px; margin: 0 auto; padding-top: 18px; }
#siteheader { position: relative; height: 156px; font-size: 11px; color: #202020; }
#siteheader h1 { width: 188px; height: 154px; background: url(../img/home-logo.png) no-repeat scroll -8px 10px; line-height: 1000; overflow: hidden; }
/*#siteheader h1 { width: 188px; height: 154px; background: url(../img/home-logo-30anos.png) no-repeat scroll -58px 10px;*/ }
#siteheader h1 span { display: none; }
#siteheader a { text-decoration: none; color: inherit; }


#lang-selector a { font-size: 10px; }
#lang-selector .selected a { color: #e42933; }


#siteheader nav {
	position: absolute;
	top: 15px;
	left: 198px;
	width: 792px;
	height: 139px;
	}
#top-menu {
	position: absolute;
	width: 792px; /* 780 + 11 margin da ultima coluna */
	height: 70px;
	}
#top-menu li {
	float: left;
	width: 187px;
	height: 20px;
	padding: 1px 0px;
	margin:-1px 11px 0 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
#top-menu li a {
	display: block;
	padding:5px 2px;
}
#top-menu a:hover, #top-menu .selected a { background-color: #f0f0f0; color: #e42933; }
#top-menu .amigos a { background-color: #e42933; color: #ffffff !important; font-weight: bold; }

#lang-selector {
	position: absolute;
	top: -16px;
	right: 11px;
	width: 199px;
	height: 17px;
	border-bottom: 2px solid #fff;
	background-color: #ffffff;
	}
	#lang-selector li {
		width: 85px;
		float: left;
		margin: 0 0 0 11px;
		padding: 0 0 4px 3px;
		border-bottom: 2px solid #CCC;
		text-align: right;
		}
		#lang-selector li.selected span {
			color: #e42933;
			font-weight: bold;
			}
#buscageral {
	position: absolute;
	top: 100px;
	right: 0;
	width: 187px;
	height: 40px;
	border-bottom: 1px solid #ccc;
}

#buscageral h5 {
	font-weight: normal;
	font-size: 11px;
	color: #444;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
}

/*
#buscageral #busca {
	width: 177px;
	height: 21px;
	padding: 0 5px;
	background: #efefef;
	border: 0;
	font-weight: bold;
   outline: none;
}
*/

#buscageral .gsc-control-cse { border: 0; margin: 0; padding: 0; }
#buscageral form { border: 0; margin: 0; padding: 0; }
#buscageral table { border: 0; margin: 0; padding: 0; }
#buscageral #___gcse_0 { position: absolute; width: 243px; top: 22px; left: -45px;}
#buscageral .gsc-search-button { display: none; /*position: absolute; left: 0; top: 20px;*/ }
#buscageral .gsc-clear-button { display: none; }
#buscageral .gsc-input {  }
#buscageral .gsc-input input { 
	width: 177px;
	height: 21px;
	padding: 2px;
	border: 0;
	font-size: 11px;
	font-weight: bold;
}
	
#titulo {
	position: relative;
	z-index: 100;
	/*width: 781px;*/
	width: 780px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px 0px 6px 199px;
	font-size:16px;
	font-weight: bold;
	}
	#titulo span.tampa{
		position:absolute;
		display: block;
		top: -1px;
		left: 0;
		width: 199px;
		border-top: 1px solid #fff;
		}
	#titulo span.subtitulo {
		color: #999;
		font-size: 12px;
		font-weight: normal;
		/*display: block;*/
		display: inline-block;
		position: relative;
		top: -1px;
		margin-left: 12px;
		color: #999; 
	}
	#titulo .breadcrumbs {
		position: absolute;
		left: 200px;
		top: -16px;
		font-size: 11px;
		color: #999; 
		font-weight: normal;
	}
	#titulo .breadcrumbs a { text-decoration: none; color: #999; }
	#titulo .breadcrumbs a:hover { color: #e42933; }
section#center { position: relative; /*top: 36px; */ left: 0; width: 980px; debugborder:1px solid red}
section#center { clear: all; }

#center #esquerda { position: relative; margin-right:7px; float:left; width: 180px; }
#center #conteudo_geral { position: relative; float: left; width: 792px;  }

/*
 * Impressão, âncora para o topo
 */
.voltar-topo-print a {
	background: url(../img/topo.gif) no-repeat;
	display:block;
	height:16px;
	}
	.voltar-topo-print a span {
		display:none;
		}
.font-change a {
	text-decoration:none;
	font-weight:bold;
	cursor: pointer;
	}

h2.node-title {
	padding: 11px 0;
	border-bottom: 4px solid #e42933;
	}

/**
 * EM TODOS OS CONTEÚDOS TEXTO - estilos de parágrafo
 */	
#conteudo_geral .conteudo p {
	line-height: 1.25;
	/*font-size: 12px;*/
	margin-bottom: 1em;
	text-align: left;
	color: #545454;
}

/**
 * EM TODOS OS CONTEÚDOS TEXTO - listas
 */
#conteudo_geral .conteudo ul,
#conteudo_geral .conteudo ul { margin: 12px 0 12px 18px; }
#conteudo_geral .conteudo li { margin-bottom: 6px; line-height: 1.25; }

/**
 * GALERIAS DE MÍDIA - estilos gerais
 */
#conteudo_geral div.galeria {
	position: relative;
	height: 285px;
	}
	
	#conteudo_geral div.galeria .slideshow {
		position: relative;
		/*height: 235px;*/
	}
	#conteudo_geral ul.itens-galeria { width: 385px; height: 285px; overflow: hidden; }
	
	#conteudo_geral ul.itens-galeria li {
		list-style-type: none;
		display: inline-block; 
		position: relative;
		z-index:2;
		width: 385px;
		height: 285px;
		/*background-color: #e0e0e0;*/
	}
		
		#conteudo_geral ul.itens-galeria img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}


		div.galeria li .legenda-container {
			position: absolute;
			z-index:10;
			bottom: 0;
			left: 0;
			width: 583px;
			height: 80px;
			display: none;
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.6);
			color: #ffffff;
			line-height: 1.25;
			}	
		div.galeria li:hover .legenda-container { display: block; }
		div.galeria li .legenda { padding: 12px; }
		div.galeria li .legenda p { color: #ffffff; position: relative; z-index: 10; }
	
	.galeria .carousel-pagination {
		width: 100%;
		margin-top: 3px;
		padding-top: 6px;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		border-top: 1px solid #ccc;
	}
	.galeria .carousel-pagination .active { color: #e42933; }

	.galeria .carousel-wrap { position: relative; z-index: 90; }
	.galeria .center-wrap { z-index: 100; }
	.galeria .carousel-pagination a {
		display: inline-block;
		min-width: 16px;
		text-align: right;
		color: #666666;
		cursor: pointer;
		position: relative;
		z-index: 100;
	}


/**
 * TEMPLATE: texto 50%, midias 50%
 * (2 x 2 colunas)
 */
#conteudo_geral div.template-txt50-midias50 {
	min-height: 310px; /* garante altura mínima para a galeria de mídias */
	margin-left:11px;
	border-bottom: 4px solid #e42933;
}

#conteudo_geral div.template-txt50-midias50 div.conteudo {
	width:385px;
	margin-top: 24px;
}

#conteudo_geral div.template-txt50-midias50 div.galeria {
	position: absolute;
	right: 0;	
	width: 385px;
}

#conteudo_geral div.template-txt50-midias50 div.galeria .slideshow {

}

#conteudo_geral div.template-txt50-midias50 div.galeria li {
	height: 285px;
	overflow: hidden;
	vertical-align: top;
}

#conteudo_geral div.template-txt50-midias50 div.galeria li .legenda-container {
	width: 385px;
}

/**
 * Templade HTML 4 colunas
 */
#conteudo_geral .conteudo.col4 {
	margin-left: 11px;
	margin-top: 27px;
} 
/**
 * Templade HTML 3 colunas
 */
#conteudo_geral .conteudo.col3 {
	margin-left: 11px;
	margin-top: 27px;
    width: 583px;
} 

/*
 * ESQUERDA
 */
ul.vazio{
	height: 50px;
	}
	ul.vazio li{
		list-style-type: none;
		}
ul.menu-esquerdo{
	margin-top: 28px;
	}
ul.menu-esquerdo li:first-child {
	border-top:1px solid #999999;
}
ul.menu-esquerdo li{
	list-style-type: none;
	border-bottom:1px solid #999999;
	padding:5px 0;
	}
	ul.menu-esquerdo li a{
		background: #e7e7e7;
		display:block;
		text-decoration: none;
		padding:4px 6px;
		text-transform: lowercase;
		font-size: 11px;
		}
	ul.menu-esquerdo li a:hover{
		background: #e42933;
		color:#fff !important;
		}
	
ul.menu-esquerdo a.submenu-level-up,
ul.menu-esquerdo a.submenu-level-up:hover { background: url('../img/seta-up-red-submenus.png') no-repeat 2px 2px; }
ul.menu-esquerdo a.submenu-level-up span { padding-left: 16px; }
ul.menu-esquerdo a.submenu-level-up:hover span { color: #E42933 !important; }


/**
 * ATÉ AQUI ERA O layout.css
 * ---------------------------------------
 * DAQUI PARA BAIXO ERA O videobrasil.css
 */ 



#center.home { top: 9px; }

.paging {
    clear: both;
    margin-left: 11px;
}
#esquerda li.selected a { background-color: #E42933; color: white; }

#esquerda li.highlight a { background-color: #ffffff; /*#eea8ac;*/ /*#fce6e7;*/ }
#esquerda li.highlight:hover a { color: #333 !important; }


/*
 * BOX DE NEWS E DA HOME
 */
.boxes {
	float: left;
	margin: 0 0 11px 11px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 11px;
	overflow: hidden;
}
.box_duplo { width: 385px; }
.box_simples { width: 187px; }
.box_triplo { width: 583px; }

.boxes .conteudo {
	position: relative;
	height: 204px;
	background-color: #ccc;
	z-index: 3;
}
.boxes .bandeira {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 5px 4px;
	min-width: 100px;
	max-width: 187px;
	background-color: #e42933;
	color: #FFFFFF;
	font-weight: bold;
}

.boxes .titulo-lead {
	position:absolute;
	width: 100%;
	top:132px;
	z-index:4;
	left: 0;
	height: 72px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	line-height: 1.1;
}

.titulo-lead a {
	color: #FFFFFF !important;
	display: block;
	height: 72px;
	font-weight: bold;
	text-decoration: none;
	}
	
.titulo-lead a span{ font-size: .9em; }
.titulo-lead a:hover {
	color: #EEEEEE !important;
	text-decoration: underline;
}

.box_simples .titulo-lead span,
.box_duplo .titulo-lead span,
.box_triplo .titulo-lead span {
	display: block;
	margin-top: 6px;
	font-weight: normal;
}

/* ??? */
.titulo-lead div {
	padding: 11px;
}


/**
 * GRIDS DE THUMBS
 * Ex:
 * publicações > cadernos
 */
#conteudo_geral .grade-imagens { 
	margin: 0; /* sobrepõe o default das internas */
	width: 792px;
	position: relative;
	overflow: hidden; /* clear floats */
 }
#conteudo_geral .grade-imagens li { 
	position: relative; 
	float: left;
	margin: 0 0 11px 11px; 
	padding: 0;
	line-height: 1; 
	list-style: none; 
	width: 187px;
}
#conteudo_geral .grade-imagens li a { display: block; }
#conteudo_geral .grade-imagens li img { display: block; }
#conteudo_geral .grade-imagens .info { 
	display: none;
	position: absolute;
	bottom: 0; 
	width: 100%;
	/*height: 60px;*/
	font-size: 11px;
	line-height: 1.25;
	color: #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
}
#conteudo_geral .grade-imagens li:hover .info { display: block; }
#conteudo_geral .grade-imagens .titulo { display: inline-block; padding: 8px; }

/* versão com ícone de download */
#conteudo_geral .grade-imagens li.com-icone-download .titulo { padding-right: 28px; }
#conteudo_geral .grade-imagens li.com-icone-download .icone-download { 
	position: absolute;
	bottom: 8px;
	right: 10px;
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-image: url(../img/vb-sprites.png);
	background-position: -30px -50px;
}


/* Catálogos para download */
#conteudo_geral #publicacoes.catalogos-festivais .info { height: 28px; }
#conteudo_geral #publicacoes.catalogos-festivais .info .titulo { /*margin-left: 24px;*/ }
#publicacoes.catalogos-festivais .info .icone-download { 
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-image: url(../img/vb-sprites.png);
	background-position: -30px -50px;
}





/*
 * RODAPE
 */
 
 /* Loading do rolamento infinito padrão - 3 colunas */
#infinitescroll_loading,
#infscr-loading {
	position: absolute;
	bottom: -60px;
	width: 583px;
	left: 11px;
	background-color: rgb(0, 0, 0);
	opacity: 0.6;
	text-align: center;
	padding: 12px 0;
	z-index: 500;
}

/* Loading do rolamento infinito news - 4 colunas */
.news #infinitescroll_loading,
.news #infscr-loading {
	width: 781px;
}

 
footer { display:block; clear:both;
font-size: 0.8em;
color: #666666;
padding-bottom:12px;
}
#footer_internas .col1 {
    width: 181px;
	 margin-right: 7px;
    position:relative;
    float: left;
    }
    #footer_internas .col1 .endereco{
        width: 181px;
        padding:6px 0;
        margin-top: 88px;
		  margin-right: 7px;
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        }
    #footer_internas .col1 .email{
        font-weight: bold;
        padding:6px 0;
        }
		  #footer_internas .col1 .email a { text-decoration: none; }
		  #footer_internas .col1 .email a:hover { text-decoration: underline; } 
#footer_internas .col2 {
    width: 781px;
    margin: 0 0 11px 11px;
    position:relative;
    float: left;
    }
    #footer_internas .col2 .spacer{
        position: relative;
        margin-top: 88px;
        border-top: 1px solid #efefef;
        height: 70px;
        }    
   
       
#footer_internas .col2 .spacer{
    position: relative;
    border-top: 1px solid #efefef;
    height: 65px;
    }
#footer_internas .col1.linha2,
    #footer_internas .col2.linha2 {
    height: 56px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    }
#footer_internas .col1 .imprensa{
    border-bottom: 1px solid #ccc;
    }
#footer_internas .col1 .imprensa span{
    display:block;
    padding: 5px 5px;
    font-weight: bold;
    background: #e7e7e7;
    margin: 4px 0;
    }  
	 #footer_internas .col1 .imprensa a { text-decoration: none; }
	 #footer_internas .col1 .imprensa a:hover { text-decoration: underline; }
#footer_internas .col1 .siga-nos {
    text-align: left;
    padding:4px 0;
    }
#footer_internas .col1 .siga-nos span {
 	display: inline-block;
 	width: 65px;
    
    }

#footer_internas .col1 .siga-nos img{
    vertical-align: middle;
	margin-right:1px;
	margin-left:1px;

    }
#footer_internas .col2 .assinatura{
    padding:40px 0 0 0;
	 margin-bottom: 10px;
 }
	
#footer_home .assinatura { margin-bottom: 10px; }
#mobile_link { padding: 0 0 20px 0; }

/** 
* DIÁLOGOS MODAIS
*/

#ampliacao_imagem {
	position: absolute;
	top: 0;
	left: 194px;
	background-color: #fff;
	width: 583px;
	height: 50px;
}

/*
#ampliacao_imagem .ampliacao-legenda {
	position: relative;
	top: 5px;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 3px;
	line-height: 1.2;
	background: #fff;
}
*/
#ampliacao_imagem .ampliacao-legenda {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 16px 6px;
	line-height: 1.2;
	background: rgba(0,0,0,0.5);
	color: #fff;
	display: none;
}
#ampliacao_imagem .ampliacao-wrapper:hover .ampliacao-legenda { display: block; }

.ampliacao-dialogo-modal-loading { display: block; margin: 56px auto 0 auto; background: #fff; }


/* ------------------------------------- */
/* box para cadastro na newsletter       */
/* ------------------------------------- */
	
/* http://desandro.github.com/3dtransforms/docs/card-flip.html */
#cadastro_newsletter {
	margin: 5px 0 12px 0px;
	width: 180px;
	height: 192px;
	clear: both;
	float: none;
	border-bottom: 1px solid #ccc;
	/*-webkit-perspective: 1000;*/
}
#cadastro_newsletter .conteudo { 
	width: 168px;
	height: 192px; 
	padding: 6px; 
	position: relative;
	/*-webkit-transform-style: preserve-3d;
		-webkit-transition: 0.5s;*/
	
}
#cadastro_newsletter .conteudo .face { 
	position: absolute; 
	top: 0; 
	left: 0; 
	
	width: 168px;
	height: 192px; 
	padding: 6px; 
	/*-webkit-backface-visibility: hidden;*/ 
}
#cadastro_newsletter .conteudo .face.frente {  }
#cadastro_newsletter .conteudo .face.verso { display: none; /*-webkit-transform: rotateY(180deg);*/ }

#cadastro_aguarde { display: none; text-align: center; margin-top: 80px; }
#cadastro_feedback { display: none; }

#cadastro_newsletter h2, 
#cadastro_newsletter p {
	font-size: 16px;
	color: #ffffff;
	line-height: 1.2;
	margin-top: 28px;
}
#cadastro_newsletter form { margin-top: 6px; }
#cadastro_newsletter .text,
#cadastro_newsletter .email { margin: 0 0 8px 0; }
#cadastro_newsletter .text input,
#cadastro_newsletter .email input { width: 165px; height: 16px; border: 0; }
#cadastro_newsletter .submit { text-align: right; margin: 12px 1px 0 0; }
#cadastro_newsletter .submit input {
	background-color: #989897;
	color: white;
	width: 100px;
	text-align: right;
	border: 0;
	padding: 4px 6px;
}

/* animação flip */
#cadastro_newsletter.flip .conteudo { /*-webkit-transform: rotateY(180deg);*/ }

/* ------------------------------------- */
/* jQueryUI                              */
/* ------------------------------------- */
.ui-widget-overlay { 
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.6;
}

.ui-dialog { position: absolute; top: 0; left: 0; background-color: #FFF; }
.ui-dialog .ui-dialog-titlebar { 
	position: absolute; 
	top: 0; 
	left: 788px; 
	width: 20px;
	height: 20px; 
	padding: 0;
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	background: #fff;
	font-size: 18px;
}
.ui-dialog .ui-dialog-titlebar-close { position: relative; top: 1px; margin: 0; padding: 0; color: #E52933; text-decoration: none;}
.ui-dialog .ui-dialog-titlebar-close span {margin: 0; }

/*.ui-dialog .ui-dialog-titlebar { position: absolute; top: 0; left: -4px; width: 180px; border-top: 1px solid #999; border-bottom: 1px solid #999; background: #fff; }*/
/*
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
*/

/** TEMPORÁRIO PARA A BIENAL DE 2022 **/
#top-menu li:nth-child(6) a{ font-weight: bold; color: #e42933; }

/** SOLICITAÇÃO REGIS 2023-10-17 **/
.acervo ul.menu-esquerdo li a{ text-transform: none !important; }