@import url('https://fonts.googleapis.com/css?family=Dosis:200,400,500,600');
html, body{ height:100%; }
#aspnetForm{ min-height:100%; position:relative; overflow:hidden;}

/* LOADING */
#ProgressDIV{background: rgba(0,  0,  0,  0.3);position:fixed;width:100%;height:100%;top:0px;left:0;margin-left:0px;z-index: 9999;}
#ProgressDIV > .box-load{background: #FFF;left: 50%;top: 50%;margin-left: -80px;padding: 10px 15px;border: 1px solid #ccc;position: absolute;}

.page_position_edit{ margin-top: 100px; }

.extra { max-width:1900px; min-height:100vh;  margin:auto; box-shadow:0 0 3px rgba(0,0,0,.3); overflow:hidden; }
.plus{ max-width:1400px; position:relative; margin:auto; }
.container{ width: 1174px; position:relative; margin:auto;}
.plus,
.container{ clear:both; }
.cl,
.container:after,
ul:after{ display:block; content:''; clear:both; }

.box-int { margin-top:60px; }

.txt textarea,
.txt input,
.txt select {-webkit-appearance:none; -moz-appearance:none; appearance:none; }

.fleft{ float:left; }
.fright{ float:right; }

.fx{ position:fixed; }
.abs{ position:absolute; }
.rel{ position:relative; }
/*
.cabecalho{ height:240px; }
.banner{ min-height:465px; }
.rodape{  width:100%; height:757px; bottom:0px; }
*/
.grid{ margin:0 5px; }
.g-2{ width:310px; }
.g-4{ width:810px; }

.box { margin: 0 35px; }
.box p{ margin-bottom:20px; }
.box.tj{ line-height: 170%; }


h1,
h2,
h3 { font-weight:600; line-height:120%; }

.txt textarea,
.txt input,
.txt select,
.txt{ font-family: 'Dosis', sans-serif; line-height:140%; font-size:17px; font-weight:400; color:#000000; }
.tj{ text-align:justify; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.tl{ text-align:left; }

.txt h1{ font-size:24px; font-weight:400; }
.txt h3{ font-size:14px; text-transform:uppercase; }

.laranja{ color:#c53a0e; }
.laranja1{ color:#f48000; }
.bglaranja{ background:#c53a0e; color:#FFF; }

/*DEIXA A LISTA DE FORMA ORGANIZADA*/
.lista {
  	-webkit-flex-flow: row wrap;
  	justify-content:flex-start; /*flex-start|flex-end|center|space-between|space-around|initial|inherit;*/
}
.lista li a,
.lista li a img{ display:block; }
.lista li { float:left; }
.lista.l-10 li { width:10%; }
.lista.l-9 li { width:11.111%; }
.lista.l-8 li { width:12.5%; }
.lista.l-6  li { width:16.666%; }
.lista.l-5 li { width:20%; }
.lista.l-4 li { width:25%; }
.lista.l-3 li { width:33.333%; }
.lista.l-2 li { width:50%; }
.lista.l-1 li{ width:100%; }


/*BOTÕES*/
.box-btn div.btn-ok,
.box-btn input,
.box-btn img{ background-color:#fb6a00; }

.btn-control input{ margin:0 1px;}


/*TOPO*/
.header{
	background:#114065;
}
.header .container{
	height:50px;
}
.header .titulo{
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:13px 10px;
}
.link-logo{
	display:block;
	margin:40px auto;
	max-width:400px;
}
.link-logo img {
        width:100%;
            height:auto;
}

/*FOOTER*/
.footer{
	background:#114065;
	border-bottom:30px solid #142630;;
}
.footer .container{
	height:60px;
}
.footer a{
	color:#FFF;
}
.footer a.f01{
	top:20px;
	left:10px;
	font-size:20px;
} 
.footer a.f02{
	top:20px;
	right:10px;
	font-size:20px;
}
.footer a.f02 small{
	font-size:14px;
}
.footer a.f03{
	right:10px;
	bottom:-26px;
	font-size:14px;
}

.email{
	display:block;
	margin:0 0 0 695px;
	padding-top:20px;
	width:280px;
	height:55px;
}
.dev{
	padding:10px 0;
}
.dev a{
	color:#000;
	font-size:12px;
}
.dev a img{
	position:relative;
	top:2px;
	marign-left:5px;
	margin-right:10px;
}

/*HOME - INICIAL*/
#mensagem-atualizar{
	font-size:19px;
}

.espaco-candidato{
	margin-top:30px !important;
}
.espaco-candidato .lista label {
        display:block;
        margin:5px;
}
.espaco-candidato .lista li {
        width:calc(50% - 60px);
}
.espaco-candidato .lista li.btn {
        width:120px;
}
.link-cadastro {
    display:inline-block;
    margin:0 auto 20px;
}
.btn-ok {
	background:#fb6a00 url(/images/comum/005.png) no-repeat center center;
    cursor:pointer;
    width:109px;
	height:45px;
}
.links-candidato a{
	display:block;
	float:left;
	margin:25px 15px 20px 5px;
    padding:3px 5px;
	color:#000;
}
.links-candidato a:hover{
	color:#666 !important;
}

.cadastro-esq
{
	/*width:300px;*/
	min-height:200px;
	padding:24px 0;
}
.cadastro-esq p
{
	margin:10px;
}
.cadastro-esq a
{
	font-size:10px;
	color:#163463;
	text-decoration:underline;
	font-weight:bold;
}
.cadastro-titulo {
    background:#fb6a00;
    font-size:18px;
    padding:10px;
    color:#FFF;
    font-weight:bold;
}

/*
    .topo-direita{
	margin-bottom:20px;
}
    .links-candidato, .topo-direita, .espaco-candidato {
	width:100% !important;
	height:auto !important;
	
}
.espaco-candidato input[type="text"], .espaco-candidato input[type="password"] {
	background: none !important;
	border: 1px solid #17304E !important;
	float: left;
	margin: 0 10px 0 0;
	padding: 7px !important;
	width: 220px !important;
	font-size:15px !important;

}*/

/*CONCORRER*/
.descricao-container h3{
    margin:10px 0;
}
.descricao-container .concorrer{
    background:#E0E0E0;
    padding:15px;
    margin:40px 0 20px;
}
.descricao-container .form{
    margin-top:20px;
    border-top:1px solid #CCC;
    padding-top:15px;
}
.descricao-container .form .box-input.input-concorrer{ 
   width:calc(50% - 6px); 
}
.descricao-container .form .box-input.box-input.box-textarea{ 
   width:calc(100% - 6px); 
}

.espaco-candidato input[type=text],
.espaco-candidato input[type=tel],
.espaco-candidato input[type=email],
.espaco-candidato input[type=password],
.container-dados .txt .form input[type=text],
.container-dados .txt .form input[type=tel],
.container-dados .txt .form input[type=email], 
.container-dados .txt .form input[type=password], 
.container-dados .txt .form select, 
.container-dados .txt .form textarea,
.descricao-container .form input[type=text],
.descricao-container .form input[type=tel],
.descricao-container .form input[type=email],
.descricao-container .form input[type=password],
.descricao-container .form textarea {
    display:block;
    border:1px solid #CCC;
    width:calc(100% - 22px);
    padding:10px;
    resize: none;
    height:23px;
}
.container-dados .txt .form select {
    height: 45px;
}

.descricao-container .form textarea {
    height:60px;
}
.descricao-container .box-cadastro-senha {
    padding:15px 15px 0;
}
.descricao-container .box-cadastro-senha a {
    cursor:pointer;
    color:#000;
}
.descricao-container .box-cadastro-senha a:hover {
        text-decoration:underline;
}



/*CURRICULO*/
.impressao
{
    padding-left: 8px;
    padding-right: 8px;
    font-family: Arial, sans-serif;
    color: #666666;
}

.termo
{
    width: 590px;
    height: 500px;
    margin: 25px 0 25px 15px;
    padding: 15px;
    font-size: 11px;
    text-align: justify;
    overflow: scroll;
    background: #f9f9f9;
}
.termo p
{
    padding: 6px 0;
}
.termo img
{
    cursor: pointer;
}
.top-dados
{
    width: 636px;
    height: 14px;
    padding-top: 29px;    
}
.base-dados
{
    width: 636px;
    height: 14px;
    clear: both;
}
.container-dados
{
    width: 1174px;
}
.container-dados .barra-dados
{
    color: #4e4e4e;
    font-size: 16px;
    border-bottom: 1px solid #d6d6d6;
    margin:0 0 15px;
}
.container-dados .barra-dados a
{
    text-align:center;
    display:block;
    padding:5px 10px;
    color: #4e4e4e;
}
.container-dados .barra-dados:hover a {
    font-weight:bold;
}


.container-dados .txt
{
    margin: 0 30px;
    text-align: left;
}
.container-dados .txt .form
{
    width: calc(100% - 22px);
    min-height: 250px;
    margin: 15px 0 30px 0;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #d6d6d6;
    text-align: left;
}
.box-input > span {
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:12px;
}
.box-input
{
    width:calc(25% - 6px); /*180px*/
    min-height: 42px;
    margin: 3px;
    float: left;
    padding-bottom:25px;
    position:relative;
}
.box-input.l-3 {
    width:calc(33.333% - 6px);    
}
.box-input.l-2,
.box-input.info {
    width:calc(50% - 6px);
}
.box-input.linha {
    width:calc(100% - 6px);
}
.box-input.m-top,
.box-input.conhecimento,
.box-input.necessidade {
    margin-top:20px;
}
.box-input.necessidade img,
.box-input.necessidade .desc{
        float:left;
}
.box-input.necessidade .desc {
    width:calc(100% - 63px);
}
.box-input.necessidade img {
    width:48px;
    height:auto;
    margin-right:15px;

}
.box-input.necessidade .box-input {
    margin-top:15px;
}

.box-input.interesse li {
    width:33.333%;
    display: block;
    float: left;
}
.box-input.oportunidade b {
        display:block;
}
.box-input.oportunidade li {
    margin-bottom:1px;
        width:100%;
}
.box-input.oportunidade b,
.box-input.oportunidade li div {
        padding:5px 10px;
        min-height:23px;
}
.box-input.oportunidade .data,
.box-input.oportunidade .excluir {
    text-align:center;
}
.box-input.oportunidade .desc {
    width: calc(100% - 240px);
}
.box-input.oportunidade .desc div{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.box-input.oportunidade .data {
    width:150px;
}
.box-input.oportunidade .excluir{
    width:90px;
}
.box-input.oportunidade .excluir input {
    margin-top:4px;
}

/*ESQUECI MINHA SENHA*/
.box-esqueci-senha{
  	margin-bottom:250px;
}
.box-esqueci-senha .btn-enviar{
  	margin-top:30px;
	cursor:pointer;
}


.box-check
{
    width: 180px;
    height: 42px;
    margin: 3px;
    float: left;
}
.box-check input[type=checkbox]
{
    padding: 0 2px 10px 0;
}
.form input[type=text],
.form input[type=tel],
.form input[type=email], 
.form input[type=password], 
.form select, 
.form textarea
{
    /*border:1px solid #CCC;
    width: 165px;
    padding: 3px;
    margin-top: 2px;
    font-family: Tahoma, Sans-Serif;*/
    width:calc(100% - 22px);
    padding:10px;
    border: 1px solid #777;
    font-size: 16px;
}
.form textarea {
    height:100px;
}
.form select {
    background:#FFF url(../../images/comum/001.jpg) no-repeat calc(100% - 10px) center;
    background-size:10px auto !important;
    width:calc(100% - 2px) !important;    
}
.form input[type=radio] {
    border-radius:50%;
    background:#FFF;
    border:1px solid #777;
    width:18px;
    height:18px;
    margin-bottom:-2px;
}
.form input[type=radio]:checked {
    background:#fff url(../../images/comum/010a.png) no-repeat center center;    
    background-size:80% auto !important;
}

.form input[type=checkbox]{
    background:#FFF;
    border:1px solid #777;
    width:18px;
    height:18px;
    margin:0 3px -2px;
}
.form input[type=checkbox]:checked{
    background:#fff url(../../images/comum/010.png) no-repeat center center;    
    background-size:100% auto !important;
}

#btn-dadospessoais
{
    cursor: pointer;
}

.canditato-img {
    max-width:300px;
    margin:0 auto 40px;
}
.canditato-img a {
    color:#000;
}



.bg1
{
    background: #fff;
}
.bg2
{
    background: #e7f7fe;
}
.bg3
{
    background: #ccf2ff;
}
.bg4
{
    background: #acebff;
}
.container-dados ul.lista-item{
    width:100%;
}
.container-dados ul.lista-item li:after {
    clear:both; display:block; content:'';
}

.container-dados .desc-form {
    width:calc(100% - 210px);
}
.container-dados .desc{
    width:calc(100% - 480px)
}
.container-dados .nivel{
    width:135px;
}
.container-dados .btn{
    width:75px;
}

.container-dados .lista-item li{
    padding: 10px 0;
}
.container-dados .conhecimento .lista-item > li{
    padding: 1px 0;
}
.container-dados .lista-item .btn a{
    display:block;
    color:red;
    text-align:center;
}



.container-dados .resultado-inclusao
{
    background:#eaeaea;
    margin: 5px 5px 10px;
    padding: 10px;
    font-size: 11px;
    line-height: 16px;
    border: 1px solid #ccc;
    float:left;
    width:calc(50% - 32px);
}
.container-dados .btn-editar,
.container-dados .btn-excluir {
    display:inline-block;
    padding:3px 5px;
    background:#4e4e4e;
    color:#FFF;
}
.container-dados .btn-excluir {
    background:red;
}
.pesquisatext
{
    font-size: 12px;    
    height: 16px;
}

.pesquisafield
{
    width: 200px;
    float:left;
}

.pesquisafield input
{
    border-style: solid;
    border-width: 1px;
    border-color: #858585;        
    width: 200px;
    font-size: 15px;
    color: #bbb;
}

/*BOX LOADING*/
.box-loading{ 
    background:rgba(0,0,0,.6) url(/images/comum/load.gif) no-repeat center center; 
    background-size:20px auto;
    position:fixed;
    top:0px;
    left:0px; 
    width:100%;
    height:100%;
    z-index:99;
}


@media only screen and (max-width:1174px) {
    .container,
    .container-dados{ width:960px; margin:0 auto; }
    .top-dados{ display:none; }

    .g-4 { width:610px; }
}
@media only screen and (max-width:960px) {
    .container,
    .container-dados { width:760px; }

    .container-dados .txt{ margin:0px; }

    
     .box-input.l-3{ width:calc(50% - 6px); }

     .g-2{ width:210px; }
     .g-4 { width:529px; }
    
      .g-2 a,
      .g-2 a img{ display:block; }
      .g-2 a img{ width:100%; height:auto;  }

      .link-cadastro{ max-width:250px; }
}
@media only screen and (max-width:768px) {
    .container,
    .container-dados{ width:95%; }

    .box-input{ width:calc(33.333% - 6px); }
    .box-input.l-2, .box-input.info{ width:calc(100% - 6px); }

     .box-input.l-3{ width:calc(100% - 6px); }
   
     .box-input.interesse li{ width:50%; }

     .container-dados .desc{ width:100%; }
     .container-dados .nivel,
     .container-dados .btn{ width: 25%; }

     .container-dados .desc-form { width: calc(100% - 25%); }

     .g-2, .g-4{ width:calc(100% - 10px); }

}
@media only screen and (max-width:560px) {
    
    .box-input{ width:calc(50% - 6px); }    

    .box-input.interesse li{ width:100%; }
}
@media only screen and (max-width:540px) {

    .container-dados .conhecimento .lista-item > li{ border:1px solid #CCC; padding:5px; margin-bottom:2px; }
    .container-dados .desc-form { width: calc(100% - 33.333%); }
    .container-dados .btn input{ margin:5px auto 0; }
    .container-dados .desc{  }
    .container-dados .nivel{ width:33.333%; }
    .container-dados .btn{ width:100%; text-align:left;}
    .container-dados .lista-item .btn a{ display:inline-block; }
}
@media only screen and (max-width:480px) {
    .container-dados .resultado-inclusao{ width: calc(100% - 32px); }

    .box-input.oportunidade .li-header{ font-size:10px;}
    .box-input.oportunidade .desc{ width:calc(100% - 160px); }
    .box-input.oportunidade .data{ width:90px; }
    .box-input.oportunidade .excluir { width:70px; }

    .espaco-candidato .lista li,
    .espaco-candidato .lista li.btn{ width:calc(100% - 10px); }
    .btn-ok{ margin:auto; }

    .descricao-container .form .box-input.input-concorrer{ width:calc(100% - 6px); }
}
@media only screen and (max-width:440px) {
    .container-dados .desc-form,
    .container-dados .nivel{ width:100%; }
    .container-dados .desc-form { margin-bottom:2px; }
}
@media only screen and (max-width:420px) {
    
    .box-input{ width:calc(100% - 6px); } 
}
@media only screen and (max-width:380px) {
    .footer a.f03 { width:100%; text-align:center; }
    .dev { text-align:center; }
    .dev a { float:none; width:170px; margin:auto; display:inline-block; }
}