estilos.css

/*================================
  HERA v.2.0 Beta                 
  File: estilos.css               
  Hera CSS                        
================================*/

body {
    font-family : Verdana, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    color: #000;
    font-size : 0.9em;
    line-height: 1.3em;
}

body#codigo {
/*    background: #9cf url('img/red.gif'); */
    background: #9cf url('img/fondo.gif') left bottom repeat;
    color: #000;
    margin: 0px;
    padding: 0px;
}
a:link {
    color: #004000;
    background-color: transparent;
}
a:visited {
    color: #400000;
    background-color: transparent;
}

div#codtop {
    margin: 0px;
    padding: 4px 8px;
    background: #9cf;
    color: #000;
}
div#codtop h1 { margin-top: 0px; }
div#cajacod {
    padding: 1em;
    margin: 1em 3%;
    background-color: #fff;
    color: #000;
    border: 3px outset #eee;
}
div#cajacod ol li {
    font-size: 90%;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

div#cabecera {
    color: #000;
    /*background: #9cf url('img/red.gif');*/
    background: #9cf url('img/fondo.gif') left bottom repeat;
    padding-bottom: 1em;
}

div#top {
    color: #fff;
    background: #006600 ; /*#2FC800;*/
    height: 1.5em;
    padding: 0em 2em 0em 1em;
    font-size: 90%;
    font-weight: bold;
}

ul.resumen {
    padding: 1em 5em;
    margin-top: 0em;
    margin-left: 5%;
    border-top: 1px solid #9cf;
    border-bottom: 1px solid #9cf;
}

ul.resumen em {
    color: #254A6F;
}
ul.resumen li {
    line-height: 1.3em;
}

div.divpie {
    background: #9cf url('img/s_cel.gif') repeat-x;
    color: #000;
    margin: 0px;
    padding: 6px 1em 1em 1em;
    height: 45px;
    font-size: 1em;
}
div.divpie p { margin: 1em 0em 0em 80px; font:menu; }
div.divpie a:link, div.divpie a:visited { text-decoration: none; font:caption; }
div#logopie { float: left; }

dl.directorio dt { margin-top: 1em; }

div#top a { color: #ffc; text-decoration: none; }
div#top a:hover { color: #fff; }

p.pagina { margin: 0px 100px 0px 5%; font-size: 90%; }
p.pagina input#btns { font: menu; background-color: #eee; border: 3px double #999; padding: 2px; }
p.error_url { margin: 0px 5%; font-weight: bold; color: #c00; }

form { margin: 0px; padding: 0px; }

div.caja {
    margin: 2.5em 5% 1em 5%;
    font-size: 0.9em;
    line-height: 1.5em;
    border: 2px dotted #ccc;
    padding-top: 1.3em;
    padding-right: 2em;
    padding-left: 3em;
    padding-bottom: 3em;
}

p.menu {
    background: #fff url('img/s_gri.gif') repeat-x;
    color: #000;
    margin: 0px;
    padding: 0px;
    height: 15px;
    font-size: 90%;
    font-weight: normal;
}

p.menu span#iconos { border-left: 2px dotted #9cf; border-bottom: 2px dotted #9cf; float: right; padding: 8px 8px 8px 4px;}

p.menu a { font-weight: bold; text-decoration: none; }

h1, h2, h3, h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 120%;
    font-weight: normal;
    color: #600;
}

h1 {
    font-size: 180%;
    margin-bottom: 0.2em;
    margin-left: 5%;
    text-align: left;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 140%;
}
caption { font-size: 110%; font-weight: bold; }
fieldset { padding: 10px; background-color: #fff; color: #000; }
fieldset p { margin: 5px 0px 0px 0px; }
legend {
    font-weight: bold;
    background-color: #fff;
    color: #000;
    padding: 2px 4px;
}

h2, h3, h4, caption {
    text-align: center;
}

p.centro { text-align: center; }
p.derecha { text-align: right; }
p.url { text-align: right; margin: 0px; }
img, a img { border: none; }
dt { font-weight: bold; }
.inv { display: none; }
p.dbbien, p.dbmal {
    border: 2px outset #ddd;
    text-align: center;
    font-weight: bold;
    padding: 4px;
    margin: 1em 10%;
}
p.dbbien { background-color: #cfc; }
p.dbmal { background-color: #fcc; }
p.nota { font-size: 0.9em; margin: 0em 5em 0.5em 5em; color: #900; }
ol.nota_f { font-size: 0.9em; margin: 0em 0em 1em 10em; color: #900; }
.small { font-size: 90%; }

div.res { background-color: #fff; color: #000; border: 3px outset #ccc; padding: 1.5em 2em;}
input.btn { font-size: 0.8em; border: none; background-color: #fed; color: #000; padding: 0px; border: 1px solid #999;}

img.ico {
    width: 12px;
    height: 12px;
}
img.ico2 {
    width: 8px;
    height: 8px;
}
img.wcag {
    width: 88px;
    height: 31px;
}
img.pag {
    width: 32px;
    height: 24px;
}
img.pag2 {
    width: 20px;
    height: 24px;
}
img.veren {
    width: 16px;
    height: 16px;
}
img.minihlp {
    width: 24px;
    height: 16px;
}

dl.bien, dl.mal, dl.duda, dl.na, dl.nose, dl.parcial {
    padding-bottom: 1em;
    margin: 3em 2%;
    border: 1px solid #999;
}
/*
dl.bien dt, dl.mal dt, dl.duda dt, dl.na dt, dl.nose dt, dl.parcial dt {
    margin: -1em 20% 0px 2%;
    padding: 4px;
    border: 1px outset #999;
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 120%;
    font-weight: bold;
}
*/
dl.bien dt, dl.mal dt, dl.duda dt, dl.na dt, dl.nose dt, dl.parcial dt {
    margin: -1em 20% 0px 2%;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 120%;
    font-weight: bold;
}
dl dt span {
    padding: 4px 8px;
    border: 1px outset #999;
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #fff;
}
div.formdiv {
    margin-top: 2em;
    padding: 5px;
    border: 2px outset #ddd;
}

dl.bien dd, dl.mal dd, dl.duda dd, dl.na dd, dl.nose dd, dl.parcial dd {
    padding: 6px;
    margin: 2px 1em 2px 5em;
    /*border: 3px inset #ccc;*/
    font-size: 90%;
    border: 2px dotted #ccc;
}

dt.dt_na span { background-image: url('img/deg_na.gif'); }
dt.dt_duda span { background-image: url('img/deg_duda.gif'); }
dt.dt_mal span { background-image: url('img/deg_mal.gif'); }
dt.dt_bien span { background-image: url('img/deg_bien.gif'); }
dt.dt_parcial span { background-image: url('img/deg_parcial.gif'); }
dt.dt_nose span { background-image: url('img/deg_nose.gif'); }

dl dd.dd_wcag {
    color: #000;
    background: transparent url('img/quotes.gif') top left no-repeat;
    border: none;
    margin-top: 1em;
}
.dd_wcag blockquote {
    margin: 4px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 0.9em;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 130%;
    background: transparent url('img/quotes2.gif') bottom right no-repeat;
}
/*
.dd_wcag blockquote {
    quotes: "“" "”";
    margin: 0em;
}
.dd_wcag blockquote:before { content: open-quote }
.dd_wcag blockquote:after  { content: close-quote }
*/
.na { color: #000; background-color: #f6f6f6; }
.duda { color: #000; background-color: #eef9ff; }
.mal { color: #000; background-color: #ffeef6; }
.bien { color: #000; background-color: #efe; }
.parcial { color: #000; background-color: #fed; }
.nose { color: #000; background-color: #fff; }

dl.na { color: #000; background-color: #fcfcfc; }
dl.duda { color: #000; background-color: #fcfeff; }
dl.mal { color: #000; background-color: #fff9ff; }
dl.bien { color: #000; background-color: #fcfffc; }
dl.parcial { color: #000; background-color: #fffcf9; }
dl.nose { color: #000; background-color: #fff; }

dd.na, dd.duda, dd.mal, dd.bien, dd.parcial, dd.nose {
    padding-right: 100px;
}

dl dd.ico_tool {
    float: right;
    border: none;
    margin: 2px 1em -2px 0px;
}

dd ul.hlp {
    margin: 4px;
    padding: 1em;
    font-size: 90%;
    background-color: #fff;
    color: #000;
    border: 2px dotted #9cf;
    list-style-type: none;
}

dl dd.man, dl dd.form {
    border: 2px dotted #9cf;
    padding: 0em 1em 1em 1em;
    background-color: #fff;
    color: #000;
}

div.formdiv {
    background: #9cf;
    color: #000;
    font-size: 90%;
    margin: 0px 3%;
}

dd.form textarea, div.formdiv textarea { width: 100%; }

table.totales {
    background-color: #fff;
    color : #000;
    width: 60%;
    margin-left: 20%;
    margin-top: 0.5em;
    margin-bottom: 2em;
    border: 2px solid #999;
}

table.totales th {
    background-color: #666;
    color: #fff;
    border: 1px solid #fff;
    font-size: 90%;
    padding: 4px;
    text-align: center;
    white-space: nowrap;
}
table.totales td {
    text-align: center;
    border: 1px solid #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 0px;
    vertical-align: middle;
    white-space: nowrap;
}

table.totales th.thpri { background-color: #fff; padding: 0px; }
table.totales td a { text-decoration: none; }
table.totales td a:hover { text-decoration: underline; }

div#topcod {
    border-top: 3px outset #eee;
    background-color: #fff;
    padding: 0.5em 3% 1.5em 3%;
    margin: 0em 3% 2em 3%;
    font-style: italic;
    color: #666;
    line-height: 1.6em;
}

div#topcod code {
    background-color: #f6f6f6;
    color: #c00;
    font-style: normal;
    font-weight: bold;
}
div#topcod span {
    background-color: #fcf;
    color: #000;
    font-style: normal;
    font-weight: bold;
    padding: 1px;
}

div#topcod span.bien {
    background-color: #CFC;
}
div#topcod span.mal {
    background-color: #FCF;
}
div#topcod span.dudabis {
    background-color: #0FF;
}
div#topcod span.duda {
    background-color: #FF3;
}

div#topcod span code {
    background-color: transparent;
    color: #000;
}


/* Vista de página */

div.sidardiv, div.sidardivno {
    font: menu !important;
    text-decoration: none !important;
    text-align: left !important;
    padding: 0.5em !important;
    border: 3px solid #F00 !important;
    color: #000 !important;
    background-color: #FF9 !important; 
}

div.sidardivno {
    background-color: #FCF !important; 
}

img.sidarico { border: none !important; }

div#heracss {
    width: 15px;
    position:absolute !important;
    top:0px !important;
    left:0px !important;
    z-index:10000 !important;
}

img#heracssimg {
    position:absolute !important;
    top:0px !important;
    left:0px !important;
    z-index:10000 !important;
    border: none !important;
    width: 15px;
    height: 15px;
    display: inline !important;
}
img#heracssimg:after, img#heracssimg:before {
    display: none !important;
    content: '' !important;
}

/* Listas con submenú de navegación */

dl.submenu {
    margin-top: -4px;
    margin-left: 3%;
}
ul.pr_lista { height: 3em; margin-left: 0px; }

dl.submenu dd, ul.pr_lista li {
    display: inline;
    float: left;
    margin: 1px;
    padding: 0px 4px;
    /*background-color: #adf;*/
    background: #adf url('img/esq.gif') top left no-repeat;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    white-space: nowrap;
}

ul.pr_lista li { padding: 0px 8px; margin: 2px;; }

dl.submenu dd a, ul.pr_lista li a {
    text-decoration: none;
    color: #000;
}

dl.submenu dd.actual {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    
}

table.tsubmenu {
    margin-left: 3%;
    background-color: #FFF;
}
table.tsubmenu th { width: 2em; border: 1px outset #ddd; }
table.tsubmenu th.pr { text-align: left; font-size: 80%; }
table.tsubmenu td {
    text-align: center;
    border: 1px outset #ddd;
    padding-right: 6px;
    padding-left: 3px;
}
table.tsubmenu td.tdactual {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
table.tsubmenu td.tdactual a { color: #fff; font-weight: bold; }
table.tsubmenu td a { text-decoration: none; }
table.tsubmenu td a:hover { text-decoration: underline; }

.indice {
    border: thin ridge Green;
    background-color: #F5FFFA;
    color: inherit;
    margin: 2em 2em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    padding-top: 0.5em;
    display: block;
}

img.der {
    border: none;
    float: right;
    padding-left: 1em;
}

img.izda {
    border: none;
    float: left;
    padding-right: 1em;
}
img.center {
    border: none;
    text-align: center;
}
div.dona {
    float: right;
}

/* Informes HTML */

body#informe div#logo {
    position: absolute;
    right: 4px;
    top: 4px;
}

body#informe ul#datos {
    margin-top: 0em;
    margin-bottom: 3em;
}

body#informe dl dt {
    margin-top: 2.5em;
    border-top: 2px solid #9cf;
    text-align: justify;
}
    
body#informe dl dt strong {
    font-family: sans-serif;
    font-style: normal;
    font-size: 1.1em;
    padding: 0px 1em 0px 0.8em;
    border: 1px solid #9cf;
    color: #000;
    background-color: #def;
}
    
body#informe dl dt q {
    font-family: serif;
    font-style: italic;
}
    
body#informe dl dd { margin-top: 1em; }