/*Classes Genericas*/

.text-invisible { text-indent: -99999px; overflow: hidden; display: block; font-size: 1px; width: 1px; height: 1px; }
.inline { display: inline !important; }
.fl-none { float: none !important; }
.w-auto { width: auto !important; }
.text-left {  text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center!important; }
.text-justify { text-align: justify!important; }
.text-nowrap { white-space: nowrap!important; }
.text-lowercase { text-transform: lowercase!important; }
.text-uppercase { text-transform: uppercase!important; }
.text-capitalize { text-transform: capitalize!important; }
.text-vertical-middle{ padding-top: 7px }

/* ==========================================================================
   	Pagina Externa
   ========================================================================== */


/* ==========================================================================
   Painel de configurações - Index
   ========================================================================== */

.crb-painel-config { background: white; margin-top: 1px}
.crb-painel-config-conteudo { margin: 0 auto;}

.container {width: 1054px; }

.logo-marca {background: url("../img/logo-fcrb.jpg") no-repeat; display: block; height: 20px; width: 193px; text-indent: -9999px; float: left; margin: 7px 0 0 10px; padding: 0;}
.crb-painel-config div .crb-area-restrita { margin:10px 50px 0 0; padding:0px; float: left; color: #400309; font-size: 11px; font-family: verdana;}
.crb-painel-config div .crb-area-restrita { background: url("../img/ico-fechadura.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); line-height: 19px; padding: 0 0 0 20px;}
.crb-painel-config .crb-idioma { margin:8px 10px 0 0; padding:0; float: left; font-size:11px; }

.crb-painel-config ul {	list-style-type: none; padding: 0; margin: 5px 10px 5px 0; float: left; }
.crb-painel-btn { margin: 0 0 0 1px; border-radius: 50%; height: 25px; width: 25px; background: #410309; text-align: center; float: left; }
.crb-painel-btn:hover { background:#e98489;}
.crb-painel-btn a {color: white; font-weight: bold; line-height: 25px; text-decoration: none}

/* ==========================================================================
   Area da Nav Bar - Index
   ========================================================================== */
.crb-navbar { background: #410309;  box-shadow: 0 4px 5px #515151; margin-top: 5px; }
.crb-navbar .container { background: none; }
.crb-navbar ul {float: left; padding: 0; margin: 0; list-style-type: none }  
.crb-navbar ul li { text-align: center; float: left; }
.crb-navbar ul li a{ color: white; line-height: 16px; display: block; padding: 8px 30px; margin: 0; font-size: 14px; text-decoration: none; font-family: verdana}
.crb-navbar ul li:first-child a { padding-left: 17px; margin: 0; }
.crb-navbar ul li:last-child a { padding-right: 17px; margin: 0; }
.crb-navbar ul li a:hover { color: #e98489; }
.crb-navbar ul li.crb-active a { color: #e98489;  font-size: 15px; padding-top: 8px; text-transform: uppercase;}

/* ========================================================================== 
   Area do Conteudo - Index
   ========================================================================== */

.crb-main { margin: 0 auto; }
.crb-section-header h1 {color: #400309; float: left; margin: 17px 16px 10px 0; padding: 0; font-size: 27px; text-shadow: 1px 1px 2px #343434; font-family: verdana}
.crb-grad-header {
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */
}

.crb-form-busca label { padding: 0; margin: 0; color: #732f2b; vertical-align: middle; }
.crb-form-busca input { width: 159px; height:18px; padding: 0; margin: 1px 0 0 0; vertical-align: top; background-color: #f0e3c5; font-size: 11px; border: 0;}
.crb-ico-search {background: url("../img/ico-lupa.png") no-repeat 3px 3px; padding: 0 0 0 17px;}

.crb-section-header .crb-form-busca { background: #bbad88; color: #400309; float: left; border: solid 1px black; margin: 19px 10px 0 0; border-radius: 9px; padding: 0 8px; width: 250px; height: 23px;}

.crb-imagem-body { margin: 50px 0 30px 0; }
.crb-imagem-body figure  { display: inline-block; }
.crb-imagem-body img { margin: 0 -4px 0 0 ; padding:0; height: 167px;}

.crb-text-bodypeq {width: 450px; margin: 0 auto; text-align: justify; font-size: 12px; font-family: verdana}

.crb-text-body {width: 900px; margin: 0 auto; text-align: justify; font-size: 14px; font-family: verdana}
/*body {background:  #f1dfba;}*/
body.crb-pagina-externa { background: url("../img/bkg-body.jpg") repeat-y scroll 0 0 #f1dfba;}
#crb-linha {border-bottom: solid 1px #e98489; width: 900px; margin-bottom: 10px; margin-top: -3px;}

/* ==========================================================================
   	EXPOSIÇÕES
   ========================================================================== */
   .crb-page-interna {background: url("../img/bkg-tile-vertical.jpg") scroll 191px 0 repeat-y;}
   .crb-page-interna .logo-marca {margin-left: 40px}

   #small {font-size: 11px}
   #medium {font-size: 14px}
   #large {font-size: 14px}

	.crb-page-interna .crb-painel-btn-redondo a img { margin-bottom: 3px }	
	.crb-page-interna .crb-section-header h1 { width: 500px; color: #400309; margin: 10px 16px 10px 40px; font-size: 22px; text-shadow: none; font-family: verdana}	

	.crb-page-interna .crb-body-exposicao { margin: 0 50px 0 0;  width: 750px; }
	.crb-page-interna .crb-body-exposicao h3 { color:  #e98489; font-weight: bold; font-family: verdana; font-size: 18px}
	.crb-page-interna .crb-body-exposicao h4 { color:  #330000; font-weight: bold; font-family: verdana; font-size: 17px}
   .crb-page-interna #crb-linha { width: 750px;}
	.crb-page-interna .crb-body-exposicao figure  { display: inline-block; }
	.crb-page-interna .crb-body-exposicao img { margin: 0 40px 0 0 ; padding:0; height: 135px; border: #c8c8c8 solid 1px; }
	.crb-page-interna .crb-body-exposicaol img { margin: 0 40px 0 0 ; padding:0; border: #c8c8c8 solid 1px; }
   .crb-page-interna .crb-text-body { width: 750px;}
   .crb-text-body-link { cursor:pointer; }
   .crb-text-body-txt { margin-left:30px; }
   .crb-page-interna .crb-bloco { height: 35px; width: 39px; background-color: #E4CDA3; /*margin:0 0 0 -9.5px;*/ padding: 0; float: left; }

   .crb-page-interna .crb-main .crb-background-fujao { background: url("../img/img_fujao.jpg") no-repeat scroll 30px 15px; float: left; height: 330px; width: 160px;}
   .crb-body-exposicao ul { list-style-type: none }
   .crb-links-titulo { color: darkslateblue; font-weight: bold; }   
   .crb-links-titulo span { cursor:pointer; }   
   .crb-links-correlatados { color: darkslateblue; font-weight: normal }
   .crb-links-correlatados a { font-weight: normal }


/* ==========================================================================
      ESTANTE DIGITAL
   ========================================================================== */
   
   #crb-estande .crb-estande img { height: 413px; position: absolute; z-index: 10; }
   #crb-estande .crb-estande-topo img { width: 680px; height: 23px; position: absolute; z-index: 10; border: none; margin: 0 0 0 0;}
   #crb-estande .crb-estande-meio img { width: 680px; height: 185px; position: absolute; z-index: 10; border: none; margin: 15px 0 0 0;}
   
   
   #crb-estande .crb-livros img { height: 142px; position: relative; z-index: 10; margin: 23px 5px 0 0; border: none;}
   #crb-estande .crb-livro-vermelho img { margin-left: 20px; }

/* ==========================================================================
      SUB-ESTANTE DIGITAL
   ========================================================================== */   
   
   #crb-estande .crb-estan	de-bloco {  height: 94px; width: 680px; margin-bottom: 15px; background-color: #DFDFDF;}
   #crb-estande .crb-estande-bloco p:first-child {padding-top: 6px;}
   .crb-estande-bloco p { line-height: 1.1em; padding-left: 20px;}

   #crb-estande .crb-livro-vermelho-titulo {color: #8A0815; font-weight: 900}
   .crb-estande-bloco-vermelho { background: url("../img/lateral-documentos.jpg") no-repeat scroll 0px; background-size: 15px; }
   
   #crb-estande .crb-livro-verde-titulo {color: #0A5F54; font-weight: 900}
   #crb-estande .crb-livro-verde-menu {color: #0A5F54; font-weight: 900; text-align: center;}
   .crb-estande-bloco-verde { background: url("../img/lateral-documentos-verde.jpg") no-repeat scroll 0px; background-size: 15px; }

   .crb-txt { color: #000000; }
   
   /* estante capas  */
      
   #crb-estande .crb-livros-fcrb-titulo {color: #71652b; font-weight: 900}
   .crb-estande-bloco-livros-fcrb { background: url("../img/barra_lateral_03.jpg") no-repeat scroll 0px; background-size: 15px; }
  
   #crb-estande .crb-revista-ilustrada-titulo {color: #000000; font-weight: 900}
   .crb-estande-bloco-revista-ilustrada { background: url("../img/barra_lateral_04.jpg") no-repeat scroll 0px; background-size: 15px; }

   #crb-estande .crb-revista-ilustrada-fas-titulo {color: #d050cb; font-weight: 900}
   .crb-estande-bloco-revista-ilustrada-fas { background: url("../img/barra_lateral_14.jpg") no-repeat scroll 0px; background-size: 15px; }
         
   #crb-estande .crb-artigos-jornais-titulo {color: #3b4e9b; font-weight: 900}
   .crb-estande-bloco-artigos-jornais { background: url("../img/barra_lateral_05.jpg") no-repeat scroll 0px; background-size: 15px; }

   #crb-estande .crb-doc-subs-mao-titulo {color: #b7b76f; font-weight: 900}
   .crb-estande-bloco-doc-subs-mao { background: url("../img/barra_lateral_06.jpg") no-repeat scroll 0px; background-size: 15px; }
   
   #crb-estande .crb-doc-ideias-abo-titulo {color: #eb8547; font-weight: 900}
   .crb-estande-bloco-doc-ideias-abo { background: url("../img/barra_lateral_07.jpg") no-repeat scroll 0px; background-size: 15px; }
   
   #crb-estande .crb-doc-trabalho-esc-titulo {color: #21da34; font-weight: 900}
   .crb-estande-bloco-doc-trabalho-esc { background: url("../img/barra_lateral_08.jpg") no-repeat scroll 0px; background-size: 15px; }

   #crb-estande .crb-doc-compra-venda-titulo {color: #682692; font-weight: 900}
   .crb-estande-bloco-doc-compra-venda { background: url("../img/barra_lateral_09.jpg") no-repeat scroll 0px; background-size: 15px; }
   
   #crb-estande .crb-doc-certidoes-titulo {color: #99214e; font-weight: 900}
   .crb-estande-bloco-doc-certidoes { background: url("../img/barra_lateral_10.jpg") no-repeat scroll 0px; background-size: 15px; }
      
   #crb-estande .crb-doc-capoeira-titulo {color: #f1ba1f; font-weight: 900}
   .crb-estande-bloco-doc-capoeira { background: url("../img/barra_lateral_11.jpg") no-repeat scroll 0px; background-size: 15px; }

   #crb-estande .crb-ref-teses-titulo {color: #317d94; font-weight: 900}
   .crb-estande-bloco-ref-teses { background: url("../img/barra_lateral_12.jpg") no-repeat scroll 0px; background-size: 15px; }

   #crb-estande .crb-legislacao-titulo {color: #de3717; font-weight: 900}
   .crb-estande-bloco-legislacao { background: url("../img/barra_lateral_13.jpg") no-repeat scroll 0px; background-size: 15px; }
   
   
   

   

   /*.paginacao {float: left; color: #400309; text-decoration: none}*/
   #paginacao ul{padding: 0; margin: 0; width: 750px; text-align: center;}
   #paginacao ul li {float: none; display: inline-block; padding: 0; padding-right: 3px; margin: 0; list-style-type: none; font-weight: bold; vertical-align: top;text-align: center;}
   #paginacao a { color: #400309; text-decoration: none}
   #paginacao ul li:nth-child(2) { text-align: center;}

   #paginacao-interna ul{padding: 0; margin: 0; width: 705px;}
   #paginacao-interna ul li {display: inline-block; float: none; padding: 0; padding-right: 3px; margin: 0; list-style-type: none; font-weight: bold; box-sizing: border-box}
   #paginacao-interna a { color: #400309; text-decoration: none}
   #paginacao-interna ul li a:hover { color:#e98489;}

   
   
/* ==========================================================================
      MÓDULO EDUCACIONAL
   ========================================================================== */   
   .crb-modulo-educacional .crb-game-titulo { margin-left: 50px; margin-left: 405px; position: relative;}
   .crb-modulo-educacional {width: 1000px !important}
   .crb-modulo-educacional .crb-game-titulo img { height: 50px; border: none; margin-top: 10px}
   .crb-modulo-educacional h3{ margin-left: 40px; }
   .crb-modulo-educacional .crb-games { margin-left: 15px; margin-top: 30px}
   .crb-modulo-educacional .crb-games ul li{ float: left}
   .crb-modulo-educacional .crb-games ul li a img { margin: 0; padding: 0; border: none; height: 215px}
   .crb-gradient { width: 970px; height: 50px; 
                   margin-left: 50px;
                   margin-top: 10px; 
                   position: absolute;
                   background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(65,2,10,1) 7%, rgba(65,2,10,1) 93%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                   background: -webkit-linear-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(7%,rgba(65,2,10,1)), color-stop(93%,rgba(65,2,10,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                   background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(65,2,10,1) 7%,rgba(65,2,10,1) 93%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                   background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(65,2,10,1) 7%,rgba(65,2,10,1) 93%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                   background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(65,2,10,1) 7%,rgba(65,2,10,1) 93%,rgba(255,255,255,0) 100%); /* IE10+ */
                   background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(65,2,10,1) 7%,rgba(65,2,10,1) 93%,rgba(255,255,255,0) 100%); /* W3C */
                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
                  }

   #refs #ref-jogo { margin-left: 500px; font-family: verdana; font-size: 9px; text-align: right; }
   #refs #ref-jogo-img { margin-left: 40px; margin-right: 130px; font-family: verdana; font-size: 10px; text-align: left; }
                  
   #refs_trans #ref-jogo { margin-left: 410px; font-family: verdana; font-size: 9px; text-align: right; }
   #refs_trans #ref-jogo-img { margin-left: 100px; margin-right: 130px; font-family: verdana; font-size: 10px; text-align: left; }

   #refs_quiz #ref-jogo { margin-left: 400px; font-family: verdana; font-size: 9px; text-align: right; }
   #refs_quiz #ref-jogo-img { margin-left: 120px; margin-right: 130px; font-family: verdana; font-size: 10px; text-align: left; }
				  
   #ref-jogo-img { font-family: verdana; font-size: 9px; text-align: right; }
   
	/* ==========================================================================
      MOUSE OVER
   ========================================================================== */ 
	span.dropt {background: #ffffff;}
	span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; font-family: verdana; font-size: 12px; text-align: justify;}
	span.dropt span {position: absolute; left: -9999px; top:0px;
		margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
		border-style:solid; border-color:black; border-width:1px; z-index: 6;}
	span.dropt:hover span {left: 17%; top:40%; background: #ffffff;} 

		
	.crb-jogos-menu { margin: 0 50px 10px 50px; width: 900px; }

/* ==========================================================================
      ADMINISTRATIVO
   ========================================================================== */	
   
   .crb-admin { width: 900px; margin: 0 auto; text-align: justify; font-size: 14px; font-family: verdana; }
   .crb-table-header { float:right; width: 900px; text-align: right; }
   .crb-table-header-menu { float:right; width: 900px; text-align: center; }
   .crb-table-border { float: left; border: solid 1px black; margin: 19px 10px 0 0; border-radius: 9px; padding: 0 8px; width: 900px; height: 150px;}
   .crb-table-col1 { float: left; width: 370px; height: 150px; text-align: left; }
   .crb-table-col2 { float: left; width: 250px; height: 150px; text-align: center; margin-top: 10px;}
   .crb-table-col3 { float: left; width: 100px; height: 150px; text-align: right; margin-top: 100px;}
   
   .crb-table-est-around { background-color: #561f24; color: white; font-size: 14px; font-family: verdana; }
   .crb-table-est-middle { background-color: #d0a4a8; color: black; font-size: 14px; font-family: verdana; }