/* Estilos generales */
body {
  font-size: 75%;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  width: 100%; text-align: center;
  margin: 0px; padding: 0px;
  background: url(/img/fondo.gif) repeat-x #F0F2F3;
  color: #000000;
}
* html td { font-size: 75%; f\ont-size: 100%; } /* Hack de tamaņo de letra para IE 5.x */
a { text-decoration: none; color: #09C; }
a:hover { text-decoration: underline; }
img { border: 0; }
.error { color: red; }

#pagina {
  width: 770px;
  margin: 0px auto;
  text-align: left;
  background: url(/img/fondopagina.gif) repeat-y #FFFFFF;
  border: 1px solid black;
}
#ladillo { float: left; }

/* Cabecera */
#buscador {}
#cabecera { background: white; margin-left: 14px; position:relative; }
#idioma { float: right; padding: 2px 5px; font-size: 10pt; }
#buscador {
  clear: right;
  float:right;
  background: url(/img/esqbuscador.gif) no-repeat #3F4851;
  padding: 3px 5px 3px 50px;
  margin: 2px 0px 0px 0px;
  height: 22px;
}
#buscador input {
 font-size: 10pt;
 padding: 0px;
 border: 1px solid black;
 vertical-align: middle;
}
#cabecera ul {
  background: url(/img/fondomenu.gif) repeat-x;
  list-style-type: none;
  height: 23px;
  margin: 0px;
  padding-left: 10px;
  border-top: 4px solid #5F6973;
}
#cabecera ul li {
  float: left;
  padding: 0px 5px;
  margin-top: 3px;
  border-right: 1px solid #B3B7BA;
}
#cabecera ul li.ultimo { border: 0; }
#cabecera ul li a {
  text-transform: uppercase;
  color: #B3B7BA;
  font-size: 80%;
  font-weight:bold;
}
#cabecera ul li a:hover {
  text-decoration: none;
  background: #B3B7BA;
  color: #FAFAFA;
}
#indicador {
  background: #97A4AD;
  height: 30px;
}
#indicador h1 {
  padding: 4px 0px 0px 6px;
  margin: 0;
}
#letras {
  background: url(/img/fondoder.gif) no-repeat #FFFFFF;
  float: right;
  height: 24px;
  margin-top: 4px;
  padding: 2px 5px 0px 70px;
}
#templeton {
  background: url(/img/templeton.gif) no-repeat;
  position: absolute;
  top: 0;
  left: 435px;
}
#templeton a {
  width: 85px;
  height: 50px;
  display: block;
  text-indent: -9999px;
}

#pie {
  background: url(/img/piederecha.gif) no-repeat top right #344050;
  color: white;
  font-size: 90%;
  padding: 5px 20px;
}
#pie ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1em;
}
#pie ul li {
  float: left;
  padding: 0px 0.4em;
  border-right: 1px solid #B3B7BA;
}
#pie ul li a { color: white; }
#pie ul li.ultimo { border: 0; }
#pie img { float: right; margin-top: -9px; }


/* Contenido */
#contenido, #contenido_estrecho {
  margin: 1em 0px 1em 6px;
  width: 544px;
  float: left;
}
#contenido_estrecho { width: 402px; }
.caja {
  background: transparent url(/img/fondocajasup.gif) top right no-repeat;
  border-left: 1px solid #9FA2A7;
  margin-bottom: 1em;
}
.libre { background: transparent; border: 0px; }
.portada { width: 402px; float: right; }
.interior { width: 544px; float: right; }
.izquierda { margin-right: 10px; width: 130px; float: left; }
.izquierda .caja { width: 130px; overflow: hidden; }
.derecha { width: 185px; margin: 1em 0 1em 575px; }
.formulario { width: 327px; margin: 1em 0 1em 430px; }
.formulario td { vertical-align: top; }
.formulario input { padding: 0px; }
.oculto { display: none; }
.visible { display: block; }
.mas {
  float: right;
  border-bottom: 5px solid #3F4851;
  padding: 0px 5px;
  text-align: right;
  font-size: 90%;
}
.w200 { width: 200px; }
.w75 { width: 75px; }
.w60 { width: 60px; }
.w50 { width: 50px; }
h2 {
  border-width: 0px 1px 1px 0px;
  border-color: #9FA2A7;
  border-style: solid;
  font: bold;
  font-size: 100%;
  margin: 0;
  padding: 2px 0px 2px 5px;
}
.contenido { padding: 2px 5px; margin: 0px; }
.peque input, .peque textarea { font-size: 80%; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.menu ul { padding: 0 0 0 12px; margin: 0; }
.menu h3 {
  font-size: 100%;
  margin: 0;
}
.menu h4 {
  color: #989800;
  font-size: 90%;
  font-weight: normal;
  margin: 0.5em 0px 0px 0px;
}
h3 a { color: black; }
.menu p, .menu div { font-size: 90%; }
.item {
  padding-bottom: 1em;
  margin: 1em 0px;
  border-bottom: 2px dotted #C9D0DA;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  margin: 0;
}
h4, .estudio .cabecera h4 {
  color: #989800;
  font-size: 80%;
  margin: 0;
}
h4 a { color: #989800; }
.columnas .item {
  width: 190px;
  border-bottom: 0px;
  padding-bottom: 1em;
  vertical-align: top;
}
.interior .item { width: 210px; }
.columnas .item h3 { font-size: 120%; }
.columnas .item div { font-size: 90%; }
.busqueda .item { width: 100%; }
.busqueda .item  h3 { font-weight: normal; }
.derpor { padding-left: 12px; }
#migas { font-size: 90%; padding-left: 5px; margin-bottom: 1em; }
.cabecera { background: #EDF0F3; padding: 5px 10px; margin-bottom: 1em; }
.cabecera div { color: #666; font-size: 90%; font-weight: bold; }
.cabecera img, .comentario img { float: right; border: 1px solid black; margin-left: 0.5em; }
.autor .cabecera h2 { border: 0; padding: 0; font-size: 130%; font-family: Arial, Helvetica, sans-serif; }
.autor .cabecera h3 { border: 0; font-size: 120%; }
.paginacion { text-align: center; font-size: 90%; }
.fotoautor { float: right; border: 1px solid black; margin-left: 2px; }
.fotoseccion { float: right; margin-left: 2px; }
.eventos h3 a, .videos h3 a { color: #989800; }
.eventos .item, .estudios .item, .videos .item { width: 100%; margin: 0px 0px 1em 0px; clear:both; }
.videos .item img { float: right; border: 1px solid black; margin: 0 0 1em 2px;}
.comentarios .item { padding: 0; margin-bottom: 0; border: 0; }
.opinion { background: url(/img/com_bg.gif) no-repeat; margin-bottom: 1em; }
.opinion h3 { font-size: 100%; padding: 5px; }
.opinion div { padding: 0px 0px 0px 20px; }
.jerarcas { float: right; width: 75px; margin-left: 2px; overflow: hidden; }
.jerarcas img { width: 75px; height: 50px; margin-bottom: 5px; }
.listatemas div { font-size: 100%; height: 50px; margin-bottom: 0.5em; }
.listatemas img { float: right; margin-left: 2px; }
.observaciones, .boletines { margin-left: 5px; clear: both; }
.observaciones .item, .boletines .item { border-bottom: 0; }
.comentario, .articulo, .estudio .contenido, .eventos .contenido, .videos .contenido  { line-height: 1.4em;}
.foto { width:100px; height:100px; text-align: center; margin: 0 6px 1em 0; float:left; }
.presentacion { background: url(/img/play.gif) no-repeat top left; margin-bottom: 1em; height: 16px; }
.presentacion a { padding-left: 20px; font-weight: bold; }
.audio { text-align: center; }
.audio a { background: url(/img/descargar-audio.gif) no-repeat top left; padding: 3px 0 5px 40px; font-weight: bold; }

.capitulos { list-style-type: upper-roman; margin-left: 2em; padding-left: 1em;}
.boletin { list-style-type: decimal; }
.pdf { background: url(/img/pdf.gif) no-repeat top right; }
.pdf a { display: block; color: #C6171C; font-weight: bold; }
.estudio h4 {
  font: bold 150% Arial, Helvetica, sans-serif;
  color: black;
}
.estudio h5 { font: bold 130% Arial, Helvetica, sans-serif; margin-bottom: 1em; }
.cabecera h5, .estudios h5 { margin: 0; font-size: 110%; }
.estudio h6 { font: bold 110% Arial, Helvetica, sans-serif; margin-bottom: 1em; }
.estudio th { background: #989800; text-align: center; color: white; }
.estudio td { background: #EDF0F3; }
.estudio .datos td { text-align: right; }

/* IE 3-pixel bug (the holy hack) http://www.positioniseverything.net/explorer/threepxtest.html */
* html #ladillo { margin-right: -3px; }
* html #cabecera { height: 1%; margin-left: 11px; }
* html #contenido { height: 1%; margin-left: 17px; }