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; }