.opcion1
{
font-family: Arial,Verdana;
font-size:1.1em;

cursor:pointer;
padding-left:1.25em;
padding-right:0.65em;
}

.logo
{
  margin-left:auto;
  margin-right:auto;
  display:block;
  width: 100%;
  max-height:auto;
  
}
.opcion1:hover
{
  font-weight:bold;
  font-size:1.25em;
  border-bottom: 3px;

  border-bottom-style:solid;

}

.opcion_elegida
{
	font-weight:bold;
	font-size:1.25em;
	color:blue;
	border-bottom-color:blue;
    border-bottom-style:solid;
  	border-bottom-width:3px;

}

.barra
{
  width:100%;
  background:#DDD;
  padding:0px;
  border:0px;
  margin: 0px;
}
.separador
{
        display:inline-block;
        min-width:3em;
}

.opcion2
{
   margin: auto auto;
   width:90%;
  -----height:700px;

    border-style:none;
    border-color:green;
    border-width:0;
    overflow:auto;
    transition-duration:900ms;
    scale:0.0;
    background:#F1F1F1;

}

.barramenu
{

  text-align:center;
  vertical-align:bottom;

}
.centro
{
  	padding-top:5px;
    text-align:center;

}
.texto1
{
    text-align:center;
    padding: 1em;
    font-family: Calibri,Arial;
    font-size:1.3em;
    color: black;
  padding-top:2em;
}
.cuadro
{
    margin: auto auto;
    width:32em;

}
.objetivos
{
    text-align:left;
    font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", Verdana;
    font-size:1.1em;
    line-height:1.5em;
    color:#211;
}

.tabla_cuaderno
{
   font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", Verdana;

 width:100%;
 background:gray;
  
}
.fila_cuaderno
{
 	background:white;
}

.celda_cuadernotit
{
	background:white;
  	font-size:1.5em;
    font-weight:bold;
    color:#422;
}

.celda_cuaderno
{
  background:white:
    padding-top:1em;
  padding-bottom:1em;
  font-size:1.1em;
  font-weight:bold;
}
.imagen_cuaderno {
  width:90%;
  transition-duration:900ms;
  }
.imagen_cuaderno:hover
{
  transition-duration:900ms;
  width:100%;
  cursor:pointer;
}

@media (max-width: 500px)
  {
.logo
  {
  margin-left:auto;
  margin-right:auto;
  display:block;
  width:320px;
  max-height:auto;  
}
    .opcion1
{
font-family: Arial,Verdana;
font-size:1.1em;

cursor:pointer;
padding-left:1.25em;
padding-right:0.65em;
line-height:2em;
}
   .opcion1:hover
{
  font-weight:bold;
  font-size:1.25em;
  border-bottom: 3px;

  border-bottom-style:solid;
  line-height: 2em;
} 
    
    .cuadro
{
    margin: auto auto;
    width:85%;

}
    
}