html, body
{
    margin:0px;
    height:100%;
    /*background-color:#003300;*/
    background:#6C7A89;
    font-family:Arial, Arial Narrow, Tahoma, Sans-Serif;
}

.loginBoxForm_input
{
    margin-bottom: 20px;
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFFFF;
    /*border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;*/
    border:1px solid #FF0000;
    font-style:italic;
    width: 200px;
    outline:none;
}

.loginBoxForm_input.login
{
    /*margin-bottom: 20px;*/
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFFFF;
    /*border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;*/
    font-style:italic;
    width: 200px;
    outline:none;
    background-image:url("img/login_icon.png");
    background-repeat:no-repeat;
    background-position:right;
}

.loginBoxForm_input.login_erro
{
    /*margin-bottom: 20px;*/
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFF75;
    /*border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;*/
    font-style:italic;
    width: 200px;
    outline:none;
    background-image:url("img/login_icon.png");
    background-repeat:no-repeat;
    background-position:right;
}

.loginBoxForm_input.password
{
    /*margin-bottom: 20px;*/
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFFFF;
    /*border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;*/
    font-style:italic;
    width: 200px;
    outline:none;
    background-image:url("img/pass_icon.png");
    background-repeat:no-repeat;
    background-position:right;
}

.loginBoxForm_input.password_erro
{
    /*margin-bottom: 20px;*/
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFF75;
    border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;
    font-style:italic;
    width: 200px;
    outline:none;
    background-image:url("img/pass_icon.png");
    background-repeat:no-repeat;
    background-position:right;
}


.loginBoxForm_input
{
    /*margin-bottom: 20px;*/
    height:23px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFFFF;
    /*border-color: #f0f9fe;
    border-top:0px;
    border-bottom-color: #d2dbe0;*/
    border:0px none transparent;
    font-style:italic;
    width: 200px;
    outline:none;
}
/*.loginBoxForm_input:focus{box-shadow: #56b6f3 2px 2px 4px;box-shadow: #066CA1 0px 0px 24px;}
.loginBoxForm_input:focus{box-shadow: #00FF00 2px 2px 4px;box-shadow: #00FF00 0px 0px 4px;}*/
.loginBoxForm_input:focus{box-shadow: #999999 2px 2px 4px;box-shadow: #999999 0px 0px 4px;}

/*
.campos
{
    margin-bottom: 20px;
    font-size:13px;
    padding-left: 9px;
    box-shadow: #525B60 2px 2px 4px;
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
    font-style:italic;
    width: 200px;
    outline:none;
}
*/

campos
{
    display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    /*line-height: 1.5;*/
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.campos.select1
{
   /* display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    background-color: #fff;
}

.campos.select2
{
    /*display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #FFFF75;*/
    background-color: #FFFF75;
}

.campos.edit1
{
    /*display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    background-color: #fff;
}

.campos.edit2
{
    /*display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    background-color: #FFFF75;
}

.campos.edit3
{
    /*display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #CCCCCC;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    background-color: #CCCCCC;
}

.campos.memo1
{
    display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.campos.memo2
{
    display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #FFFF75;
}

.checkbox1
{
    margin:10px 0px 10px 0px;
}

/*.loginBoxForm_input:focus{box-shadow: #56b6f3 2px 2px 4px;box-shadow: #066CA1 0px 0px 24px;}*/
.campos:focus
{
    /*box-shadow: #00FF00 2px 2px 4px;
    box-shadow: #00FF00 0px 0px 24px;*/
    
    -webkit-box-shadow: 5px 5px 15px 5px #CFCFCF;
    box-shadow: 5px 5px 15px 5px #CFCFCF;
}

#id_field_user{background-image: url(login/login_icon.png); background-repeat: no-repeat; background-position: 187px 5px;}
#id_field_pass{background-image: url(login/pass_icon.png); background-repeat: no-repeat; background-position: 188px 5px;margin-bottom: 0px !important;}

.titulo
{
    color:#16A085;
    font-size:29px;
}

#btn_login{
    /*background-image: url(img/btn_login_centec.png);*/
    background-color:#478F4A;
    padding-top: 4px;
    padding-bottom: 5px;
    /*width:213px;*/
    text-align: center;
    border:0px;
    border-radius: 3px;
    margin-top:15px;
    cursor: pointer;
    font-size:16px;
    /*font-weight:bold;*/
    color:#FFFFFF;
    margin:0px 5px 0px 5px;
}

.btn_login{
    /*background-image: url(img/btn_login_centec.png);*/
    background-color:#478F4A;
    padding-top: 4px;
    padding-bottom: 5px;
    /*width:213px;*/
    text-align: center;
    border:0px;
    border-radius: 3px;
    margin-top:15px;
    cursor: pointer;
    font-size:16px;
    /*font-weight:bold;*/
    color:#FFFFFF;
    margin:0px 5px 0px 5px;
}

.botoes
{
    padding: 5px 10px 5px 10px;
    margin-left: 5px;
    /*width:213px;*/
    height:32px;
    text-align: center;
    border:0px;
    border-radius: 3px;
    margin-top:15px;
    cursor: pointer;
    font-size:12px;
    font-weight:bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* #btn_login:hover{outline:none; box-shadow: #56B6F3 0px 0px 32px} 
.botoes:hover{outline:none; box-shadow: #00FF00 0px 0px 32px}*/
.botoes:hover{outline:none; box-shadow: #D9D9D9 0px 0px 20px}

.botoes.salva
{
    background-color:#16A085;
    color:#ffffff;
}

.botoes.cancela
{
    background-color:#16A085;
    color:#ffffff;
}

.botoes.cancelaInscrito
{
    background-color:#717171;
    color:#ffffff;
    margin-bottom:10px;
}

.botoes.exclui
{
    background-color:#FF0000;
    color:#ffffff;
}

.btnFiltro
{
    padding: 5px 10px 5px 10px;
    margin-left: 5px;
    /*width:213px;*/
    height:32px;
    text-align: center;
    border:0px;
    border-radius: 3px;
    margin-top:15px;
    cursor: pointer;
    font-size:12px;
    font-weight:bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#006600;
    color:#ffffff;
}


.btnFiltro:hover{outline:none; background-color:#FF9900; box-shadow: #D9D9D9 0px 0px 20px}

.caixa
{
    padding:10px;
    border: 1px solid #16A085;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.caixa.matricula
{
    padding:10px;
    border: 1px solid #16A085;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin:0px 20% 0px 20%;
}

.caixa.matricula2
{
    padding:10px;
    border: 1px solid #16A085;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin:4%;
    width:90%;
}

.mensagem
{
    background-color:#FFFF75;
    color:#FF0000;
    -webkit-border-radius: 10px 0px 10px 0px;
    border-radius: 10px 0px 10px 0px;
    width:100%;
}

.mensagem.Edita
{
    background-image:url("../imagens/informacao.png");
    background-repeat:no-repeat;
    background-position:left;
    padding:5px 5px 5px 55px;
    border: 1px solid #16A085;
    height:100px;
    width:100%;
    
}

.mensagem.Delete
{
    background-image:url("../imagens/alerta.png");
    background-repeat:no-repeat;
    background-position:left;
    padding:5px 5px 5px 55px;
    border: 1px solid #16A085;
    height:100px;
    width:100%;
}

#languages{padding:0px;margin:0px;list-style:none;}
#languages li {display: inline; font-size: 11px;margin-left: 14px;cursor:pointer; white-space: nowrap;padding: 6px;}
#languages li.selected{border: 1px solid #787878; background-color: rgba(255, 255, 255, 0.6);border-radius: 3px;}
#languages li img{vertical-align: middle;margin-right: 2px;}

#id_bar_right, #id_login_msg_url{
    padding-right:40px;
}
#trial{
    position: relative;
    color: #FFF;
    text-align: center;
    top: -moz-calc(-20% + 80px);
    top: -webkit-calc(-20% + 80px);
    top: calc(-20% + 80px);
    font-weight: bold;
    font-size:13px;
}
@media screen and (max-width : 800px) {
        #header{display: none;}
        #side_left{float:none;
            top: -moz-calc(10%);
            top: -webkit-calc(10%);
            top:calc(10%);
            width: 100%;
            text-align: center;
        }
        #side_right{
            float:none;
            top: -moz-calc(10%);
            top: -webkit-calc(10%);
            top: calc(10%);
            width: 100%;
            text-align: center;
        }
        #separator{display:none;}
        #id_cp{display:none;}

        #id_div_forgotPass
        {
            width: 100%;
            text-align: center;
        }
        #loginErroDiv
        {
            margin-left: -moz-calc( 50% - 120px);
            margin-left: -webkit-calc(50% - 120px);
            margin-left:calc(50% - 120px );
        }
}

@media screen and (max-width : 450px) {
    #side_left img{width:inherit;}
}
/*========================= OLD ===========================*/
.nmLoginErroDiv
{
	background-color: #F2DEDE;
	border: 1px solid #A94442;
    width:274px;
	padding: 10px;
    margin:4px;
    color:#A94442;
	display:none;
	border-radius: 2px;
    border-color: #A94442;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	box-shadow: 0px 0px 32px #56B6F3;
	-moz-box-shadow: 0px 0px 32px #56B6F3;
	-webkit-box-shadow: 0px 0px 32px #56B6F3;
}

.imgInscricao
{
    background-color:#fff;
    height:200px;
    background-image:url("../imagens/fundo_verde.png");
}

.imgComputador
{
    height:200px;
    background-image:url("../imagens/exame_online_verde.png");
    background-repeat:no-repeat;
    background-position:center top;
}

.btnEsmaece
{
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border:0px none transparent;
    background-color:#808080;
    width:50px;
    height:50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    padding:15px 20px 15px 20px;
    margin-bottom:20px;
}

.btnAvanca
{
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border:0px none transparent;
    background-color:#33CC00;
    width:50px;
    height:50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    padding:15px 20px 15px 20px;
    margin-bottom:20px;
}

.btnConfirma
{
    color:#fff;
    font-size:14px;
    font-weight:bold;
    border:0px none transparent;
    background-color:#16A085;
    padding:8px;
}

.avisoEmail
{
    font-size:13px;
    padding: 5px;
    color:#FF0000;
    background-color: #FFFF75;
    border:1px solid #16A085;
    font-style:italic;
    outline:none;
    -webkit-border-radius: 5px 5px 50px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-left:10px;
}

.labelAtivo
{
    font-size:14px;
    text-align:center;
    color:#fff;
    background-color:#00CC00;
    padding:5px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.labelInativo
{
    font-size:12px;
    text-align:center;
    color:#CCCCCC;
    padding:5px;
}

.headerFields
{
    padding: 0px 10px 0px 0px;
    color: #16A085;
    text-align: right;
    background-color:#fff;
}

.contador
{
    border:1px solid #CCCCCC;
    padding:5px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin-right:10px;
}

.classBtn {
	cursor:pointer;
	background-color:#44c767;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
    text-indent:0;
	border:1px solid #18ab29;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    height:50px;
	line-height:50px;
    width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f6627;
}.classBtn:hover {
	background-color:#5cbf2a;
}.classBtn:active {
	position:relative;
	top:1px;
}

.classBtnCancelar{
	cursor:pointer;
	/*background-color:#44c767;*/
	background-color:#333333;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
    text-indent:0;
	/*border:1px solid #18ab29;*/
	border:1px solid #666666;
	display:inline-block;
	/*color:#ffffff;*/
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    height:50px;
	line-height:50px;
    width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f6627;
	margin-right:10px;
}
.classBtnCancelar:hover {
	/*background-color:#5cbf2a;*/
	background-color:#666666;
	color:#333333;
}
.classBtnCancelar:active {
	position:relative;
	top:1px;
}

.classBtnSair {
	cursor:pointer;
	background-color:#44c767;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
    text-indent:0;
	border:1px solid #18ab29;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    height:35px;
	/*line-height:50px;*/
    width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f6627;
	margin:0px 5px 0px 5px;
}

.classBtnSair {
	cursor:pointer;
	background-color:#44c767;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
    text-indent:0;
	border:1px solid #18ab29;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    height:35px;
	/*line-height:50px;*/
    width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f6627;
	margin:0px 5px 0px 5px;
}
.classBtnSair:hover {
	background-color:#5cbf2a;
}.classBtnSair:active {
	position:relative;
	top:1px;
}


.classBtnResultado {
	cursor:pointer;
	background-color:#4183CB;
	-webkit-border-top-left-radius:28px;
	-moz-border-radius-topleft:28px;
	border-top-left-radius:28px;
	-webkit-border-top-right-radius:28px;
	-moz-border-radius-topright:28px;
	border-top-right-radius:28px;
	-webkit-border-bottom-right-radius:28px;
	-moz-border-radius-bottomright:28px;
	border-bottom-right-radius:28px;
	-webkit-border-bottom-left-radius:28px;
	-moz-border-radius-bottomleft:28px;
	border-bottom-left-radius:28px;
    text-indent:0;
	border:1px solid #18ab29;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    height:35px;
	/*line-height:50px;*/
    width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f6627;
	margin:0px 5px 0px 5px;
}
.classBtnResultado:hover {
	background-color:#2953C0;
}.classBtnResultado:active {
	position:relative;
	top:1px;
}

.classBtnInscricao
{
    padding:5px;
    border:1px solid #478F4A;
    width:200px;
    margin-left:80px;
    background-color:#478F4A;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.classBtnInscricao:hover
{
	background-color:#5cbf2a;
}

.grid
{
    width:100%;
    font-size:12px;
    background-color:#fff;
    border:1px solid #DAF2D9;
}

.gridheader
{
    /*background-color:#6C7A89;
    background-color:#478F4A;
    background-color:#014573;*/
    background-color:#17A2B8;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
}

.gridalternate
{
    /*background-color:#DAF2D9;
    background-color:#C8F2F9;*/
    background-color:#EEEEEE;
    color:#000;
    font-size:12px;
}

.gridpager
{
    /*background-color:#6C7A89;
    background-color:#478F4A;*/
    background-color:#17A2B8;
    color:#FFCC00;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
}

.gridpager:link
{
    color:#fff;
    font-size:12px;
}

.gridpager:visited
{
    color:#fff;
    font-size:12px;
}

.gridpager:hover
{
    color:#fff;
    font-size:12px;
    background-color:#FFCC00;
}

.gridpager:active
{
    color:#FFCC00;
    font-size:14px;
}

/*  COLOCANDO DIVS LADO A LADO */

.div-float
{
    float: left;
    width: 47%;
    height: auto;
    margin: 1em;
    /*background-color: #ccc;*/
}

.div-clear
{
    clear: left;
}

.div-inline
{
    display: inline-block;
    width: 200px;
    height: 100px;
    margin: 1em;
    background-color: #ccc;
}