/*================================
  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; }