/*html {
  height:100%;
}*/

body { 
  margin:0px;
  padding:0px;
  text-align: justify;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:16px;
  background-color:#eeeeee;
}


#canvas { 
  position:fixed;
  left:30px;
  right:30px;
  height: 95%;
  min-width: 200px;
  margin-top: 15px;
  background-color:#ffffff;
  border:1px solid #b4b4b4;
  padding-left:15px;
  padding-right:15px;
  padding-top:15px;
  padding-bottom:15px;
  overflow:auto;
}

#head{
  position:absolute;
  left:20px;
  right:20px;
}

#verso {
      position:absolute;
      right:50%;
      left:2.5%;
      top:275px;
      bottom:20px;
      padding:20px;
      overflow-y:auto;
}
#recto{
      position:absolute;
      left:50%;
      right:2.5%;
      top:275px;
      bottom:20px;
      padding:20px;
      overflow-y:auto;
}
#subverso{position:relative;
}

#subrecto{position:relative;
}



/*.hide{ position: absolute; left: -200em; top: -9999px; visibility:hidden; }*/
.hide{ position: absolute; left: -200em; top: -9999px; visibility:visible; }

.hideable {
  margin:0px;
  padding:20px 20px 0px 20px;
  height:100%;
}

.abs-text { 
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.000rem;
  font-style: normal;
  background-color: #FFFAF0;
  color: rgb(50,50,50);
  text-align: justify;
  padding:4px;
  margin: 4px;
  margin-left: 8px;
  margin-right: 20px;
}

.p-text { 
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.000rem;
  font-style: normal;
  line-height: 140%;
  /*background-color: #FFFAF0;*/
  color: rgb(50,50,50);
  text-align: justify;
  padding:4px;
  /*padding-left:10px;
  padding-right:10px;*/
  margin: 4px;
  /*margin-left: 8px;
  margin-right: 20px;*/
}

A img{border:none;}
.lan{
    float: right;
}
.lpic{
    float:left;
    margin:
    0px
    20px
    10px
    0;
}
.rpic{
    float:right;
    margin:
    0px
    0px
    0
    5px;
}

.rtoc{
    font-size: 0.875em;		
    font-family: Helvetica, Arial, sans-serif, Geneva, "dejavu sans", Verdana;
    color:#FFF;
    width: 188px; 
    height: 165px;
    background: linear-gradient(rgb(111,180,222),rgb(136,206,242));
    margin: 
    0px 
    0px
    10px
    10px;
    float:right;
}

.ctoc{
    font-size: 0.875em;
    font-family: Helvetica, Arial, sans-serif, Geneva, "dejavu sans", Verdana;
    color:#000;
    width: 188px;
    height: 165px;
    background: white;
    margin:
    0px
    0px
    10px
    10px;
}

/*BODY
   {
   color:black;
   background-color:white;
   font-family:sans-serif, "Arial";
}*/
div.lpict{
    float:left;
    margin:
    10px
    35px
    10px
    0px;
}
div.header {
    text-align:center;
    font-size:27;		
    height: 60px;
    background: linear-gradient(rgb(15,108,175),rgb(111,180,222));
    color:#FFF;
    font-family:dejavu sans;  
}
.entry-content img {
    border: grey 1px solid; }
A:link{color:black}
A:visited{color:black}   
A:hover{color:blue}