/*  Stylesheet for NLM/NCBI  Journal Publishing 3.0 Preview HTML
    January 2009

    ~~~~~~~~~~~~~~
    National Center for Biotechnology Information (NCBI)
    National Library of Medicine (NLM)
    ~~~~~~~~~~~~~~
    
This work is in the public domain and may be reproduced, published or 
otherwise used without the permission of the National Library of Medicine (NLM).

We request only that the NLM is cited as the source of the work.

Although all reasonable efforts have been taken to ensure the accuracy and 
reliability of the software and data, the NLM and the U.S. Government  do 
not and cannot warrant the performance or results that may be obtained  by
using this software or data. The NLM and the U.S. Government disclaim all 
warranties, express or implied, including warranties of performance, 
merchantability or fitness for any particular purpose.

*/


/* --------------- Page setup ------------------------ */

/* page and text defaults */

body { 
    margin-top: 0;
    margin-left: 8%;
    margin-right: 8%;
    background-color: #f8f8f8;
    font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
    text-align: justify;
    line-height: 1.5;
}

#Container_principal{
    width: auto;
    box-shadow: none;
    margin: 0px !important;
    padding: 20px;
    background: rgb(255, 255, 255);
}
div > *:first-child { margin-top:0em }

div { margin-top: 0.5em }

div.front, div.footer { }

.back, .body { font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif"; }

div.metadata { font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";}
div.centered { text-align: center }

div.table { display: table }
.table-wrap.panel table{ border:1px solid #CCC; }
.table-wrap.panel tr,td{ border:1px solid #CCC; }

div.metadata.table { width: 58% }
div.row { display: table-row }
div.cell { display: table-cell; padding-left: 0.25em; padding-right: 0.25em }

div.metadata div.cell {
    vertical-align: top }

div.two-column div.cell {
    width: 50%;
    float: left;
    display: block;
}
div.two-column div.cell-right {
    width: 50%;
    float: right;
    display: block;
}
div.two-column div.cell-all {
    width: 76%;
    float: none;
    display: block;
}
div.one-column div.cell.spanning { width: 100% }

div.metadata-group { margin-top: 0.5em;
  font-size: 75% }

div.metadata-group > p, div.metadata-group > div { margin-top: 0.5em }

div.metadata-area * { margin: 0em }

div.metadata-chunk { margin-left: 1em }

div.branding { text-align: center }

div.document-title-notes {
   text-align: center;
   width: 60%;
   margin-left: auto;
   margin-right: auto
   }

div.footnote { font-size: 90% }

/* rules */
hr.part-rule {
    border: thin solid #CCC;
    width: 50%;
    margin-top: 1em;
    margin-bottom: 1em;
    }

hr.section-rule {
    border: thin dotted black;
    width: 50%;
    margin-top: 1em;
    margin-bottom: 1em;
    }
.gap{
    height: 8rem;
}
/* superior numbers that are cross-references */
.xref {
    color: red;
    }
    
/* generated text */     
.generated { color: gray; }

.warning, tex-math {
    font-size:80%; 
    font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
}

.warning {
    color: red }

.tex-math { color: green }

.data {
    color: black;
    }

.formula {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 90% }
    
/* --------------- Titling levels -------------------- */


h1, h2, h3, h4, h5, h6 {
   display: block;
   margin-top: 0em;
   margin-bottom: 0.5em;
   font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
   font-weight: bold;
   color: midnightblue;
  }
/* titling level 1: document title */
.document-title {
   text-align: center;
   }
h1.document-title {
   font-size: 1.5rem;
}
h2.main-title{
   font-size: 1.3rem;
    color: #333;
}
h3.section-title{
   font-size: 1.1rem;
    color: #333;
}

/* callout titles appear in a left column (table cell)
   opposite what they head */
.callout-title { 
    text-align: left;
    font-size: 1.1rem;
    color: rgb(0, 51, 153);
}
  


div.section, div.back-section {
  margin-top: 1em; margin-bottom: 0.5em }

div.panel { 
  background-color: white;
  font-size: 90%;
  border: thin solid black;
  padding-left: 0.5em; padding-right: 0.5em;
  padding-top: 0.5em; padding-bottom: 0.5em;
  width: max-content;
  margin: 0.5em auto;
}

div.blockquote { font-size: 90%;
  margin-left: 1em; margin-right: 1em;
  margin-top: 0.5em; margin-bottom: 0.5em }

div.caption {
  margin-top: 0.5em; margin-bottom: 0.5em }

div.speech {
  margin-left: 1em; margin-right: 1em;
  margin-top: 0.5em; margin-bottom: 0.5em }

div.verse-group {
  margin-left: 1em;
  margin-top: 0.5em; margin-bottom: 0.5em }

div.verse-group div.verse-group {
  margin-left: 1em;
  margin-top: 0em; margin-bottom: 0em }

div.note { margin-top: 0em; margin-left: 1em;
  font-size: 85% }

.ref-label { margin-top: 0em; vertical-align: top }

.ref-content { margin-top: 0em; padding-left: 0.25em }

h5.label { margin-top: 0em; margin-bottom: 0em }

p { margin-top: 0.5em; margin-bottom: 0em }

p.first { margin-top: 0em }

p.verse-line, p.citation { margin-top: 0em; margin-bottom: 0em; margin-left: 2em; text-indent: -2em }

p.address-line { margin-top: 0em; margin-bottom: 0em; margin-left: 2em }

ul, ol { margin-top: 0.5em }

li { margin-top: 0.5em; margin-bottom: 0em }
li > p { margin-top: 0.2em; margin-bottom: 0em  }

div.def-list { border-spacing: 0.25em }

div.def-list div.cell { vertical-align: top;
  border-bottom: thin solid black;
  padding-bottom: 0.5em }

div.def-list div.def-list-head {
  text-align: left }

/* text decoration */
.label { 
    font-weight: bold; 
    font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
    font-size: 80% 
}

.monospace {
	font-family: monospace;
	}

.overline{
	text-decoration: overline;
	}
a{
	color: #039;
	text-decoration:none;
	font-weight: normal;
	}
a:hover{
	color:#666;
	text-decoration:underline;
	font-weight: normal;
	}
a:visited{
	color: #039;
	text-decoration:none;
	font-weight: normal;
	}
/*Estilos para hacer o simular una ventana escondida*/
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    font-family: "Arial", "Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
    text-align: justify;
    line-height: 1.5;
    font-size: .8rem;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* ---------------- End ------------------------------ */

/* ----------------- Aquí inician los agregados por Carime-----------------*/
.zone-referencias{
	height: 550px;
	overflow-y: auto;
}
/*Aquí inician la media querie a partir de 480px para arriba*/
@media (min-width:480px) {
div.two-column div.cell-all {
    width: 100%;
    float: none;
    display: block;
}
	#Container_principal{
    width: auto;
    box-shadow: rgb(204, 204, 204) 0px 0px 6px;
    margin: 0px auto !important;
    padding: 20px;
    background: rgb(255, 255, 255);
}
}
/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 768px) {
div.metadata.table {
  width: 100%;
}
div.two-column div.cell-all {
    width: 100%;
    float: none;
    display: block;
}
	#Container_principal{
    width: 84%;
    box-shadow: rgb(204, 204, 204) 0px 0px 6px;
    margin: 0px auto !important;
    padding: 20px;
    background: rgb(255, 255, 255);
}
}
/*Aquí inician la media querie a partir de 992px para arriba*/
@media (min-width: 992px) {
div.metadata.table {
  width: 100%;
}
#Container_principal{
    width: 84%;
    box-shadow: rgb(204, 204, 204) 0px 0px 6px;
    margin: 0px auto !important;
    padding: 20px;
    background: rgb(255, 255, 255);
}
div.two-column div.cell-all {
    width: 100%;
    float: none;
    display: block;
}
}
/*Aquí inician la media querie a partir de 1200px para arriba*/
@media (min-width: 1200px) {
div.metadata.table {
  width: 100%;
}
	#Container_principal{
    width: 84%;
    box-shadow: rgb(204, 204, 204) 0px 0px 6px;
    margin: 0px auto !important;
    padding: 20px;
    background: rgb(255, 255, 255);
}
	div.two-column div.cell-all {
    width: 100%;
    float: none;
    display: block;
}
}
/*Podría ser que se use este tamaño*/
@media (min-width:1920px) {
	
}