@import url("../fonts/stylesheet.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:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:normal;	}

/* Usado no match de lum_label na lib global de XSL */
.Label						{	font-family:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:bold;	}

/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputText					{	font-family:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #E9E7E7;	
									height:25px;						line-height:25px;				padding-left:2px;		padding-right:2px;	}

.InputTextSemBorda		{	font-family:FrutigerLight;		font-size:14px;				color:#ECF7FB;			font-weight:normal;	
									background-color:#ECF7FB;		border:0px solid #ECF7FB;	
									height:21px;						line-height:21px;				padding-left:2px;		padding-right:2px;	}


/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputTextDisabled		{	font-family:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:normal;	
									background-color:#F8F8F8;		border:1px solid #E9E7E7;	
									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:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #E9E7E7;	
									rows:5;																	padding-left:2px;		padding-right:2px;	}

/* Usado no match de lum_inputTextArea na lib global de XSL */
.InputTextAreaDisabled	{	font-family:FrutigerLight;		font-size:16px;				color:#807575;			font-weight:normal;	
									background-color:#F8F8F8;		border:1px solid #E9E7E7;	
									rows:5;																	padding-left:2px;		padding-right:2px;	}

/* Usado no match de lum_dropDownList na lib global de XSL */
.Select						{	font-family:FrutigerLight;		font-size:16px;				color:#807575;	
									background-color:#FFFFFF;		border:1px solid #E9E7E7;	
									height:25px;						line-height:25px;	}

/* Usado no match de lum_dropDownList na lib global de XSL */
.SelectDisabled			{	font-family:FrutigerLight;		font-size:16px;				color:#807575;	
									background-color:#F8F8F8;		border:1px solid #B6AEAE;	
									height:25px;						line-height:25px;	}

/* ============================================ */
/*	Fim Geral (Defaults)									*/
/* ============================================ */


/* ============================================ */
/*					Texto										*/
/* ============================================ */

/* Familia*/
.Arial									{ font-family:Arial; }
.FrutigerLight							{ font-family:FrutigerLight; }
.FrutigerRoman							{ font-family:FrutigerRoman; }
.FrutigerBold							{ font-family:FrutigerBold; }
.FrutigerItalic						{ font-family:FrutigerItalic; }

/* Cor*/
.Preto									{ color:#000000; }
.Branco									{ color:#FFFFFF; }
.Azul										{ color:#01B4CE; }
.Cinza									{ color:#4A4949; }
.Cinza2									{ color:#5B6264; }
.Cinza3									{ color:#B2B2B2; }
.Cinza4 									{ color:#9B9090; }
.Cinza5									{ color:#999999; }
.Cinza6									{ color:#807575; }
.Rosa										{ color:#E1004B; }
.Rosa2									{ color:#EE264E; }

/* Tamanho*/

.n09										{ font-size:09px; }
.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; }
.n18										{ font-size:18px; }
.n20										{ font-size:20px; }
.n24										{ font-size:24px; }


/* ============================================ */ 
/*				Background, Padding e Margin			*/
/* ============================================ */
 
.thumbnailOn							{ border: 1px solid #7E0000;}

.selectedBanner						{ background:url("../images/Background/selectedBannerHome.png") no-repeat scroll top; width:168px; height:31px; position:relative; z-index:999; }
.setaBanner								{ background:url("../images/Background/setaBanner.png") no-repeat scroll right; height:26px; }

.bgAzulMenu								{ background:url(../images/Background/bgAzulMenu.png) repeat-x; height:71px }
.bgImgAzulTop							{ background:url(../images/Background/bgAzulTop.png) repeat-x; }
.bgImgAzul								{ background:url(../images/Background/bgAzul.png) repeat-x; height:319px }

.bgBranco								{ background-color:#FFFFFF; }
.bgCinza									{ background-color:#B6AEAE; }
.bgCinza2								{ background-color:#F7F7F7; }
.bgCinza3								{ background-color:#EFEFEF; }
.bgAzul									{ background-color:#01B4CE; }				
.bgAzul2									{ background-color:#E4F4F9; }
.bgAzulClaro							{ background-color:#ECF7FB; }
.bgVermelho								{ background-color:#EE264E; }
.bgVermelho2							{ background-color:#E8637E; }
.bgCoral									{ background-color:#F4EEE7; }

.barraSeparadoraBege					{ background-color:#E9DDD0; height: 4px; }

.bordaBoxRepeatLeft					{ background: url(../images/Borda/bdBoxRepeatLeft.png) repeat-y left; width:2px; height:1px; }
.bordaBoxRepeatRight					{ background: url(../images/Borda/bdBoxRepeatRight.png) repeat-y right; width:2px; height:1px; }

.bordaBoxSupEsq						{ background: url(../images/Borda/bdBoxEsqSup.png) no-repeat left; width:7px; height:9px; }
.bordaBoxSupDir						{ background: url(../images/Borda/bdBoxDirSup.png) no-repeat right top; width:7px; height:9px; }
.bordaBoxInfEsq		    			{ background: url(../images/Borda/bdBoxEsqInf.png) no-repeat left top; width:7px; height:9px; }
.bordaBoxInfDir						{ background: url(../images/Borda/bdBoxDirInf.png) no-repeat right top; width:7px; height:9px; }
.bordaBoxRepeatx						{ background: url(../images/Borda/bdBoxRepeatx.png) repeat-x left bottom;  height:1px; }

.bdArredondadaVermelhoSupEsq			{ background:url("../images/Borda/bdArredondadaVermelhoSupEsq.png") no-repeat top left #E8637E; }
.bdArredondadaVermelhoSupDir			{ background:url("../images/Borda/bdArredondadaVermelhoSupDir.png") no-repeat top right #E8637E; }
.bdArredondadaVermelhoInfEsq			{ background:url("../images/Borda/bdArredondadaVermelhoInfEsq.png") no-repeat bottom left #E8637E; }
.bdArredondadaVermelhoInfDir			{ background:url("../images/Borda/bdArredondadaVermelhoInfDir.png") no-repeat bottom right #E8637E; }

.bgVermelhoTituloEsq							{ background:url("../images/Borda/bdVermelhoTituloEsq.png") repeat-y left #E8637E; width:10px; }
.bgVermelhoTituloDir							{ background:url("../images/Borda/bdVermelhoTituloDir.png") repeat-y right #E8637E; width:10px; }
.bgVermelhoEscuroTop							{ background:url("../images/Borda/bdVermelhoEscuroTop.png") repeat-x top #E8637E; }
.bgVermelhoEscuroBottom						{ background:url("../images/Borda/bdVermelhoEscuroBottom.png") repeat-x bottom #E8637E; }

.bgLinkSantillanaTv					{ background:url("../images/bgLinkSantillanaTv.jpg") no-repeat; width:290px; height:50px; }

.bgDetCatalogo							{ background:url("../images/bgbreadcrumb.png") no-repeat; width:14px; height:14px}

.bgLogoFacebook						{ background:url("../images/logoFacebook.png") no-repeat; width:20px; height:20px; }
.bgLogoTwitter							{ background:url("../images/logoTwitter.png") no-repeat; width:21px; height:21px; }
.bgMiniLogoRichmond					{ background:url("../images/bgMiniLogoRichmond.png") no-repeat; width:40px; height:41px; }

.bgHeaderPortalEducacional			{ background:url("../images/Links/headerPortalEducacional.jpg") no-repeat scroll top left;    width:6px; height:6px; }

.bdAzul									{ border:3px solid #01B4CE; }
.barraSeparadoraHorizontalAzul	{ background:#01B4CE; height:13px; width:1px; }
.bordaAzulMapaSite					{ border-top:solid #BDEAF2 1px;}

.twtr-hd									{ display:none; }
.twtr-ft									{ display:none; }
.twtr-widget							{ border:1px solid #A8A8A8; }
.fbConnectWidgetTopmost				{ border:1px solid #A8A8A8; }

.bgFumacaAzul							{ background:url("../images/Background/bgFumacaAzul.png") no-repeat center; height:36px; }

.bgAzulTitulo							{ background:url("../images/Borda/bdArredondadaAzulInf.png") repeat-x bottom #EFF9FC; }
.bdArredondadaAzulSupEsq			{ background:url("../images/Borda/bdArredondadaAzulSupEsq.png") no-repeat top left #EFF9FC; }
.bdArredondadaAzulSupDir			{ background:url("../images/Borda/bdArredondadaAzulSupDir.png") no-repeat top right #EFF9FC; }
.bdArredondadaAzulInfEsq			{ background:url("../images/Borda/bdArredondadaAzulInfEsq.png") no-repeat bottom left #EFF9FC; }
.bdArredondadaAzulInfDir			{ background:url("../images/Borda/bdArredondadaAzulInfDir.png") no-repeat bottom right #EFF9FC; }
.bgAzulTituloEsq						{ background:url("../images/Borda/bdAzulTituloEsq.png") repeat-y left #EFF9FC; width:10px; }
.bgAzulTituloDir						{ background:url("../images/Borda/bdAzulTituloDir.png") repeat-y right #EFF9FC; width:10px; }
.bdArredondadaAzulEsq				{ background:url("../images/Borda/bdArredondadaAzulEsq.jpg") no-repeat scroll; width:5px; height:41px; }
.bdArredondadaAzulDir				{ background:url("../images/Borda/bdArredondadaAzulDir.jpg") no-repeat scroll; width:5px; height:41px; }

.bgDetColecaoCatalogo				{ background:url("../images/Background/bgDetColecaoCatalogo.png") no-repeat center top; height:8px; }

.bgEpubLista									{ background: url(../images/Background/bgEpubLista.png)		no-repeat;	width:90px;		height:22px;	z-index:2; }
.bgEpubFixoLista								{ background: url(../images/Background/bgEpubFixoLista.png)	no-repeat;	width:90px;		height:22px;	z-index:2; }
.bgEpub											{ background: url(../images/Background/bgEpub.png)				no-repeat;	width:216px;	height:52px;	z-index:2; }
.bgEpubFixo										{ background: url(../images/Background/bgEpubFixo.png)		no-repeat;	width:216px;	height:52px;	z-index:2; }

.IconeFormatoCatalogoEPubFixo			{ background:url(../../../../CustomServices/Moderna/Literatura/LivroCatalogo/images/IconeFormatoCatalogoEPubFixo.png)     no-repeat top left; height:33px; }

/* ============================================ */ 
/*					Botões									*/
/* ============================================ */

.btnPadraoEsq														{ background:url(../images/Botao/btnCinzaLeft.png) no-repeat;width:9px;	height:36px; }
.cLumButton1 a.btnPadraoMeio, a.btnPadraoMeio 			{ background:url(../images/Botao/btnCinzaRepeater.png); width:auto;height:35px;font-family:Arial; font-size:16px;color:#ffffff;text-transform: uppercase;padding:0 0 0 0;}
.btnPadraoDir														{ background:url(../images/Botao/btnCinzaRight.png) no-repeat right top;width:9px; height:36px; }

.btnBuscar								{ background:url(../images/Botao/btnAzul.png) repeat-x; height:27px; line-height:27px; padding:0 5px; color:#FFFFFF; font-size:13px; font-family:FrutigerLight; }
.btnBuscarEsq							{ background:url(../images/Botao/btnAzulEsq.png) no-repeat; width:3px; height:27px;}
.btnBuscarDir							{ background:url(../images/Botao/btnAzulDir.png) no-repeat; width:4px; height:27px;}

.btnBrancoEsq							{ background:url(../images/Botao/btnBrancoEsq.png) no-repeat; width:4px;height:25px;}
.btnBrancoDir							{ background:url(../images/Botao/btnBrancoDir.png) no-repeat; width:4px;height:25px; }
.btnBrancoMeio							{ background:url(../images/Botao/btnBrancoMeio.png) repeat-x; }

.btnVermelho							{ background:url(../images/Botao/btnVermelho.png) repeat-x; height:21px; line-height:22px; padding:0 5px; color:#FFFFFF; font-size:13px; font-family:FrutigerLight; }
.btnVermelhoEsq						{ background:url(../images/Botao/btnVermelhoEsq.png) no-repeat; width:2px; height:21px;}
.btnVermelhoDir						{ background:url(../images/Botao/btnVermelhoDir.png) no-repeat; width:1px; height:21px;}

.bgFacebook								{ background:url(../images/facebook.png) no-repeat left; padding:4px 0 0 35px; height:26px; margin-bottom:3px }
.bgTwitter								{ background:url(../images/twitter.png) no-repeat left; padding:4px 0 0 35px; height:26px; margin-bottom:3px }

.barraSeparadoraCinza				{ background:#E5E5E5; height:4px; }

.btnCinzaEsq							{ background:url(../images/Botao/btnCinzaEsq.png) no-repeat; width:4px;height:23px;}
.btnCinzaDir							{ background:url(../images/Botao/btnCinzaDir.png) no-repeat; width:4px;height:23px; }
.btnCinzaMeio							{ background:url(../images/Botao/btnCinzaMeio.png) repeat-x; }

.btnBrancoImprime							{ background: url(../images/Botao/btnBrancoImprime.png) repeat-x; height:25px; }
.btnBrancoEsqImprime						{ background: url(../images/Botao/btnBrancoEsqImprime.png) no-repeat; width:4px; height:16px; }
.btnBrancoDirImprime						{ background: url(../images/Botao/btnBrancoDirImprime.png) no-repeat; width:5px; height:16px; }

/* tab */
.bgMenuInternoAbaEsq		{ background:url("../images/Borda/bdMenuInternoAbaEsq.png") no-repeat top left; width:7px; height:30px; }
.bgMenuInternoAbaDir		{ background:url("../images/Borda/bdMenuInternoAbaDir.png") no-repeat top right; width:7px; height:30px; }
.bgMenuInternoAtivoEsq	{ background:url("../images/Borda/bdMenuInternoEsq-selected.png") no-repeat; width:4px; height:24px; }
.bgMenuInternoAtivoDir	{ background:url("../images/Borda/bdMenuInternoDir-selected.png") no-repeat; width:5px; height:24px; }
.bgMenuInternoPixel		{ background:url("../images/Background/bgMenuInternoPixel.png") repeat-x bottom; height:2px; }

/* btn */
.bgMenuInternoInativo		{ background:url("../images/Background/bgMenuInternoInativoPixel.png") repeat-x bottom #ECF7FB; height:2px; padding-top: 3px; }
.bgMenuInternoAtivo			{ padding-top: 3px; border-top:1px solid #9B9090 ;}
.bgMenuInternoInativoEsq	{ background:url("../images/Borda/bdMenuInternoEsq.png") no-repeat; width:4px; height:24px; }
.bgMenuInternoInativoDir	{ background:url("../images/Borda/bdMenuInternoDir.png") no-repeat; width:5px; height:24px; }

.btnCinza						{ background-color:#EDEDED; }
.btnCinzaBordaSupEsq			{ background:url(../images/Botao/btnCinzaBordaSupEsq.png) no-repeat; width:8px; height:7px; }
.btnCinzaBordaSupDir			{ background:url(../images/Botao/btnCinzaBordaSupDir.png) no-repeat; width:8px; height:7px; }
.btnCinzaAreaSup				{ background:url(../images/Botao/btnCinzaAreaSup.png) repeat-x scroll right; width:1px; height:7px;}

.btnCinzaBordaInfEsq			{ background:url(../images/Botao/btnCinzaBordaInfEsq.png) no-repeat; width:8px; height:8px; }
.btnCinzaBordaInfDir			{ background:url(../images/Botao/btnCinzaBordaInfDir.png) no-repeat; width:8px; height:8px; }
.btnCinzaAreaInf				{ background:url(../images/Botao/btnCinzaAreaInf.png) repeat-x; width:8px; height:9px; }

.btnCinzaAreaEsq				{ background:url(../images/Botao/btnCinzaAreaEsq.png) repeat-y; width:8px; height:1px;}	
.btnCinzaAreaDir				{ background:url(../images/Botao/btnCinzaAreaDir.png) repeat-y; width:8px; height:1px;}

.bdMenuLateralCatalogoTL			{ background:url('../images/Borda/bdMenuLateralCatalogoTL.png') no-repeat top left; }
.bdMenuLateralCatalogoTR			{ background:url('../images/Borda/bdMenuLateralCatalogoTR.png') no-repeat top right; }
.bdMenuLateralCatalogoT				{ background:url('../images/Borda/bdMenuLateralCatalogoT.png') repeat-x top; }
.bdMenuLateralCatalogoB				{ background:url('../images/Borda/bdMenuLateralCatalogoB.png') repeat-x bottom; }
.bdMenuLateralCatalogoL				{ background:url('../images/Borda/bdMenuLateralCatalogoL.png') repeat-y left; }
.bdMenuLateralCatalogoR				{ background:url('../images/Borda/bdMenuLateralCatalogoR.png') repeat-y right; }
.bdMenuLateralCatalogoBL			{ background:url('../images/Borda/bdMenuLateralCatalogoBL.png') no-repeat bottom left; }
.bdMenuLateralCatalogoBR			{ background:url('../images/Borda/bdMenuLateralCatalogoBR.png') no-repeat bottom right; }



/* ============================================ */
/*			 esqueci senha						*/
/* ============================================ */
.formulario.contato{border:1px solid #cecece;}
.esqueciSenha {font-family: "ProximaNova", arial;}
.esqueciSenha .clear{clear: both}
.esqueciSenha .numero{background-color: #7fc352; padding: 5px 10px; color: #fff; border-radius: 20px; float: left;}

.esqueciSenha .fxBoxCinzaC{background-color: #f2f2f2; float: left; padding: 37px 25px 25px; width:960px;}
#mensagemSucesso .esqueciSenha .fxBoxCinzaC{border:1px solid #cecece;border-top:none;}
.esqueciSenha .boxInput{background-color: #fff; float: right;}
.esqueciSenha label{font-size:14px; color:#E1004B; }
.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 .showBoxInput{padding-top: 20px; display: none;}

.esqueciSenha .btnGenericoEsq{display: none;}
.esqueciSenha .btnGenericoDir{margin-top: 23px;height: 100%; background:none; color: #fff; text-decoration: none; margin-left: 37px; float:none;}
#mensagemSucesso .esqueciSenha .btnGenericoDir{float:left;}
.esqueciSenha .btnGenericoDir a, .esqueciSenha .btnGenericoDir button{color: #fff; text-decoration: none; font-size: 16px; font-weight: 400;padding: 13px 55px; background:#E1004B;border:none;cursor: pointer;}
.esqueciSenha .box{height: 97px; float: left; width: 383px;}
.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;}

.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 .divRadioLogin{background: #f2f2f2;padding: 20px;margin-top: 20px;overflow: hidden;}
.esqueciSenha .divRadioLogin label{margin-right: 46px; }
.esqueciSenha .divRadioLogin input{margin-right: 9px; vertical-align: middle;}


.esqueciSenha .box{width:100%;}
.showBoxInput .login input[type="text"]::before{content:'as';background:"../custom/Moderna/Portal/images/login-ico.png" center center no-repeat;background:red;width:20px;height:20px;position:absolute;top:0;left:0;display:block}
.showBoxInput .cpf input[type="text"]{}
.showBoxInput .email input[type="text"]{}



.esqueciSenha .pd{float:left;margin:0 0 0 32px;}
.esqueciSenha h2:first-child{}
.esqueciSenha h2{font-size:20px;color:#7e7e7e;font-weight:500;line-height:28px;}
.esqueciSenha h2::before{content:"2";background:#E1004B;padding:5px 10px;color:#fff;border-radius:20px;float:left;font-family: "ProximaNova", arial;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}

.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 .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;}
.esqueciSenha .pd input[type=radio ]:not(old):checked + label > span {background: #fff;padding: 1px;}
.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) + label {display: inline-block;margin-left: -2.5em;line-height: 1.5em;}
.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(255,0,75);}

.esqueciSenha .divRadioLogin .lstLogin{float:left;width:23.5%;padding:0 0 15px 0;}
.esqueciSenha .fxBoxCinzaC li{list-style:none;font-family:"ProximaNova", Sans-Serif;color:#666666;display:inline;float:left;}
.esqueciSenha .fxBoxCinzaC li:last-child{margin-top:20px;margin-bottom:20px;}
.esqueciSenha .fxBoxCinzaC li h3{font-size:25px;color:#666666;font-weight:normal;padding-top:20px;font-family:"ProximaNova", Sans-Serif;}
.esqueciSenha .fxBoxCinzaC li p{font-size:21px;}
.esqueciSenha .fxBoxCinzaC li p span{color:#E1004B;font-weight:600;}
.esqueciSenha .fxBoxCinzaC i{font-size:65px;margin-right:25px;color:#E1004B}
#mensagemSucesso .btnGenericoDir{margin-left:80px;display:block;margin-top:0;}