@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




body{
    margin:0;
    background-color:#0d462d; 
   font-family: 'Roboto-Regular';
}

h1,h2,h3{
    color:#fff;
}

/*------------------------------------------------------------------------------------INÍCIO BARRA DE PROGRESSO--------------------------------------------------------------------------*/
#container_barra {
    width:60%;
    height:auto;
 display:none; 
}
#barra_progresso{ 
 position:absolute;
 top: 40%;
 left: 40%;
 z-index:2;
 float:left;
}
#barra_progresso2{ 
 position:absolute;
 z-index:1;
 top: 40%;
 left: 40%;
 float:left;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM BARRA DE PROGRESSO<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*----------------------------------------------------------------------------------INÍCIO CABEÇALHO DO SITE----------------------------------------------------------------------------*/


#topo{
    width:100%;
    height:200px;
    border-bottom:solid 2px gray;
    background-color:#fff;
    display:none;
    
}

#topo_relatorio{
    width:100%;
    height:200px;
    border-bottom:solid 2px gray;
    background-color:#fff;
   
    
}

#logo{
    width:40%;
    height:auto;
    margin-left:30%;
    float:left;
  
}
#logo img{
    width:600px;
    height:180px;
    margin:5px;
}

#logo_usuario{
    width:40%;
    height:auto;
    margin-left:30%;
    float:left;
  
}
#logo_usuario img{
    width:600px;
    height:180px;
    margin:5px;
}

#logo_impressao{
    width:40%;
    height:auto;
    margin-left:30%;
    float:left; 
    display:none;
}

#logo_impressao img{
     width:600px;
    height:180px;
    margin:5px;
}
.mensagem{
    width:20%;
    height:auto;
     float:left;
   margin-top:160px;
   margin-left:5%;
}
.mensagem a{
    width:15%;
    height:auto;
    text-decoration:none;
    color:green;
    float:left;
    
}
.mensagem a:last-of-type{
   width:65%;
    height:auto;
    text-decoration:none;
    color:green;
    float:left;
    padding-top:15px;  
}

.mensagem img{
    width:40px;
    height:40px;
    float:left;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM DO CABEÇALhO<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*-------------------------------------------------------------------------------REFERENTE A PÁGINA INICIAL--------------------------------------------------------------------*/
.area_site{
    width:100%;
    height:auto;
    opacity:100%;
    
}

.area_site h2{
    text-align:center;
}



#manutencao{
    width:80%;
    height:auto;
    margin-left:10%;
    
}

#manutencao h1{
    margin-top:15%;
    text-align:center;
    padding:15px;
}

#conteudo{
    width:100%;
    height:auto; 
   display:none;
}

#conteudo h1{
    text-align:center;
    padding:10px;
    font-size:25px;
}
/*botões alinhados em div como linhas*/
#linha_um{
   width:90%; 
   height:auto;
   float:left;
   margin-left:5%;
  margin-bottom:15px;
}

#linha_um a{
    width:180px;
    height:60px;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#fff;
    float:left;
    margin-left:20px;
    border:2px solid #fff;
   
}
#linha_um a:first-child{
    padding:10px;
    margin-left:25%;
}

#linha_um a:hover{
    background-color:#fff;
    color:#000;
}

#linha_dois{
   width:90%; 
   height:auto;
   float:left;
   margin-left:5%;
  
}

#linha_dois a{
    width:180px;
    height:60px;
    padding-top:12px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:8px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#fff;
    float:left;
    margin-left:20px;
    border:2px solid #fff;
   
}
#linha_dois a:first-child{
    padding:10px;
    margin-left:25%;
}

#linha_dois a:hover{
    background-color:#fff;
    color:#000;
}

/*parte mobile dos quadros na página inicial*/

#linha_um_mobile{
   width:90%; 
   height:auto;
   float:left;
   margin-left:5%;
  margin-bottom:15px;
  display:none;
}

#linha_um_mobile a{
    width:180px;
    height:60px;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#fff;
    float:left;
    margin-left:20px;
    border:2px solid #fff;
   
}
#linha_um_mobile a:first-child{
    padding:10px;
    margin-left:38%;
}

#linha_um_mobile a:hover{
    background-color:#fff;
    color:#000;
}


/*parte mobile dos quadros na página inicial*/



#linha_tres{
   width:90%; 
   height:auto;
   float:left;
   margin-left:5%;
  margin-bottom:15px;
}

#linha_tres a{
    width:180px;
    height:60px;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#fff;
    float:left;
    margin-left:42%;
    border:2px solid #fff;
   
}
#linha_tres a:hover{
    background-color:#fff;
    color:#000;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FIM DA REFERÊNCIA A PÁGINA INICIAL<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/






/*----------------------------------------------------------INÍCIO PÁGINA NETIQUETA-------------------------------------------------------------------------------*/

#area_netiqueta{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;
}

#area_netiqueta h3{
    width:100%;
    height:auto;
    font-size:18px;
    text-align:center;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    
}

#area_netiqueta h4{
     width:100%;
    height:auto;
    text-align:center;
     font-size:18px;
}

#area_netiqueta h5{
     width:100%;
    height:auto;
    text-align:center;
     font-size:18px;
}
#area_netiqueta p{
    width:90%;
    margin-left:3%;
     margin-right:5%;
   font-size:18px;
    padding-left:20px;
     padding-right:20px;
     margin-bottom:50px;
}

/*#conteudo_netiqueta a{
   margin-left:960px;
    
}*/


#form_entrada{
    width:100%;
    height:auto;
     text-align:center;
     display:none;
}

#form_entrada label{
     width:100%;
     height:auto;
   
}

#ano{
    width:25%;
    height:30px;
    margin-top:10px;
    margin-bottom:10px;
}

#btn_link{
    width:120px;
    height:40px;
    text-decoration:none;
    text-align:center;
    font-size:16px;
    padding:5px;
    color:#fff;
    margin-left:20px;
    background-color:green;
     border:1px solid grey;
    border-radius:5px;
   
   
}

#btn_link:hover{
    background-color:#fff; 
    color:green;
     cursor:pointer;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FIM ÁREA NETIQUETA <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/







/*----------------------------------------------------------INÍCIO ÁREA DE FORMULÁRIO----------------------------------------------------------------------*/
.area_formulario{
    width:90%;
    height:auto;
    margin-left:5%;
    margin-top:50px;
  
}

#form_pre_matricula{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;

}

#form_pre_matricula h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    
}

#form_cadastro_func{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;

}

#form_cadastro_func h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    
}
#form_pre_matricula_infantil{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;

}

#form_pre_matricula_infantil h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    
}


#form_pre_matricula_eja{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;

}

#form_pre_matricula_eja h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    
}

#form_pre_matricula_alterar{
     width:70%;
    height:auto;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
display:none;

}

#form_pre_matricula_alterar h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    
}


#aviso{/*span anterior aos inputs*/
    color:red;
    font-size:16px;
    margin-left:5px;
   
}

#mostra{/* div em que se tem o returno do envio de dados por js*/
 /* width:60%;
  height:40%;
  color:#000;
  background-color:#fff;
  position:absolute;
  z-index:5;
  top:200px;*/
}

.form_linha{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
     padding-left:30px;
     padding-right:10px;
}

.form_linha label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

.form_linha input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
.form_linha select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}



#form_linha_especial{
    width:98%;
    height:auto;
    float:left;
     padding-left:30px;
     padding-right:10px;
     margin-bottom:10px;
      display:none;
}

#form_linha_especial label{
    width:90%;
    height:auto;
     float:left;
    font-size:16px;
    text-align:left;
  
}

#form_linha_especial input{
    width:90%;
    height:30px;
    font-size:16px;
    float:left;
  border:1px solid grey;
    border-radius:5px;
}
#form_linha_especial select{
   width:15%;
    height:30px;
   font-size:16px;
   float:left;
   border:1px solid grey;
    border-radius:5px;
    
}

#form_linha_especial_infantil{
    width:98%;
    height:auto;
    float:left;
     padding-left:30px;
     padding-right:10px;
     margin-bottom:10px;
      display:none;
}

#form_linha_especial_infantil label{
    width:90%;
    height:auto;
     float:left;
    font-size:16px;
    text-align:left;
  
}

#form_linha_especial_infantil input{
    width:90%;
    height:auto;
    font-size:16px;
    float:left;
  border:1px solid grey;
    border-radius:5px;
}
#form_linha_especial_infantil select{
   width:15%;
    height:30px;
   font-size:16px;
   float:left;
   border:1px solid grey;
    border-radius:5px;
    
}
#form_linha_especial_eja{
    width:98%;
    height:auto;
    float:left;
     padding-left:30px;
     padding-right:10px;
     margin-bottom:10px;
      display:none;
}

#form_linha_especial_eja label{
    width:90%;
    height:auto;
     float:left;
    font-size:16px;
    text-align:left;
  
}

#form_linha_especial_eja input{
    width:90%;
    height:30px;
    font-size:16px;
    float:left;
  border:1px solid grey;
    border-radius:5px;
}
#form_linha_especial_eja select{
   width:15%;
    height:30px;
   font-size:16px;
   float:left;
   border:1px solid grey;
    border-radius:5px;
    
}
#area_responsavel{
    width:100%;
    height:auto; 
}
#area_responsavel3{
    width:100%;
    height:auto; 
}

#area_especial{/*área que surge ao selecionar se o aluno tem necessidade especial, aparecem opções de necessidade especial*/
      border:2px solid gray;
    margin-bottom:10px;
    width:80%;
    height:auto;
    float:left;
    margin-left:5%;
    padding:10px;
    background-color:#FFF;
   display:none;
}

#area_especial_eja{/*área que surge ao selecionar se o aluno tem necessidade especial, aparecem opções de necessidade especial*/
      border:2px solid gray;
    margin-bottom:10px;
    width:80%;
    height:auto;
    float:left;
    margin-left:5%;
    padding:10px;
    background-color:#FFF;
   display:none;
}

#area_especial_infantil{
   border:2px solid gray;
    margin-bottom:10px;
    width:80%;
    height:auto;
    float:left;
    margin-left:5%;
    padding:10px;
    background-color:#FFF;
   display:none;  
}
.obrigatorio{/*referente ao asterisco obrigatório do formulário*/
    color:red;
}


.coluna1{
   width:40%; 
   height:auto;
    float:left;
}
.coluna2{
   width:40%; 
   height:auto;
    float:left;
    margin-left:20%;
}
.coluna3{
    width:40%; 
   height:auto;
    float:right;
   margin-right:80px;
}
.coluna4{
    width:40%; 
   height:auto;
    float:right;
   
}

.coluna5{
 width:40%; 
   height:auto;
    float:right;
   margin-right:27px;    
}
.coluna6{
    width:48%; 
   height:auto;
    float:right;
    margin-right:30px;  
}

.coluna7{
       width:40%; 
   height:auto;
    float:right;
    margin-right:24px; 
}
.coluna8{
   width:100%; 
   height:auto;
   background-color:#FFF;
 }

.coluna9{
   width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}

/*opcao ao texto maior docheeck box*/
.coluna9a{
   width:28%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}
.coluna9b{
   width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}

.coluna10{
   width:20%; 
   height:auto;
    float:left;
 display:inline-block; 
 background-color:#FFF;
}
.coluna11{
   width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF;
}
.coluna12{
   width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF;
}
.coluna13{
   width:100%; 
   height:auto;
   
}

.coluna14{
   width:40%; 
   height:auto;
    float:left;
}

.coluna14a{
   width:60%; 
   height:auto;
    float:left;
}

.coluna17{
   width:100%; 
   height:auto;
    float:left;
}

/*códigos das colunas do formulário, onde pode-se alterar as posições dos inputs*/
.coluna1 label{
    width:50%;
    font-size:16px;
    text-align:left;
}

.coluna1 input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna2 label{
    width:50%;
    font-size:16px;
    text-align:left;
}

.coluna2 select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

.coluna2 input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

.coluna3 input{
     width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

.coluna4 label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
.coluna4 select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna4 input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

.coluna5 input{
   width:64%;
    height:30px;
   font-size:16px; 
  border:1px solid grey;
    border-radius:5px;
}

.coluna7 input{
   width:65%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
.coluna7 select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna6 label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
.coluna6 select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna6 input{
   width:39%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

.coluna9 label,.coluna10 label,.coluna11 label,.coluna12 label{
    width:20%;
     height:20px;
    font-size:16px;
   
}
.coluna9 input,.coluna10 input,.coluna11 input,.coluna12 input{
  width:20%;
    height:20px;
     border:1px solid grey;
    border-radius:5px;
    
}
.coluna9a input{
  width:20%;
    height:20px;
     margin-left:-3px;
     border:1px solid grey;
    border-radius:5px;
    
}
.coluna9a label{
  width:35%;
     height:20px;
      margin-left:-3px;
    font-size:16px;
}
.coluna13 input[type=submit]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
   
}
.coluna13 input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}

.coluna13 input[type=reset]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
}

.coluna13 input[type=reset]:hover{
    background-color:#fff; 
    color:green;
}


/*css diferente para botão submit na coluna 13*/
.coluna13 input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

.coluna13 input[type=button]:hover{
    background-color:#fff; 
    color:green;
}



/* fim do css diferente para botão submit na coluna 13*/
.coluna14 label{
    width:50%;
    font-size:16px;
    text-align:left;
}

.coluna14 input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna14 select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna14a label{
    width:70%;
    font-size:16px;
    text-align:left;
}

.coluna14a input{
    width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

.coluna14a select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

/*referente a link coluna14a*/

.coluna17 input{
    width:90%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}


/*FORM LINHA MOBILE*/


/*FORM LINHA MOBILE*/



/*css diferente para botão submit na coluna 13*/
#coluna_btn input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#coluna_btn input[type=button]:hover{
    background-color:#fff; 
    color:green;
}




/*****formulário regular*********/

/*****formulário de educação infantil*********/
#coluna_nome_infantil{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_nome_infantil label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_nome_infantil input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_nome_infantil select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_data_infantil{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_data_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_data_infantil input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_sexo_infantil{
   width:40%; 
   height:auto;
    float:right;
}

#coluna_sexo_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_sexo_infantil select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_sexo_infantil input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}


#coluna_end_infantil{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_end_inpantil label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_end_infantil input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_end_infantil select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_num_infantil{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_num_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_num_infantil input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_comp_infantil{
    width:40%; 
   height:auto;
    float:right;
   margin-right:80px;
}
#coluna_comp_infantil input{
     width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_bairro_infantil{
    width:40%; 
   height:auto;
    float:left;
   
}
#coluna_bairro_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_bairro_infantil select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_bairro_infantil input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cidade_infantil{
 width:40%; 
   height:auto;
    float:right;
   margin-right:27px;    
}

#coluna_cidade_infantil input{
   width:64%;
    height:30px;
   font-size:16px; 
  border:1px solid grey;
    border-radius:5px;
}

#coluna_estado_infantil{
    width:40%; 
   height:auto;
    float:right;
   
}
#coluna_estado_infantil label{
    width:50%;
    font-size:16px;
    text-align:right;
    
}
#coluna_estado_infantil select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_estado_infantil input{
    width:57%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cep_infantil{
   width:45%; 
   height:auto;
    float:left;
}
#coluna_cep_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cep_infantil select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_cep_infantil input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

#coluna_celular_infantil{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_celular_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_celular_infantil input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_celular_infantil select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cel2_infantil{
       width:40%; 
   height:auto;
    float:right;
     
    margin-right:24px; 
}
#coluna_cel2_infantil input{
   width:65%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
  
    border-radius:5px;
}
#coluna_cel2_infantil select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_aluno_infantil{
    width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_aluno_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_cpf_aluno_infantil select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_cpf_aluno_infantil input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_receita_infantil{
   width:60%; 
   height:auto;
    float:left;
}
#coluna_receita_infantil label{
    width:70%;
    font-size:16px;
    text-align:left;
}
#coluna_receita_infantil a{
    width:90%;
    float:left;

}

#coluna_texto_especial_infantil{
     width:100%; 
   height:auto;
   background-color:#FFF;
}
#coluna_texto_especial_infantil label{
     width:100%; 
  
}

#coluna_especial_infantil{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_especial_infantil label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_especial_infantil input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_especial_infantil select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_auditiva_infantil{
   width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}
#coluna_motora_infantil{
 width:20%; 
   height:auto;
    float:left;
 display:inline-block; 
 background-color:#FFF;
}
#coluna_visual_infantil{
   width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF;  
}
#coluna_intelectual_infantil{
    width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tea_infantil{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_sindromes_infantil{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tdah_infantil{
  width:28%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;  
}

#coluna_responsavel_infantil{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
  
}

#coluna_responsavel_infantil label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_responsavel_infantil input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_resp_infantil{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_resp_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cpf_resp_infantil input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email_infantil{
    width:48%; 
   height:auto;
    float:right;
    margin-right:30px;  
}
#coluna_email_infantil label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_email_infantil select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email_infantil input{
   width:39%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}
#coluna_btn_infantil{
   width:100%; 
   height:auto;
   
}
#coluna_btn_infantil input[type=submit]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
   
}
#coluna_btn_infantil input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}

#coluna_btn_infantil input[type=reset]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
}

#coluna_btn_infantil input[type=reset]:hover{
    background-color:#fff; 
    color:green;
}


/*css diferente para botão submit na coluna 13*/
#coluna_btn_infantil input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#coluna_btn_infantil input[type=button]:hover{
    background-color:#fff; 
    color:green;
}




/*****formulário de educação infantil*********/




/*********formulário eja***************************/
#coluna_nome_eja{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_nome_eja label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_nome_eja input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_nome_eja select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_data_eja{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_data_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_data_eja input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_sexo_eja{
   width:40%; 
   height:auto;
    float:right;
}

#coluna_sexo_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_sexo_eja select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_sexo_eja input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

#coluna_end_eja{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_end_eja label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_end_eja input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_end_eja select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_num_eja{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_num_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_num_eja input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_comp_eja{
    width:40%; 
   height:auto;
    float:right;
   margin-right:80px;
}
#coluna_comp_eja input{
     width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_bairro_eja{
    width:40%; 
   height:auto;
    float:left;
   
}
#coluna_bairro_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_bairro_eja select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_bairro_eja input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cidade_eja{
 width:40%; 
   height:auto;
    float:right;
   margin-right:27px;    
}

#coluna_cidade_eja input{
   width:64%;
    height:30px;
   font-size:16px; 
  border:1px solid grey;
    border-radius:5px;
}

#coluna_estado_eja{
    width:40%; 
   height:auto;
    float:right;
   
}
#coluna_estado_eja label{
    width:50%;
    font-size:16px;
    text-align:right;
    
}
#coluna_estado_eja select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_estado_eja input{
    width:57%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cep_eja{
   width:57%; 
   height:auto;
    float:left;
}
#coluna_cep_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cep_eja select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_cep_eja input{
    width:55%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

#coluna_celular_eja{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_celular_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_celular_eja input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_celular_eja select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cel2_eja{
       width:40%; 
   height:auto;
    float:right;
    margin-right:24px; 
}
#coluna_cel2_eja input{
   width:65%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cel2_eja select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_aluno_eja{
    width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_aluno_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_cpf_aluno_eja select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_cpf_aluno_eja input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_receita_eja{
   width:60%; 
   height:auto;
    float:left;
}
#coluna_receita_eja label{
    width:70%;
    font-size:16px;
    text-align:left;
}
#coluna_receita_eja a{
    width:90%;
    float:left;

}

#coluna_texto_especial_eja{
     width:100%; 
   height:auto;
   background-color:#FFF;
}
#coluna_texto_especial_eja label{
     width:100%; 
  
}

#coluna_especial_eja{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_especial_eja label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_especial_eja input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_especial_eja select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_auditiva_eja{
   width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}
#coluna_motora_eja{
 width:20%; 
   height:auto;
    float:left;
 display:inline-block; 
 background-color:#FFF;
}
#coluna_visual_eja{
   width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF;  
}
#coluna_intelectual_eja{
    width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tea_eja{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_sindromes_eja{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tdah_eja{
  width:28%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;  
}

#coluna_responsavel_eja{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
  
}

#coluna_responsavel_eja label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_responsavel_eja input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_resp_eja{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_resp_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cpf_resp_eja input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email_eja{
    width:48%; 
   height:auto;
    float:right;
    margin-right:30px;  
}
#coluna_email_eja label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_email_eja select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email_eja input{
   width:39%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}
#coluna_btn_eja{
   width:100%; 
   height:auto;
   
}
#coluna_btn_eja input[type=submit]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
   
}
#coluna_btn_eja input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}

#coluna_btn_eja input[type=reset]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
}

#coluna_btn_eja input[type=reset]:hover{
    background-color:#fff; 
    color:green;
}


/*css diferente para botão submit na coluna 13*/
#coluna_btn_eja input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#coluna_btn_eja input[type=button]:hover{
    background-color:#fff; 
    color:green;
}

/*********formulário eja***************************/


/*****formulário regular*********/
#coluna_nome{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_nome label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_nome input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_nome select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_data{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_data label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_data input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_sexo{
   width:40%; 
   height:auto;
    float:right;
}

#coluna_sexo label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_sexo select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_sexo input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

#coluna_end{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_end label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_end input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_end select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_num{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_num label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_num input{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_comp{
    width:40%; 
   height:auto;
    float:right;
   margin-right:80px;
}
#coluna_comp input{
     width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_bairro{
    width:40%; 
   height:auto;
    float:left;
   
}
#coluna_bairro label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_bairro select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_bairro input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cidade{
 width:40%; 
   height:auto;
    float:right;
   margin-right:27px;    
}

#coluna_cidade input{
   width:64%;
    height:30px;
   font-size:16px; 
  border:1px solid grey;
    border-radius:5px;
}

#coluna_estado{
    width:40%; 
   height:auto;
    float:right;
   
}
#coluna_estado label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_estado select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_estado input{
    width:57%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}

#coluna_cep{
   width:45%; 
   height:auto;
    float:left;
}
#coluna_cep label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cep select{
    width:35%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
  
}

#coluna_cep input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}

#coluna_celular{
   width:40%; 
   height:auto;
    float:left;
}

#coluna_celular label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_celular input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_celular select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cel2{
       width:40%; 
   height:auto;
    float:right;
    margin-right:24px; 
}
#coluna_cel2 input{
   width:65%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cel2 select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_aluno{
    width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_aluno label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_cpf_aluno select{
    width:64%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_cpf_aluno input{
    width:64%;
    height:30px;
   font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_receita{
   width:60%; 
   height:auto;
    float:left;
}
#coluna_receita label{
    width:70%;
    font-size:16px;
    text-align:left;
}
#coluna_receita a{
    width:90%;
    float:left;

}

#coluna_texto_especial{
     width:100%; 
   height:auto;
   background-color:#FFF;
}
#coluna_texto_especial label{
     width:100%; 
  
}

#coluna_especial{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
   
}

#coluna_especial label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_especial input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_especial select{
   width:15%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_auditiva{
   width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;
}
#coluna_motora{
 width:20%; 
   height:auto;
    float:left;
 display:inline-block; 
 background-color:#FFF;
}
#coluna_visual{
   width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF;  
}
#coluna_intelectual{
    width:20%; 
   height:auto;
    float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tea{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_sindromes{
    width:20%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF; 
}
#coluna_tdah{
  width:28%; 
   height:auto;
  float:left;
    display:inline-block; 
    background-color:#FFF;  
}

#coluna_responsavel{
    width:100%;
    height:40px;
    float:left;
    margin-bottom:20px;
  
}

#coluna_responsavel label{
    width:90%;
    height:auto;
    font-size:16px;
    text-align:left;
   
}

#coluna_responsavel input{
    width:90%;
    height:30px;
    font-size:16px;
  border:1px solid grey;
    border-radius:5px;
}
#coluna_cpf_resp{
   width:40%; 
   height:auto;
    float:left;
}
#coluna_cpf_resp label{
    width:50%;
    font-size:16px;
    text-align:left;
}

#coluna_cpf_resp input{
    width:45%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email{
    width:48%; 
   height:auto;
    float:right;
    margin-right:30px;  
}
#coluna_email label{
    width:50%;
    font-size:16px;
    text-align:left;
    
}
#coluna_email select{
   width:30%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
}

#coluna_email input{
   width:39%;
    height:30px;
   font-size:16px;
   border:1px solid grey;
    border-radius:5px;
   
}
#coluna_btn{
   width:100%; 
   height:auto;
   
}
#coluna_btn input[type=submit]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
   
}
#coluna_btn input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}

#coluna_btn input[type=reset]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
}

#coluna_btn input[type=reset]:hover{
    background-color:#fff; 
    color:green;
}


/*css diferente para botão submit na coluna 13*/
#coluna_btn input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#coluna_btn input[type=button]:hover{
    background-color:#fff; 
    color:green;
}




/*****formulário regular*********/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM DA ÁREA DE FORMULÁRIO<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/



/*-----------------------------------------------------------------------------------------CAIXA DE ALERTA---------------------------------------------------------*/

#tela_alerta{
    width:40%;
    height:20%;
    position:absolute;
    top:15%;
    left:30%;
    background-color:#e9e9e9;
    display:none;
}

#alerta{
    width:60%;
    height:auto;
    padding:10px;
    margin-left:10%;
}
#alerta label{
    text-align:center;
    color:#000;
}

#btn_alerta{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer; 
}

#btn_alerta:hover{
    background-color:#fff; 
    color:green;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM DA CAIXA DE ALERTA<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*-----------------------------------------------------------------------------------------INÍCIO PÁGINA DIRECIONA_FASE (EDUCAÇÃO INFANTIL)---------------------------------------------------------*/

#direciona_fase{
    width:80%;
    height:auto;
    margin-left:10%;
    padding:20px;
   display:none;
}

#direciona_fase h2,#direciona_fase h3{
     text-align:center;
}

#lista_educacao_infantil{
    width:90%;
    height:auto;
    margin-left:5%;
    text-align:center;
}

#lista_educacao_infantil a{
     
  text-decoration:none;
  color:#fff;
  font-size:22px;
  font-weight:bold;
  
}

#lista_educacao_infantil a:hover{
    background-color:#fff;
    color:green;
    padding:4px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM DA PÁGINA DIRECIONA_FASE (EDUCAÇÃO INFANTIL)<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*---------------------------------------------------------------------------------------INÍCIO PÁGINA FORMULÁRIO REVER------------------------------------------------------------------------------------*/

#titulo_hidden_h3{
   width:100%;
   color:#000;
  text-align:center;
    display:none; 
}
#hidden_h3{
    width:100%;
  
  text-align:center; 
}
#titulo_hidden_h2{
    width:100%;
    text-align:center;
    display:none; 
}
#hidden_h2{
    width:100%;
  margin-top:10%;
  text-align:center; 
  display:none; 
}
#h2_mobile{
    display:none;
}

.fonte{
    font-family: "Roboto";
    font-weight: bold;
}

#form_rever{
     width:70%;
    height:auto;
    display:none;
    margin-left:15%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;
margin-bottom:10px;
}

#form_rever h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
   
}

.form_linha_rever{
    width:100%;
    height:40px;
     padding-left:15px;
     padding-right:10px;
}
.coluna15:first-child{
   width:40%; 
   height:auto;
   float:left;
   margin-left:0px;
   display:inline-block;  
    
}
.coluna15{
   width:25%; 
   height:auto;
   float:left;
 display:inline-block;  
    
}
.coluna15:nth-of-type(3n){
    width:30%; 
   height:auto;
   float:left;
 display:inline-block; 
}

.coluna15 label{
    width:100%;
}

.coluna15 p{
    width:100%;
}

.coluna15 input[type=submit]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
   
}
.coluna15 input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}

.coluna15 input[type=reset]{
    width:80px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
}

.coluna15 input[type=reset]:hover{
    background-color:#fff; 
    color:green;
}


/*css diferente para botão submit na coluna 13*/
.coluna15 input[type=button]{
     width:120px;
    height:30px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

.coluna15 input[type=button]:hover{
    background-color:#fff; 
    color:green;
}


.coluna15a{
   width:27%; 
   height:auto;
   float:left;
   margin-left:5%;
   
    
}


.coluna15a label{
    width:100%;
}

.coluna15a p{
    width:100%;
}


.coluna16{
   width:90%; 
   height:auto;
   float:left;
   margin-bottom:10px;
 display:inline-block;  
    margin-left:5%;
}

.coluna16 label{
    width:100%;
}

.coluna16 p{
    width:100%;
}



.coluna16 a{
   text-decoration:none;
    width:160px;
    height:60px;
    background-color:green;
    font-size:16px;
    padding:5px;
    color:#fff;
    margin-left:5px;
     cursor:pointer;
}

.coluna16 a:hover{
    background-color:#fff; 
    color:green;
    border:1px solid green;
}

#btn_direciona_alterar{
    width:140px;
    height:40px;
    background-color:green;
    font-size:16px;
    padding:5px;
    color:#fff;
    float:left;
    margin-left:5px;
     cursor:pointer;
   
}

#btn_direciona_continuar{
    width:140px;
    height:40px;
    background-color:green;
    font-size:16px;
    padding:5px;
    color:#fff;
    margin-top:-15px;
    float:left;
    margin-left:5px;
     cursor:pointer;
   
}


.coluna16 input[type=submit]:hover{
    background-color:#fff; 
    color:green;
    border:1px solid green;
}

.coluna17a{
   width:28%; 
   height:auto;
   float:left;
   margin-left:5%;
   
    
}
.coluna17a:first-child{
    width:26%; 
   margin-right:1%;
}

.coluna17a:last-child{
    width:26%; 
    margin-left:4%;
}

.coluna17a label{
    width:100%;
}

.coluna17a p{
    width:100%;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA FORMULÁRIO REVER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*---------------------------------------------------------------------------------------INÍCIO PÁGINA ALTERAR CADASTRO--------------------------------------------------------------*/

#btn_confirma,#btn_cancelar{
   width:130px;
    height:40px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}
#btn_confirma:hover,#btn_cancelar:hover{
     background-color:#fff; 
    color:green;
}  



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA ALTERAR CADASTRO<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*---------------------------------------------------------------------------------------INÍCIO PÁGINA DIRECIONA_SELECAO_ESCOLA --------------------------------------------------------------*/

/*reutilizando o form_pre_matricula do cadastro*/
#form_pre_matricula table{
    width:100%;
    height:auto;
    padding:20px;
    
}
#form_pre_matricula table tr{
    width:100%;
    height:auto;
    text-align:center;
   
}

#form_pre_matricula table th{
    width:20%;
    height:auto;
   border:1px solid #000;
   background-color:gray;
}

#form_pre_matricula table td{
    width:20%;
    height:auto;
   border:1px solid #000;
   background-color:white;
   
}


.ultima_linha_tbl{
    width:20%;
    height:auto;
    padding-bottom:10px;
   border:1px solid #000;
   background-color:white;
   
}
.link_vaga{
     text-decoration:none;
     color:#000;
     
}

.link_vaga_btn{
     width:150px;
    height:auto;
    font-size:14px;
     padding:4px;
    margin-left:15%;
    float:left;
    color:#fff;
    border-radius:20px;
    background-color:green;
    cursor:pointer;
    text-decoration:none;
    
}
.link_vaga_btn:hover{
  background-color:darkgreen;    
}

.link_vaga_btn:active{
   background-color: darkgreen;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}

.link_sem_vaga_btn{
     width:150px;
    height:auto;
    font-size:14px;
    padding:4px;
    margin-left:5%;
    float:left;
    color:#000;
    border-radius:20px;
    background-color:#CCCC00;
    cursor:pointer;
    text-decoration:none;
    
}
.link_sem_vaga_btn:hover{
  background-color:#999900;    
}

.link_sem_vaga_btn:active{
   background-color: #999900;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA DIRECIONA_SELECAO_ESCOLA<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*---------------------------------------------------------------------------------------INÍCIO PÁGINA ADM --------------------------------------------------------------*/
#area_adm{
    margin:0;
    width:100%;
    font-family: 'Roboto-Regular';
    display:none;
}

.lateral{
    width:15%;
    height:auto;
   float:left;
   background-color:#343639;
   
   
}
.logout{
    width:100%;
    height:auto;
    background-color:#fff;
}
#sair{
   
  text-decoration:none;
  color:#000;
  margin-left:40%;
 
}

.lateral h3{
   text-align:center;
   
   
}
.lateral h5{
   text-align:center;
   color:#fff;
   
}

.conteudo_adm{
    width:85%;
    height:auto;
    float:right;
     
    
}


/*MENU ADMINISTRATIVO*/
#menu_adm,#menu_usuario{
    width:100%;
    height:100%;
    font-size:15px;
}

#menu_adm_mobile{
    display:none;
}


#link_matricula,#link_pre_matricula,#link_vagas,#link_funcionario,#link_pre_usuario,#link_frequencia,#link_notas{
    width:93%;
    height:20px;
   color:#fff;
   font-weight:bold;
   padding-bottom:5px;
   padding-top:5px;
   padding-right:5px;
   padding-left:10px;
   font-family: 'Roboto-Regular';
   text-decoration:none;
   float:left;
   text-align:left;
    
}

#link_matricula:hover,#link_pre_matricula:hover,#link_vagas:hover,#link_funcionario:hover,#link_pre_usuario:hover,#link_frequencia:hover,#link_notas:hover{
   background-color:#fff;
   opacity:0.8;
   color:#343639;
}

#sub_menu_matricula,#sub_menu_pre_matricula,#sub_menu_vagas,#sub_menu_funcionarios,#sub_menu_cadastro,#submenu_pre_usuario,#sub_menu_frequencia,#sub_menu_notas{
    width:100%;
    height:auto;
   display:none;
    
}

#sub_menu_matricula a,#sub_menu_pre_matricula a,#sub_menu_vagas a,#sub_menu_funcionarios a,#sub_menu_cadastro a,#submenu_pre_usuario a,#sub_menu_frequencia a,#sub_menu_notas a{
   width:93%;
    height:auto;
    color:#fff;
    font-weight:bold;
     text-decoration:none;
      background-color:#666666;
   font-family: 'Roboto-Regular';
    float:left;
    border-top:1px solid #343639;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:15px;
   
}

#sub_menu_matricula a:hover{
    background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:75% 50%;
}


#fases{/*trecho fases é um submenu da área sub_menu_matricula*/
    width:100%;
    height:auto;
   display:none; 
  
   
}

#fases a{
   width:86%;
    height:auto;
    color:#fff;
    font-weight:bold;
     text-decoration:none;
      background-color:#000;
       font-family: 'Roboto-Regular';
    float:left;
    border-top:1px solid #343639;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:30px;  
}

#fases a:hover{
   background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:80% 50%;  
    
}


#pre_fases{/*trecho fases é um submenu da área sub_menu_matricula*/
    width:100%;
    height:auto;
   display:none; 
  
   
}

#pre_fases a{
   width:86%;
    height:auto;
    color:#fff;
    font-weight:bold;
     text-decoration:none;
      background-color:#000;
       font-family: 'Roboto-Regular';
    float:left;
    border-top:1px solid #343639;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:30px;  
}

#pre_fases a:hover{
   background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:80% 50%;  
    
}

#sub_menu_pre_matricula a:hover{
    background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:93% 50%;
}

#sub_menu_vagas a:hover{
    background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:90% 50%;
}

#sub_menu_funcionarios a:hover{
    background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:85% 50%;
}

#sub_menu_cadastro a:hover{
    background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:75% 50%;
}

#submenu_pre_usuario a:hover{
     background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:97% 50%;
}

#sub_menu_frequencia a{
  background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:97% 50%;
}

#sub_menu_notas{
 background-image:url("../imagens/icone/seta-esquerda.png");
    background-size:5%;
    background-repeat:no-repeat;
    background-position:97% 50%;
}

#form_consulta{
     width:50%;
    height:auto;
    margin-left:25%;
background-color:#e9e9e9;
box-shadow:2px 2px gray;

}

#form_consulta h3{
    width:100%;
    height:auto;
    background-color:grey;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    text-align:center;
}

#form_consulta p{
     width:100%;
    height:auto;
    color:#000;
     text-align:center;
    
}

#form_consulta label{
    width:45%;
    height:20px;
    margin-left:10px;
    margin-top:10px;
     margin-left:25%;
}

#form_consulta input[type=text]{
    width:35%;
    height:30px;
    margin-left:10px;
    margin-bottom:10px;
     margin-left:25%;
}

#form_consulta input[type=date]{
    width:35%;
    height:30px;
    margin-left:10px;
    margin-bottom:10px;
     margin-left:25%;
}

#form_consulta input[type=button]{
    margin-left:25%;
     font-size:15px;
}

#form_consulta input[type=submit]{
    margin-left:25%;
    
}

#form_consulta input[type=reset]{
     font-size:15px;
}
#form_consulta select{
      width:35%;
    height:30px;
    margin-left:10px;
    margin-bottom:10px;
     margin-left:25%;
     color:#000;
}
#form_consulta img{
    width:22px;
    height:22px;
    float:right;
   margin-right:48%;
   cursor:pointer;
}

.btn_acao{
   width:100px;
    height:30px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}
.btn_acao:hover{
     background-color:#fff; 
    color:green;
}  

#consultando_matricula,#consultando_pre_matricula,#cadastrando_aluno,#consultando_funcionario,#consultando_cad_reserva,#consultando_matriculados,#inserindo_vagas,#inserindo_data_vagas,#cadastrando_funcionario,#imprimindo_pre_usuario,#consultando_por_escola,#pre_cadastrando_educacao_infantil,#pre_cadastrando_fundamental,#pre_cadastrando_eja,#editando_num_vagas,#pre_gerando_relatorio,#consultando_rel_funcionario{
    display:none;
    
}

#inserindo_frequencia,#inserindo_conteudo,#inserindo_notas,#inserindo_observacoes,#consultando_frequencia,#consultando_notas,#consultando_conteudo,#consultando_observacoes,#criando_turmas,#inserindo_equipe{
 display:none;
}

#informacao_dt_vaga{
    width:17%;
    height:auto;
   position:absolute;
   top:57%;
    left:58%;
   z-index:2;
   display:none;
   background-color:#fff;
  
}

#informacao_dt_vaga2{
     width:17%;
    height:auto;
   position:absolute;
   top:110%;
    left:58%;
   z-index:2;
   display:none;
   background-color:#fff;
}

#informacao_dt_vaga3{
   width:17%;
    height:auto;
   position:absolute;
   top:160%;
    left:58%;
   z-index:2;
   display:none;
   background-color:#fff;  
}

#informacao_dt_vaga4{
width:17%;
    height:auto;
   position:absolute;
   top:210%;
    left:58%;
   z-index:2;
   display:none;
   background-color:#fff;     
}

#informacao_dt_vaga p,#informacao_dt_vaga2 p,#informacao_dt_vaga3 p,#informacao_dt_vaga4 p{
    width:87%;
    font-size:15px;
    text-align:justify;
   margin-left:5%;
}

#btn_num_vaga{
   width:30px;
    height:30px;
    padding:4px;
    color:#fff;
    border-radius:100%;
    background-color:green;
    cursor:pointer; 
}

#btn_num_vaga:hover{
    background-color:#fff; 
    color:green;
}

.btn_num_vaga{
   width:30px;
    height:30px;
    padding:4px;
    color:#fff;
    border-radius:100%;
    background-color:green;
    cursor:pointer; 
}

.btn_num_vaga:hover{
    background-color:#fff; 
    color:green;
}

#form_situacao{
 width:60%;
 height:auto;
 margin-top:20%;
 margin-left:15%;
 background-color:#e9e9e9;
 padding:10px;
 text-align:center;
}

#form_situacao label{
    width:90%;
    padding-left:2px;
     padding-right:2px;
    text-align:center;
}

#form_situacao select{
    width:90%;
    height:30px;
   
    margin-left:5%;
}
#form_situacao input[type=button]{
    margin-left:5%;
    margin-top:10px;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA ADM<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/



/*---------------------------------------------------------------------------------------INÍCIO OPÇÕES TABELAS ÁREA ADM --------------------------------------------------------------*/


#form_pre_tabelas table{
    width:100%;
    height:auto;
    padding:20px;
    font-size:12px;
  display:inline-block;
}
#form_pre_tabelas table tr{
    width:100%;
    height:auto;
    text-align:center;
   
}

#form_pre_tabelas table th{
    width:17%;
    height:auto;
   border:1px solid #000;
   background-color:gray;
}

#form_pre_tabelas table td{
    width:20%;
    height:auto;
   border:1px solid #000;
   background-color:white;
   
}

#form_pre_tabelas table td a{
  
    text-decoration:none;
    
}

#form_pre_tabelas table td a:hover{
  border:solid 2px #000;
    
}

#form_pre_tabelas h3{
    width:100%;
    height:auto;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    text-align:center;
}


#form_rel_tabelas table{
    width:100%;
    height:auto;
    padding:20px;
    font-size:15px;
  display:inline-block;
}
#form_rel_tabelas table tr{
    width:100%;
    height:auto;
    text-align:center;
   
}

#form_rel_tabelas table th{
    width:10%;
    height:auto;
   border:1px solid #000;
   background-color:gray;
}

#form_rel_tabelas table td{
    width:10%;
    height:auto;
   border:1px solid #000;
   background-color:white;
   
}

#form_rel_tabelas table td a{
  
    text-decoration:none;
    
}

#form_rel_tabelas table td a:hover{
  border:solid 2px #000;
    
}

#form_rel_tabelas h3{
    width:100%;
    height:auto;
    font-weight:bold;
    margin-top:20px;
    text-indent:5px;
    text-align:center;
}

/*alternativa para distribuir tabela ao centro*/

#editar_por_matricula{
 width:80%;
 margin-left:5%;
background-color:blue;
color:#fff;
float:left;
padding:10px;
cursor:pointer;

}

#imprimir_por_matricula{
  width:80%;
  margin-left:5%;
float:left;
padding:10px;
 background-color:#000;
 color:#fff;
 cursor:pointer; 
 
}

#excluir_por_matricula{
 width:80%;
 margin-left:5%;
float:left;
padding:10px;
background-color:red;
color:#fff;
cursor:pointer;

}

#editar_escola{
  width:80%;
  margin-left:5%;
float:left;
padding:10px;
background-color:gray;
color:#fff;
cursor:pointer;

}

#editar_situacao{
  width:80%;
  margin-left:3%;
float:left;
padding:5px;
background-color:green;
color:#fff;
cursor:pointer;

}

#form_pre_vagas table{
    width:100%;
    height:auto;
    padding:20px;
    font-size:15px;
  display:inline-block;
}
#form_pre_vagas table tr{
    width:100%;
    height:auto;
    text-align:center;
   
}

#form_pre_vagas table th{
    width:15%;
    height:auto;
   border:1px solid #000;
   background-color:gray;
}

#form_pre_vagas table td{
    width:15%;
    height:auto;
   border:1px solid #000;
   background-color:white;
   
}

#form_pre_vagas table td a{
  
    text-decoration:none;
    
}

#form_pre_vagas table td a:hover{
  border:solid 2px #000;
    
}

#info_relatorio{
    width:95%;
    height:auto;
   margin-top:-15px;
    margin-left:2%;
   
}
#label_relatorio{
     width:40%;
      height:auto;
     float:left;
       background-color:#fff;
}
#link_relatorio{
     width:40%;
      height:28px;
     float:left;
     background-color:#fff;
     padding:5px;
}
#label_relatorio label{
    width:100%;
    height:20px;
    color:#000;
    padding:5px;
}

#link_relatorio a{
    width:100px;
    height:60px;
    text-decoration:none;
    text-align:center;
     margin-left:40px;
   
    padding:5px;
  
    
}

#relatorio_pre_matricula{
    font-size:12px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM OPÇÕES TABELAS ÁREA ADM<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/





/*---------------------------------------------------------------------------------------INÍCIO IMPRIMIR --------------------------------------------------------------*/

@media print {
   
  /*CÓDIGO PARA RETIRAR CABEÇALHO E RODAPÉ DA IMPRESSÃO*/
  @page {
        margin-top: 0;
        margin-bottom: 0;
       
    }
    body {
        padding-top: 72px;
        padding-bottom: 72px ;
    }/*FIM DO CÓDIGO PARA RETIRAR CABEÇALHO E RODAPÉ DA IMPRESSÃO*/
    
    #topo{
       height:150px; 
      font-size:15px;
    }
    #topo_relatorio{
         height:150px; 
      font-size:15px;
    }
    #cabecalho{
         height:150px; 
      font-size:15px;
    }
    #logo{
        margin-left:20%;
    }
    #logo_impressao{
         margin-left:20%;
    }
    #logo img,#logo_impressao img{
        width:350px;
        height:100px;
        
    }
    .mensagem{
       display:none;
    }
    
    #titulo_hidden_h3{
        font-size:13px;
        margin-top:20px;
        display:inline-block;
    }
    #hidden_h3{
        font-size:13px;
        margin-top:20px;
        display:inline-block;
    }
   #form_rever{
       width:95%;
       margin-left:2%;
       font-size:13px;
   }
   
   #form_rel_tabelas table{
        margin-top:-900px;
         padding:5px;
      
   }
   
    #form_rel_tabelas tr{
         page-break-before: always; 
    }
 
/*   
.coluna15:first-child{
   width:30%; 
   height:auto;
   float:left;
   margin-left:0px;
   display:inline-block;  
    
}*/



#btn_imprimir{
    display:none;
}

}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM IMPRIMIR<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*---------------------------------------------------------------------------------------INÍCIO PÁGINA EMAIL --------------------------------------------------------------*/

#area_email{
    width:80%;
    height:auto;
    margin-left:28%;
     margin-top:10px;
    padding:20px;
}

#area_email label{
    width:100%;
    height:auto;
     margin-top:20px;
    
}

#area_email input{
    width:50%;
    height:25px;
    margin-bottom:10px;
}

#area_email textarea{
   width:50%;
    height:200px;
     margin-bottom:10px;
}

#area_email input[type=submit]{
   width:90px;
    height:30px;
    font-size:14px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}
#area_email input[type=submit]:hover{
     background-color:#fff; 
    color:green;
}  

#area_email input[type=button]{
    width:90px;
    height:30px;
    font-size:14px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#area_email input[type=button]:hover{
    background-color:#fff; 
    color:green; 
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA EMAIL<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*--------------------------------------------------------------------------------------INÍCIO PÁGINA LOGIN---------------------------------------------------------------*/
#area_login{
 width:90%;   
 height:auto;
 margin-left:5%;
 display:none;
}
#form_login{
    width:50%;
    height:auto;
    margin-left:20%;
    padding:5%;
   background-color:#fff;
   border-radius:25px;
   text-align:center;
   display:none;
}

#form_login label{
    width:100%;
    height:auto;
    margin-left:10px;
    text-align:center;
    font-weight:bold;
}
#form_login input[type=email]{
    width:40%;
    height:25px;
     margin-top:15px;
     font-size:16px;
    margin-bottom:20px;
    margin-left:2.5%;
    border-radius:25px;
    text-indent:4pt;
}
 
#form_login input[type=password]{
    width:40%;
    height:25px;
    font-size:16px;
     margin-top:15px;
    margin-bottom:20px;
    margin-left:6%;
    border-radius:25px;
    text-indent:4pt;
}

#form_login input[type=text]{
    width:40%;
    height:25px;
    font-size:16px;
     margin-top:15px;
    margin-bottom:20px;
    margin-left:6%;
    border-radius:25px;
    text-indent:4pt;
}
#form_login input[type=button]{
    width:120px;
    height:50px;
    padding:5px;
    margin-left:2.5%;
}
#form_login input[type=submit]{
    width:120px;
    height:50px;
    padding:5px;
    margin-left:2.5%;
}
#olho1,#olho2{
    
  height:auto;
  margin-left:2px;
}
#resetar_senha{
     width:100%;
    height:auto;
     margin-left:25%;
}
#resetar_senha p{
 margin:0;   
}

#link_esqueceu{
    width:25%;
    height:auto;
    color:#ff0e43;
    float:left;
    font-size:20px;
    text-decoration:none;
    text-shadow:1px 2px #000;
    
}

#link_esqueceu:hover{
     color:#fff;
     
}

#link_primeiro_acesso{
   width:30%;
    height:auto;
    color:#ff0e43;
    font-size:20px;
    text-decoration:none;
    float:left;
    text-align:center;
    text-shadow:1px 2px #000;  
}

#link_primeiro_acesso:hover{
     color:#fff;
}

#btn_confirma_senha{
    display:none;
    width:130px;
    height:40px;
    font-size:16px;
    padding:4px;
    color:#fff;
    background-color:green;
    cursor:pointer;
}

#alerta_senha,#alerta_dois_senha{
    width:90%;
    height:auto;
    text-align:center;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM PÁGINA LOGIN<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*--------------------------------------------------------------------------------------SEÇÃO SELECIONA SITUAÇÃO---------------------------------------------------------------*/

#resposta_situacao{
    width:40%;
    height:40%;

}
/*
------código para pop up----
.pop_up_situacao {
    width:100%;
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 75%;
  right: 0;
  bottom: 0;
  left: 45%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.pop_up_situacao:target {
  opacity: 1;
  pointer-events: auto;
}
.pop_up_situacao > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}
.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: 5%;
  text-align: center;
  top: 10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.close:hover {
  background: #00d9ff;
}*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIM SEÇÃO SELECIONA SITUAÇÃO<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*-------------------------------------------------------ÁREA RESPONSIVA-------------------------------------------*/

@media screen and (max-width: 1322px){
   #topo,#topo_mobile{
       height:250px;
   } 
   .mensagem{
      width:100%; 
      margin-top:20px;
      margin-left:18%;
   }
   .mensagem a{
       width:3%;
      margin-left:30%;
     
     
   }
.mensagem a:last-of-type{
    width:200px;
    margin-left:2%;
    margin-right:30%;
}
}

@media screen and (max-width: 1100px){
   
    #link_funcionario{
        margin-top:15px;
    }
    #link_vagas{
         margin-top:15px;
          height:auto;
    }
    
    #sub_menu_vagas{
        margin-top:15px; 
       
        
    }
    
    #inserir_vagas{
         margin-top:2px; 
    }
}


@media screen and (max-width: 1034px){
    #logo_usuario{
        width:80%;
        margin-left:12%;
    }
   
}

@media screen and (max-width: 1099px){
    #coluna_auditiva_infantil,#coluna_auditiva_eja,#coluna_auditiva{
        width:30%;
    }
    #coluna_motora_infantil,#coluna_motora_eja,#coluna_motora{
         width:30%;
    }
     #coluna_visual_infantil,#coluna_visual_eja,#coluna_visual{
         width:30%;
    }
    #coluna_intelectual_infantil, #coluna_intelectual_eja,#coluna_intelectual{
         width:30%;
    }
    #coluna_tea_infantil, #coluna_tea_eja,#coluna_tea{
         width:30%;
    }
    #coluna_sindromes_infantil,#coluna_sindromes_eja,#coluna_sindromes{
         width:30%;
    }
    #coluna_tdah_infantil, #coluna_tdah_eja,#coluna_tdah{
         width:90%;
    }
}

@media screen and (max-width: 978px){
  
   #conteudo{
      margin-left:0;
   }
 #linha_um,#linha_dois{
     display:none;
 }
  #linha_um_mobile{
     display:inline-block;
 }
}

@media screen and (max-width: 939px){
    .link_vaga_btn{
        width:100px;
    }
    .link_sem_vaga_btn{
         width:100px; 
    }
}

@media screen and (max-width: 918px){
    #logo{
        margin-left:15%;
    }
    
   
}
@media screen and (max-width: 909px){
.form_linha label{
    font-size:14px;
}
    
}

@media screen and (max-width: 870px){
 #logo_usuario{
        width:75%;
        margin-left:8%;
    }
}
@media screen and (max-width: 856px){
    .lateral{
        width:120px;
    }
   
   .cabecalho_usuario,.cabecalho_adm{
       width:100%;
       margin-left:2px;
       position:fixed;
       top:0;
       left:122px;
   }
    
   
}
@media screen and (max-width: 850px){
     #form_pre_matricula{
         width:90%;
         margin-left:2%;
     }
    #form_pre_matricula table th{
        width:40%;
    }
     #form_pre_matricula table td{
        width:40%;
    }
    
     #form_pre_matricula_infantil{
         width:90%;
         margin-left:2%;
     }
     #form_pre_matricula_eja{
         width:90%;
         margin-left:2%;
     }
}
@media screen and (max-width: 837px){
   #link_pre_usuario{
       height:auto;
   }
    #submenu_pre_usuario{
        margin-top:40px;
    }
    #sub_menu_pre_matricula,#sub_menu_vagas,#sub_menu_funcionarios{
         margin-top:40px;
    }
}

@media screen and (max-width: 819px){
    .lateral{
        width:120px;
    }
   
     #topo_usuario{
         width:96%;
         padding:2%;
       
     }
     
     #logo_usuario{
         width:80%;
     }
}

@media screen and (max-width: 815px){
#logo_usuario{
    width:70%;
    margin-left:0%;
}
#logo_usuario img{
    width:500px;
    height:160px;
}
}
@media screen and (max-width: 804px){
    .form_linha label{
    width:90%;
    font-size:16px;
    text-align:left;
   
}

 .form_linha input{
     width:90%;
 }
}
@media screen and (max-width: 805px){
   
   .form_linha{
       margin-left:25px;
   }


#bairro{
    width:90%;
}

.coluna2{
    float:left;
}
#sexo{
   width:85%;
  
}
.coluna5{
  float:left; 
  margin-left:29px;
}


#cep{
    width:90%;
}

.coluna7{
    float:left;  
}

.coluna14a label{
    float:left;
}

.coluna14a a{
    width:90%;
    float:left;

}
#aluno_especial{
    width:50%;
}
#area_especial{
    width:50%;
    
}
#area_especial_infantil{
    width:50%;
    
}
#area_especial_eja{
    width:50%;
    margin-top:20px;
    
}
.coluna9,.coluna9b,.coluna10,.coluna11,.coluna12{
    width:35%;
}

.coluna9a{
    width:38%; 
}
.coluna9 label{
    margin-left:10%;
}
.coluna9b label{
    margin-left:30%;
}
.coluna10 label{
    margin-left:15%; 
}
.coluna11 label{
    margin-left:19%; 
}
.coluna12 label{
    margin-left:8%; 
}

  #coluna_auditiva_infantil,#coluna_auditiva_eja,#coluna_auditiva{
        width:45%;
    }
    #coluna_motora_infantil, #coluna_motora_eja,#coluna_motora{
         width:45%;
    }
     #coluna_visual_infantil,#coluna_visual_eja,#coluna_visual{
         width:45%;
    }
    #coluna_intelectual_infantil,#coluna_intelectual_eja,#coluna_intelectual{
         width:45%;
    }
    #coluna_tea_infantil,#coluna_tea_eja,#coluna_tea{
         width:45%;
    }
    #coluna_sindromes_infantil,#coluna_sindromes_eja,#coluna_sindromes{
         width:45%;
    }
    #coluna_tdah_infantil,#coluna_tdah_eja,#coluna_tdah{
         width:90%;
    }
    
    #coluna_cidade_infantil,#coluna_cidade_eja,#coluna_cidade{
     float:left;
   margin-left:27px;    
}

.form_linha, .form_linha_especial{
    margin-left:2px;
}
}

@media screen and (max-width: 800px){
    #area_responsavel{
        margin-top:30px;
    }
 
}

@media screen and (max-width: 700px){
    #logo_usuario img{
        width:400px;
        height:140px;
    }
}

@media screen and (max-width: 747px){
     #logo{
        margin-left:5%;
    }
    
    .mensagem a:last-of-type{
     margin-left:25px;
   
}
 .mensagem{
     
      margin-left:12%;
   }
   
   .mensagem a:last-of-type{
       margin-right:20px;
}
}

@media screen and (max-width: 731px){
    #form_rever{
        width:90%;
        margin-left:5%;
        
    }
    .form_linha_rever{
        padding-left:5px;
        padding-right:5px;
        font-size:14px;
    }
}



@media screen and (max-width: 657px){
    #form_consulta input[type=text]{
        width:60%;
    }
    #form_consulta input[type=button]{
        width:60%;
        margin-bottom:10px;
    }
    #form_consulta input[type=reset]{
        width:60%;
        margin-left:60px;
    }
}

@media screen and (max-width: 654px){
   #logo{
       width:100%;
   }
    #logo img{
        width:500px;
        height:160px;
    }
    
    .link_vaga_btn{
        width:90px;
        font-size:12px;
    }
    .link_sem_vaga_btn{
         width:90px; 
         font-size:12px;
    }
    
}

@media screen and (max-width: 623px){
    #form_pre_matricula table td{
        width:20%;
        font-size:14px;
    }
     #form_pre_matricula table th{
          width:20%;
        font-size:14px;
    }
}
@media screen and (max-width: 618px){
    .mensagem{
     
      margin-left:0;
   }
}

@media screen and (max-width: 615px){
   
 
    #coluna1_data{
         width:100%;
    }
    
    #coluna2_sexo{
        width:100%;
         margin-top:10px;
        
    } 
    
     #coluna2_sexo label{
        width:100%;
       
    }
    #coluna2_sexo input{
        width:65%;
        margin-bottom:40px;
         
    }
     #coluna2_sexo select{
        width:65%;
       margin-bottom:40px;
         
    }
    #coluna_endereco{
        width:100%;
      margin-top:40px;
    }
    #coluna_endereco label{
        width:100%;
        
    }
     #coluna_endereco input{
        width:80%;
        
    }
    
    #coluna1_numero{
         width:100%;
          float:both;
    }
    #coluna1_numero label{
        width:100%;
       margin-top:40px;
    }
     #coluna1_numero input{
        width:60%;
       
    }
     #coluna3_complemento{
          width:100%;
          float:left;
          margin-top:10px;
     }
    #coluna3_complemento label{
        width:100%;
    }
    
    #coluna3_complemento input{
       width:80%;  
    }
    
    #coluna4_bairro{
        width:100%;
         margin-top:40px;
    }
     #coluna4_bairro label{
        width:100%;
        
    }
     #coluna4_bairro input{
        width:65%;
    }
    #coluna4_bairro select{
        width:65%;
    }
    
     #coluna5_cidade{
        width:100%;
        margin-left:0;
         margin-top:10px;
    }
     #coluna5_cidade label{
        width:100%;
       
    }
     #coluna5_cidade input{
        width:65%;
    }
    
    
    #coluna4_estado{
        width:100%;
        float:both;
        margin-top:60px;
    }
     #coluna4_estado label{
        width:100%;
       
    }
     #coluna4_estado input{
        width:65%;
    }
    #coluna2_cep{
         width:100%;
        margin-top:10px;
    }
     #coluna2_cep label{
         width:100%;
        
          
    }
     #coluna2_cep input{
         width:65%;
        
    }
    #coluna14_celular{
        width:100%;
       margin-top:80px;
    }
     #coluna14_celular label{
        width:100%;
        
    }
     #coluna14_celular input{
        width:60%;
    }
    
    #coluna7_celular{
        width:100%;
        margin-top:10px; 
    }
    #coluna7_celular label{
        width:100%;
           
    }
    #coluna7_celular input{
        width:80%;
         
    }
    
    #coluna4_cpf_aluno{
        width:100%;
        margin-top:120px;
    }
    #coluna4_cpf_aluno label{
        width:100%;
        
    }
    #coluna4_cpf_aluno input{
        width:80%;
         
    }
    
     #coluna14a_aluno_especial{
        width:100%;
        margin-top:20px;
    }
    #coluna14a_aluno_especial label{
         width:80%;
        text-align:justify;
    }
    #coluna14a_aluno_especial input{
        width:80%;
         
    }
    
   #area_especial{
       margin-top:80px;
       margin-left:20%;
   }
    #coluna_auditiva{
       width:100%;
       float:none;
   }
#coluna_motora{
       width:100%;
       float:none;
   }
#coluna_visual{
       width:100%;
       float:none;
   }
#coluna_intelectual{
       width:100%;
       float:none;
   }
#coluna_tea{
       width:100%;
       float:none;
   }
#coluna_sindromes{
       width:100%;
       float:none;
   }
#coluna_tdah{
       width:100%;
       float:none;
   }
   
   
   
   #area_especial_infantil{
        margin-top:20px;
       margin-left:10%;
   }
   #coluna_auditiva_infantil{
       width:100%;
       float:none;
   }
#coluna_motora_infantil{
       width:100%;
       float:none;
   }
#coluna_visual_infantil{
       width:100%;
       float:none;
   }
#coluna_intelectual_infantil{
       width:100%;
       float:none;
   }
#coluna_tea_infantil{
       width:100%;
       float:none;
   }
#coluna_sindromes_infantil{
       width:100%;
       float:none;
   }
#coluna_tdah_infantil{
       width:100%;
       float:none;
   }
   
    #coluna_receita_eja{
        width:100%;
    }
     #coluna_receita_eja label{
       width:100%;
   }
   #coluna_receita_eja a{
       width:80%;
   }
     #area_especial_eja{
       margin-top:20px;
       margin-left:20%;
   }
    #coluna_auditiva_eja{
       width:100%;
       float:none;
   }
#coluna_motora_eja{
       width:100%;
       float:none;
   }
#coluna_visual_eja{
       width:100%;
       float:none;
   }
#coluna_intelectual_eja{
       width:100%;
       float:none;
   }
#coluna_tea_eja{
       width:100%;
       float:none;
   }
#coluna_sindromes_eja{
       width:100%;
       float:none;
   }
#coluna_tdah_eja{
       width:100%;
       float:none;
   }
   
   
     .coluna9{
         width:100%;
         
    }
    .coluna9 label{
         width:80%;
         margin-left:-10px;
    }
 
       .coluna9a{
         width:100%;
       
    }
    .coluna9a label{
         width:80%;
         margin-left:-10px;
    }
     .coluna9b{
         width:40%;
         float:none;
       
    }
    .coluna9b label{
         width:80%;
         margin-left:10px;
    }
    
     
     .coluna10{
         width:100%;
       
    }
    .coluna10 label{
         width:80%;
         margin-left:-10px;
    }
   
      .coluna11{
         width:100%;
       
    }
    .coluna11 label{
         width:80%;
         margin-left:-10px;
    }
    
     .coluna12{
         width:100%;
       
    }
    .coluna12 label{
         width:80%;
         margin-left:-10px;
    }
    
 
    
    #coluna_nome_responsavel{
        width:100%;
        margin-top:10px;
    }
    #coluna_nome_responsavel label{
        width:100%;
       
    }
    #coluna_nome_responsavel input{
        width:80%;
      
    }
    
    
     #coluna14_cpf_responsavel{
        width:100%;
        margin-top:20px;
    }
    #coluna14_cpf_responsavel label{
        width:100%;
        
    }
    #coluna14_cpf_responsavel input{
        width:80%;
      
    }
    
     #coluna6_email{
        width:100%;
        margin-top:15px;
        
    }
    #coluna6_email label{
        width:100%;
       margin-left:8%;
    }
    #coluna6_email input{
        width:65%;
      
    }
   
    .coluna13{
       margin-top:65px;
    }
   
    #form_pre_matricula{
        height:1300px;
    }
     #form_pre_matricula_infantil{
        height:1300px;
    }
    #form_pre_matricula_eja{
        height:1300px;
    }
    
    #coluna_auditiva{
        width:45%;
    }
   
   #coluna_auditiva_infantil{
        width:45%;
    }
    #coluna_auditiva_eja{
        width:45%;
    }
   
   
}

@media screen and (max-width: 604px){
  #form_pre_matricula{
      width:90%;
        margin-left:10px;
    }  
    
  .form_linha{
      padding-left:5px;
  }
  #coluna_nome_responsavel label{
       word-break:break-word;
       
    }
  
}

@media screen and (max-width: 597px){
   #logo img{
        width:450px;
        height:110px;
    } 
}

@media screen and (max-width: 570px){
    
     .mensagem{
     
      margin-left:0;
   }
    .mensagem a{
       width:3%;
      margin-left:0;
     
     
   }
   .coluna15{
      width:40%;
      margin-right:20px;
   }
   #coluna15_end{
       margin-left:50px;
   }
   #coluna15_resp{
       margin-top:10px;
       margin-left:-158px; 
   }
}
@media screen and (max-width: 550px){
    .form_linha{
        width:100%;
       
    }
    
     #area_especial{
        margin-bottom:-100px;
         float:left;
           margin-top:180px;
    }
#coluna_nome{
    width:100%;
    float:left;
    margin-bottom:10px;
}
#coluna_data{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_sexo{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_end{
    width:100%;
    float:left;
     margin-top:20px;
    margin-bottom:10px;
}
#coluna_num{
    width:100%;
     float:left;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_comp{
    width:100%;
     float:none;
      margin-top:20px;
    margin-bottom:10px;
}

#coluna_bairro{
    width:100%;
    float:left;
      margin-top:40px;
    margin-bottom:10px;
}


#coluna_cidade{
    width:100%;
    float:none;
    margin-left:0;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_estado{
    width:100%;
    float:none;
      margin-top:60px;
    margin-bottom:10px;
}
#coluna_cep{
    width:100%;
   float:none;
      margin-top:10px;
    margin-bottom:10px;
}
#coluna_celular{
    width:100%;
    float:none;
      margin-top:80px;
    margin-bottom:10px;
}
#coluna_cel2{
    width:100%;
   float:left;
   
    margin-bottom:10px;
}
#coluna_cpf_aluno{
    width:100%;
     float:none;
      margin-top:100px;
    margin-bottom:10px;
    
}

#coluna_receita{
    width:100%;
    float:none;
      margin-top:10px;
    margin-bottom:10px;
}
#coluna_especial{
    width:100%;
   float:none;
      margin-top:125px;
   
}

#coluna_responsavel{
    width:100%;
    float:none;
      margin-top:140px;
    margin-bottom:10px;
}
#coluna_cpf_resp{
    width:100%;
     float:none;
      margin-top:140px;
    margin-bottom:10px;
}

#coluna_email{
    width:100%;
     float:none;
      margin-top:10px;
    margin-bottom:10px;
}

#coluna_btn{
    width:100%;
    float:none;
     margin-top:170px;
      margin-bottom:30px;
}

    
    
    
     
 #area_especial_infantil{
        margin-bottom:-100px;
         float:left;
           margin-top:180px;
    }
#coluna_nome_infantil{
    width:100%;
    float:left;
    margin-bottom:10px;
}
#coluna_data_infantil{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_sexo_infantil{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_end_infantil{
    width:100%;
    float:left;
     margin-top:20px;
    margin-bottom:10px;
}
#coluna_num_infantil{
    width:100%;
     float:left;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_comp_infantil{
    width:100%;
     float:none;
      margin-top:20px;
    margin-bottom:10px;
}

#coluna_bairro_infantil{
    width:100%;
    float:left;
      margin-top:40px;
    margin-bottom:10px;
}


#coluna_cidade_infantil{
    width:100%;
    float:none;
    margin-left:0;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_estado_infantil{
    width:100%;
    float:none;
      margin-top:60px;
    margin-bottom:10px;
}
#coluna_cep_infantil{
    width:100%;
   float:none;
      margin-top:10px;
    margin-bottom:10px;
}
#coluna_celular_infantil{
    width:100%;
    float:none;
      margin-top:80px;
    margin-bottom:10px;
}
#coluna_cel2_infantil{
    width:100%;
   float:left;
      
    margin-bottom:10px;
}
#coluna_cpf_aluno_infantil{
    width:100%;
     float:none;
      margin-top:100px;
    margin-bottom:10px;
}

#coluna_receita_infantil{
    width:100%;
    float:none;
      margin-top:10px;
    margin-bottom:10px;
}
#coluna_especial_infantil{
    width:100%;
   float:none;
      margin-top:125px;
   
}

#coluna_responsavel_infantil{
    width:100%;
    float:none;
      margin-top:140px;
    margin-bottom:10px;
}
#coluna_cpf_resp_infantil{
    width:100%;
     float:none;
      margin-top:140px;
    margin-bottom:10px;
}

#coluna_email_infantil{
    width:100%;
     float:none;
      margin-top:10px;
    margin-bottom:10px;
}

#coluna_btn_infantil{
    width:100%;
    float:none;
     margin-top:170px;
      margin-bottom:30px;
}


#area_especial_eja{
        margin-bottom:-100px;
         float:left;
           margin-top:180px;
    }
#coluna_nome_eja{
    width:100%;
    float:left;
    margin-bottom:10px;
}
#coluna_data_eja{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_sexo_eja{
    width:100%;
     float:left;
    margin-bottom:10px;
}
#coluna_end_eja{
    width:100%;
    float:left;
     margin-top:20px;
    margin-bottom:10px;
}
#coluna_num_eja{
    width:100%;
     float:left;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_comp_eja{
    width:100%;
     float:none;
      margin-top:20px;
    margin-bottom:10px;
}

#coluna_bairro_eja{
    width:100%;
    float:left;
      margin-top:40px;
    margin-bottom:10px;
}

#coluna_cidade_eja{
    width:100%;
    float:none;
    margin-left:0;
      margin-top:20px;
    margin-bottom:10px;
}
#coluna_estado_eja{
    width:100%;
    float:none;
      margin-top:60px;
    margin-bottom:10px;
}
#coluna_cep_eja{
    width:100%;
   float:none;
      margin-top:10px;
    margin-bottom:10px;
}
#coluna_celular_eja{
    width:100%;
    float:none;
      margin-top:80px;
    margin-bottom:10px;
}
#coluna_cel2_eja{
    width:100%;
   float:left;
     
    margin-bottom:10px;
}
#coluna_cpf_aluno_eja{
    width:100%;
     float:none;
      margin-top:150px;
    margin-bottom:10px;
}

#coluna_receita_eja{
    width:100%;
    float:none;
      margin-top:40px;
    margin-bottom:10px;
}
#coluna_especial_eja{
    width:100%;
   float:none;
      margin-top:125px;
   
}

#coluna_responsavel_eja{
    width:100%;
    float:none;
      margin-top:140px;
    margin-bottom:10px;
}
#coluna_cpf_resp_eja{
    width:100%;
     float:none;
      margin-top:140px;
    margin-bottom:10px;
}

#coluna_email_eja{
    width:100%;
     float:none;
      margin-top:10px;
    margin-bottom:10px;
}

#coluna_btn_eja{
    width:100%;
    float:none;
     margin-top:170px;
      margin-bottom:30px;
}
#form_login{
    width:80%;
    margin-left:5%;
}

#link_esqueceu {
    width:100%;
    margin-bottom:20px;
}
#link_primeiro_acesso{
    width:100%;
    text-align:left;
}
#resetar p{
    width:100%;
}
  #menu_mobile{
      display:none;
  }
 
  

}

@media screen and (max-width: 550px){
    
#topo{
    height:250px;
}



}
@media screen and (max-width: 549px){

   
    #coluna15_resp{
      
       margin-left:-150px; 
   }
}

@media screen and (max-width: 538px){
   #linha_um_mobile a:first-child{
    padding:10px;
    margin-left:22%;
}
#barra_progresso{ 
 position:absolute;
 top: 40%;
 left: 28%;
 z-index:2;
 float:left;
}
 #logo img{
        width:450px;
        height:110px;
    }
#topo{
    height:180px;
}
#form_pre_matricula table{
    width:40%;
    height:auto;
    padding:0px;
    float:left;
    margin-right:10px;
    writing-mode: vertical-rl;
}

#form_pre_matricula table tr{
    width:10%;
    margin-right:10px;
    
}
#form_pre_matricula table td{
    width:10%;
  }
#form_pre_matricula table th{
    width:10%;
}

.link_vaga_btn{
    width:30px;
    margin-left:5px;
}
.link_sem_vaga_btn{
    width:30px;
   margin-top:55px;
}
#titulo_hidden_h2{
    font-size:16px;
   
}
#h2_mobile{
     font-size:16px;
}
.coluna15a{
    width:100%;
}

#coluna15a_responsavel_label{
    margin-left:8%;
}

#coluna15a_responsavel_p{
    margin-left:8%;
}
.coluna17a{
    width:100%;
    margin-bottom:10px;
}
.coluna17a label{
    width:100%;
    margin-bottom:10px;
}
}


@media screen and (max-width: 509px){
    .coluna15{
        width:45%;
    }
    #coluna15_end{
        margin-left:0;
    }
    
     #coluna15_resp{
      
       margin-left:0; 
   }
   
   #area_responsavel {
      width:100%;
      margin-top:20px;
     
   }
}

@media screen and (max-width:486px){
    #coluna_cpf_aluno_infantil{
    width:100%;
     float:none;
      margin-top:120px;
    margin-bottom:10px;
}

#coluna_especial_infantil{
    margin-top:145px;
}

#coluna_cpf_resp_infantil{
    margin-top:160px;
}
#coluna_btn_infantil{
    
     margin-top:190px;
      
}

 #coluna_cpf_aluno{
    width:100%;
     float:none;
      margin-top:120px;
    margin-bottom:10px;
}

#coluna_especial{
    margin-top:145px;
}

#coluna_cpf_resp{
    margin-top:160px;
}
#coluna_btn{
    
     margin-top:190px;
      
}
}
@media screen and (max-width: 484px){
    #logo img{
        margin-left:0;
    }
    
     .coluna15{
         width:80%;
     }
      #coluna15_end{
         width:80%;
        
    }
    
     #coluna15_resp{
      
      width:80%; 
   }
  .coluna16{
      width:90%;
      
  }
  #form_alteracao{
       width:90%;
      float:left;
     margin-bottom:20px;
  }
   #form_confirmacao{
      float:left;
     
  }
}
@media screen and (max-width: 456px){
    #area_especial{
        width:80%;
        margin-left:0;
    }
    #area_especial_infantil{
        width:80%;
    }
    #area_especial_eja{
        width:80%;
        margin-left:0;
    }
}
@media screen and (max-width: 460px){
     #logo img{
        width:350px;
        height:70px;
    } 
    #conteudo h1{
        font-size:20px;
    }
}
@media screen and (max-width: 416px){
    #area_especial{
      margin-top:230px;
      margin-left:10px;
    }
     #area_especial_eja{
      margin-top:230px;
      margin-left:10px;
    }
     #coluna14a_aluno_especial label{
         width:80%;
        text-align:left;
    }
     .coluna9 label{
      font-size:14px;
      margin-left:2px;
    }
 
 .coluna9a label{
   font-size:14px;
   margin-left:2px;
    }
.coluna10 label{
 font-size:14px;
 margin-left:2px;
    }
.coluna11 label{
   font-size:14px;
   margin-left:2px;
    }
    
 .coluna12 label{
      font-size:14px;
      margin-left:2px;
    }
    
    .coluna13{
        width:50%;
    }
    
    .coluna13 input[type=submit]{
        margin-bottom:10px;
    }
    #form_pre_matricula{
        height:1400px;
    }
     #form_pre_matricula_eja{
        height:1400px;
    }
}
@media screen and (max-width: 408px){
    #coluna_especial{
        margin-top:170px;
        margin-bottom:20px;
    }
    #coluna_especial label{
       width:90%;
    }
     #coluna_especial select{
       width:80%;
       margin-top:10px;
       
    }
    #area_especial{
         margin-top:210px;
         margin-bottom:-150px
    }
    #coluna_responsavel{
        margin-top:200px;
    }
    #coluna_cpf_resp{
        margin-top:215px;
    }
    #coluna_btn{
         margin-top:245px;
    }
    
    
    #coluna_especial_infantil{
        margin-top:170px;
        margin-bottom:20px;
    }
    #coluna_especial_infantil label{
       width:90%;
    }
     #coluna_especial_infantil select{
       width:80%;
       margin-top:10px;
       
    }
    #area_especial_infantil{
         margin-top:210px;
         margin-bottom:-150px
    }
    #coluna_responsavel_infantil{
        margin-top:200px;
    }
    #coluna_cpf_resp_infantil{
        margin-top:215px;
    }
    #coluna_btn_infantil{
         margin-top:245px;
    }
    
    
     #coluna_especial_eja{
        margin-top:170px;
        margin-bottom:20px;
    }
    #coluna_especial_eja label{
       width:90%;
    }
     #coluna_especial_eja select{
       width:80%;
       margin-top:10px;
       
    }
    #area_especial_eja{
         margin-top:210px;
         margin-bottom:-150px
    }
    #coluna_responsavel_eja{
        margin-top:200px;
    }
    #coluna_cpf_resp_eja{
        margin-top:215px;
    }
    #coluna_btn_eja{
         margin-top:245px;
    }
    
    #form_login input[type=email]{
        width:80%;
    }
   #form_login input[type=password]{
    width:80%;
}
    
}
@media screen and (max-width: 404px){
     #logo img{
        width:300px;
        height:70px;
    } 
     .mensagem a:last-of-type{
       margin-left:30px;
}

#container_barra{
    width:40%;
}
}

@media screen and (max-width: 392px){
    #coluna_bairro_eja{
        margin-top:65px;
    }
    #coluna_cidade_eja{
        margin-top:75px;
    }
     #coluna_estado_eja{
        margin-top:85px;
    }
    #coluna_celular_eja{
        margin-top:100px;
    }
    #coluna_receita_eja{
        margin-top:60px;
        margin-bottom:30px;
    }
    
}
@media screen and (max-width: 395px){
    #coluna_cpf_aluno_eja{
        margin-top:170px;
    }
}
@media screen and (max-width: 379px){
       .coluna9 label{
    width:100%;
    }
      .coluna9 input{
    width:100%;
    margin-left:-50px;
    }
 
 .coluna9a label{
  width:100%;
    }
   #label_tea{
       margin-left:25px;
   }
      .coluna9a input{
    width:100%;
     margin-left:-50px;
    }
.coluna10 label{
 width:100%;
    }
      .coluna10 input{
    width:100%;
     margin-left:-50px;
    }
.coluna11 label{
 width:100%;
    }
      .coluna11 input{
    width:100%;
     margin-left:-50px;
    }
    
 .coluna12 label{
   width:100%;
   
    } 
      .coluna12 input{
    width:100%;
     margin-left:-50px;
    }
    #form_pre_matricula{
       height:1500px;
    }
    
     #coluna_receita_eja{
       
        margin-bottom:40px;
    }
}

@media screen and (max-width: 350px){
     #logo img{
        width:250px;
        height:70px;
    } 
     .mensagem a:last-of-type{
       margin-left:30px;
}
#conteudo h1{
    font-size:16px;
}
#container_barra{
    width:40%;
}
#barra_progreso{
    left:15%;
}
#linha_um_mobile a{
    font-size:16px;
}

#linha_um_mobile a:first-child{
    margin-left:20px;
}
}

@media screen and (max-width: 320px){
    .form_linha{
        margin-left:2px;
    }
}


@media screen and (max-width: 285px){
   #barra_progresso{
    left:10%;
}
#barra_progresso2{
    left:10%;
}
#form_pre_matricula{
    height:1620px;
}
   #coluna_data label{
       width:100%;
   }
   #coluna_data input{
       width:80%;
   }
   #coluna_sexo label{
        width:100%;
        margin-right:20px;
   }
   #coluna_sexo select{
       width:80%;
   }
   #coluna_end{
       margin-top:60px;
   }
   #coluna_num{
        margin-top:60px;
   }
   #coluna_bairro{
       margin-top:95px;
   }
    #coluna_bairro label{
        width:100%;
       margin-right:50px;
   }
   #coluna_bairro input{
        width:90%;
      
   }
   #coluna_cidade label{
       width:100%;
   }
   #coluna_cidade input{
       width:80%;
   }
   #coluna_estado{
        margin-top:150px;
   }
    #coluna_estado label{
       width:100%;
   }
    #coluna_estado input{
        width:80%;
   }
   #coluna_cep label{
       width:100%;
       margin-right:20px;
   }
   #coluna_cep input{
       width:80%;
   }
   #coluna_celular{
       margin-top:200px;
   }
   #coluna_celula label{
      width:100%;
   }
   #coluna_celular input{
       width:80%;
   }
   #coluna_cel2{
          margin-top:0px;
   }
    #coluna_cel2 input{
         width:80%;
   }
   #coluna_cpf_aluno{
        margin-top:250px;
   }
   
   #coluna_especial{
       margin-top:320px;
   }
   #area_especial{
        margin-top:370px;
        margin-left:0px;
        margin-bottom:-350px;
   }
   #coluna_responsavel{
        margin-top:380px;
   }
    #coluna_cpf_resp{
        margin-top:420px;
    } 
    #coluna_cpf_resp input{
       width:80%;
    } 
    #coluna_email label{
         width:100%;
    }
     #coluna_email input{
         width:80%;
    }
    #coluna_btn{
        margin-top:480px;
    }
      #coluna_auditiva label{
       width:100%;
      
   }
   #coluna_auditiva input{
       width:100%;
       margin-left:-8%;
      
   }
#coluna_motora label{
       width:100%;
       
   }
   #coluna_motora input{
       width:100%;
       margin-left:-31%;
   }
#coluna_visual label{
       width:100%;
       margin-left:8%;
   }
   #coluna_visual input{
       width:100%;
        margin-left:-31%;
   }
#coluna_intelectual label{
       width:100%;
       
   }
   #coluna_intelectual input{
       width:100%;
        margin-left:-31%;
   }
#coluna_tea label{
       width:100%;
       margin-left:15%;
   }
   #coluna_tea input{
       width:100%;
        margin-left:-31%;
   }
#coluna_sindromes label{
       width:100%;
      
   }
   #coluna_sindromes input{
       width:100%;
       margin-left:-31%;
   }
#coluna_tdah label{
       width:100%;
      
   }
   #coluna_tdah input{
       width:100%;
       margin-left:-31%;
   }




#form_pre_matricula_infantil{
    height:1620px;
}
   #coluna_data_infantil label{
       width:100%;
   }
   #coluna_data_infantil input{
       width:80%;
   }
   #coluna_sexo_infantil label{
        width:100%;
        margin-right:20px;
   }
   #coluna_sexo_infantil select{
       width:80%;
   }
   #coluna_end_infantil{
       margin-top:60px;
   }
   #coluna_num_infantil{
        margin-top:60px;
   }
   #coluna_bairro_infantil{
       margin-top:95px;
   }
    #coluna_bairro_infantil label{
        width:100%;
       margin-right:50px;
   }
   #coluna_bairro_infantil input{
        width:90%;
      
   }
   #coluna_cidade_infantil label{
       width:100%;
   }
   #coluna_cidade_infantil input{
       width:80%;
   }
   #coluna_estado_infantil{
        margin-top:150px;
   }
    #coluna_estado_infantil label{
       width:100%;
   }
    #coluna_estado_infantil input{
        width:80%;
   }
   #coluna_cep_infantil label{
       width:100%;
       margin-right:20px;
   }
   #coluna_cep_infantil input{
       width:80%;
   }
   #coluna_celular_infantil{
       margin-top:200px;
   }
   #coluna_celular_infantil label{
      width:100%;
   }
   #coluna_celular_infantil input{
       width:80%;
   }
   #coluna_cel2_infantil{
          margin-top:0px;
   }
    #coluna_cel2_infantil input{
         width:80%;
   }
   #coluna_cpf_aluno_infantil{
        margin-top:250px;
   }
   
   #coluna_especial_infantil{
       margin-top:320px;
   }
   #area_especial_infantil{
        margin-top:370px;
        margin-left:0px;
        margin-bottom:-350px;
   }
   #coluna_responsavel_infantil{
        margin-top:380px;
   }
    #coluna_cpf_resp_infantil{
        margin-top:420px;
    } 
    #coluna_cpf_resp_infantil input{
       width:80%;
    } 
    #coluna_email_infantil label{
         width:100%;
    }
     #coluna_email_infantil input{
         width:80%;
    }
    #coluna_btn_infantil{
        margin-top:480px;
    }
      #coluna_auditiva_infantil label{
       width:100%;
      
   }
   #coluna_auditiva_infantil input{
       width:100%;
       margin-left:-8%;
      
   }
#coluna_motora_infantil label{
       width:100%;
       
   }
   #coluna_motora_infantil input{
       width:100%;
       margin-left:-31%;
   }
#coluna_visual_infantil label{
       width:100%;
       margin-left:8%;
   }
   #coluna_visual_infantil input{
       width:100%;
        margin-left:-31%;
   }
#coluna_intelectual_infantil label{
       width:100%;
       
   }
   #coluna_intelectual_infantil input{
       width:100%;
        margin-left:-31%;
   }
#coluna_tea_infantil label{
       width:100%;
       margin-left:15%;
   }
   #coluna_tea_infantil input{
       width:100%;
        margin-left:-31%;
   }
#coluna_sindromes_infantil label{
       width:100%;
      
   }
   #coluna_sindromes_infantil input{
       width:100%;
       margin-left:-31%;
   }
#coluna_tdah_infantil label{
       width:100%;
      
   }
   #coluna_tdah_infantil input{
       width:100%;
       margin-left:-31%;
   }
   
   #form_pre_matricula_eja{
    height:1620px;
}
   #coluna_data_eja label{
       width:100%;
   }
   #coluna_data_eja input{
       width:80%;
   }
   
   #coluna_sexo_eja{
        width:100%;
      float:left;
   }
    
   #coluna_sexo_eja label{
        width:100%;
        margin-right:20px;
   }
   #coluna_sexo_eja select{
       width:80%;
        
   }
   #coluna_end_eja{
       width:100%;
       margin-top:60px;
   }
   
   #coluna_end_eja label{
       width:100%;
      
   }
   #coluna_end_eja input{
       width:80%;
       
   }
   #coluna_num_eja{
        margin-top:60px;
   }
   #coluna_bairro_eja{
       margin-top:95px;
   }
    #coluna_bairro_eja label{
        width:100%;
       margin-right:50px;
   }
   #coluna_bairro_eja input{
        width:90%;
      
   }
   #coluna_cidade_eja label{
       width:100%;
   }
   #coluna_cidade_eja input{
       width:80%;
   }
   #coluna_estado_eja{
        margin-top:150px;
   }
    #coluna_estado_eja label{
       width:100%;
   }
    #coluna_estado_eja input{
        width:80%;
   }
   #coluna_cep_eja label{
       width:100%;
       margin-right:20px;
   }
   #coluna_cep_eja input{
       width:80%;
   }
   #coluna_celular_eja{
       margin-top:200px;
   }
   #coluna_celular_eja label{
      width:100%;
   }
   #coluna_celular_eja input{
       width:80%;
   }
   #coluna_cel2_eja{
          margin-top:0px;
   }
    #coluna_cel2_eja input{
         width:80%;
   }
   
     #coluna_receita_eja{
       margin-top:200px;
   }
   #coluna_cpf_aluno_eja{
        margin-top:320px;
   }
   
   #coluna_especial_eja{
       margin-top:320px;
   }
   #area_especial_eja{
        margin-top:370px;
        margin-left:0px;
        margin-bottom:-350px;
   }
   #coluna_responsavel_eja{
        margin-top:360px;
   }
   
     #coluna_cpf_resp_eja{
        margin-top:365px;
    } 
    #coluna_cpf_resp_eja input{
       width:80%;
    } 
    #coluna_email_eja label{
         width:100%;
    }
     #coluna_email_eja input{
         width:80%;
    }
    #coluna_btn_eja{
        margin-top:380px;
    }
      #coluna_auditiva_eja label{
       width:100%;
      
   }
   #coluna_auditiva_eja input{
       width:100%;
       margin-left:-8%;
      
   }
#coluna_motora_eja label{
       width:100%;
       
   }
   #coluna_motora_eja input{
       width:100%;
       margin-left:-31%;
   }
#coluna_visual_eja label{
       width:100%;
       margin-left:8%;
   }
   #coluna_visual_eja input{
       width:100%;
        margin-left:-31%;
   }
#coluna_intelectual_eja label{
       width:100%;
       
   }
   #coluna_intelectual_eja input{
       width:100%;
        margin-left:-31%;
   }
#coluna_tea_eja label{
       width:100%;
       margin-left:15%;
   }
   #coluna_tea_eja input{
       width:100%;
        margin-left:-31%;
   }
#coluna_sindromes_eja label{
       width:100%;
      
   }
   #coluna_sindromes_eja input{
       width:100%;
       margin-left:-31%;
   }
#coluna_tdah_eja label{
       width:100%;
      
   }
   #coluna_tdah_eja input{
       width:100%;
       margin-left:-31%;
   }
}
@media screen and (max-width: 284px){
     #logo img{
        width:200px;
        height:70px;
    } 
     .mensagem a:last-of-type{
      font-size:12px;
}

#barra_progresso{
    left:10%;
}
#barra_progresso2{
    left:10%;
}
#coluna14_cpf_responsavel{
    margin-top:40px;
}
.coluna13{
    margin-top:100px; 
}
#form_pre_matricula{
    height:1600px;
}
}

@media screen and (max-width: 280px){
   
    #resetar_senha{
        margin-left:10px;
    }
}
@media screen and (max-width: 257px){
     .mensagem a:last-of-type{
    width:100%;
    height:auto;
    padding-top:2px;
    margin-left:0;
}
}
@media screen and (max-width: 255px){
    .coluna6{
       float:left;
    }
    
    #coluna6_email label{
        width:100%;
        margin-bottom:40px;
    }
}

@media screen and (max-width: 230px){
    #link_esqueceu{
        font-size:16px;
    }
    #link_primeiro_acesso{
        font-size:16px;
    }
}