@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;900&display=swap');
@import url('https://use.typekit.net/tvj3xel.css');

/* ============================================ */
/*	Geral (Defaults) 										*/
/* ============================================ */

*								{											margin:0px;						padding:0px;	}
body							{	background-color:#FFFFFF;		margin:0px;						padding:0px;	}

/* Link */
a								{	text-decoration:none;	}
a:visited					{	text-decoration:none;	}
a:hover						{	text-decoration:underline;		cursor:pointer;	}

/* Efeitos */
.U								{	text-decoration:underline;	}
.B								{	font-weight:bold;	}
.Low							{	text-transform:lowercase;	}
.It							{	font-style:italic;	}
.Up							{	text-transform:uppercase;	}

/* Usado no match de lum_text na lib global de XSL */
.Texto						{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:normal;	}

/* Usado no match de lum_label na lib global de XSL */
.Label						{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:bold;	}

/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputText					{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #D5D5D5;	
									height:25px;						line-height:25px;				padding-left:2px;		padding-right:2px;	}

/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputTextDisabled		{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#DADADA;		border:1px solid #D5D5D5;	
									height:25px;						line-height:25px;				padding-left:2px;		padding-right:2px;	}

/* Usado no match de lum_inputTextArea na lib global de XSL */
.InputTextArea				{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #D5D5D5;	
									rows:5;																	padding-left:2px;		padding-right:2px;	}

/* Usado no match de lum_inputTextArea na lib global de XSL */
.InputTextAreaDisabled	{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#DADADA;		border:1px solid #D5D5D5;	
									rows:5;																	padding-left:2px;		padding-right:2px;	}
									
.InputSearchAreaDisable{background-color:#666666;}

/* Usado no match de lum_dropDownList na lib global de XSL */
.Select						{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;	
									background-color:#FFFFFF;		border:1px solid #D5D5D5;	
									height:25px;						line-height:25px;	}

/* Usado no match de lum_dropDownList na lib global de XSL */
.SelectDisabled			{	font-family: "liberation-sans", sans-serif;				font-size:12px;				color:#666666;	
									background-color:#DADADA;		border:1px solid #D5D5D5;	
									height:25px;						line-height:25px;	}

/* ============================================ */
/*	Fim Geral (Defaults)									*/
/* ============================================ */


/* ============================================ */
/*	Texto														*/
/* ============================================ */

/* Titulos */
h1 							{ font-family: "liberation-sans", sans-serif;		font-size:27px;		font-weight:bold;		color:#4c86c4; }
h2 							{ font-family: "liberation-sans", sans-serif;		font-size:20px;		font-weight:bold;		color:#000; }
h3								{ font-family: "liberation-sans", sans-serif;		font-size:16px;		font-weight:bold;		color:#000; }
h4								{ font-family: "liberation-sans", sans-serif;		font-size:14px;		font-weight:bold;		color:#000; }

/* Familia */
.Arial						{ font-family: "liberation-sans", sans-serif; }
.LucidaSans					{ font-family: "proxima-nova", sans-serif; }
.Tahoma						{ font-family: "proxima-nova", sans-serif; }
.OpenSans					{ font-family: 'Open Sans', sans-serif; }
.OpenSansSemiBold			{ font-family: 'Open Sans', sans-serif;font-weight: 600; }

.Ayumi						{ font-family: 'ayuminormalregular' ; }

/* Tamanho */
.n9							{ font-size:9px; }
.n10							{ font-size:10px; }
.n11							{ font-size:11px; }
.n12							{ font-size:12px; }
.n13							{ font-size:13px; }
.n14							{ font-size:14px; }
.n15							{ font-size:15px; }
.n16							{ font-size:16px; }
.n17							{ font-size:17px; }
.n18							{ font-size:18px; }
.n19							{ font-size:19px; }
.n20							{ font-size:20px; }
.n21							{ font-size:21px; }
.n22							{ font-size:22px; }
.n23							{ font-size:23px; }
.n24							{ font-size:24px; }
.n27							{ font-size:27px; }
.n30							{ font-size:30px; }
.n35							{ font-size:35px; }

/* Cor */
.Preto						{ color:#000000; }
.Branco						{ color:#FFFFFF; }
.Laranja1					{ color:#F55a02; }
.Laranja2					{ color:#F7641D; }
.Laranja3					{ color:#fffeeb; }
.Laranja4					{ color:#fce8c2; }
.Cinza1						{ color:#666666; } 
.Cinza2						{ color:#969696; } 
.Cinza3						{ color:#c1c0c0; } 
.Cinza4						{ color:#8f8f8f; }
.Cinza5						{ color:#bfbfbf; }
.Cinza6						{ color:#464646; }
.Cinza7						{ color:#727171; }
.Cinza8						{ color:#a6a6a6; }
.Cinza9						{ color:#909090; }
.Cinza10					{ color:#878787; }
.Cinza11					{ color:#555555; }
.Cinza12					{ color:#333333; }
.Vermelho1					{ color:#e4022e; } 
.Azul1						{ color:#7a24b5; } 
.Azul2    				  	{ color:#4c86c4; }
.Azul3    				  	{ color:#477db6; }
.Azul4     					{ color:#2fe8f3; }
.Azul5     					{ color:#00a1e4; }
.Roxo1	 				  	{ color:#a43466; }
.Roxo2	   				{ color:#bb3e7d; }
.Roxo3	   				{ color:#a43466; }
.Roxo4	   				{ color:#9e3c68; }
.Rosa1				   	{ color:#f18096; }
.Rosa2	  				 	{ color:#bbeaee; }
.Rosa3	 				  	{ color:#f2e6eb; }
.Verde1				   	{ color:#609645; }
.Verde2				   	{ color:#5c9145; }


/* ============================================ */
/*	Outros textos											*/
/* ============================================ */

h1 							{ font-family: "liberation-sans", sans-serif;		font-size:27px;		font-weight:bold;		color:#4c86c4; }
h2 							{ font-family: "liberation-sans", sans-serif;		font-size:20px;		font-weight:bold;		color:#000; }
h3								{ font-family: "liberation-sans", sans-serif;		font-size:16px;		font-weight:bold;		color:#000; }
h4								{ font-family: "liberation-sans", sans-serif;		font-size:14px;		font-weight:bold;		color:#000; }


/* ============================================ */ 
/*				Background, Padding e Margin			*/
/* ============================================ */

.bgAreaHeaderModerna		{ background:url("../images/Header/bgAreaHeaderModerna.png") repeat-x scroll top; height:115px; }
/*.bgAreaFooterModerna		{ background:url("../images/Footer/bgAreaFooterModerna.jpg") repeat-x scroll top; height:300px; margin-top:50px; }*/
.bgAreaFooterModerna		{  
								border-top:8px solid #f3f3f3;
								background: #fdfdfd;
							    background: -webkit-linear-gradient(#fdfdfd, #f8f8f8);
							    background: -o-linear-gradient(#fdfdfd, #f8f8f8);
							    background: -moz-linear-gradient(#fdfdfd, #f8f8f8);
							    background: linear-gradient(#fdfdfd, #f8f8f8);
								height:300px; margin-top:50px; 
							}
.bgAreaFooterModerna table .cLumisInterface {padding-bottom:20px!important;}

.seletiva					{ width:100%; background:url() no-repeat center top; }

.bgCinza1					{ background-color:#fbfbfb; }
.bgCinza2					{ background-color:#f0f0f0; }
.bgCinza3					{ background-color:#C6C6C6; }
.bgCinza4					{ background-color:#E7E7E2; }
.bgCinza5					{ background-color: #EEEEEE; }
.bgLaranja1					{ background-color:#fffcf8; }
.bgLaranja2					{ background-color:#fbb23d; }
.bgLaranja3					{ background-color:#E3742E; }
.bgAzul1					{ background-color:#f7faff; }
.bgDashed					{ border-top:1px dashed #ACAAA7; }
.bgAmarelo1					{ background-color:#fffeeb; padding-bottom: 0px !important; border-bottom: none !important;}
.bgRosa1 					{ background-color:#FFFAFC;}

.padding-sides3			{ padding-left: 3px; padding-right: 3px;}

.roundedBorder				{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px }

.bgEpubLista									{ background: url(../images/LivroCatalogo/bgEpubLista.png)		no-repeat;	width:90px;		height:22px;	z-index:2; }
.bgEpubFixoLista								{ background: url(../images/LivroCatalogo/bgEpubFixoLista.png)	no-repeat;	width:90px;		height:22px;	z-index:2; }
.bgEpub											{ background: url(../images/LivroCatalogo/bgEpub.png)				no-repeat;	width:216px;	height:52px;	z-index:2; }
.bgEpubFixo										{ background: url(../images/LivroCatalogo/bgEpubFixo.png)		no-repeat;	width:216px;	height:52px;	z-index:2; }


/* ============================================ */ 
/*					Bot�es									*/
/* ============================================ */

.btnGenericoEsq {width:3px;height:29px;background:url(../images/Botao/btnGenericLeft.gif) no-repeat left top;float:left;cursor:pointer;}
.btnGenericoDir {width:auto;height:29px;padding:7px 0px 0 0px;background:url(../images/Botao/btnGenericRight.gif) no-repeat right top;float:left;cursor:pointer;}

.btnCadastroEsq {width:3px;height:31px;background:url(../images/Botao/btnLaranjaLeft2.gif) no-repeat left top;float:left;cursor:pointer;}
.btnCadastroDir {width:auto;height:31px;padding:4px 0px 0 0px;background:url(../images/Botao/btnLaranjaRight2.gif) no-repeat right top;float:left;cursor:pointer;}

.btnAdocaoEsq {width:2px;height:21px;background:url(../images/Botao/btnLaranjaEsq.gif) no-repeat left top;float:left;cursor:pointer;}
.btnAdocaoDir {width:auto;height:21px;padding:4px 0px 0 0px;background:url(../images/Botao/btnLaranjaDir.gif) no-repeat right top;float:left;cursor:pointer;}

.btnMenuPrincipalEsq {width:2px;height:36px;background:url(../images/Navigation/bgBtnMenuLeft.gif) no-repeat left top;float:left;cursor:pointer;}
.btnMenuPrincipalDir {width:auto;height:25px;padding:11px 16px 0 15px;background:url(../images/Navigation/bgBtnMenuRightLong.gif) no-repeat right top;float:left;cursor:pointer;}

.btnPaginacaoEsq {width:2px;height:19px;background:url(../images/Botao/bgBtnPaginacaoLeft.gif) no-repeat left top;float:left;cursor:pointer;}
.btnPaginacaoDir {width:auto;height:19px;padding:1px 9px 0 7px;background:url(../images/Botao/bgBtnPaginacaoRight.gif) no-repeat right top;float:left;cursor:pointer;}

.btnDiminuiFonte {width:32px;height:20px;padding:0px 3px 0px 0px; background:url(../images/Botao/btnDiminuiFonte.gif) no-repeat;cursor:pointer;display:block;}
.btnAumentaFonte {width:32px;height:20px;background:url(../images/Botao/btnAumentaFonte.gif) no-repeat;cursor:pointer;display:block;}

.btnPnldEsq {width:3px;height:40px;background:url(../images/Botao/btnRoxoLeft.gif) no-repeat left top;float:left;cursor:pointer;}
.btnPnldDir {width:auto;height:40px;padding:7px 0px 0 0px;background:url(../images/Botao/btnRoxoRight.gif) no-repeat right top;float:left;cursor:pointer;}

.btnEditarAdocao		{ width:78px }
.btnExcluirAdocao		{ width:87px }


/* ============================================ */
/*					Home										*/
/* ============================================ */

.portalContent {height:300px;}

/* Banner */

.bgBannerHome {height:499px;width:100%;/*background:url(../images/Home/BannerDestaqueHome1.jpg) no-repeat center top;*/}
.cycle-voltar {display:block;width:40px;height:233px;background:url(../images/Home/bannerhome_setaleft.png) no-repeat left top;}
.cycle-avancar {display:block;width:40px;height:233px;background:url(../images/Home/bannerhome_setaright.png) no-repeat left top;}
.bannerhome-link {display:block;width:880px;height:322px;}

/* Lista lateral esquerda  */

.fundoBox1 {background:url(../images/Home/bottomBoxLeft.gif) no-repeat center bottom;}

/* Lista central */

.centralContent {width:516px;height:475px;_height:533px;padding-top:58px;background:url(../images/Home/bgCentro.jpg) no-repeat center 5px;}
.centralContent table {background:url(../images/Home/bgCentroBottom.jpg) no-repeat center bottom;}
.centralContent table table{background:none;}
.fundoBox2 {background:url(../images/Home/bottomBoxLaranja.gif) no-repeat center bottom;}

/* Box Calend�rio */

.boxCalendario		{width:220px; height:533px; background:url(../images/Home/bgCalendar.jpg) no-repeat center bottom;}

.boxLaranjaTop		{width:auto; height:4px; background:url(../images/Home/bordaBoxLaranjaTop.gif) no-repeat top;}


/* ============================================ */
/*					Box    									*/
/* ============================================ */

/*.boxAzul1					{background:#f7f7f7;border:1px solid #e3ebf4;}
.boxAzul2					{background:#fff;border:1px solid #e8eff6;}
.boxAzul3					{background:#f7f7f7;border:1px solid #dae4f0;}
.boxCinza1					{background:#fbfbfb;border:1px solid #e6e6e6;}
.boxCinza2					{background:#fff;border:1px solid #dedede;}
.boxLaranja1				{background:#fffeeb;border:1px solid #fce8c2;}
.boxVermelho1				{background:#fffafb;border:1px solid #f18096;}
.boxVermelho2				{background:#fffafc;border:1px solid #f8dae7;}
.boxVioleta1				{background:#f8f7fb;border:1px solid #e5d7ef;}*/
.BalaoContainer			{background: url(../images/mouseover/overTopLaranja.png) no-repeat left top; padding-top: 5px; margin: 50px 0 0 50px; width: 478px; }
.BalaoContent				{background: url(../images/mouseover/overBodyLaranja.png) no-repeat left bottom; padding:16px 20px 40px 20px; min-height: 205px; width:438px;}

.bordaLightBoxTopEsq		{background:url(../images/LivroCatalogo/bordaLightBoxTopEsq.gif) no-repeat; width:5px; height:5px;}
.bordaLightBoxTopDir		{background:url(../images/LivroCatalogo/bordaLightBoxTopDir.gif) no-repeat; width:5px; height:5px;}
.bordaLightBoxBottomEsq	{background:url(../images/LivroCatalogo/bordaLightBoxBottomEsq.gif) no-repeat; width:5px; height:5px; float:left;}
.bordaLightBoxBottomDir	{background:url(../images/LivroCatalogo/bordaLightBoxBottomDir.gif) no-repeat; width:5px; height:5px; float:right;}


/* ============================================ */
/*					Busca   									*/
/* ============================================ */

.corSeletiva			{color:#F55A02;}

.bgBoxSeletiva			{background-color:#FFFEEB; border:1px solid #FCE8C2;}

.btnSeletivaEsq		{width:3px;height:30px;background:url(../images/Botao/btnLaranjaLeft2.gif) no-repeat left top;float:left;cursor:pointer;}
.btnSeletivaDir		{width:auto;height:30px;padding-top:5px;background:url(../images/Botao/btnLaranjaRight2.gif) no-repeat right top;float:left;cursor:pointer;}

.lblLancamento								{ background:url(../images/LivroCatalogo/lblLancamentoDidatico.gif)                                                   no-repeat top right; width:130px; height:34px; }
.lblReformulacao							{ background:url(../images/LivroCatalogo/lblReformulacaoDidatico.gif)                                                 no-repeat top right; width:140px; height:34px; }
.IconeFormatoCatalogoEPub				{ background:url(../../../../CustomServices/Moderna/Portal/LivroCatalogo/images/IconeFormatoCatalogoEPub.png)         no-repeat top right; width:130px; height:34px; }
.IconeFormatoCatalogoEPubFixo			{ background:url(../../../../CustomServices/Moderna/Portal/LivroCatalogo/images/IconeFormatoCatalogoEPubFixo.png)     no-repeat top left;  width:123px; height:33px; }
.IconeFormatoCatalogoLivroAnimado	{ background:url(../../../../CustomServices/Moderna/Portal/LivroCatalogo/images/IconeFormatoCatalogoLivroAnimado.png) no-repeat top right; width:130px; height:34px; }


/* ============================================ */
/*						Zoom Arquivos						*/
/* ============================================ */

div.fotoZoom									{position:absolute;z-index:900001;visibility:hidden;height:auto;}

div.fotoZoom div.fechar						{position:absolute;right:6px;bottom:-20px;}
div.fotoZoom div.fechar a					{width:48px;display:block;}
			
div.sombra {
	background:black;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:900000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

div.zoom {
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:900001;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background:#8C9286;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
}

/* ============================================ */
/*			 esqueci senha						*/
/* ============================================ */
.formulario.contato{border:1px solid #cecece;}
.esqueciSenha {font-family: "proxima-nova", "liberation-sans", sans-serif;}
.esqueciSenha .clear{clear: both}
.esqueciSenha .numero{background-color: #019bd9; padding: 5px 10px; color: #fff; border-radius: 20px; float: left;}

.esqueciSenha .fxBoxCinzaC{background-color: #f2f2f2; float: left; padding: 37px 25px 25px; width:908px;}
#mensagemSucesso .esqueciSenha .fxBoxCinzaC{border:1px solid #cecece;border-top:none;}
.esqueciSenha .boxInput{background-color: #fff; float: right;}
.esqueciSenha label{font-size:14px; color:#019bd9; font-weight: bold;}
.esqueciSenha .radiobutton:first-child{margin-left: 7px}
.esqueciSenha .radiobutton{background-color: #fff; float: left; padding: 10px 33px 10px 15px; border:1px solid #ccc; margin-left: 20px; margin-top: 16px;}
.esqueciSenha .btnGenericoEsq{display: none;}
.esqueciSenha .btnGenericoDir{margin-top: 23px;height: 100%;color: #fff; text-decoration: none; margin-left: 0px; float:left;background:none;display:block;}
#mensagemSucesso .btnGenericoDir{margin-left: 80px;}
.esqueciSenha .box .element{position:relative; margin-left: 46px;top: -37px; font-size: 11px; padding: 6px 2px; width: 40px;border-radius: 6px; color: #fff; background: #d3d3d3; text-align: center;}
.esqueciSenha .email .element{position:relative; margin-left:46px; top:-37px; font-size:11px; padding:0; width:40px; border-radius:6px; color:#fff; text-align:center; background: transparent;}
.esqueciSenha .login .element{position:relative; margin-left: 46px;top: -37px; font-size: 11px; padding: 4px 1px; width: 40px;border-radius: 6px; color: #fff; background: #d3d3d3; text-align: center;}


/* ============================================ */
/*			 Esqueci a Senha Responsivo			*/
/* ============================================ */
.barra-portal{background: #019bd9;}
.barra-portal h2{margin:12px 0;font-size: 16px;text-transform: uppercase;color: #fff;font-family: 'Open Sans', sans-serif;}
.conteudo-esqueci-senha #tblTituloSecao{display:block;margin-bottom:20px;}
.conteudo-esqueci-senha .conteudo-titulo h1{margin:0;}
#esqueci-senha-responsivo{margin-top:20px;}
#esqueci-senha-responsivo .esqueciSenha .fxBoxCinzaC{width:100%;overflow:hidden;float:none;}
#esqueci-senha-responsivo .esqueciSenha .pd input[type=radio]:not(old){position:absolute;}
#esqueci-senha-responsivo .esqueciSenha .pd input[type=radio]:not(old) + label{margin-left:0;}
#esqueci-senha-responsivo .esqueciSenha .pd input[type=radio]:not(old):focus + label > span{border:1px solid rgb(1,155,217);}
#esqueci-senha-responsivo .esqueciSenha input[type="text"]{min-height:50px;}
#esqueci-senha-responsivo .esqueciSenha input[type="text"]:focus,
#esqueci-senha-responsivo .esqueciSenha .btnGenericoDir button:focus{outline:-webkit-focus-ring-color auto 5px;}
#esqueci-senha-responsivo .esqueciSenha .btnGenericoDir button{margin-left:40px;}
#esqueci-senha-responsivo .esqueciSenha h2{margin:0;}

#esqueci-senha-responsivo .esqueciSenha .divRadioLogin{background:#fff;padding:0;margin-left: 40px;}
#esqueci-senha-responsivo .esqueciSenha .divRadioLogin .lstLogin{background: #efefef;margin-right: 10px;margin-bottom: 10px;display: inline-block;width: auto;padding:10px;}
#esqueci-senha-responsivo .esqueciSenha .divRadioLogin label{margin:0;}


/* Radiobuttons de CPF */
#esqueci-senha-responsivo .divRadioLogin label{border-radius:3px;border:1px solid #D1D3D4;padding:0 0 0 5px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty{left:-9999px;position:absolute;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:hover:not(:checked) ~ label:before{content:'';text-indent:.9em;color:#C2C2C2;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty:focus ~ label{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty ~ label{position:relative;float:none;line-height:23px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#009bd8;font-weight:400;font-family:'Proxima Nova Regular', sans-serif;font-size:18px;border:none;padding-left:28px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty ~ label:before{content:'';border: 1px solid #9b9b9b;position:absolute;display:block;top:3px;bottom:0;left:3px;width:20px;height:20px;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;top:50%;left:0;transform:translateY(-50%);}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty ~ label:before:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:checked:focus ~ label{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:checked ~ label{color:#009bd8;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:checked ~ label:after{content: '';text-indent: .9em;color: #fff;background: #009bd8;display: block;height: 12px;width: 12px;position: absolute;top: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;transform: translateY(-50%);left: 4px;}
#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:checked ~ label:before:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

@media (max-width: 767px){
	.conteudo-esqueci-senha #tblTituloSecao{border-bottom:none !important;text-align:center;}
	.conteudo-esqueci-senha .conteudo-titulo h1{padding:25px 0 5px 0;font-family:'open_sanssemibold', sans-serif;font-size:15px;color:#444444;}
	.conteudo-esqueci-senha #Resizable{padding:0 15px;}
	.barra-portal{display:none;}
	#esqueci-senha-responsivo{margin-bottom:190px;}
	#esqueci-senha-responsivo.formulario.contato{border-left:none;border-right:none;}
	#esqueci-senha-responsivo .esqueciSenha .fxBoxCinzaC{padding:20px 15px 25px 15px;}
	#esqueci-senha-responsivo .esqueciSenha h2{font-size:13px;line-height:16px;color:#666666;padding-left:40px;position: relative;font-family:'open_sansregular', sans-serif;}
	#esqueci-senha-responsivo .esqueciSenha h2:before{position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-weight:bold;}
	#esqueci-senha-responsivo .esqueciSenha .pd{margin:0;float:none;width:100%;}
	#esqueci-senha-responsivo .pd a#loginLnk:first-child .boxInput{margin-left:0;}
	#esqueci-senha-responsivo .esqueciSenha .radiobutton{padding:5px 12px 5px 8px;}
	#esqueci-senha-responsivo .esqueciSenha input[type="text"]{margin:20px 0 0 0;width: 100% !important;font-family: 'Open Sans', sans-serif;font-size: 13px;color: #7d7d7d;min-height:40px;}
	#esqueci-senha-responsivo .showBoxInput{padding:15px 15px 30px 15px;}
	#esqueci-senha-responsivo .esqueciSenha .btnGenericoDir{float:none;width:100%;margin-top:20px;}
	#esqueci-senha-responsivo .esqueciSenha .btnGenericoDir button{margin: 0;width: 100%;float: none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:15px 25px;}
	
	#esqueci-senha-responsivo .esqueciSenha .divRadioLogin .lstLogin{padding:5px 10px;}
	#esqueci-senha-responsivo .esqueciSenha .danger{clear:both;position:initial;margin-top:15px;display:inline-block;font-size:12px;width:100%;}
	#esqueci-senha-responsivo .esqueciSenha .divRadioLogin{background:#fff;padding:0;margin-left:0;}
	#esqueci-senha-responsivo .divRadioLogin input[type="radio"]:empty ~ label{font-size:12px;}
	
	#rodapeEsqueciaSenha{display:none;}
	
	#mensagemSucesso .esqueciSenha ul{overflow: hidden;position: relative;}
	#mensagemSucesso .esqueciSenha .fxBoxCinzaC li:nth-child(2){display: inline;float: left;position: absolute;top: -15px;}
	.esqueciSenha .fxBoxCinzaC li h3{font-size:20px;}
	body.conteudo-esqueci-senha #menuPrincipal {display: none;}
}

@media (min-width:375px) and (max-width: 767px){
	#esqueci-senha-responsivo .esqueciSenha .radiobutton:first-child{width:30%;}
	#esqueci-senha-responsivo .esqueciSenha .radiobutton{padding:5px 12px 5px 8px;}
}


/* ============================================ */
/*						Radio Button			*/
/* ============================================ */


.esqueciSenha .pd input[type=radio]{
	padding: 1px;
}
.esqueciSenha .pd input[type=radio]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

.esqueciSenha .pd input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -2.5em;
  line-height  : 1.5em;
  cursor			: pointer;
}

.esqueciSenha .pd input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  padding		   : 8px;
  margin           : 0.25em 0.8em 0.25em 0.25em;
  border           : 1px solid #ccc;
  border-radius    : 1.25em;
  background       : #fff;
  vertical-align   : bottom;
}

.esqueciSenha .pd input[type=radio   ]:not(old):checked + label > span{
  background       : #fff;
  padding		   : 1px;
}


.esqueciSenha .pd input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  padding		   : 4px;
  margin           : 0.125em;
  border           : 0.0825em solid #fff;
  border-radius    : 1.125em;
  background       : rgb(1,155,217);
  background-image :    -moz-linear-gradient(rgb(1,155,217),rgb(1,155,217));
  background-image :     -ms-linear-gradient(rgb(1,155,217),rgb(1,155,217));
  background-image :      -o-linear-gradient(rgb(1,155,217),rgb(1,155,217));
  background-image : -webkit-linear-gradient(rgb(1,155,217),rgb(1,155,217));
  background-image :         linear-gradient(rgb(1,155,217),rgb(1,155,217));
}

.esqueciSenha .showBoxInput{padding-top:20px;display:none;overflow:hidden;}
.esqueciSenha .box{width:100%;float:left;position:relative;}
.esqueciSenha .pd{float:left;margin:0 0 0 32px;}
.esqueciSenha h2{font-size:20px;color:#7e7e7e;font-weight:500;line-height:28px;}
.esqueciSenha h2::before{content:"2";background:#019bd9;padding:5px 10px;color:#fff;border-radius:20px;float:left;font-family: "proxima-nova", "liberation-sans", sans-serif;font-size:16px;margin-right:10px;line-height:18px;}
.esqueciSenha .fxBoxCinzaC h2::before{content:"1";}
.showBoxInput{display:none;padding:25px;}
.esqueciSenha input[type="text"]{font-size:15px;padding:10px 10px 10px 60px;margin:27px 0 0 40px;position:relative}

.esqueciSenha .login input{background:url("../images/login-ico.png") 14px center no-repeat;}
.esqueciSenha .cpf input{background:url("../images/cpf-icon.png") 14px center no-repeat;}
.esqueciSenha .email input{background:url("../images/mail-icon.png") 14px center no-repeat;}
.esqueciSenha .btnGenericoDir button{background:#019bd9;color:#fff;text-decoration:none;font-size:16px;font-weight:400;padding: 13px 55px;border:none;cursor: pointer;margin-left:41px;}

.esqueciSenha .divRadioLogin{background:#f2f2f2;padding:20px;margin-top:20px;overflow:hidden;}
.esqueciSenha .divRadioLogin .lstLogin{float:left;width:23.5%;padding:0 0 15px 0;}
.esqueciSenha .divRadioLogin label{margin-right: 46px; }
.esqueciSenha .divRadioLogin input{margin-right: 9px; vertical-align: middle;}



.esqueciSenha .box .mensagem{}

#lstFolhearLivro li.close{display: none;}

/* ============================================ */
/*					Outros 									*/
/* ============================================ */

.conteudoDetalheImagem {float:left; padding: 0 15px 10px 0; margin: 0;}

.rounded {
  border-radius:1ex;
  -webkit-border-radius:1ex;
  -moz-border-radius:1ex;
}


.esqueciSenha .box{width:100%;float:left;position:relative;}
.esqueciSenha .pd{float:left;margin:0 0 0 32px;}
.esqueciSenha h2{font-size:20px;color:#7e7e7e;font-weight:500;line-height:28px;}
.esqueciSenha h2::before{content:"2";background:#019bd9;padding:5px 10px;color:#fff;border-radius:20px;float:left;font-family: "proxima-nova", "liberation-sans", sans-serif;font-size:16px;margin-right:10px;line-height:18px;}
.esqueciSenha .fxBoxCinzaC h2::before{content:"1";}
.showBoxInput{display:none;padding:25px;}
.esqueciSenha input[type="text"]{font-size:15px;padding:10px 10px 10px 60px;margin:27px 0 0 40px;position:relative}

.esqueciSenha .login input{background:url("../images/login-ico.png") 14px center no-repeat;}
.esqueciSenha .cpf input{background:url("../images/cpf-icon.png") 14px center no-repeat;}
.esqueciSenha .email input{background:url("../images/mail-icon.png") 14px center no-repeat;}
.esqueciSenha .btnGenericoDir a{background:#019bd9;color:#fff;text-decoration:none;font-size:16px;font-weight:400;padding: 13px 55px;width: 250px;}

.esqueciSenha .divRadioLogin .lstLogin{float:left;width:23.5%;padding:0 0 15px 0;}
.esqueciSenha .divRadioLogin label{margin-right: 46px;}
.esqueciSenha .divRadioLogin input{margin-right: 9px; vertical-align: middle;}

.esqueciSenha .danger{border:2px solid #f4a3a3;background:#fff1f1;padding:5px 10px;height:auto;position:absolute;top:55px;color:#666666;left:385px;font-size:13px;}
.esqueciSenha .danger p{padding:6px;color:#7e7e7e;}

.esqueciSenha .fxBoxCinzaC li{list-style:none;font-family:"proxima-nova", Sans-Serif;color:#666666;display:inline;float:left;}
.esqueciSenha .fxBoxCinzaC li:last-child{margin-top:20px;padding:0 0 0 80px;}
.esqueciSenha .fxBoxCinzaC li h3{font-size:15px;color:#666666;font-weight:normal;padding-top:20px;font-family:"proxima-nova", Sans-Serif;}
.esqueciSenha .fxBoxCinzaC li p{font-size:21px;}
.esqueciSenha .fxBoxCinzaC li p span{color:#019bd9;font-weight:600;}

.esqueciSenha .fxBoxCinzaC i{font-size:65px;margin-right:25px;color:#019bd9;}


#loadingBg{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: transparent;z-index: 999;}
.loadingBar{height:2px;background:/*linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,0.7));*/ red; position:absolute;width:0%;max-width:100%;-webkit-animation: progress 2s 1 forwards;-moz-animation: progress 2s 1 forwards;-ms-animation: progress 2s 1 forwards;animation: progress 2s 1 forwards; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

@-webkit-keyframes progress { 
    to { width: 100% }
}
@-moz-keyframes progress { 
    to { width: 100% }
}
@-ms-keyframes progress { 
    to { width: 100% }
}
@keyframes progress { 
    to { width: 100% }
}


/* ============================================ */
/*			 Codigo de acesso								*/
/* ============================================ */

.check-acesso{display:inline-block;position:relative;}
.check-acesso input[type="radio"] {position: absolute;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-o-opacity: 0;z-index:9999;top:27px;margin-left: 4px;}
.check-acesso input[type="radio"] + label {position: relative;padding: 2px 0 0 30px;font-size: 16px;line-height: 25px;margin:0 0 10px 0;color:#f55a02;font-weight:normal;text-transform:none;font-family:"proxima-nova", "liberation-sans", sans-serif;}
.check-acesso input[type="radio"] + label:before {content: "";display: block;position: absolute;top: -1px;height: 20px;width: 20px;background: url(../images/Login/radio-login-cpf.png) no-repeat right center;}
.check-acesso input[type="radio"]:checked + label:before {background: url(../images/Login/radio-login-cpf.png) no-repeat left center;}

#lblOpcoesDigitacao{font-size:14px;font-family:'open_sansregular';}
.acesse-livro-digital p{font-family:'open_sanssemibold';font-size:16px;}
.acesse-livro-digital p span{font-size:20px;display:block;}

#lblInfoOptDigitacao1, #lblInfoOptDigitacao2{font-family:'open_sanssemibold';font-size:12.5px;}
#linkLivroDigital .BordaCadastroTituloMeio.conteudo{position:relative;background:#FFFEEB url('../images/Login/ico-livro-digital.png') center 20px no-repeat;}
#linkLivroDigital .BordaCadastroTituloMeio.conteudo p.acesse-livro-digital{text-align:center; left:0px; position:relative; top:10px; width:258px;}
#linkLivroDigital .BordaCadastroTituloMeio.conteudo p.acesse-livro-digital strong span{font-size:20px;display:block;}

#linkLivroDigital #btnLnkBotaoCadastro{white-space:nowrap;cursor:pointer;display:block;}
#linkLivroDigital .btnCadastroMeio{text-align:center; width:43%; margin:0 auto; display:block; border-radius:3px;padding:0 16px;margin-bottom:-33px; position: absolute;top: -82px;left: 50%;transform: translateX(-50%);}

.FormularioCadastro #trCamposChave td .cLumValidatorText{display:none;}
#MsgErro span{font-size: 15px; font-weight: bold; color: red; font-family: 'Open Sans', sans-serif;font-weight: 600;}

/* ============================================= */
/*            Loading gif                        */
/* ============================================= */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) url('../../Corporativo/images/Login/loading.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


/* ============================================= */
/*            Acessibilidade                     */
/* ============================================= */
.acessibilidade{margin-top:30px;}
.acess-mapa-site-main{overflow:hidden;margin-top:30px;}
.acess-mapa-site-main .main-li{display:block;width:25%;float:left;}
.acess-mapa-site h4{font-size: 18px;font-weight:normal;margin:10px 0 15px 0;font-weight:bold;}
.acess-mapa-site h4.titulo-pagina{margin-bottom:20px;}
.acess-mapa-site ul li ul{padding-left: 10px;list-style:none;}
.acess-mapa-site .main-li h4 a{font-size:16px;font-family:"liberation-sans", sans-serif;color:#727171;font-weight:bold;line-height:18px;}
.acess-mapa-site .main-li ul li a{font-size: 14px;font-family:"liberation-sans", sans-serif;color:#727171;}
.acess-mapa-site .main-li ul li{margin: 10px 0;}
div.main-li.nav-principal{float:none;width:100%;}
.acess-mapa-site .nav-principal h4{margin:10px 0 15px 0;}
.main-li.esconde-item{display:none;}
.main-li.clearing{margin:10px 0;width:100%;}
.clearing {clear:both;}
.acess-mapa-site .main-li.socios{float:right;}


.jcarousel-lstThumbnailLivro .jcarousel-item-horizontal{position:relative;}
#card a.iframe{display:none;}
.calameo a.iframe{background:url(../images/icone-iframe.png) no-repeat center center;height:25px;width:25px;background-size:cover;display:block;position:absolute;top:50%;transform:translateY(-50%);}

.titleNaoEncontrada{
    font-family: 'Montserrat', sans-serif;
    font-size: 147px;
    font-weight: 900;
	text-align: left;
	color: #009cdd;
}

.descNaoEncontrada{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
	text-align: left;
	color: #a6a6a7;
	margin-bottom: 40px;
}
.papel-404{
	display: block;
	margin: auto;
}

/* ============================================= */
/*            Coluna MAPSITE                     */
/* ============================================= */
.colunaMS { float: left; width: 320px; margin-bottom: 20px;} 
.colunaMS div, .colunaMS a{ margin: 20px 0 20px 0; color: #727171; }