@font-face {
    font-family: 'EscritaAMano';
    src: url('../fuentes/LucidaHandwritingItalic.ttf'); 
}

@font-face {
    font-family: 'EstiloPregunta';
    src: url('../fuentes/Comic.ttf'); 
}

label {
	font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:gray;
}

input {
	font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	opacy:1;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
      color: gray;
      font-family: ...;
      font-size: 16px;
      font-weight: bold;
}

#DivOuterRespuestaPregunta {
    overflow-y:hidden;
    width:90%; 
   /* height:170px;*/
    margin:10px;
}
#DivInnerRespuestaPregunta {
    overflow: auto; 
    width:100%; 
    /*height:187px;*/
    padding:10px;
}


#DivContenedorOuterListaDePreguntas {
    overflow-y:hidden;
    width:30%; 
    height:390px;

}
#DivContenedorInnerListaDePreguntas {
    overflow: auto; 
    width:100%; 
    height:397px;
    padding:10px;
    background-image: url("../imagenes/SeccionHojaCuaderno3.png");
    background-attachment:local;
    background-repeat: repeat-y;

}

#DivOuterRespuestaDeOtros {
    overflow-y:hidden;
    width:90%; 
    /*height:250px;*/
    margin:10px;
}
#DivInnerRespuestaDeOtros {
    overflow: auto; 
    width:100%; 
    /*height:267px;*/
    padding:10px;
}

#DivOuterContenidoTerminosYcondiciones {
    overflow-y:hidden;
    width:100%; 
    height:350px;
    margin:10px;
}
#DivInnerContenidoTerminosYcondiciones {
    overflow: auto; 
    width:100%; 
    height:367px;
    padding:10px;
}

#DivOuterContenidoAvisoPrivacidad {
    overflow-y:hidden;
    width:100%; 
    height:350px;
    margin:10px;
}
#DivInnerContenidoAvisoPrivacidad {
    overflow: auto; 
    width:100%; 
    height:367px;
    padding:10px;
}

footer {
  position: fixed;
  background-color: black;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  vertical-align: middle;
  z-index: 2;
}

#SpanBack {
  padding:5px;
  background:#024959; 
  color:#fff;
  text-decoration:none;
  font-weight: bold; 
  font-size:15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#SpanHome {
  padding:5px;
  background:#024959; 
  color:#fff;
  text-decoration:none;
  font-weight: bold; 
  font-size:15px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


#DivFullScreenRespuestaDePregunta {
    position: fixed !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    transform: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
    z-index: 2147483647 !important;
  }

#DivControlesFullScreenRespuestaDePregunta {
    opacity: 0.0;
    transition: opacity 2s ease-out;
    -moz-transition: opacity 2s ease-out;
    -webkit-transition: opacity 2s ease-out;
    -o-transition: opacity 2s ease-out;
}

#DivControlesFullScreenRespuestaDePregunta:hover {
    opacity: 1;
}

.ui-state-highlight { height: 1.5em; line-height: 1.2em; background-color: red;}

.DivBotoneraHome
{
    text-align:center;
    float:left;
    cursor:pointer;
}

div.DivBotoneraHome:hover {
    background-color:orange;
}


.DivBorderHome
{
    border-radius: .5em;
    border: 2px solid #cccccc;

    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

div.DivBorderHome:hover
{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px     rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}