#logo-archipielago {
  background: url('/static/img/banner-dark.png') repeat-x top center;
  background-size: cover;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
  background-size: 100%;
  outline: 0px solid green;
  padding: 12px;
}

#logo-archipielago h2 {
    text-align: right;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: .05em;
    word-spacing: 0.3em;
    line-height: 38px;
    font-family: Oswald,sans-serif;
    font-weight: bolder;
    background: #55000044;
    color: white;
    border: 0px;
    margin-left: 0px;
    margin-right: 20px;
    padding-right: 10px;
    margin-bottom: 6px;
    }

.introduccion {
    color: #FFFFFFDD;
    font-size: 14pt;
    font-weight: normal;
    font-family: Oswald,sans-serif;
    text-align: right;
}


div.ficha_autor {
    border: 0px solid red;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    outline: 0px solid red;
    }

div.ficha_autor a!important {
    text-decoration: none;
    border: 0px solid red;
    }

div.ficha_autor a:hover!important {
    text-decoration: underline;
    }

/* box de bulma */

/*.box {*/
  /*background-color: white;*/
  /*border-radius: 5px;*/
  /*box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);*/
  /*display: block;*/
  /*padding: 1.25rem;*/
  /*text-align: center;*/
/*}*/

/*.box:not(:last-child) {*/
  /*margin-bottom: 1.5rem;*/
/*}*/

/*a.box:hover, a.box:focus {*/
  /*box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;*/
/*}*/

/*a.box:active {*/
  /*box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;*/
/*}*/


.nombre_autor {
    font-size: 18pt;
    font-weight: bolder;
    color: #2B383E;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    margin-bottom: 10px;
    }


.nombre_autor a {
    text-decoration: none;
    }

.nombre_autor a:hover {
    text-decoration: underline;
    }


.escrito_por {
    font-size: 12pt;
    color: #777;
    margin-left: 1em;
    padding-left: 0;
    text-align: left;
    margin-bottom: 10px;
    }

.sintesis_autor {
    border: 0px solid navy;
    font-family: "Times new roman", serif; 
    margin-left: 1em;
    margin-right: 1em;
    font-size: 11pt;
    padding-left: 0;
    }

div.ficha_autor p.archivo_pdf {
    padding-top: 12px;
    padding-left: 32px;
    text-align: left;
    }


p.mas_info img {
    margin-top: 14px;
    margin-right: 4px;
    }

p.mas_info {
    background: url(/static/art/plus.png) no-repeat left;
    line-height: 18px;
    font-size: 14px;
    border: 0px solid navy;
    text-align: left;
    text-indent: 15px;
    margin-left: 10px;
    padding-top: 10px;
    outline: 1px solid green;
    text-decoration: None;
    }




.alfabar {
    outline: 2px dotted green;
    padding-top: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 24px;
    padding-bottom: 0px;
    font-family: Times new roman,serif;
    border-bottom: 0px solid coral;
    margin-left: 0;
    padding-left: 0;
    }

.alfabar span.disabled {
    color: #888;
    border-bottom: 1px solid #333333;
    }

.alfabar span.active {
    color: #111111;
    padding-left: 0.2em;
    letter-spacing: .3em;
    background: white;
    font-weight: bolder;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    }

.alfabar a {
    letter-spacing: 0.1em;
    color: #000;
    text-decoration: none;
    border: 0px solid green;
    border-bottom: 1px solid #333333;
    }

.alfabar a:hover {
    color: #53E;
    border-bottom: 1px solid #333333;
    background-color: #E8E8E8;
    }



img.autor {
    border: 10px solid white;
    margin: 10px;
    margin-bottom: 0;
    }

img.right {
    float: right;
    }

img.left {
    float: right;
    }


div.content p {
    border: 0px solid gray;
    font-size: 150%;
    text-indent: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 2px;

}

ul.audios {
    list-style-type: none;
    }

ul.audios li {
    vertical-align:middle;
    list-style-type: none;
    }

.audiojs {
    margin-top: 10px;
    height: 22px;
    width: 300px;
    margin-left: 10px;
    background: #404040;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
         -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
     }

.audiojs .play-pause { width: 15px; height: 20px; padding: 0px 8px 0px 0px; }

.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }

.audiojs .scrubber { background: #5a5a5a; width: 160px; height: 10px; margin: 5px; }

.audiojs .progress { height: 10px; width: 0px; background: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
        background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }

.audiojs .loaded { height: 10px; background: #000;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
        background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }

.audiojs .time { float: left; height: 25px; line-height: 25px; }

.audiojs .error-message { height: 24px;line-height: 24px; }

.track-details {
    clear: both;
    height: auto;
    width: 288px;
    margin-left: 10px;
    padding: 1px 6px;
    background: #eee;
    color: #222;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
   }

.track-details:before { content: '♬ '; }

.track-details em { font-style: normal; color: #999; }

#tabs2 {
    border-top: 0px solid green;
    border-bottom: 0px solid green;
    position: relative; 
    padding-top: 3px;
    padding-bottom: 0em; 
    margin-left: 10px;
    margin-right: 10px;
    zoom: 1; 
    height: 38px;
    line-height: 36px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }

#tabs2 li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    margin: 0 .2em 1px 0; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0 !important;
    white-space: nowrap; 
    background: #EAF4FD;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;    
    color: black;
    z-index: 100;
    font-weight: bolder;
    }

#tabs2 li.selected {
    background: #F1F1E6; 
    font-weight: bolder;
    color: #E17009;
    border-bottom: 2px solid #FCFDFD;
    height: 30px;
    line-height: 30px;
    }

#tabs2 li.unselected { 
    font-weight: normal;    
    border-bottom: 4px solid red;
    height: 28px;
    line-height: 28px;
    }

#tabs2 li.unselected a { 
    text-decoration: none;
    }

#tabs2 li.unselected a:hover { 
    text-decoration: underline;
    }



h2.archipielago_seccion {
    text-align: center;
    font-size: 200%;
    font-family: "Times New Roman", serif;
    font-weight: normal;
    color: #63777F;
    padding: 0.2em;
    margin: 0.2em;
}

h2.archipielago_libro {
    text-align: left;
    font-size: 200%;
    font-family: "Times New Roman", serif;
    font-weight: normal;
    margin: 0.2em;
    padding-top: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.2em;
    padding-bottom: 0.5ex;
    color: #63777F;
    border-bottom: 1px solid #F0F0F0;
}

h3.archipielago_titulo_obra {
    text-align: left;
    font-size: 175%;
    font-family: "Times New Roman", serif;
    font-weight: normal;
    padding-left: 1.5em;
    padding-bottom: 4px;
    padding-top: 0;
    margin-top: 0;
    margin: 0.2em;
    color: #000;    
}


div.poesia p {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 3em;
    border: 0px solid red;
    color: black;
    font-size: 14pt;
    font-height: 14pt;
    }

div.prosa p {
    font-size: 150%;
    text-indent: 2em;
    border: 0px solid red;
    padding: 0;
    padding-left: 3em;
    padding-right: 3em;
    margin: 0;
}