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

*								{											margin:0px;						padding:0px;	}
body							{	background:url("../images/bgExpedicaoGeografica.png") no-repeat scroll center top transparent; 
									background-color:#2F5C54;		margin:0px;						padding:0px;	}

/* Link */
a								{	text-decoration:none;	}
a:visited					{	text-decoration:none;	}
a:hover						{	text-decoration:underline;		cursor:pointer;	}
a[href="https://www.facebook.com/editoramoderna"]:hover, a[href="https://www.linkedin.com/company/editora-moderna"]:hover, a[href="https://twitter.com/editora_moderna"]:hover			{	text-decoration:none;	}

/* 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:Arial;				font-size:12px;				color:#666666;			font-weight:normal;	}

/* Usado no match de lum_label na lib global de XSL */
.Label						{	font-family:Arial;				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:Arial;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #CCCCCC;	
									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:Arial;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#DADADA;		border:1px solid #CCCCCC;	
									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:Arial;				font-size:12px;				color:#666666;			font-weight:normal;	
									background-color:#FFFFFF;		border:1px solid #CCCCCC;	
									rows:5;																	padding-left:2px;		padding-right:2px;	}

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

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

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

/*Usado no formulário de login */
.InputTextLogin			{	background-color: #FFFFFF; border: 0 none; color: #666666; 
									font-family: Arial; font-size: 12px; height: 27px; line-height: 27px; 
									padding-left: 2px; padding-right: 8px;	}

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


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

.bgAreaRodapeModerna							{ background-color:#376C62;	margin-top:20px; }
.bgAzulClaro									{ background-color:#CCEDEF; }
.bgBranco										{ background-color:#FFFFFF; }
.bgCinza											{ background-color:#F0F0F0; }
.bgCinzaEscuro									{ background-color:#E7E7E2; }
.bgCinzaMaisEscuro							{ background-color:#D7D7CE; }
.bgVerdeClaro									{ background-color:#376C62; }
.bgVerde											{ background-color:#244740; }
.bgVerdeBranco									{ background: url("../images/LinhaBranca.gif") repeat-y scroll center top; 
													  background-color:#376C62;
													  padding-bottom:20px; }

.bgAbaPrimeiroAcesso							{ background:url(../images/AbaPrimeiroAcesso.png) no-repeat;
													  width:145px;			height:43px;		position:relative;	top:38px;	left:30px;		display:block; }
.bgAbaDestaque									{ background:url(../images/AbaDestaque.png) no-repeat; 
													  width:143px;			height:43px;		position:relative;	top:38px;	left:30px;		display:block; }
.bgCaixaBicolorEsquerda						{ background:url(../images/doubleBorderLeftRepeater.png) repeat-y; }
.bgCaixaBicolorDireita						{ background:url(../images/doubleBorderRightRepeater.png) repeat-y right; }
.bordaEsqInputLogin							{ background:url(../../../../CustomServices/Moderna/Expedicoes/Login/images/bgInputLoginEsq.png) no-repeat; }
.bordaDirInputLogin							{ background:url(../../../../CustomServices/Moderna/Expedicoes/Login/images/bgInputLoginDir.png) no-repeat right top; }

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

/* Familia */
.Arial											{ font-family:Arial; }
.Calibri											{ font-family:Calibri; }

/* 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; }
.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; }
.n25												{ font-size:25px; }
.n27												{ font-size:27px; }
.n30												{ font-size:30px; }
.n35												{ font-size:35px; }

/* Cor */
.Preto											{ color:#000000; }
.Branco											{ color:#FFFFFF; }
.Laranja											{ color:#FEB400; }
.Cinza											{ color:#666666; }
.VerdeMaisClaro								{ color:#69B1A3; }
.VerdeClaro										{ color:#376C62; }
.Verde											{ color:#244740; }



.LIXO_bgVerdeEscuro2							{ background-color:#006F77; }
.LIXO_Verde2									{ color:#264B44; }
.LIXO_Verde3									{ color:#2F5C54; }
.LIXO_Verde5									{ color:#407B6F; }
.LIXO_Verde6									{ color:#69B1A3; }
.LIXO_Verde7									{ color:#244640; }
.LIXO_Verde8									{ color:#35675E; }

/* ============================================ */ 
/*					Botőes									*/
/* ============================================ */

.BotaoVoltar									{ background:url("../images/btnVoltar.png") no-repeat scroll 0px 0px transparent; 
													  width:102px;						height:29px;					position:relative;		top:-5px;		left:20px; }
.BotaoFormulario								{ background-color:#244740;	border:1px solid #CCCCCC; 
													  padding:10px 20px;				text-align:center; 
													  font-family:Arial;				font-size:18px;				color:#FFFFFF; }

.ButtonSelected								{ background:#FEB400; }
.ButtonBorder									{ position:relative; bottom:5px; }

/* ============================================ */
/*					Votacao									*/
/* ============================================ */

.campoEstrela				{ height: 12px; width: 12px; float: left}
.campoEstrelaVotoAtivo	{ height: 12px; width: 12px; float: left; cursor: pointer;}
.estrelaVazia				{ background-image: url(../images/EstrelaVazia.gif)}
.estrelaMetado 			{ background-image: url(../images/EstrelaMetade.gif)}
.estrelaCheia				{ background-image: url(../images/EstrelaCheia.gif)}

/* ============================================ */
/*						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: "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:828px;}
#mensagemSucesso .esqueciSenha .fxBoxCinzaC{border:1px solid #cecece;border-top:none;}
.esqueciSenha .boxInput{background-color: #fff; float: right;}
.esqueciSenha label{font-size:14px; color:#244740; }
.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;}
.esqueciSenha .btnGenericoDir a, .esqueciSenha .btnGenericoDir button{color: #fff; text-decoration: none; font-size: 16px; font-weight: 400;padding: 13px 55px; background:#244740;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: 30px;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:#244740;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(36,71,64);}

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


/* ============================================ */
/*			 Footer											*/
/* ============================================ */
.socialFacebook{background: #2085c7;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;color: #fff;padding: 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.socialFacebook:hover{background:#3773d6;}
.socialTwitter{background: #78cdf0;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;color: #fff;padding: 0;margin-left: 2px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.socialTwitter:hover{background: #1bb2f0;}
.socialLinkedin{background: #537bbd;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;color: #fff;padding: 0;margin-left: 2px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.socialLinkedin:hover{background:#136aa3;}

#idFormLogin{display:none;}