html, body { font-size: 10px; margin: 0; padding: 0; background-color: #eefdff; font-family: "FiraSans-Regular",sans-serif;  height:100%; }

section[role="region"] > header:first-child {
    background: #cbe1e1;

}

section[role="region"] > header:first-child button{
    background: #cbe1e1;
    color: #00b8d6;
}

section[role="region"] > header:first-child menu[type="toolbar"] button:hover  {
  background-color: #eefdff !important;
}

section[role="region"].skin-organic > header:first-child > a:not([aria-disabled="true"]):active:after,
.skin-organic section[role="region"] > header:first-child > a:not([aria-disabled="true"]):active:after,
section[role="region"].skin-organic > header:first-child > button:not(:disabled):active:after,
.skin-organic section[role="region"] > header:first-child > button:not(:disabled):active:after,
section[role="region"].skin-organic > header:first-child > a:not([aria-disabled="true"]):hover:after,
.skin-organic section[role="region"] > header:first-child > a:not([aria-disabled="true"]):hover:after,
section[role="region"].skin-organic > header:first-child > button:not(:disabled):hover:after,
.skin-organic section[role="region"] > header:first-child > button:not(:disabled):hover:after,
section[role="region"].skin-organic > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):hover,
.skin-organic section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):hover,
section[role="region"].skin-organic > header:first-child menu[type="toolbar"] button:not(:disabled):hover,
.skin-organic section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):hover,
section[role="region"].skin-organic > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
.skin-organic section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
section[role="region"].skin-organic > header:first-child menu[type="toolbar"] button:not(:disabled):active,
.skin-organic section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):active  {
  background-color: #eefdff !important;
}


section[role="region"] > header:first-child > a:not([aria-disabled="true"]):active:after,
section[role="region"] > header:first-child > button:not(:disabled):active:after,
section[role="region"] > header:first-child > a:not([aria-disabled="true"]):hover:after,
section[role="region"] > header:first-child > button:not(:disabled):hover:after,
section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):hover,
section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):hover,
section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):active,
section[role="region"] > header:first-child menu[type="toolbar"] a:active,
section[role="region"] > header:first-child menu[type="toolbar"] a:hover  {
  background-color: #eefdff !important;
}

section[role="region"] > header:first-child a:active,
section[role="region"] > header:first-child a:hover  {
  background-color: #eefdff !important;
}
section[role="region"] > header:first-child > a:last-of-type { background-color: #cbe1e1 !important;}
h1 {color: #00b8d6 !important; padding: 0 1rem 0 5rem !important;}

.icon-back {
background-image: url('../style/headers/images/icons/organic/back.png') !important;
}


section[role="region"] {
  height: 100%;
  font: 2.2rem/1em "MozTT", Sans-serif;
}

div[role="main"] {
  background-color: #eefdff;
  height: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div[role="main"] p {
  margin: 2rem 2.5rem;
}

#cabecera-about { height:auto !important; }