html { min-width: 770px; }
 html, body, div, td, th  {
 voice-family: "\"}\""; voice-family: inherit;
 margin:0;padding:0;
 }

body {
 color: #000;
 }

body {
 /*background:url(/zanganos/images/fondo.gif);*/
 background-color:#752222;
 font-family: Georgia,Times,serif;
 font-size: small;
 font-size: 13px;
 text-align:center;
 margin:0 auto;padding:0;
 }

.clearhack { display: inline; }
 div.spacer   { clear: both; }
 .inline { display: inline; }
 .hidden { display: none; }

a {
 color:#d30;
 text-decoration: underline;
 outline: none;
 }

a:visited {color:#b33}
 a:hover {color:#cc0;}

img {border:none;}
 hr {    border: 0;    height: 1px;    background-color: #000;    color: #333;}

#container {
 margin: 0 auto;
 width: 906px;
 background:#f0e6e0;
 min-height: 100%;
 text-align: left;
 }
 #container-inner {
 padding-left:28px;
 padding-right:18px;
 }

#alpha {
 width: 580px;
 padding:0px;
 float: left;
 position: relative;
 background:#fff;
 border:1px solid #666;
 display: inline; /* ie hack */
 margin-top:18px;
 }

#beta-outer {
 width:250px;
 padding:0px;
 float:left;
 position:static;
 left:22px;
 display: inline; /* ie hack */
 margin-top:4px;
 margin-left:22px;
 text-align: center; /* old ie */
 }


 #beta {
 position:static;
 margin:0px auto;
 width: 240px;
 padding:0px;
 background:#f8e6d0;
 border:1px solid #666;
 }

#beta a {
  text-decoration:none;
}
#header, #content, #footer {
 /*position: relative; esto rompe ie 7*/
 }


 #header-inner, #content-inner, #footer-inner,
 #alpha-inner, #beta-inner, #gamma-inner {
 position: static;
 }

#alpha-inner, #beta-inner {
 padding-top:10px;
 padding-bottom:10px;
 }

#header-inner, #content-inner, #footer-inner {
 padding: 0px;
 }

#footer-inner,#alpha-inner, #beta-inner, #gamma-inner {
 /*overflow: hidden;*/
 padding-right: 16px;
 padding-left: 18px;
 }

#header {
 position: static;
 }

#header-inner {
 padding:10px 40px 0px 36px;
 }

#header-content {
 text-align:left;
 padding:0px;
 font: 16px Georgia,serif;
 line-height:140%;
 }

#header-content .header-name {
 font-size:100%;
 }

#header-content a {
 text-decoration:none;
 color:#fff;
 }

#footer {
 clear:both;
 padding-top:28px;
 }

#footer-content {
 text-align:center;
 margin:3px;
 color:#000; 
 font-size:80%;
 }
 #footer-content a {
 /*color:#ffe;*/
 }


ul {
 margin:0px 7px;
 padding:0px;
 }
ul li { list-style:none outside;}

div.prevnext {
 text-align:right;
 padding-right:30px;
 font-size:85%;
 padding-top:6px;
 padding-bottom:6px;
 }

h1 {
 font-size:125%;
 font-weight:bold;
 margin:8px;
 }


/* ahora vienen los estilos propiamente de los textos */

a.nota {
position:relative;     
z-index:24; 
text-decoration:none;
color:#f00;
}

a.nota:hover{z-index:25;background-color:#ddd;}

a.nota span{display: none}

a.nota:hover span{ 
display:block;
position:absolute;
top:1px; 
left:28px; 
width:320px;
padding:8px;
border:1px dashed #666;
background-color:#ffd; 
color:#000;
text-align: left
}



@media print {
 * {
 position: static ! important;
 overflow: visible ! important;
 }
 }

/*
 div#container {background-color:#555} div#container-inner {background-color:Gold}
 div#header  {background-color:yellow}div#header-inner {background-color:green}
 div#header-name  {background-color:red}div#header-description {background-color:white}
 div#content {background-color:blue}div#content-inner {background-color:purple}
 div#alpha {background-color:#f99}div#alpha-inner {background-color:#9f9}
 div#beta {background-color:Gold}div#beta-inner {background-color:Coral}
 */

 div.asset-body p{
 text-indent: 20px;
 margin:6px 0 0 0;
 text-align:justify;
 }

 div.asset-body  div {
 text-indent: 20px;
 margin:6px 0 0 0;
 text-align:justify;
 }

 div.asset-body div.poema {
 text-indent: 0px;
 margin:12px 40px 12px 48px;
 text-align:left;
 font-style:italic;
 }

div.asset-body div.carta {
 text-indent: 10px;
  margin:18px 26px 12px 23px;
  text-align:justify;
 font-size:90%; 
}

div.asset-body div.firma {
  text-align:right;
  margin-right:8px;
}

div.asset-body div.encabezado {
  text-align:center;
  margin:18px 36px 16px 36px;
 }

div.asset-body div.copete {
  text-indent:0px;
  text-align:justify;
  font-style:italic;
  margin:18px 36px 16px 36px;
 }

div.asset-content h1 {
   text-indent:0px;
   font-size:150%;
   margin:10px;
   font-weight:bold;
}

div.asset-content h2 {
   text-indent:0px;
   font-size:120%;
   margin:20px 5px 8px;
   font-weight:bold;
}
div.asset-content h3 {
   text-indent:0px;
   font-size:120%;
   margin:20px 5px 8px;
   font-weight:bold;
}

div.asset-content img {
  border:1px #633 solid;
  padding:1px;
  margin:12px 8px 12px 8px !important;
 }

div.asset-content img.c { /* imagen centrada */
  margin:12px auto 12px auto !important;
  display:block;
}

div.asset-content img.i { /* imagen alineada a izq */
  display:inline;
  float:left;
}

div.asset-content img.d { /* imagen alineada a derecha */
  display:inline;
  float:right;
}

/* imagen sin borde */
div.asset-content img.sb {
  border:0 none !important;
  padding:0px;
}


#beta-inner .barranavlat {
/*background:#fff;*/
text-align:left;
}


.barranavlat ul {
margin: 20px 0px 8px;
padding: 0;
color:#630;
list-style-type: none;
}

.barranavlat span.current {
   color:#333;
}

.barranavlat li { 
margin: 0 0 6px 0; 
display: block;
/*background-color: #036;*/
padding: 5px 10px;
text-align:center;
}

.barranavlat a {
font-weight:normal;
text-decoration: none;
}

.barranavlat a:hover {
color: #840;
text-decoration: none;
}

.barranavlat ul ul {
margin: 2px 0px;
border-top:1px solid #e66;
}

.barranavlat ul ul.listacaps  {
margin: 2px 0px 18px 0px;
border-top:1px solid #e66;
}


.barranavlat ul ul li { 
margin: 0 0 1px 0; 
display: block;
padding: 1px 3px 2px 4px;
/*background-color: #369;*/
text-align:left;
}

div.novedades {
   width:75%;
   margin:50px auto;
   font-size:85%;
   text-align:center;
   background:#fff;
   padding:5px;
   border-top:2px solid #620;
   border-bottom:2px solid #620;
}

div.novedades .hentry {
   border-top:1px solid #964;
   margin: 2px 0;
   padding:3px 16px;
   text-align:left;
}

div.novedades .hentry .asset-body {
   padding-top:5px;
}

div.novedades .hentry .asset-footer {
   text-align:right;
   font-size:10px;
}

div.novedades  a {
   text-decoration:none;
}


div.asset-body table {
  width:90%;
  margin:12px auto;
  background:#444;
  border-spacing: 1;
}

th, td {text-align:center;padding:4px; font-size: 12px; background:#eee;}
th {background:#842;color:#eee;}
th.i,td.i {text-align:left;}
td.d,th.d {text-align:right;}