/*
HOJA DE ESTILOS "index.css"
*/
/* PRINCIPAL */
h1 {
padding: 0 0 0 35px;
margin-bottom: 5px;
background: url(../imagenes/iconos/documento.gif) no-repeat left;
font: bold 27px Times, serif, "Times New Roman";
letter-spacing: -1px;
color: #333;
}
h1 span {
display: block;
color: #CCCCCC;
font: 18px;
}
h2 {
margin: 15px 0 0 0;
font: normal 18px Times, serif, "Times New Roman";
color: #333333;

}
h2 p {
margin-bottom: 15px;
}
h3 {
margin: 0;
font: normal 14px Times, serif, "Times New Roman";
color: #CC6600;
}


/* CUADROS */
#ubicacion {
background: url(../imagenes/iconos/house.png) no-repeat left top;
padding: 0 0 0 20px;
color: #336666;
font: 13px Arial, Helvetica, sans-serif;
}
#ubicacion a {
color: #336666;
text-decoration: underline;
}
#ubicacion a.jaus { color: #CC6600; }
#ubicacion a:hover {
color: #CC6600;
text-decoration: none;
}

/* MARCOS */


/* IMAGENES */
#barraOpciones {  }
#barraOpciones img.icono{
  background: url(../imagenes/iconos/opciones-nota.jpg) no-repeat;
  height: 16px;
  margin-right: 3px;
  vertical-align: middle;
  width: 16px;
}
#barraOpciones li{ display: inline; }
#barraOpciones img.icono-imprimir{  background-position: 0px 0px; }
#barraOpciones img.icono-enviar{  background-position: -16px 0px; }
#barraOpciones img.icono-feed{  background-position: -32px 0px; }
#barraOpciones img.icono-disminuir{  background-position: -48px 0px; width: 24px;}
#barraOpciones img.icono-aumentar{  background-position: -72px 0px; width: 24px; }
#barraOpciones a{
color: #003366;
font: bold 14px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#barraOpciones a:hover {
color: #000066;
text-decoration: underline;
}

#imagenesNota {
float: right;
margin: 10px 5px 5px 5px;
}
#imagenesNota h4 {
background-color: #333333;
margin: 0; padding: 2px 5px 2px 5px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFF;
border-bottom: 1px dotted #BBB;
}
#imagenesNota h5  {
background-color: #666666;
margin: 0; padding: 2px 5px 2px 5px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #FFF;
}
#imagenesNota p {
text-align: right;
}
#playMp3 {
background: url(../imagenes/iconos/play.gif) no-repeat left;
padding: 0 0 0 23px;
}
.NotasRelacionadas {
display:block;
padding: 0 0 0 0;
background: #F9F9F9;
color: #333;
}
.NotasRelacionadas a {
display:block;
padding: 5px;
border-top: 1px solid #DDD;
color: #333;
text-decoration: none;
}
.NotasRelacionadas a:hover {
color: #CC3300;
text-decoration: underline;
}
.titNRelac {
padding: 10px 10px 10px 20px;
font: bold 20px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #EEE;
background: #999999;
}