﻿@charset "UTF-8";
/* CSS Document */

	#container #first-line { height:115px; margin:0 0 0 55px; }
	#container #first-line #breadcrumb { width:290px; background:#bb0900; float:left; }
	#container #first-line #breadcrumb ul { margin:0 0 0 0; padding:10px 0 0 10px; }
	#container #first-line #breadcrumb ul li { font-family:"Roboto", Arial, sans-serif; list-style:none; text-transform:uppercase; text-align:left; margin:0 0 4px 0; }
	#container #first-line #breadcrumb ul li.step-past { font-size:18px; color:#e9b262; }
	#container #first-line #breadcrumb ul li.step-present { font-size:18px; color:#f4dc7a; background:url(../images/seta-concursos.gif) no-repeat left center; padding:0 0 0 13px; }
	#container #first-line #breadcrumb ul li.step-future { font-size:16px; color:#cc4925; padding:0 0 0 13px; }
	
	#container #first-line #detalhe-concurso-header { margin:10px 0 0 0; float:left; text-align:left; margin:10px 0 0 15px; width:450px;  }
	#container #first-line #detalhe-concurso-header h2 { color:#c53b00; font-size:14px; margin:9px 0 0 0; }
	#container #first-line #detalhe-concurso-header img { border:1px solid #b4b4b4; margin:0 5px 0 0; }
	
	button { cursor:pointer; }

	#detalhe-concurso-header-content { float:left; }
	#detalhe-concurso-header-img { width:150px; float:left; }
	
	#container #first-line #continuar-depois { margin:-15px 14px 0 0; float:right; background:#eeecec; color:#c6c6c6; padding:7px 0 7px 0; width:160px; font-family:"Roboto", Arial, sans-serif; }
	#container #first-line #continuar-depois a:link,
	#container #first-line #continuar-depois a:visited,
	#container #first-line #continuar-depois a:active { color:inherit; text-decoration:none; }
	#container #first-line #continuar-depois a:hover,
	#container #first-line #continuar-depois a:visited:hover { text-decoration:underline; }
	
	#container #formulario .corrige-altura { height:1px; clear:both; float:none !important; }
	
	#container #formulario fieldset { background:#ededec; border:1px solid #a9a9a9; margin:30px 10px 0 10px; }
	#container #formulario legend { background:#ededec; border:1px solid #a9a9a9; border-bottom:none; font-family:"Roboto", Arial, sans-serif; font-size:18px; color:#bb0900; padding:5px 10px 0 10px; margin:0 0 20px 10px; }
	#container #formulario div.label { font-family:"Roboto", Arial, sans-serif; font-size:14px; display:block; text-align:left; padding:5px 0 5px 30px; clear:both; }
	#container #formulario div.label span.asterisco,
	#confirma-dados #dados div.label span.asterisco { color:#bb0900; padding:0 3px 0 0; }
	#container #formulario div.label div.title { width:200px; text-align:right; padding:10px 18px 0 0; float:left; }
	
	#container #formulario div.label ul { display:block; float:left; margin:10px 0 0 0; padding:0; width:690px; }
	#container #formulario div.label ul li { list-style:none; margin:0 20px 10px 0; display:block; float:left; width:30%; }
	#container #formulario div.label ul li input { margin:0 8px 0 0; }
	
	#container #formulario span.balao-ajuda-botao { margin:10px 0 0 -25px; position:absolute; }
	#container #formulario span.balao-ajuda-botao-radiocheck { padding:0 0 0 5px; position:static; margin:0;}
	#container #formulario span.balao-ajuda { position:absolute; float:left; width:283px; margin:-20px 0 0 5px; display:none; }
	#container #formulario div.balao-ajuda-content { background:#c53b00; font-family:"Roboto", Arial, sans-serif; font-size:12px; color:white; display:block; padding:15px; text-align:justify; width:240px; float:right; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
	#container #formulario div.balao-ajuda-seta { width:13px; height:40px; float:left; background:url(../images/form-balao-seta.png) no-repeat right top; }
	
	
	#container #formulario input[type="text"],
	#container #formulario textarea,
	#container #formulario select { border:2px solid #c1c1c1; float:left; height:33px; font-size:14px; color:#a9a9a9; font-family:"Roboto", Arial, sans-serif; padding:0 10px 0 10px; background:url(../images/form-input-bg.gif) white no-repeat left top; -webkit-box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); -moz-box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); }
	#container #formulario textarea { padding:10px 6px 6px 10px; height:inherit; }
	#container #formulario select { padding:5px 10px 0 10px; background:white;  }
	#container #formulario select.selectMultiple { height:inherit;  background:url(../images/form-input-bg.gif) white no-repeat left top; }
	#container #formulario select optgroup { font-style:normal; font-family:"Roboto", Arial, sans-serif; color:#404040; }
	#container #formulario select option { color:#646464; font-family:"Roboto", Arial, sans-serif; }
	#container #formulario select option:disabled { color:#dedcdc; }
	#container #formulario select option.escolha { margin:0 0 10px 0; }
	#container #formulario div.select-container { float:left; border-right:2px solid #c1c1c1; -webkit-box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); -moz-box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); box-shadow: 3px 3px 0px rgba(213, 213, 213, 0.75); }
	#container #formulario div.select-container select { backface-visibility:white; }
	#container #formulario select.selected { color:#bb0900 !important; }
	#container #formulario option:selected { color:#bb0900 !important; background:red; }
	
	#container #formulario input:disabled,
	#container #formulario input[readonly],
	#container #formulario textarea:disabled,
	#container #formulario textarea[readonly] { background:#ededec; color:#b4b4b4; border:1px solid #d7d7d7; }
	#container #formulario div.disabled { color:#a2a2a2; }
	
	#container #formulario .inputfilled {  color:#bb0900 !important; }
	#container #formulario .inputfocus {  border:2px solid #bb0900 !important; background:#fdf6d9 !important; }
	#container #formulario .labelhover { background:#e9e9e8; }
	
	#container #formulario #enviar-inscricao { display: block; clear: both; float: left; width: 100%; }
	#container #formulario #enviar-inscricao label { padding: 20px 0 0 20px; float: left; } 

	#container #formulario button,
	#container #conteudo button { background: #bf303c; border-bottom: solid 2px #ed505d !important; border-radius: 4px; color: #FFF; padding: 10px 20px;  margin: 20px auto; display: block; clear: both; }
	#container #conteudo button { border: 0; font-size: 1em; }
	#confirma-dados #conteudo button#inscricao { font-size: 1.5em; }
	
	#sac-online { font-size:12px; width:375px; height:145px; font-family:"Roboto", Arial, sans-serif; color:black; text-align:left; position:fixed; top:200px; right:-347px; background:white url(../images/sac-bg.png) no-repeat 10px 15px; border:2px solid #c94139; z-index: 1;}
	#sac-online img { padding:22px 0px 0 30px; }
	#sac-online h6 { font-size:12px; font-weight:normal; margin:20px 0 0 0; }
	#sac-online { float:left; }
	#sac-online ul { margin:15px 0 0 0; padding:0 0 0 0; background:url(../images/sac-icons.gif) no-repeat 178px top; }
	#sac-online ul li { list-style:none; padding:0 0 0 198px; margin:0 0px 0 0; }
	#sac-online ul li a:link,
	#sac-online ul li a:active,
	#sac-online ul li a:visited { text-decoration:none; color:inherit; }
	#sac-online ul li a:hover,
	#sac-online ul li a:visited:hover { text-decoration:underline; }
	
	
	/* confirmação de dados */
	#confirma-dados #dados { width: 75%; margin: 0 auto;}
	#confirma-dados fieldset { background:#fcfcfc; border:none; background:url(../images/dados-edit.png) no-repeat right 10px; margin:40px 0 0 0; }
	#confirma-dados fieldset.pagamento { background:url(../images/dados-linha.png) no-repeat right 10px !important; }
	#confirma-dados #info-principal { font-family:"Roboto", Arial, sans-serif; text-align:left; margin:0 0 0 240px; }
	#confirma-dados #info-principal h3 { font-weight:normal; color:#bb0900; font-size:22px; margin:40px 0 0 0; }
	#confirma-dados #info-principal p { margin:5px 0 10px 0; }
	#confirma-dados #info-principal #comprovante { width:170px; height:73px; background:#bb0900; color:#e9b262; font-size:25px; text-align:center; float:left; padding:5px 3px 0 0; margin:-15px 20px 0 -170px; }
	#confirma-dados #info-principal #comprovante span.numero { color:#f4dc7a; font-size:30px; font-family:"Roboto", Arial, sans-serif; font-weight: 700; }
	#confirma-dados #dados legend { width:230px; text-align:right; font-family:"Roboto", Arial, sans-serif; font-size:18px; color:black; float:left; }
	#confirma-dados #dados a.edit-dados:link,
	#confirma-dados #dados a.edit-dados:active,
	#confirma-dados #dados a.edit-dados:visited { text-decoration:none; color:#bb0900; float:right; font-size:12px; padding:3px 0 0 0; }
	#confirma-dados #dados a.edit-dados:hover,
	#confirma-dados #dados a.edit-dados:visited:hover { text-decoration:underline; }
	#confirma-dados #dados div.label { clear:both; text-align:left; padding:14px 0 0 0; color:#bb0900;  }
	#confirma-dados #dados div.label div.title { float:left; width:235px; text-align:right; margin:0 10px 0 0; padding:0 22px 0 0; color:black; background:url(../images/dados-line.png) no-repeat top right; }
	
	#confirma-dados #formulario.pagamento { border:none; }
	#confirma-dados #formulario.pagamento #situacao-pagamento { width:300px; font-family:"Roboto", Arial, sans-serif; height:20px; background:#bb0900; color:white; padding:10px; }
	#confirma-dados #formulario.pagamento fieldset { float:left; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao { width:60%; }
	#confirma-dados #formulario.pagamento fieldset.isencao { width:30%; margin: 0 !important; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao p,
	#confirma-dados #formulario.pagamento fieldset.isencao p { font-family:"Roboto", Arial, sans-serif; text-align:left; font-size:18px; margin:0 0 0 0; padding:0 12px 0 12px; color:#5f5f5e; text-align:justify; }
	#confirma-dados #formulario.pagamento fieldset.isencao p { font-size:13px; }
	#confirma-dados #formulario.pagamento fieldset.isencao h4 { font-family:"Roboto", Arial, sans-serif; font-weight:normal; margin:0 0 10px 0; padding:0px; font-size:18px; text-align:left; }
	#confirma-dados #formulario.pagamento fieldset.isencao button { font-size:12px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento { background:url(../images/cartoes.png) no-repeat 12px top; height:43px; padding:0 0 0 12px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li { list-style:none; display:block; float:left; padding:0 14px 0 0; }
	
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a { display:block; text-indent:-9000px; height:42px; width:20px; margin:-1px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a.selected { border:2px solid #bb0900; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a.visa { width:66px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a.mastercard { width:65px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a.bancodobrasil { width:42px; }
	#confirma-dados #formulario.pagamento ul#formas-pagamento li a.boletobancario { width:137px; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao #campos-cartao { display:none; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao button { margin-left:70px; text-align:left; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao button.button-boleto { margin-left:-360px; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao button.button-cartao { margin-left:-405px; }
	#confirma-dados #formulario.pagamento fieldset.dados-cartao button.button-debito { margin-left:-405px; }
	#confirma-dados #formulario.pagamento fieldset button { font-size:22px; padding:10px; }
	
	#container #formulario.recurso em { font-size:10px; font-style:normal; clear:both; display:block; margin:0 0 0 220px; padding:10px 0 0 0; }
	#container #formulario.recurso ul li { display:list-item !important; }
	#container #formulario.recurso #enviar-inscricao { margin:0 0 0 15px; padding:0px; }
	#container #formulario.recurso h1 { font-family:"Roboto", Arial, sans-serif; color:#BB0900; }
	#container #formulario.recurso #first-line { height:40px; }
	
	#confirma-dados #acoes-finais { clear:both; } 
	
	#termos-e-condicoes { overflow: auto; width: 1000px; float: left; height: 100px; padding: 10px; margin: 30px 10px 0 10px; font-family: "Roboto"; text-align: justify; }
	#termos-e-condicoes h6 { font-size:15px; margin:0 0 10px 0; }
	
	
	.travanome { background:#BB0900; margin:-45px 0 0 0; position:absolute; width:880px; height:30px; opacity:.8; padding:10px; color:white; }
	.travanome button { float:right !important; margin:-3px 10px 0 0 !important; box-shadow:none !important; padding:5px !important; text-shadow:none !important; background: #c53b00; color: #f1d073;}
	
	.panel-primary 
	{
	    text-align:left;
		margin-left: 20px;
	}

	/*
		dashboard buttons 
	*/

	#container #conteudo #myDashboard .dashboard button { text-align: left; padding: 5px 0 5px 10px; width: 180px; margin: 0 0 2px 0; display: inline-block; clear: none; }
	#container #conteudo #myDashboard .dashboard button.disabled { background-color: #999 !important; border-color: #666 !important; }
	#myDashboard .dashboard button em { font-style: normal; }


	#myDashboard .dashboard button img { display: none; }