#inicio {
    font-family: sans-serif;
    font-size: 12px;
background-color: #ffffff;

  }



body {
    font-family: sans-serif;
    font-size: 12px;
    background-color: #ffffff;
  }




h1{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
     /*background-color: #ffffff;*/
	 
     text-align: center;
     padding:  10px;
     border:  1px solid #818181;
      -moz-border-radius: 4px;
 border-radius: 4px;
 color: #ffffff;

background-color: #FF8000;


text-shadow: 2px 2px #818181; /*sombra*/
font-size: 2em;

}

#imagen-inicio {
  margin-top: 100px;
}



h2{
    
    margin-left: auto;
    margin-right: auto;
     /*background-color: #CCCCCC;*/
     text-align: center;
     padding:  10px;
    font-size: 1.5em;
}


#formulario_1 fieldset {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #FFBF00;*/
	/*opacity: .7;*/
  background: #6190E8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #A7BFE8, #6190E8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #A7BFE8, #6190E8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

#formulario_1 input {
    padding: 8px;
    -moz-border-radius: 5px;
 border-radius: 5px;
 font-size: 1.1em;
 text-transform: uppercase;
}
#formulario_1 fieldset{
padding: 10px;
-moz-border-radius: 5px;
 border-radius: 5px;
 border: 2px solid #818181;
}

#formulario_1 legend{
font-size: 1.1em;
font-weight: bold;
}

#grado {
font-size: 1.1em;
text-align: center;
width: 40%;
}

#grupo {
font-size: 1.1em;
text-align: center;
width: 40%;
}


#tabla_formulario td{
    padding: 8px;
}

#tabla_formulario {
  width: 70%;
    margin: 10px;
}

#tabla_tablas {
margin-left: auto;
margin-right: auto;
font-size: 1em;    
}

#tabla_tablas td{
     padding: 5px;
	 font-size: 1.5em;
	 text-align: center;
	 
}


#contador {
    font-size: 1.1em;
    /*width: 25%;*/
    padding:  5px;
    text-align: center;
    /*background-color: #ffffff;
    border:  1px solid #818181;*/
      -moz-border-radius: 4px;
 border-radius: 4px;
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
 
}



#formulario_2 input type['radio'] {
    
  font-size: 1.1em;
  outline: none; /* Quitar el borde punteado en las opciones del bot�n radio  */
}



#formulario_2 label {
  font-weight: normal;
  font-size: 1.1em;
  padding: 10px;

   }


   #formulario_2 input type['submit'] {
    padding: 8px;
    -moz-border-radius: 3px;
 border-radius: 3px;
 font-size: 1.1em;
 text-align: left;
 width: 80px;
 outline: none; /* Quitar el borde punteado en las opciones del bot�n radio  */
}


.answer {
  padding: 10px; /* Separaci�n entre los botones radio y los textos de las respuestas */
  font-size: 1.3em;
  
} 

.radio {
  padding: 12px; /* Separaci�n entre los botones radio y los textos de las respuestas */
  font-size: 1.3em;
  display: block;
    
}



.submit {
    background-color: #99CC66;
}


.mostrar_resultado {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border:  1px solid #818181;
      -moz-border-radius: 4px;
 border-radius: 4px;
 text-align: center;
 color: #000000;
 padding: 10px;
 font-size: 2em;  
}



.inicio {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff; 
    border:  1px solid #818181;
      -moz-border-radius: 4px;
 border-radius: 4px;
 text-align: center;
 color: #000000;
 padding: 10px;
 font-size: 1.5em;;
 display: block;

}

.nombre{
  text-transform: uppercase;
  font-size: 1em;
 }

/* ===== Pagina control.php =================================================== */

body {
background-color: #F2F2F2;  
}

#section_control {
/*padding: 20px;*/
width: 100%;
margin-left: auto;
margin-right: auto;

}

#form-control select {
width: 150px;
}

#form-control label {
  font-size: 1.3em;
}


.form-control {
  font-size: 1.1em;
}

#form-lectura label {
  font-size: 1.3em;
}

/* Ajustar el ancho de los campos tipo number */
 #form-control input[type=number] {
       width: 50px;
       font-size: 1em;
    }

#form-duracion select {
       width: 130px;
    }

/* Ajustar el ancho de los campos tipo text */
 #form-control input[type=text] {
       width: 90%;
    }

/* Ajustar el ancho de los campos tipo text 
 #form-lectura input[type=text] {
       width: 70%;
    } */

  #titulo {
    font-size: 1.3em;
  }

#form-lect textarea {
    font-size: 1em;
    font-weight: normal;
    width: 100%;
  }

  #form-control input {
    font-size: 1.2em;
  }

#mostrar-preguntas {
  background-color: #ffffff;
  border: 1px solid #818181;
}

#mostrar-preguntas table tr td {
   
   }

#mostrar-preguntas img {
   max-width: 40%;
   }




#form-preguntas fieldset{

  /*background-color: #F7D358;
  padding: 10px;
  border: 1px solid #818181;
  margin-bottom: 10px;*/
}

#form-preguntas legend{
font-size: 1.5em;
}

#form-lectura {
  background-color: #F7D358;
  padding: 10px;
  border: 1px solid #818181;
  margin-bottom: 10px;
}


#form-duracion {
  /*background-color: #0080FF;*/
  padding: 10px;
  /*border: 2px solid #818181;*/
  margin-bottom: 10px;
 }

 
/* ========= Página consulta listas ============================================== */

#form-consulta {
  margin-bottom: -30px;
}

#form-consulta label{

margin-left: 20px;
  
}

#section_consulta {
padding: 10px;
width: 100%;
margin-left: auto;
margin-right: auto;


}

#section_consulta fieldset{
/*width: 70%;*/
font-size: 1em;
padding: 5px;
/*background-color: #99CC33;*/
/*border: 1px solid #818181;*/
/*border:  1px solid #818181;*/
      -moz-border-radius: 4px;
 border-radius: 4px;
 margin-bottom: 10px; 
}

#section_consulta select, option {
  font-size: 1em;
}

#tabla_consulta {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}

#tabla_consulta td{
padding: 5px;
}

#tabla-resumen {
 margin-left: auto;
 margin-right: auto;

  font-size: 1em;
  background-color: #FFFFFF;
  border: 2px solid #000000;
}

#tabla-resumen td{
  padding: 6px;
}


/* ==========================Pagina estadisticas.php ==============================================*/
#contenido {
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
#micanvas {
 margin-right: auto;
 margin-left: auto; 
}

#form-estadistica {
  width: 20%;
}


/* ==========================Pagina grupos_faltantes.php ==============================================*/


#form-faltantes {
  width: 20%;
}





/* ==========================P�gina enlace.php ==============================================*/
#mostrar-lectura {
  background-color: #ffffff;
  padding: 25px;
  width: 100%;
  border: 1px solid #818181;
  -moz-border-radius: 5px 10px;     /* Firefox */
  border-radius: 5px; 
margin-left: auto;
margin-right: auto;
font-size: 1.7em;
}

#preguntas {
font-size: 1.2em;

}

#preguntas ol {
padding: 0;

}
.instrucciones {
  padding: 10px;
  background-color: #818181;
  color: #ffffff;
  font-size: 1.7em;
  border: 1px solid #FFFFFF;
 text-align: center;
}

.modal-header h3 {
    margin-top: 0;
}

#mostrar-lectura h2 {
padding: 0;
margin-top: -30px;

}

/* =================== p�gina establecer_datos_escuela ==============================================*/

#form-datos{

  background-color:  #f4d03f 
;
  padding: 10px;
  border: 1px solid #818181;
  margin-bottom: 10px;

}

/* =================== pagina buscar ==============================================*/

#form-buscar {
  width: 40%;
}



/* =================== Pie de p�gina ==============================================*/
footer {
margin-top: 15px;
padding: 8px;
background-color: #424242;
color: #FAFAFA;
border: 1px solid #8c8c8c;
-moz-border-radius: 5px 10px;     /* Firefox */
	border-radius: 5px; 
}