body, html{margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;width: 100%;}
body{background-color: rgb(77, 169, 169);}

input,textarea{width:300px;}

a {color: #000;text-decoration: none;}

a.ligacoes {color: blue;}

.fundo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(100, 100, 100, 0.6);color: #fff;text-align: center;
display: none; z-index: 1;}

#titulo{margin-top: 0px;margin-bottom: 15px; padding-bottom: 5px;font-size: 19px;}
img.testevoc {position: relative; bottom: -9px;} 

.teste_container{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}

.error_quadro{display: table;width: 100%;position: absolute;top: 25%;font-family: verdana;border-radius: 7px 7px 0px 0px;padding-top: 7px;
padding-bottom: 7px;background-color: rgb(77, 169, 169);}

#tableinformation{position: relative;top: 145px;}

.teste_information{display: table;margin-right: auto;margin-left: auto;text-align: left;font-family: verdana;
padding: 0 10px 0 10px;letter-spacing: 1px;color:#fff;font-size: 18px;font-weight: bold;margin-top:10px; margin-bottom:10px;}

#testetable, #tableprofissoes{margin-top: 5px; margin-bottom:5px;}

.botao{width: 130px;padding-top: 13px;padding-bottom: 14px;padding-left: 0px;padding-right: 0px;margin-top: 8px;margin-left: auto;margin-right: auto;
margin-bottom: 8px;text-align: center;color: #FFF;font-size: 14px;font-weight: bolder;font-family: verdana, arial;border-top-left-radius: 6px;
border-bottom-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;background-color: #000;cursor: pointer;}

.divulgacao {color: #83827F; margin-bottom: 10px; text-align: center;}

.sub1{color:#CFEDFF;}

.sub2{color:#AADCEF;}

.teste_table{margin-right: auto;margin-left: auto;text-align: left;font-family: verdana;padding: 0 10px 0 10px;}

.quadro_atividades_competencias {background-color: #F5FCFE;border-radius: 7px;padding-bottom: 5px;}

.quadro_titulo{display: table;width: 100%;background-color: #9BE0F9;border-radius: 7px 7px 0px 0px;padding-top: 7px;padding-bottom: 7px;}

.tipo, .error_message{ display: table-cell;width: 100%;text-align: center; font-size: x-large;color: #fff;vertical-align: middle;padding-left: 5px;padding-right: 8px;}

.tipoprofissoes{font-size: large;}

.error_imgstop{font-size:12px; color: #fff; font-weight: bold;  padding-left: 5px;padding-right: 8px;text-align: center;}

.passo_atual{font-size: 12px;color: #000;padding-left: 5px;padding-right: 8px;text-align: center;background-color: rgb(207, 237, 255);margin-right: 5px;padding-top: 5px;padding-bottom: 5px;border-radius: 5px;}
  
.box_atividade,.box_competencias,.box_profissoes{display: table;width: 100%;padding-top:4px;padding-bottom:4px;}
.box_atividade:nth-child(odd){background-color: #F5FCFE;}
.box_atividade:nth-child(even){background-color: rgb(207, 237, 255);}

.box_competencias:nth-child(odd){background-color: #F5FCFE;}
.box_competencias:nth-child(even){background-color: rgb(207, 237, 255);}

.box_profissoes:nth-child(odd){background-color: #F5FCFE;}
.box_profissoes:nth-child(even){background-color: rgb(207, 237, 255);}

.atividade_text,.competencia_text,.profissoes_text{display: table-cell;width: 100%;text-align: left;vertical-align: middle;padding-left: 8px;}

.profissoes_text{height: 25px;}

.checkbox_unchecked{margin-right: 8px;width: 45px;color: #848181;background-color:#9BE0F9;cursor: pointer;font-size: 40px;line-height: 40px;
vertical-align: middle;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;height: 40px;}

.checkbox_checked{margin-right: 8px;width: 45px;color: #848181;background-color:#9BE0F9;cursor: pointer;font-size: 40px;line-height: 40px;
vertical-align: middle;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;height: 40px;
background-image: url('images/ok.png'); background-repeat: no-repeat;background-position: center;}

.centrar_div {display:table;margin-right: auto;margin-left: auto;}

.alinhado {float:left;margin: 15px 15px 0px 15px;}

.textfacebook {padding-left: 15px;color: #fff;}

.facebook{float:left;margin: 15px 0px 0px 15px;width: 130px;padding-top: 5px;padding-bottom: 5px;padding-left: 0px;padding-right: 0px;
text-align: center;color: #fff;font-size: 14px;font-weight: bolder;font-family: verdana, arial;border-top-left-radius: 6px;
border-bottom-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;background-color: #5b74a8;
border-color: #2f477a #29447e #1a356e;cursor: pointer;height: 35px;}

.simbolofacebook {position: relative;top: -32px;left: 5px;font-size: 25px;color: #fff;text-align: left;}

#tableinformationfinal{margin-top:15px;}

.tamanho{font-size:16px;font-weight: normal;}

#botoesfinais{display:table-cell;}

/* Área Recomendar - enviarporemail */
#bodyrecomendar{height:0%;}

#rec{margin-top: 70px;margin-left: auto;margin-right: auto; font-family: verdana;}

#env{margin-top: 50px;margin-left: auto;margin-right: auto; font-family: verdana;}

.quadro_recomendar,.quadro_enviarporemail {font-family: verdana;width:530px;  margin-left: auto;margin-right: auto;}

.quadro_enviarporemail{width:465px;}

.titulorecomendar,.tituloenviarporemail {text-align:center; color:#fff; font-size: 18px;margin: 10px;}

.box_recomendar,.box_enviarporemail {display: table; width:275px; padding-top:4px; padding-bottom:4px;}

.recomendar_text,.enviarporemail_text{display: table-cell;width: 195px;text-align: left;vertical-align: middle;padding-left: 8px;}

.enviarporemail_text{width: 100px;}

.box_input{width: 42px;}

.center{text-align: center;}

p#footer {font-size: 13px; font-family: verdana;}

@media (max-width: 600px){.teste_container{padding-left:5px; padding-right:5px;}}

@media (max-width: 530px){
.quadro_recomendar, .quadro_enviarporemail {width: 100%;}
}

@media (max-width: 510px){input,textarea{width:250px;}}

@media (max-width: 460px){
input,textarea{width:215px;}
.quadro_recomendar,.quadro_enviarporemail {width:100%;}
}

@media (max-width: 425px){input,textarea{width:180px;}}

@media (max-width: 425px){.box_recomendar, .box_enviarporemail {display: table; width: 175px;}}  

@media (max-width: 425px){
input, textarea {
    width: 180px;
}
@media (max-width: 460px){
input, textarea {
    width: 215px;
}
@media (max-width: 510px){
input, textarea {
    width: 250px;
}