/* general ====================== */

body {
   font-size: 12pt; /* https://accessibleweb.com/question-answer/minimum-font-size/ ; https://accessibility.psu.edu/fontsizehtml/ */
   
   overflow-y: scroll;
}

p, li, div {
   line-height: 1.7em;
}

h2 {
   font-size: 1.5em;
   text-align: initial;
}
h2:first-child {
   margin-top: 0;
}
h2:not(:first-child) {
   margin-top: 1.5em;
}

a {
   text-decoration: underline;
}

em {
   border-bottom: 1px dotted #003057;
}

/* CC-BY-SA by Naga Sai A, https://stackoverflow.com/a/56430931/264786; See also https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters#nesting_counters */
ol{
   list-style: none;
   counter-reset: item;
}
ol > li:before{
   counter-increment: item;
   content: counter(item, lower-roman)".";
}
ol li ol{
   counter-reset: letter;
}
ol ol li:before{
   counter-increment: letter;
   content: counter(item, lower-roman)"." counter(letter, lower-alpha) " ";
}

ol li > p:first-child { display: inline }


.no-justify {
    text-align: initial;
}


/* template ===================== */

#encabezado {
   margin-top: 10px;
}
#encabezado > div:nth-child(1) {
   background-image: url('/enfih/resources/img2/fondo-top.png');
   background-repeat: repeat-x;
}

#encabezado .row > div:nth-child(1) {
   text-align: left;
}
#encabezado .row > div:nth-child(2) {
   text-align: center;
}
#encabezado .row > div:nth-child(3) {
   text-align: right;
}

#pie-de-pagina {
   padding-top: 10px;
   padding-bottom: 10px;

   border-top-color: #003057;
   border-top-style: solid;
   border-top-width: 5px;
}


/* menu ========================= */

.navbar {
   margin-bottom: 0;
   border: 0;
   min-height: 0;
}
.navbar-default {
   background: none;
}
.header {
   background: red;
}
.padre-header,
#el-menu {
   background-color: #007078;
}

#el-menu li {
    vertical-align: middle;
}

#el-menu li a {
   padding-left: 2px;
   padding-right: 2px;
   font-weight: bold;
   color: white;
}

#el-menu li.active > a {
   background-color: #007078;
}
#el-menu li a:focus,
#el-menu li a:hover {
   color: #007078;
}
#el-menu li.active a,
#el-menu li.active a:focus,
#el-menu li.active a:hover {
   color: #e6ba00;
}
.salida:hover,
.salida:focus {
   color: #e6ba00;
}


/* secciones ==================== */

#secciones {
   margin-top: 2em;
   margin-bottom: 2em;
   text-align: justify;
}
#secciones > div:not(.mostrado) {
   display:none;
}
#secciones a {
   color: #bf8f00;
   font-weight: bold;
}

/* ---------------------------- */
#inicio {
   /*font-weight: bold;*/
}

/* ---------------------------- */
#cuestionario ol li p:first-child {
   font-weight: bold;
}

/* ---------------------------- */
#confidencialidad .citas {
   margin: 1.5em 10%;	
}

/* ---------------------------- */
#principalesResultados {
}

/* ---------------------------- */
#masPreguntas .mas-preguntas .panel-heading {
   cursor: pointer;
}
#masPreguntas .mas-preguntas .panel-heading {
   text-align: left;
}
#masPreguntas .mas-preguntas .panel-title,
#masPreguntas .mas-preguntas .panel-body {
   font-size: 1em;
}
#masPreguntas .mas-preguntas > .panel
{
   -webkit-transition: border .2s ease-in-out;
   -o-transition: border .2s ease-in-out;
   transition: border .2s ease-in-out;
}
#masPreguntas .mas-preguntas > .panel:hover
{
   border-color: #007078;
}

/* ---------------------------- */
#contacto {
   margin-top: 1em;
   margin-bottom: 1em;
}
#contacto p {
   line-height: 2em;
}
.numero-telefonico {
   white-space: nowrap;
}