body{
  /*font-family: 'Tangerine', serif;*/
  font-family:'Open Sans', serif;
  margin:0;padding:0;
  font-size:100%;
  line-height:1;
}

#container,#content{
  width:100%;/*border:1px solid red;*/
  margin:0;padding:0;
}

h2,#contenido,#sidebar{width:90%;margin:0 auto;}

#cabecera{
  margin: 0 auto;
  padding: 0;
  display: flex;
  height:45px;
  /*height:70.03px;*/
  background-color:transparent;

/*  background-image:url('../img/lgmv_peq.png');
  background-repeat:no-repeat;
  background-position:50% 50%;
*/  /*max-width: 98%;*/
  /* border: 1px solid blue; */
  width: 98%;
}

/* #dspmnu{height:43.28px;} */

#dspmnu ul{
  margin:0 auto;
  padding:0;
  width:100%;
  display:block;
  list-style: none;
}
#dspmnu li{
  width:100%;
/*
  line-height:1em;
  font-size:1em;*/
  border-radius:4px;
}

.mate,.geo,.lengua,.ingles,.frances{color:white;text-align:center;font-weight:bold;}
.mate{background-color:#3399CC;}.geo{background-color:#339933;}.lengua{background-color:#CC0033;}.ingles{background-color:#9F19BA;color:white;}
.frances{background-color:#C14f04;color:white;}.spanish{background-color:#FF6600;color:white;}
#dspmnu a{
  text-decoration:none;
  display: block; /*necesitamos esto para que ocupe todo el link*/
  height: 2.5em; /* alto, aunque no debería ser para el menut titulo*/
  line-height: 2.5em;
}

#lstgmate li{background-color:#e4eaf4;font-size:1.3em;}
#lstgmate li a{color:#3399CC;}

#lstglengua li{background-color:#FFCCCC;font-size:1.3em;}
#lstglengua a{color:#CC0033;}

li.juesecc a{
  height: 2.5em;
  line-height: 2.5em;
}

#lstgames li{
  background-color:#e4eaf4;
  font-size:1.3em;
  line-height: 1.3em;
}
#lstgames li a {
  color:#000;
  /*line-height: 2em;*/
  margin: 2px;
}

.sublecc li a{}

ul.lstcodes {
  list-style: lower-roman;
}

.lstcodes li a, .sublecc li a{
  color:#000;
  line-height: 2em;
  /*border-top: 1px solid;*/
}

a{color:white;}

/*menu de la leccion*/
nav,#menu{width:100%;margin:0 auto;}

nav{
  /*
  background-color:#0073BD;background-color: #FF9900;
  border:1px solid;*/
  text-align:center;
}

nav li{width:40%;}

#navlec ul{width:100%;margin:0 auto;border:1px solid;}

#navlec li{
  width: 40%;
  height:1.5em;
  display:inline-block;
  background-color:transparent;
  border:1px solid black;
  text-align:center;
}

#navlec a{color:black;}

/*
 * simple menu con lista
 * */
#menuN{
  border:1px solid;margin:0 auto;
  width:50%;text-align:center;
}
#menuN ul{
width:100%;padding:0;
list-style-type:none;
}
#menuN a{width:100%;background:blue;display:block;
}

#menu{
  display:block;background-color:#FFCCCC;
  border:1px solid #CC0033;
  text-align:center;
}

#menu ul{
  width:50%;margin:0 auto;padding:0;
  list-style-type:none;
  text-align:center;
  
}

#menu a{
  border:1px solid white;
  padding:5px 0 5px 0;
  width:100%;
  display:block;
  
}

#menu li,footer li{
  background-color:#CC0033;width:100%;
  
  /*
  display:block;
  margin:0 auto;
  
  padding-top:2px;
  border:1px solid white;
  border-radius:4px;
  text-align:center;
  */
}

h2{text-align:center;}

footer {
  margin:0 auto;
  width: 100%;
  bottom: 0;
  position: relative;
}

#cabecera a {
  line-height: 2em;
  color: #000;
}

#cabecera.lengua a{color: #CC0033;}
#cabecera.geografia a{color: #339933;}
#cabecera.ingles a{color: #662D91;}
#cabecera.frances a{color: #C14f04;} //C14f04
#cabecera.matematicas a{color: #3399CC;}
a#aI.lengua, a#lnkD.lengua {
}

#micab_contaniner {
    width:100%;
    text-align:center;
}

#cabecera {
  /*border: 1px solid green;*/
  display: table;
  height: 56px;
}
#cab_left {
    display: table-cell;
    vertical-align: middle;
    width: 23%;
    padding: 14px 16px;
}
#cab_left a{
    display: block;
    width: auto;
    line-height: 23px;
    height: 23px;
    text-decoration: none;
}
#cab_center {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
#cab_center a{
    background-image:url('../img/lgmv_peq.png');
    background-repeat:no-repeat;
    background-position: 50% 50%;
    display: block;
    height: 23px;
}
#cab_right {
    display: table-cell;
    vertical-align: middle;
    width: 23%;
}


/* link izq y dere */
#aI {
  width: 33%;
  height: 50px;
  float: left;
  /*left: 3%;*/
}

#lnkD {
  display: block;
  text-align: center;
}

#lnkD svg {
  vertical-align: middle;
}

.juesecc a {
  height: 56px !important;
  line-height: 56px !important;
}