@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Baloo|Open+Sans|Eagle+Lake|Roboto|Poppins|');



.TituloTexto
  {
  font-size: 40px;
  font-family: 'Eagle Lake', cursive;
  color: #000000;
  }
  
  .SubTituloTexto
  {
  font-size: 20px;
  font-family: 'Roboto',sans-serif;
  color: #0099FF;
  }
  
   .TextoDetalle
  {
  font-size: 18px;
  font-family: 'Open+Sans',sans-serif;
  color: #000000;
  }
  
  .TextoDetalle2
  {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  }
  
  .TextoDetalle3
  {
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  }
  
    .TextoDetalle4
  {
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  }
  
  .TextoDetalle2blanco
  {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  }
  
  .textovalores
  {
  font-size: 12px;
  font-family: 'Roboto',sans-serif;
  color: #000000;
  }
  
  .cajatextonumero
  {
border: 1px solid #999999;
font-size: 12px;
  font-family:  'Roboto',sans-serif;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
  text-align:right;
 
  color: #2E3133;
  }
.cajatextonumero:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  background-color:  #FFCC99;

    }
	
	.cajatexto
  {
border: 1px solid #999999;
font-size: 12px;
  font-family: Arial, Verdana;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
 
  color: #2E3133;
  }
.cajatexto:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  background-color:  #FFCC99;

    }
	
 .titulo
  {
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  background-color:#004597;
-webkit-box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
  }
  
  .numero_preguntas {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  background-color:#004597;
  border-radius: 111px 111px 111px 111px;
-moz-border-radius: 111px 111px 111px 111px;
-webkit-border-radius: 111px 111px 111px 111px;
border: 0px solid #000000;
  }
  
  .cajarecuadre {
  
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 1px solid #000000;
-webkit-box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
box-shadow: 3px 6px 4px 0px rgba(0,0,0,0.75);
  }
  
  
.botongrande {
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 8px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.botongrande:hover 
{
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
}

.botonchico {
 border: none;
 background: #1763BB;
 color: #f2f2f2;
 padding: 6px;
 font-size: 11px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.botonchico:hover 
{
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
}
 .cajaredonda
    {
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #cccccc;

}


 .cajachica
    {
		border-radius: 3px 3px 3px 3px;
-moz-border-radius:  3px 3px 3px 3px;
-webkit-border-radius:  3px 3px 3px 3px;
border: 1px solid #CCCCCC;
}


 .cajagrande
    {
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;

-webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
}