@charset "utf-8";
/* CSS Document */
/* 
 * Copyright 2011-2015 BvB Criações e Entretenimento, Ltda.
 * Matriz Flex Themes of First Base (Temas da Primeira Base) BVBCE (http://www.bvbce.com)
 * Author: Bruno von Borowsky - bvbneto
 
   - Favor manter as definições de autoria para que possamos avançar com o melhoramento desse recurso e em breve disponibilizá-los para todos.
   - A matriz modeladora BVBCE funciona como configuradora de estrutura tendo tão somente elementos que permitem espaçamentos, fundos e tipografica dos elementos base que vem das matriz de estrutura, cada projeto tem o seu modelador, sendo assim, não replicar sobre um outro projeto que já uso modelador próprio sem antes verificar corpo de configuração!
   
   Qualquer apoio ou contribuição será bem-vindo, para tanto, favor enviar email para bruno@bvbce.com. Caso deseje usar os padrões e esta ferramenta enviar para o mesmo email descrito com seus dados e o projeto onde será utilizada a matriz BVBCE, para que possamos inclusive notificar você em futuras versões até a liberação final desse recurso a todos os desenvolvedores!
   
   Obrigado desde já pelo respeito ao nosso trabalho, Equipe BVBCE.
   
 */

@import url(firstbase_bvbce_v3.min.css);

/*---------------------------------------------------------------------------------------------------------------------*/
/* RESETs */
/*---------------------------------------------------------------------------------------------------------------------*/
 
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre p, blockquote, form, fieldset, legend, input, textarea, th, td { 

	padding: 0px;
	margin: 0px;
	
	font-family:Arial, Helvetica, sans-serif;
  	font-size:10px;
  	color:#888;
  	letter-spacing:0.5px;
	
	}

/* corrigindo firefox bug 
div:after, ol:after, form:after, ul:after, dl:after {

	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
	
	}*/
	
article, aside, figure, footer, header, hgroup, nav, main, section, address { 

	display:block; 

	}

fieldset, img, legend { 
	border: 0;
	vertical-align: middle;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
ol, ul {
	list-style: none;
	}
	
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
	
caption, th {
	text-align: left;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
	
q:before, q:after {
	content: '';
	}
	
abbr, acronym { 
	border: 0;
	}
	
a{
	text-decoration:none;
	cursor:point;
	background: transparent;
	
}

a:hover, a:active, a:focus, input[type="text"], input[type="submit"] {

  outline: 0;
  outline: none;
  
}

b, strong {
  font-weight: bold;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0px;
}


/* reset formulários */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

/*---------------------------------------------------------------------------------------------------------------------*/	
/* MODELAGEM GERAL DO CORPO DO PROJETO  ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/

.header_p {
	flex:1;
	align-self:auto;
	min-height: 30px;
	min-width:90px;
	background-color:#7E92A5;
	border-bottom:#CCCCCC groove;

	}
	
.header_p  p {

	text-align:center;
	color:#fff;
}
	
.main_p {

	flex:5;
	align-self:stretch;
	min-height: 450px;
	min-width: 90px;
	
	}
	
	
.footer_p {

	flex:1;
	align-self:auto;
	min-height: 90px;
	min-width:100%;

	}
	
/*---------------------------------------------------------------------------------------------------------------------*/
/* COMPORTAMENTOS PARAMETRIZADOS */
/*---------------------------------------------------------------------------------------------------------------------*/

.hidden{
	display:none;
}

.visible{
	display:block;
}

/* icones */

.activer {
	
	background-color:#FF0000;
	
	}
	
/*---------------------------------------------------------------------------------------------------------------------*/	
/* BACKGROUNDS MODELÁVEIS DEPENDENDO DO PROJETO ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/


/* background principal */

.bk_p {

	background-color:#EAF1F7;

	}

.bk_pr_ft {
	
	background-image:url(../imagens/estrutura_espera/bk_principal.png);
	background-position:left 0px;
	
	}
	
/* cabeçalho principal */

.bk_header_p {

	background-color:#EAF1F7;
	
	}
	
.bk_header_p_ft {

	background-color:#e1e1e1;
	
	background-image:url(../imagens/estrutura_espera/bk_header_principal.png);
	background-position:left 0px;
	
	}
	
/* conteudo principal */

.bk_main_p {

	color:#ffffff;
	background-color:#FFFFFF;
	
	}
	
.bk_main_p_ft {

	color:#ffffff;
	
	background-image:url(../imagens/estrutura_espera/bk_prime.png);
	background-position:center 0px;
	
	}
	
/* footer principal */

.bk_footer_p {

	color:#ffffff;
	background-color:#70605C;
	
	}
	
.bk_footer_p_ft {

	color:#ffffff;
	/*background-color:#366D85;*/
	
	background-image:url(../imagens/estrutura_espera/bk_footer_access.png);
	background-position:left 0px;
	
	}
	
/*---------------------------------------------------------------------------------------------------------------------*/		
/* MENUS ( DESKTOP ) */
/*---------------------------------------------------------------------------------------------------------------------*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MENU PRINCIPAL */

.menu_p_md1 ul li a {

	font-size:12px;
	color:#e1e1e1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
	
	margin-right:30px;
	
	}
	
.menu_p_md1 ul li:first-child a{

	color:#FFFF00;
	
	}

.menu_p_md1 ul li a:hover {

	color:#FFFFFF;
	
	}

.separador{

	width:2px;
	
	background-image:url(../imagens/estrutura_espera/separador_peq.png);
	background-repeat:no-repeat;
	background-position:center;

	}

/* cor do menu squircles padrão BVBCE */

.bk_sq > li {

	/*background-color:#4B4B4A;*/ /* COR PADRÃO NÃO DELETAR */
	/*background-color:#999966;*/
	background-color:rgba(0, 0, 0, 0.3);
	
	}

/*---------------------------------------------------------------------------------------------------------------------*/		
/* ÁREA DE LOGOTIPIA DO PROJETO WEB OU PROJETO BVBCE ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/

.area_logotipo {

	flex:1;
	
	width:100%;
	height:auto;
	min-height:390px;
	
	padding:20px 0px 20px 0px;
	margin:10px 0px 10px 0px;
	
}
	
.area_logotipo figure {

		
		min-width:90%;
		height:239px;
		
		margin:10px;
		
		background-image:url(http://www.seijirs.com.br/structures/imagens/logo_seiji_escuro.png);
		background-position:center;
		background-repeat:no-repeat;
		
		

	}
	
.area_logotipo figure  img {
		
		min-width:280px;
		min-height:259px;
		
		margin:0px auto 0px auto!important;

	}
	
.area_logotipo h2 {

	
	flex:1;
	
	font-size:2em;
	
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	
	line-height: 18px;
	
	letter-spacing: 2px;
	
	}
	
.area_logotipo p {

	min-width:80%;
	min-height:auto;
	
	width:80%;
	height:auto;
	
	font-size:1.4em;
	
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
	padding:0px 20px 0px 20px;
	
	letter-spacing: 2px;
	
	}

	
/*---------------------------------------------------------------------------------------------------------------------*/		
/* ÁREA DE GESTÃO E TITULARIDADE DO PROJETO INITFLEX ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/

.area_gestao_titularidade {

	flex:1 0 270px;
	
	min-width:100%;
	min-height:auto;
	
	padding:20px 0px 20px 0px;
	margin:30px 0px 20px 0px;
	
	background-color:#F7F7F7;
	
}

.area_gestao_titularidade h1 {

	
	flex:1;
	
	font-size:1.6em;
	
	text-align:center;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	
	line-height: 18px;
	
	letter-spacing: 2px;
	
	}

.area_gestao_titularidade  ul {
	
	width:100%;
	height:auto;
	
	padding:10px 0px 10px 0px;
	
}

.area_gestao_titularidade  ul  li{
	
	width:210px;
	height:200px;
	
	padding:10px;
	margin:20px;	
	background-color:#7A75B5;
			 
	 /* Border Shadow */
   	 -moz-box-shadow: 0px 1px 1px #666;
	 -webkit-box-shadow: 0px 1px 1px #666;
	 box-shadow: 0px 1px 1px #666;
	 /* horizontal - vertical - nivel de sombra - cor da sombra */
}

.area_gestao_titularidade  ul  li a{
	
	display:block;
	cursor:pointer;
	
	width:100%;
	height:100%;
}

.logo_bvbce {

	background-image:url(http://www.bvbce.com/libs/icons/ico_bvbce_claro.svg);
	background-position:center 30px;
	background-repeat:no-repeat;
	background-size:50%;
	
	cursor:pointer;
	
	z-index:999;

}

.logo_nich {

	background-image:url(http://www.bvbce.com/libs/icons/ico_nich.svg);
	background-position:center -8px;
	background-repeat:no-repeat;
	background-size:90%;
	
	cursor:pointer;
	
	z-index:999;

}

/*---------------------------------------------------------------------------------------------------------------------*/		
/* NOVA ESPERA PARA TELA ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/

.area_new_wait {

	flex:1 0 270px;

	max-width:90%;
	min-height:auto;
	
	padding:20px 0px 20px 0px;
	margin:30px 0px 20px 0px;
	
}

.area_new_wait h1 {

	flex:0.7 0 40px;
	
	background-color:#c0c;
	
	padding:15px;
	
	box-shadow: 0px 0px 5px #666;
	
	border-radius:5px;
	
}

.area_new_wait a {

	flex:0.9 0 40px;
	
	min-width:100%;
	
	font-size:3.6em;
	
	text-align:center!important;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;

	
}

.area_new_wait a:hover {

	cursor:pointer;
	color:#fff;
	
}

.area_new_wait  ul {
	
	width:100%;
	height:auto;
	
	padding:10px 0px 10px 0px;
	
}

.area_new_wait  ul  li{
	
	flex:1;
	
	min-width:300px;
	max-width:300px;
	min-height:300px;
	max-height:300px;
	
	padding:10px;
	margin:15px;
			 
	 /* Border Shadow */
   	 -moz-box-shadow: 0px 1px 1px #666;
	 -webkit-box-shadow: 0px 1px 1px #666;
	 box-shadow: 0px 1px 1px #666;
	 
	 box-shadow: 0px 0px 5px #666;
	
	border-radius:5px;
}

.area_gestao_titularidade  ul  li a{
	
	display:block;
	cursor:pointer;
	
	width:100%;
	height:100%;
}

.img_wait_1 {

	background-image:url(http://www.bibliotecapublica.rs.gov.br/imagens/promos/IMG_20201022_WA0004.jpg)!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	

}

.img_wait_2 {

	background-image:url(http://www.bibliotecapublica.rs.gov.br/imagens/promos/IMG_20201022_WA0005.jpg)!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	
}

.img_wait_3 {

	background-image:url(http://www.bibliotecapublica.rs.gov.br/imagens/promos/IMG_20201022_WA0006.jpg)!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;

}

.img_wait_4 {

	background-image:url(http://www.bibliotecapublica.rs.gov.br/imagens/promos/IMG_20201022_WA0007.jpg)!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	

}

.img_wait_5 {

	background-image:url(http://www.bibliotecapublica.rs.gov.br/imagens/promos/IMG_20201022_WA0008.jpg)!important;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;


}
  
/*---------------------------------------------------------------------------------------------------------------------*/		
/* MODAL principal( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/	

.pelicula_modal_p:before{

	content:'';
	position:fixed;
	
	background-color:rgba(0,0,0,.8);
	
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	
	z-index: 99995;
	
	}
	
.area_modal_p {

	position: fixed;
	background-color: #fff;
	  
	width:100%;
	max-width:100%;
	height:650px;
	
	overflow:hidden;
	
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	  
	left:50%;
	top:47%;
	
	transform: translate(-50%, -200%);
	-moz-transform: translate(-50%, -200%);		/*all 1s ease-in-out;*/
	-webkit-transform: translate(-50%, -200%);	/*all 1s ease-in-out;*/
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	
	margin-top:-300px;
	
	z-index: 99997;
	  
	}
	
.host_modal_p {

	-webkit-border-radius: 5px 5px 5px 5px;
	   -moz-border-radius: 5px 5px 5px 5px;
	   -ms-border-radius:  5px 5px 5px 5px;
	    -o-border-radius:  5px 5px 5px 5px;
		   border-radius:  5px 5px 5px 5px;
		   
	overflow:hidden;
	
	margin-right:35px;
	
	max-width:920px;
	max-height:610px;
	min-width:700px;
	min-height:610px;
	height:95%;
	width:91%;

	}

.header_modal_op {

	flex:1;

}

.main_modal_op {

	flex:1;

}

.footer_modal_op {

	flex:1;

}

.header_modal_op h1 {

		color:#fff;
		font-size:2.3em;
		padding-top:9px;
		font-weight: 500;
			
		text-align:center;

		width:100%;
		height:33px;

}

.header_modal_op p {

		color:#333;
		font-size:1.3em;
		padding-top:7px;
		font-weight:;
			
		text-align:center;

}

.bk_header1 h1 {

	background-color:#5C0101;

}

.bk_header2 h1 {

	background-color:#339999;

}

.sobe {

	transform: translate(-50%, -200%);
	-moz-transform: translate(-50%, -200%);		/*all 1s ease-in-out;*/
	-webkit-transform: translate(-50%, -200%);	/*all 1s ease-in-out;*/
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	
	}
	
.desce {

	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);		/*all 1s ease-in-out;*/
	-webkit-transform: translate(-50%, 0);	/*all 1s ease-in-out;*/
	
	}
	
.some {

	display:none;
	
	}
	
.surge {

	display:block;
	
	}
	
/*.modal_op:target:before {

	display:block;
	
	}*/
	
.fecha_modal_op a {
	
	position:absolute;
	
	display:block;
	
	top:0;
	right:0;
	
	/*box-shadow:0 1px 1px rgba(0,0,0,.25);
	box-sizing:border-box;*/
		   
	border-bottom: 2px solid #999;
	
	padding:15px 14px 3px 14px;
	
	height:100%;
	
	/*background-color:#339999;*/
	background-color:#339900;
	color:#fff;
	font-size:2.3em;
	
	
	font-family:Helvetica, sans-serif;
	text-align:center;
	font-weight: 500;
	line-height: 1.1;

	
	}
	
.fecha_modal_op a:hover  {

	background-color:#66CCCC;
	color:#fff;
	
}

.fecha_modal_op2 a {
	
	position:absolute;
	
	display:block;
	
	top:0;
	left:0;
	
	/*box-shadow:0 1px 1px rgba(0,0,0,.25);
	box-sizing:border-box;*/
		   
	border-bottom: 2px solid #999;
	
	padding:15px 14px 3px 14px;
	
	height:100%;
	
	/*background-color:#339999;*/
	background-color:#339900;
	color:#fff;
	font-size:2.3em;
	
	
	font-family:Helvetica, sans-serif;
	text-align:center;
	font-weight: 500;
	line-height: 1.1;

	
	}
	
.fecha_modal_op2 a:hover  {

	background-color:#66CCCC;
	color:#fff;
	
}
	

	
.cont_modal_op1 {

	flex:1;

	width:auto;
	
	margin:5px;
	
}

.cont_modal_op2 {

	flex:2;

	width:auto;
	
	margin:5px;
	
}

.cont_modal_op1 ul {

	margin:0px;
	padding:1px;
	
	height:auto;
	width:100%;
	
}

.cont_modal_op1 ul li a{

	position:relative;
	
	display:block;
	
	margin:4px 0px 4px 0px;
	padding:15px 0px 10px 40px;
	
	min-height:20px;
	min-width:260px;
	width:auto;
	
	background-color:#5C0101;
	
	font-size:1.8em;
	color:#fff;
	
	-webkit-transition:background 0.3s ease-out;
     -moz-transition:background 0.3s ease-out;
       -o-transition:background 0.3s ease-out;
      -ms-transition:background 0.3s ease-out;
	
	font-family:Helvetica, sans-serif;
	text-align:left;
	letter-spacing:0.7px;
	
	/*border-bottom:0.5px solid #e1e1e1;*/
	border-left:4px solid #FFFFCC;
	cursor:pointer;
	
}

.cont_modal_op1 ul li:first-child a{

	background-color:#00FF00;
	color:#333;
	cursor:pointer;
	border-left:4px solid #ffff00;
	
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	
}

.cont_modal_op1 ul li a:hover{

	
	background-color:#00FF00;
	color:#333;
	cursor:pointer;
	border-left:4px solid #ffff00;
	
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	
}



.cont_modal_op1 ul li a:before{
	
	content: '';
	position:absolute;
  
	display: inline-block;
	height:15px;
	width:15px;
	
	background-color:rgba(153, 153, 0, 0.8);
	
	-webkit-border-radius:  10px 10px 10px 10px;
	   	-moz-border-radius: 10px 10px 10px 10px;
	    -ms-border-radius:  10px 10px 10px 10px;
	     -o-border-radius:  10px 10px 10px 10px;
		    border-radius:  10px 10px 10px 10px;
	
	top:35%;
	left:5%;
	
}

.area_anexo_modal_1 {

	flex:1;
	
	width:auto;
	height:140px;
	
	margin-top:5px;
	
	-webkit-box-shadow: inset 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.62);
	-moz-box-shadow:  	inset 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.62);
		box-shadow:    	inset 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.62);
		/* horizontal - vertical - nivel de sombra - cor da sombra */
	
	-webkit-border-radius:  6px 6px 6px 6px;
	   	-moz-border-radius: 6px 6px 6px 6px;
	    -ms-border-radius:  6px 6px 6px 6px;
	     -o-border-radius:  6px 6px 6px 6px;
		    border-radius:  6px 6px 6px 6px;
	
	background-color:rgba(153, 153, 0, 0.1);
	
	font-size:1.5em;
	color:#333;
	
	padding:8px;
	
	font-family:Helvetica, sans-serif;
	text-align:left;
	line-height: 1.3;

}

/* Área de componentes da parte de detalhamento do modal */

	/*Não esquecer que pl quer dizer película e det detalhe*/

.pl_det_modal_p {

	position: absolute;
	
	top:0px;
	left:0px;
	  
	width:100%;
	height:100%;
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	
	background-color:rgba(255,255,255,.9);
	
	z-index: 99997;
	  
	}
	
.area_det {

    position: absolute;
    width: 100%;
	height:570px;
    bottom: -575px;
	
	left:0px;
	
	background-color:#f3f3f3;
	
	-webkit-transition: all 600ms cubic-bezier(0.835, -0.015, 0.580, 1.000);
   -moz-transition: all 600ms cubic-bezier(0.835, -0.015, 0.580, 1.000);
     -o-transition: all 600ms cubic-bezier(0.835, -0.015, 0.580, 1.000);
        transition: all 600ms cubic-bezier(0.835, -0.015, 0.580, 1.000); /* custom */
	
   /* -webkit-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);*/
	
	z-index:99999;
}

.btn_fecha_dets a {
	
	flex:1; 
	
	display:block;
	
	top:0;
	left:0;
	
	/*box-shadow:0 1px 1px rgba(0,0,0,.25);
	box-sizing:border-box;*/
	
	margin:0px 8px 0px 0px;
	
	padding:15px 21px 3px 21px;
	
	min-height:555px;
	
	background-color:#A45E4D;
	
	background-image:url(../estrutura/imagens/icones/modal/setas_modal.svg);
	background-position:center 10px;
	background-size:85%; 
	background-repeat:no-repeat;
	
	z-index:299;
	
	}
	
.btn_fecha_dets a:hover  {

	background-color:#66CCCC;
	color:#fff;
	
}

.btn_fecha_dets2 a {
	
	flex:1;
	
	display:block;
	
	top:0;
	right:0;
	
	/*box-shadow:0 1px 1px rgba(0,0,0,.25);
	box-sizing:border-box;*/
	
	margin:0px 0px 0px 8px;
	
	padding:15px 21px 3px 21px;
	
	min-height:555px; 
	
	background-color:#A45E4D;
	
	background-image:url(../estrutura/imagens/icones/modal/setas_modal.svg);
	background-position:center 10px;
	background-size:85%; 
	background-repeat:no-repeat;
	
	z-index:300;
	
	}
	
.btn_fecha_dets2 a:hover  {

	background-color:#66CCCC;
	color:#fff;
	
}

.display-block {
    bottom: 0px;
    visibility: visible;
}

.display-block_med {
    bottom: -160px;
    visibility: visible;
}

.area_det h1 {

	color:#fff;
	font-size:2.3em;
	padding-top:9px;
	font-weight: 500;
			
	text-align:center;
	 
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	
	background-color:#762401;
	
	width:97%; 
	height:33px;
	
	margin:10px 0px 0px 5px;
	
}

.host_detalhe {

	flex:2;
	
	margin:0px 5px 0px 5px;
	
	height:auto;
	min-height:150px;

}

.menu_topo {

	position:absolute;
	
	min-height:45px;
	height:auto;
	
	width:100%;
	
	top:0px;
	left:0px;
	
	background-color:#000;

}

.menu_topo ul {

	position:relative;
	
	min-width:40%;
	width:auto;
	
	min-height:45px;

}

.menu_topo ul  li{

	position:relative;
	
	flex:1;
	
	min-height:10px;
	height:auto;
	
	min-width:50px;
	width:auto;
	
	margin-right:5px;
	
	text-align:center;
	
	border-right:0.5px solid #ccc;

}

.menu_topo ul li a {

	flex:1;

	min-height:15px;
	height:auto;
	
	padding:5px 0px 5px 0px;

	color:#fff;
	font-size:1.3em;
	padding-top:0px;
	font-weight: normal;
	
	text-align:center;

}

/*---------------------------------------------------------------------------------------------------------------------*/		
/* RODAPÉ ( desktop ) */
/*---------------------------------------------------------------------------------------------------------------------*/


/* área de cabeçalho do rodapé principal */
	
.topo_footer{
    
	flex:2;
	min-height:140px;
	
	}

/* área parametrizado de footer do próprio rodapé do site que contém a aba da BVBCE  e informações de copyright e o ícone da empresa */

.container_footer {

	position:relative;
	
	padding:0px;
	margin:0px;

	}
	
.base_footer{
    
	flex:1;
	padding:20px 0px 10px 0;
	
	background-image:url(http://www.bvbce.com/libs/abas/aba_bvbce_base.png);
	background-position:left 0px;
	background-repeat:no-repeat;
	
	}	
	
/* área complementar da coluna da esquerda do topo footer */
	
.comp_left {
	
	flex:1;
	align-self:stretch;
	min-width:85px;
	min-height:40px;
	
	}
	
.cap_eq {

  min-width:80%;
  min-height:20px;
  
  }
	
/* área complementar central do topo footer */
		
.endereco {
	
	flex:2;
	align-self:stretch;
	min-width:125px;
	min-height:40px;
	
	text-align:center;

	font-size:1.4em;
	
	}
	
.endereco  p {

	font-size:1.2em;
	
	min-height:45px;
	
	height:auto;
	
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 23px;

}

.endereco p a{

	font-size:.9em;

	color:#e4e4e4;
	
	letter-spacing: 3px;

}

.endereco p a:hover {

	color:#ffff00;

}
	
	
.cap_ct {

   min-width:auto;
   min-height:20px;
   
  }
	
/* área complementar da coluna da direita do topo footer */
	
.comp_right {
	
	flex:1;
	align-self:stretch;
	min-width:85px;
	min-height:40px;
	
	}
	
.cap_dr {

  min-width:80%;
  min-height:20px;
  
  }
	
/* área na coluna esquerda da base footer onde fica a aba da BVBCE */

.area_suporte{

	flex:1;
	align-self:stretch;
	min-width:85px;
	min-height:40px;
	
	}
	
.area_copyright {

    flex:2;
	align-self:stretch;
	min-width:125px;
	min-height:40px;
	
	letter-spacing: 3px;
		
	}
	
.cap_copyright{

	color:#fff;
	letter-spacing: 0.3em;
	font-size:0.9em;
	
	text-align:center;
	
    min-width:80%;
  	min-height:20px;
	
  }
	
.area_creditos {

   flex:1;
   align-self:stretch;
   min-width:85px;
   min-height:40px;

  }
  
	
/* FIM VERSÃO DESKTOP ACIMA DE 959 px */	

/*-------------------------*/
/*---------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/* INÍCIO DA VERSÃO RESPONSIVA PARA TABLET HORI ENTRE 960 E 1030 pixels – Tablets em formato paisagem e monitores antigos.*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------*/
/*-------------------------*/


@media (max-width: 1030px) {

/*---------------------------------------------------------------------------------------------------------------------*/		
/* MENUS ( DESKTOP ) */
/*---------------------------------------------------------------------------------------------------------------------*/
/* Aplicar aqui somente os elementos que sofrem alguma alteração dentro destas especificações de VIEW  */




/*-------------------------*/
/*---------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/* INÍCIO DA VERSÃO RESPONSIVA PARA TABLET VERT ATÉ 768PX – Tablets em formato retrato.*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------*/
/*-------------------------*/
}

@media (max-width: 768px) {

/*---------------------------------------------------------------------------------------------------------------------*/
/* MODELOS MENUS ( tablet ) */
/*---------------------------------------------------------------------------------------------------------------------*/

/* Aplicar aqui somente os elementos que sofrem alguma alteração dentro destas especificações de VIEW  */

/* Área Logotipia */


.area_logotipo h1 {
	
	padding:16px 20px 16px 20px;
	
	}

/*-------------------------------------------------------------------------------------------------------*/
/* RODAPÉ */

/* MANTER ESTAR PARTE DE RODAPÉ */

.comp_left {

	display:none;

}

.endereco {

	font-size:1.3em;

}

.area_copyright {

    text-align:center;
		
	}
	
	
	
	

}

/*-------------------------*/
/*---------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/* INÍCIO DA VERSÃO RESPONSIVA PARA MÓBILE HORIZONTAL ENTRE 480 E 550 pixels – Smartphones em formato paisagem.
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------*/
/*-------------------------*/


@media (max-width: 550px) {

 /* Aplicar aqui somente os elementos que sofrem alguma alteração dentro destas especificações de VIEW  */




}

/* FIM DA ÁREA RESPONSIVA ATÉ 480 PX */


/*-------------------------*/
/*---------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/* INÍCIO DA VERSÃO RESPONSIVA PARA MÓBILE VERT ATÉ 320 pixels – Smartphones em formato RETRATO.
/*---------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*---------------------------------------------------*/
/*-------------------------*/


@media (max-width: 350px) {

/* Aplicar aqui os elementos que sofrem alguma alteração dentro destas especificações de VIEW  */

.endereco p  a{

	font-size:.7em;

}






}

/* FIM DA ÁREA RESPONSIVA ATÉ 320 PX */