/***********************************/
/* HOJA DE ESTILO - CD CDLIBRE.ORG */
/* http://www.cdlibre.org          */
/* BARTOLOMÉ SINTES MARCO          */
/* 17 DE ENERO DE 2006             */
/***********************************/

body {font-family: sans-serif; background-color:#F8FAD8; 
  text-align:justify; margin: 15px 15px; }
h1 { font-size: 200%; text-align: center; margin-right:60px; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
p.titulon { font-size: 400%; color: #CFCFCF; font-weight: bold; clear: both;
  text-align: center; }
address { border-top: black solid 1px; padding-top: 5px; margin-top: 10px; }
hr { width: 80% ; margin: 0px; text-align:center;}
li { margin: 8px 0px;}

.incompleto { color: red; border: red 3px solid; }
.centrado { text-align: center; }
.sh { font-weight: bolder; color: red; }
.fr { font-weight: bolder; color: green; }
.ad { font-weight: bolder; color: blue; }

.pr { font-size: 30px; color: #F09F26; text-decoration: none;}
.ac { font-size: 30px; color: #FF4FA7; text-decoration: none;}

table.prog tr.gru  td { background-color: peachpuff; text-align: left; padding-left: 3px;}
table.prog td.ico { width: 35px; background-color: #F8FAD8; vertical-align:top;}
table.prog tr.inf { background-color: powderblue;  text-align: center; }
table.prog td.nom { text-align: left; padding-left: 3px;}
tr.inf > td.so  { width: 35px; } 
tr.inf > td.idi { width: 35px; } 
tr.inf > td.lic { width: 35px; } 
tr.inf > td.fsa { width:  8ex; }
tr.inf > td.tam { width: 10ex; }
tr.inf > td.fec { width:  8ex; }
tr.inf > td.enl { width: 35px; }
/* Utilizo el selector > porque IE no hace caso de width y no centra el contenido */
/* pero como tampoco hace caso de > así sale bien en IE y en Mozilla */
table.prog td.desc { padding: 0 10px 5px 10px; text-align: justify }

p.gru { background-color: peachpuff; margin-bottom: 5px; padding-left: 2px; }
p.inf { background-color: #DBF1F4; margin: 5px 0px 5px 1em; padding-left: 2px;}
p.desc { margin: 5px 1em 5px 2em; }

/* Para listado corto */
p.gruc { background-color: peachpuff; text-decoration: underline; 
  margin: 10px 0px 5px 5px; padding-left: 2px; }
p.infc { margin: 5px 0px 5px 20px; padding-left: 2px;}
p.infc a { text-decoration: none; color: black; }

span.explic { text-decoration: underline; }
div.con-marco { border: 2px solid lightblue; padding: 10px; }

img.i { float: left; margin-right: 20px; }
img.d { float: right; margin-left: 20px; }
img#vpp { position: absolute; top: 10px; right: 10px; border:none;}
img { border: none; }
img.volver { float: right; }

p.indice { font-size: 80%; }
p.indice a { text-decoration: none; color: black; }
p.indice a:hover { background-color: lightgrey; color: lightyellow; }

div.instala { background-color: #EEEEEE; border: 2px solid #222222; padding: 0px 10px; }
div.instala h2 { margin: 0px; }