/*===========================================================================*/
/* Hoja de estilo para la web www.charojaular.com                            */
/*===========================================================================*/
html {margin:0;padding:0;}
body{background:#fff;margin:0;padding:0;
  font-family:"Book Antiqua",georgia,verdana,arial,helvetica,sans-serif;
  font-style:normal;font-size:1em;color:#230;}
p, ul {font-size:1em;color:#230;}
h1 {font-weight: normal;color:#230;}
h2 {font-weight: normal;color:#230;}
h3 {font-weight: normal;color:#230;}
a:link, a:visited, a:active {}
a:hover {text-decoration:underline;}
a:link img, a:visited img, a:hover img, a:active img {border:none;}
/*---------------------------------------------------------------------------*/
#pagina {background:#230 url("remate2i.png") no-repeat top left;
  margin:0;padding:0;position:relative;}
/*---------------------------------------------------------------------------*/
#cabecera {background:#ed9 url("fondocabecera.png") no-repeat left center;margin:0 0 0 56px;padding:0 0 0 20px;
  position:relative;height:57px;overflow:auto;border-bottom:3px solid #773;}
#cabecera h1 {margin:6px 0 0 0;padding:0px 0 0 0;width:99%;
  font-size:2.8em;line-height:1em;letter-spacing:-0.05em;}
#cabecera h1 span.parte2 {margin:0;padding:0;font-size:0.7em;font-style:italic;color:#773;letter-spacing:0em;}
/*---------------------------------------------------------------------------*/
#pie {background:#ed9;margin:0px 5% 0 5%;padding:5px 20px;position:relative;
  border-top:3px solid #773;border-bottom:1px solid #ed9;text-align:center;}
#pie p {margin:0 0 10px 0;padding:0;display:inline;}
/*---------------------------------------------------------------------------*/
#contenido {background:#ed9;margin:0 5% 0 5%;padding:0;position:relative;
  width:auto;border-bottom:1px solid #ed9;}
/*---------------------------------------------------------------------------*/
#menulateral {background:#ed9 url("separadormini.png") no-repeat top center;
  margin:50px 0 0 0;padding:50px 5px 5px 5px;width:155px;float:left;position:relative;}
#menulateral ul {background:#ed9 url("separadormini.png") no-repeat bottom center;
  margin:0;padding:5px 0 55px 5px;list-style-type: none;}
#menulateral ul li {}
#menulateral ul a {background:#ed9;padding:5px 0 5px 10px;width:140px;display:block;line-height:1em;color:#230;}
#menulateral a:link, #menulateral ul a:visited {text-decoration:none;}
#menulateral a:hover {background:#773;color:#ed9;}
/*---------------------------------------------------------------------------*/
#libro {background:#ed9 url("borde.png") repeat-y top left;margin:0 0 0 165px;padding:40px 0 0 35px;
  position:relative;}
#libro .titulo {background:#ed9 url("rematei.png") no-repeat bottom left;margin:0 0 0.7em 0;padding:0;position:relative;}
#libro h1 {margin:0 0 0.7em 25px;padding:0 25px 0 0;
  border-bottom:2px solid #773;line-height:0.9em;}
#libro h2 {margin:0.7em 0 0.3em 0;padding:0;}
#libro p {margin:0 0 0.7em 0;padding:0;}
div.portada {margin:0;padding:10px 20px;display:none;}
div.pagina {margin:0;padding:10px 20px 0 20px;}
#libro ul {margin:0 0 0 20px;padding:0;}
#libro ul li {margin:0 0 0.3em 0;padding:0;}
/*---------------------------------------------------------------------------*/
.centrado {text-align:center;}
.izquierda {float:left;}
.derecha {float:right;}
div.imagen {margin:0;padding:0;position:relative;}
div.imagen img {margin:0;padding:1px;position:relative;border:1px solid #773;}
div.imagen.centrado {text-align:center;margin:0 auto;width:auto;} 
div.imagen.izquierda {float:left;margin:0 15px 10px 0;display: block;}
div.imagen.derecha {float:right;margin:0 0 10px 15px;display: block;}
/*---------------------------------------------------------------------------*/
div.hr {background:#ed9 url("horizontalmini.png") no-repeat scroll center;height:75px;margin:10px 0;padding:0;}
div.hr hr {display: none;color:#773;}
/*---------------------------------------------------------------------------*/
span.capital {margin:5px 3px 0 0;width:35px;height:35px;float:left;color:#000;
  position:relative;}
span.capital span {display:none;}
span.capital.letrac {background:#ed9 url("c.png") no-repeat top left;}
span.capital.letrae {background:#ed9 url("e.png") no-repeat top left;}
span.capital.letral {background:#ed9 url("l.png") no-repeat top left;}
span.capital.letran {background:#ed9 url("n.png") no-repeat top left;}
span.capital.letrap {background:#ed9 url("p.png") no-repeat top left;}
span.capital.letrat {background:#ed9 url("t.png") no-repeat top left;}
span.capital.letrav {background:#ed9 url("v.png") no-repeat top left;}
/*---------------------------------------------------------------------------*/
.botonesw3c {margin:10px 1em 0 10px;padding:0;text-align:center;display:block;}
.w3cbutton4 {margin:1em 1em 0 0;width:9em;font-family:helvetica,arial,sans-serif;font-size:70%;
  font-weight:bold;display:inline;}
.w3cbutton4 a {display:inline;width:100%;}
.w3cbutton4 a:link, .w3cbutton4 a:visited,
.w3cbutton4 a:hover {background-color:#fc6;color:#000;text-decoration:none;}
.w3cbutton4 a:link, .w3cbutton4 a:visited {border-top:1px solid #cecece;border-bottom:2px solid #4a4a4a;
  border-left:1px solid #cecece;border-right:2px solid #4a4a4a;}
.w3cbutton4 a:hover {border-bottom:1px solid #cecece;border-top:2px solid #4a4a4a;
  border-right: 1px solid #cecece;border-left:2px solid #4a4a4a;}
.w3cbutton4 span.w3c {padding:0 0.4em;background-color:#fff;color:#0c479d;}
/*===========================================================================*/