/*----------------------------------------------------------
CSS Reset - Normalize.css
----------------------------------------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background:0 0}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.botao, .botaoVerde, .botaoRoxo { padding:5px 5px 5px 5px; color:#FFFFFF; background-color:#d15541; border:0px; border-radius: 4px; }
.botaoVerde { background-color:#090; }
.botaoRoxo { background-color:#936; }

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
  evitando que os floats se aglomerem.
*/

.clearfix:before, .clearfix:after { content: " ";  display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.bolinhaVerde, .bolinhaVermelha { float:left; margin-right:7px; padding:2px; background-color:green; border-radius:15px; width:30px; text-align:center; color:#FFF; }
.bolinhaVermelha  { cursor:pointer; background-color:red; }

.alerta{ line-height:20px; border-radius:5px; padding:5px; background-color:#FE9380; color:#FFFFFF; width:100%; margin-bottom:40px; text-align:center; }

/*fim do clearfix*/

/*----------------------------------------------------------
Configurações Gerais <<<<<==================================
----------------------------------------------------------*/
body {
	background-color:#eaeaec;
	color:#868686; 
	font-family: Helvetica, sans-serif, arial;
	font-size: 1.125em; /* 18px ÷ 16px = 1.125em */
	font-weight: 300;
	line-height: 1.2222222222em; /* 22px ÷ 18px = 1.22222222222em*/
	overflow-y:scroll;
}

nav li {text-align:left;} /* Alinha itens do menu a esquerda*/

.centralizado {
	margin: 0 auto;
	max-width:1200px; /*largura máxima do layout*/
	width: 90%; /*ajuste do layout a tela*/
}

img, picture, video, embed { max-width: 100%; /*define a largura máxima em até 100%*/ }

h1, h2 {
	color:#FE9380;
	font-size: 2.3em; /* 60px ÷ 18px = 3.3333333333em */
	letter-spacing: -0.05em; /* -3px ÷ 60px = -0.05em */
	line-height: 1.2em; /* 60px ÷ 60px = 1em */
	margin-bottom:0.8em;
	margin-top:0.8em;	
}

h3 {
	font-size: 1.6em; /* 32px ÷ 18px = 1.7777777778em */
	font-weight: 300;
	letter-spacing: -0.0425em; /* -2px ÷ 32px = -0.0625em */
	line-height: 1.1875em; /* 38px ÷ 32px = 1.1875em */
	margin-top:-15px;
}

a, a:link, a:visited{
	color:#FE5E41;
	font-weight:400; 
}

a:hover{
	color:#FE5E41;
	text-decoration:underline;
	text-shadow:none; 
	text-decoration:none;
}

.tarjaMenu
{
	position:absolute; 
	top:0px; 
	float:left; 
	width:100%; 
	background-color:#26201c; 
	height:45px; 
	color:#f0eeee; 
	font-size:18px; 
	text-align:right; 
	padding-right:40px;
}

.quebraLinha { clear:both; }

.itensContratacao { padding-left:20px; margin-top:0px; margin-bottom:0px; }

.itensContratacao li { text-align:left; }
		
.chamada, .container
{
	 width:50%; 
	 text-align:left;
}

.SeparadorTituloPromo { display:inline-block; font-weight:normal; }
.TituloPromo { display:inline-block; font-weight:bold; }


.tabelaBonificacao td { padding:5px 10px 5px 10px; cursor:pointer; }
.tabelaBonificacao { border:1px solid #808080; width:100%; }
.celulaLaranja td { background-color:#fe9380; color:#FFF; font-weight:bold; height:40px; cursor:context-menu; text-align:center; line-height:16px; }

/*----------------------------------------------------------
Itens de Formulário <<<<<===================
----------------------------------------------------------*/

fieldset { width:100%; }

.campoForm
{
	margin-top: 1em;
	width: 100%;
}

input, select, textarea { width: 100%; }

.itensFormCheck input { width:20px;	}

legend {  }

/*----------------------------------------------------------
Seçao FOOTER  <<<<<===================
----------------------------------------------------------*/
footer {
	clear:both;
	height: 50px;
	padding: 10px 0;
	width:100%; /* 1200px ÷ 1200px = 1 x 100 = 100%*/
	margin-top:20px;
	margin-bottom:280px;
}

.copyright{ float:left; }

.desenvolvedor{ float:right; }

.SegmentoFotoTitulo { float:left; width:20%; text-align:center; }

.SegmentoDescricao { float:left; width:77%; }

.SegmentoTituloTopo { display:none }

.legendaVermelha, .legendaVerde, .legendaCinza, .legendaCinzaMargem { width:260px; padding: 0px 5px 0px 20px; text-align:center; }

.legendaVermelha { background-color:#C00; color:#FFF; margin-bottom:20px; }

.legendaVerde { background-color:#390; color:#FFF; margin-bottom:20px; }

.legendaCinza, .legendaCinzaMargem { background-color:#999; color:#FFF; }
.legendaCinzaMargem { margin-bottom:20px; }

a.linkInvisivel, a.linkInvisivel:link, a.linkInvisivel:visited, .linkInvisivel:hover { text-decoration:none; color:#868686; } /* Retiro qualquer indicaçao de link deste estilo */

.txtDetalhe 
{ 
	font-size: 0.82em; /* 18px ÷ 16px = 1.125em */
	line-height: 0.8em; /* 22px ÷ 18px = 1.22222222222em*/
}

.MentorImgIcoDicaSup { display:none; }
.MentorImgIcoDicaLat { display:block; }
.MentorCelulaConteudo { text-align:left; }

.LogoSup { display:none; }
.LogoLat { display:block; }

.tarjaMenu { display:none }

.desenvolvedor { padding-top:13px; }
.linhaRodape { margin-bottom:3px; line-height:15px; }

.IconeNegociacaoTab { display:none; }

.DivInativo { font-weight:bold; text-align:center; display:inline-table; width:73px; float:inherit; background-color:#ff0a11; color:#ffffff; } 

.DivAtivo { display:inline-table; width:73px; float:inherit; } 

.AbaOff { border:1px solid #c0c0c0; padding:0px 6px 0px 6px; background-color:#eaeaec; margin-top:-25px; float:left; cursor:pointer; }

.AbaOn { font-weight:bold; border:1px solid #c0c0c0; border-bottom:0px; padding:4px 10px 0px 10px; background-color:#eaeaec; margin-top:-28px; float:left; }

.TituloLogin { display:none; }

/*----------------------------------------------------------
Media Queries <<<<<=========================================
----------------------------------------------------------*/

	/* 
	1200px – Desktops, notebooks com monitores widescreen
	***********************************************************/
	@media screen and (max-width: 1200px)
	{
		.container, .chamada { width:60%; }
	}

	/* 
	960px – Tablets no formato paisagem e alguns monitores mais antigos
	***********************************************************/
	@media screen and (max-width:960px)
	{
		.tarjaMenu { display:block; }

		.container, .chamada { width:70%; }
		.Titulo { display:none; }
		h2 { margin-bottom:0.4em; margin-top:0.4em;	}
		h3 { padding-top:0.3em; } /* 32px ÷ 18px = 1.7777777778em */
		
		.DivNomeEvento { display:none; }
		.DivNomeEventoMobile { color:#FFF; }
		.DivNomeEventoMobile { font-size:14px; line-height:19px; text-align:center; padding-left:18px; }

		.TituloLogin { display:block; margin-top:-25px; }

	}
	
	/* 
	768px – Tablets no formato retrato, como o iPad
	***********************************************************/
	@media screen and (max-width:768px)
	{

		.desenvolvedor { float:left; clear:both;  }
		.LogoMarca { position:relative; top:-20px; }
		.container, .chamada { width:80%; }
		.chamada h2, h3 { text-align: center; }
		h3 { padding-top:0.3em; } /* 32px ÷ 18px = 1.7777777778em */

		.SegmentoFotoTitulo { float:left; width:28%; text-align:center; }
		.SegmentoDescricao { float:left; width:69%; }

		.legendaVermelha, .legendaVerde, .legendaCinza, .legendaCinzaMargem { font-weight:normal; text-align:center; }

		.DivNomeEvento { display:none; }
		
		.DivNomeEventoMobile { color:#FFF; }
		.DivNomeEventoMobile { font-size:13px; line-height:18px; text-align:center; padding-left:18px; }
		
		.MentorImgIcoDicaSup { display:block; }
		.MentorImgIcoDicaLat { display:none; }
		.MentorCelulaConteudo { text-align:center; }
				
		.LogoSup { display:block; }
		.LogoLat { display:none; }

		.desenvolvedor { padding-top:0px; }
		.linhaRodape { margin-bottom:10px; line-height:15px; }
	}
	
	/* 
	480px – Smartphones no formato paisagem com tela pequena
	***********************************************************/
	@media screen and (max-width:480px)
	{
		.container, .chamada { width:95%; }
		.chamada h2, h3 { text-align: center; font-size:30px; }
		h3 { font-size: 1.5em; padding-top:0.3em; } /* 32px ÷ 18px = 1.7777777778em */

		.SegmentoFotoTitulo { width:100%; text-align:left; height:90px; }
		.SegmentoDescricao { width:100%; clear:both; }
		.SegmentoTituloLateral { display: none;}

		.SegmentoImagem { float:left; margin-right:3%; }
		.SegmentoTituloTopo {  height:72px; vertical-align: middle; display: table-cell;  font-size:20px; font-weight:bold; }

		.SegmentoTituloTopo div { line-height:13px; margin-top:3px; clear:both;  }
		.nomeServicoMenor { font-size:11px; font-weight:normal; }

		.DivNomeEventoMobile { color:#FFF; font-size:11px; }

		.DivNomeEventoMobile { font-size:11px; line-height:15px;  text-align:center; padding-left:14px; }

		.SeparadorTituloPromo { display:none; }
		.TituloPromo { margin-right:30px; }

		.divPontosDscClasses { display:none; }

		.txtOpcionalCel { display:none; }

	}

	
	/* 
	320px – Smartphones no formato retrato com tela pequena
	***********************************************************/
	@media screen and (max-width:320px)
	{
		.container, .chamada { width:95%; }
		.chamada h2, h3 { text-align: center; font-size:28px; }
		h3 { font-size:22px; }

		.DivNomeEventoMobile { font-size:11px; line-height:14px; text-align:center; padding-left:14px; }

		.nomeFornecedor { text-align: center }
	}