@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:LucidaSans;  			font-size:12px; 					color:#FFFFFF;  		font-weight:bold; }

/* Usado no match de lum_label na lib global de XSL */
.Label						{	font-family:LucidaSans; 			font-size:12px; 					color:#333333;			font-weight:bold;	}

/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputText					{	font-family:LucidaSans;				font-size:12px;					color:#7A7A7A;	
									background-color:#FFFFFF;			border:1px solid #C3C3C3;	
									height:20px;							line-height:20px;					padding-left:2px;		padding-right:2px; }

/* Usado no match de lum_inputText e lum_datePicker na lib global de XSL */
.InputTextDisabled		{	font-family:LucidaSans;				font-size:12px;					color:#333333;	
									background-color:#E7E7E2;			border:1px solid #C3C3C3;	
									height:20px;							line-height:20px;					padding-left:2px;		padding-right:2px; }

/* Usado no match de lum_inputTextArea na lib global de XSL */
.InputTextArea				{	font-family:LucidaSans;				font-size:12px;					color:#7A7A7A;	
									background-color:#FFFFFF;			border:1px solid #C3C3C3;	
									rows:5;									padding-left:2px;					padding-right:2px; }

/* Usado no match de lum_inputTextArea na lib global de XSL */
.InputTextAreaDisabled	{	font-family:LucidaSans;				font-size:12px;					color:#333333;	
									background-color:#E7E7E2;			border:1px solid #C3C3C3;	
									rows:5;									padding-left:2px;					padding-right:2px; }

/* Usado no match de lum_dropDownList na lib global de XSL */
.Select						{	font-family:LucidaSans;				font-size:12px;					color:#7A7A7A;	
									background-color:#FFFFFF;			border: solid 1px #C3C3C3;	
									height:20px;							line-height:20px;	}
								  
/* Usado no match de lum_dropDownList na lib global de XSL */
.SelectDisabled			{	font-family:LucidaSans;				font-size:12px;					color:#7A7A7A;	
									background-color:#E7E7E2;			border:1px solid #C3C3C3;	
									height:20px;							line-height:20px;	}

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



/* ============================================ */
/*					Background								*/
/* ============================================ */

.bgLaranja				{ background-color:#f56f30; }
.bgLaranja2				{ background-color:#fc9366; }

.bgCinza1				{ background-color:#F5F5F2; }
.bgCinza2				{ background-color:#E7E7E2; }
.bgCinza3				{ background-color:#DBDBD6; }
.bgCinza4				{ background-color:#C9C9C5; }

.SetaLaranjaEsq		{ background: url(../images/SetaLaranjaEsq.jpg) no-repeat; width:30px; height:34px; }
.SetaLaranjaDir		{ background: url(../images/SetaLaranjaDir.jpg) no-repeat; width:30px; height:34px; }

/* Background Botão */
.bgLaranja4				{ background-color:#fd9369; }
.bgBranco				{ width:1px; height:20px; background: url(../images/background/bgBrancoLogin.png) repeat-x; }

/* Background header */
.bgHeaderLeft				{ width:200px; height:106px; background: url(../images/background/bgHeader.png) no-repeat;}
.bgHeaderCenter			{ width:500px; height:106px; background: url(../images/background/bgHeaderCenter.png) no-repeat;}
.bgHeaderRight				{ width:300px; height:106px; background: url(../images/background/bgHeaderRight.png) no-repeat;}

.bgBotaoComClasse		{text-align:center;background: url(../images/btLaranjaMeio.gif) repeat-x;padding-left:4px;padding-right:4px;}
.bgBotaoLaranjaDir   {vertical-align:top;background: url(../images/btLaranjaDir.gif) no-repeat; width:2px; height:21px;}
.bgBotaoLaranjaEsq   {vertical-align:top;background: url(../images/btLaranjaEsq.gif) no-repeat; width:2px; height:21px;}

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

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

/* Familia */

.LucidaSans			{ font-family:LucidaSans; }
.Manksans			{ font-family:'manksansregular'; }
.ManksansMedium	{ font-family:'manksans-mediumregular'; }
.ManksansItalic	{ font-family:'manksans-mediummedium_italic'; }
.Planer				{ font-family:'planerregular'; }

/* Tamanho */

.n10		{ font-size:10px; }
.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; }
.n20		{ font-size:20px; }
.n21		{ font-size:21px; }
.n22		{ font-size:22px; }
.n25		{ font-size:25px; }

/* Cor */

.Branco		{ color:#FFFFFF; }
.Laranja	{ color:#c86029; }
.Laranja2 	{ color:#f03840; }
.Laranja3 	{ color:#c96027; }
.Laranja4 	{ color:#F1601B; }
.Cinza		{ color:#7a7a7a; }
.Cinza2		{ color:#666666; }
.Cinza3		{ color:#898989;}
.Vermelho	{ color:#ee1c25; }

/* lstLivroIndicado.xsl */
.InfoLivroIndicado 		{ font-family:Arial; font-size:11px;  color:#777777; font-weight:bold; }  

/* ============================================ */
/* Livro Indicado 					            */
/* ============================================ */

.tituloLivroIndicado		{ font-family:Arial; font-size:17px;  color:#c86029; font-weight:bold; }
.subTituloLivroIndicado	{ font-family:Arial; font-size:17px;  color:#7a7a7a; font-weight:bold; }
.precoSugerido				{ font-family:Arial; font-size:15px;  color:#c86029; font-weight:bold; } 
.materialProfessor		{ font-family:Arial; font-size:14px;  color:#c86029; font-weight:bold; }
.infoAutorObra				{  border-bottom: 1px solid #c96027;    color:#c96027; font-family: Arial; font-size: 24px;  font-weight: bold; }
.infoAutorObra 			{   border-bottom: 1px solid #c96027;    color:#c96027;    font-family: Arial;font-size: 24px;font-weight: bold;}

/* ============================================ */
/*					Votacao									*/
/* ============================================ */
.campoEstrela				{ height: 18px; width: 19px; float: left}
.campoEstrelaVotoAtivo	{ height: 18px; width: 19px; float: left; cursor: pointer;}
.estrelaVazia				{background-image: url(../images/EstrelaVazia.png)}
.estrelaMetado 			{background-image: url(../images/EstrelaMetade.png)}
.estrelaCheia				{background-image: url(../images/EstrelaCheia.png)}


/* ============================================ */
/*					Tags										*/
/* ============================================ */

p			{ margin:0px; }

/* ============================================ */

/* ============================================ */
/*					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 */
}


/*         CARROSSEL       */


/* ============================================ */
/* CONTAINER 												*/
/* ============================================ */

.carousel
{
	position :relative ;
	margin:0px 0px 0px 0px;
	width :405px;
	height :auto;
	border :none;
	overflow : hidden ;
}

/* ============================================ */
/* SLIDES 													*/
/* ============================================ */

/* slide container */
.carousel .slides
{
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

/* ============================================ */
/* DIRECTION BUTTON 										*/
/* ============================================ */

.carousel .nextButton
{
	position :absolute ;
	right :1px;
	top :75px;
	width :52px;
	height :52px;
	background : url("../images/carrossel/next_button.png") no-repeat center;
	cursor :pointer ;
	z-index :100;
}

.carousel .prevButton
{
	position :absolute ;
	left :0px;
	top :75px;
	width :52px;
	height: 52px;		
	background : url("../images/carrossel/prev_button.png");
	cursor :pointer ;
	z-index :100;
}

/* ============================================ */
/* NAVIGATION BUTTON 									*/
/* ============================================ */

/* buttons container */
.carousel .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
}

/* numbers */
.carousel .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :bold ;
	text-decoration :none;
	font-size :1em;
	font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
	color: #000;
	text-decoration :underline;
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet
{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background : url(../images/carrossel/Bullet-White.png) no-repeat center ;
	margin :5px;
	float :left ;
	cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
	background : url(../images/carrossel/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
	background : url(../images/carrossel/Bullet-Black.png) no-repeat center ;
	cursor :default ;
}

/* ============================================ */
/* VIDEO 													*/
/* ============================================ */

.carousel .slides .videoOverlay
{
	background :url("../images/carrossel/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
	background : #000 url(../images/carrossel/loading.gif) no-repeat center; /* video preloader */
}

.btnLaranja{
	padding: 5px 20px;
	line-height: 14px;
	margin-left: 630px;
	margin-top: -50px;
	font-weight: normal;
}

.alinhamento{
	 width: 730px;
}

/* ============================================ */
/* SHADOW 													*/
/* ============================================ */

.carousel .shadow
{
	width :100%;
	height :82px;      
}

.carousel .shadow .shadowLeft
{
	background : url("../images/carrossel/shadowLeft.png") no-repeat;
	width :45px;
	height :82px;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */         
}

.carousel .shadow .shadowMiddle
{
	height :82px;
	background:url("../images/carrossel/shadowTile.png") repeat-x;    
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowTile.png, sizingmethod=scale)"; /* IE8 */   
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */         
}


.carousel .shadow .shadowRight
{
	width :100px;
	height :82px;
	background:url("../images/carrossel/shadowRight.png") no-repeat; 
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowRight.png, sizingmethod=scale)"; /* IE8 */   
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/carrossel/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */         
}

/* ============================================ */
/* REFLECTION GRADIENT 									*/
/* ============================================ */



/* ============================================ */
/*			 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:94.9%;}
#mensagemSucesso .esqueciSenha .fxBoxCinzaC{border:1px solid #cecece;border-top:none;}
.esqueciSenha .boxInput{background-color: #fff; float: right;}
.esqueciSenha label{font-size:14px; color:#f56f30; }
.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:#f56f30;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:#f56f30;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(245,111,48);}

.esqueciSenha .divRadioLogin .lstLogin{float:left;width:33%;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:#f56f30;font-weight:600;}
.esqueciSenha .fxBoxCinzaC i{font-size:65px;margin-right:25px;color:#f56f30}
#mensagemSucesso .btnGenericoDir{margin-left:80px;display:block;margin-top:0;}

#idFormLogin{display:none;}