@import url("https://fonts.googleapis.com/css?family=PT+Mono");
/* scss del.scss del.css */
/* main */
/* #ffffff */
/* # */
/* loader */
/* #16a085 */
/* #e74c3c */
/* #f9c922 */
/* menubar & menu */
/* #000000 */
/* #000000 */
/* #000000 */
/* page */
/* #000000 */
/* #000000 */
/* # */
/* # */
/* #000000 */
/* body */
body {
  background-attachment: fixed;
  background-image: url("images/bg.jpg");
  background-color: #e6e6e6;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 12pt;
  color: magenta; }

/* main page */
#pageMain {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  color: black;
  background-color: #f0f0f0;
  padding: 1.2em;
  width: 70%;
  margin: auto;
  border-width: 3px;
  border-color: black;
  border-style: solid; }

#pageMain p {
  text-indent: 2em;
  text-align: justify; }

/* menu bar shown at top of each page */
#menubar {
  background-color: black;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 4em; }

#menubar table {
  width: 70%;
  margin-top: 0.5em;
  margin-bottom: auto;
  margin-left: 15%;
  margin-right: 15%; }

#menubar td {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 18pt;
  color: white;
  font-weight: bolder;
  text-decoration: none; }

#menubar table a.mainLink {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 18pt;
  color: #f9c922;
  font-weight: bolder;
  text-decoration: none; }

#menubar table a.mainLink:hover {
  text-decoration: underline; }

/* dropdown menu */
.dropdown {
  /* the container <div> - needed to position the dropdown content */
  position: relative;
  display: inline-block; }

.dropdown-content {
  /* dropdown content (hidden by default) */
  display: none;
  position: absolute;
  min-width: 180px;
  z-index: 1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
  border-width: 0pt 5pt 5pt 5pt;
  border-style: ridge;
  border-color: #e74c3c;
  border-radius: 0px 0px 30px 30px;
  overflow: auto;
  background-color: #e6e6e6;
  font-weight: normal; }

.dropdown-content span {
  /* text inside the dropdown, for active page */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  color: black;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 11pt;
  background-color: #f9c922;
  font-weight: bolder; }

.dropdown-content a {
  /* links inside the dropdown */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  color: black;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 11pt; }

.dropdown-content a:hover {
  /* change color of dropdown links on hover */
  transition: 0.3s;
  background-color: #f9c922;
  text-decoration: underline; }

.dropdown:hover .dropdown-content {
  /* show the dropdown menu on hover */
  display: block; }

img.icon {
  margin: 0px 1em 0px 0px;
  vertical-align: -8px; }

img.iconTitle {
  margin: 0px 0.5em 0px 0px;
  vertical-align: -8px; }

/* tabs */
ul#tabs {
  list-style-type: none;
  margin: 30px 15px 0 15px;
  padding: 0 0 0 0; }

ul#tabs li {
  margin: auto;
  display: inline;
  padding-right: 0.5em; }

ul#tabs li a {
  font-family: inherit;
  color: black;
  font-size: 14pt;
  font-weight: bolder;
  background-color: #aaaaaa;
  border: 3px solid black;
  border-top-right-radius: 25px;
  border-bottom: none;
  padding: 0.3em 1em 0.2em 1em;
  text-decoration: none; }

ul#tabs li a:hover {
  background-color: #f0f0f0;
  transition: 0.3s; }

ul#tabs li a.selected {
  color: black;
  background-color: #f0f0f0;
  font-weight: bold;
  padding: 0.7em 1em 0.38em 1em; }

div.tabContent {
  width: 100%;
  background-color: #f0f0f0;
  padding: 0.5em;
  border-width: 3px;
  border-color: black;
  border-style: solid; }

div.tabContent.hide {
  display: none; }

/* menu on left side of paragraph */
.inParMenu {
  border-width: 2pt;
  border-style: solid;
  border-color: #e74c3c;
  border-radius: 0px 0px 30px 30px;
  background-color: #e6e6e6;
  font-weight: normal;
  font-size: 11pt; }

.inParMenu ul {
  margin: 1em 1em 1em 0em; }

.inParMenu li {
  margin-right: 0;
  padding-bottom: 0.5em;
  padding-right: 0em; }

.inParMenu a {
  /* links inside the menu */
  text-decoration: none;
  display: block;
  color: black;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 11pt; }

.inParMenu a:hover {
  /* change color of links on hover */
  transition: 0.3s;
  text-decoration: underline; }

/* set up of page */
#pageSingle {
  background-color: #f0f0f0;
  margin-top: 5em;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1.2em;
  width: 72%;
  border-width: 3px;
  border-color: black;
  border-style: solid; }

#pageTabs {
  padding: 1.2em;
  width: 74.5%;
  margin-top: 2.7em;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  border-width: 0px; }

#tabContainer {
  /* background: red; */ }

/* content starting page */
#pri-contenido {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 12pt;
  color: black;
  background-color: #f0f0f0;
  border-width: 0px;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto; }

#pri-contenido p {
  margin: 0em 2em 1em;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  text-indent: 2em;
  text-align: justify;
  line-height: 25px; }

/* actual content */
#contenido {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 12pt;
  color: black;
  /* background-color: red;*/
  border-width: 0px; }

#multiple {
  margin-left: 1em;
  margin-right: 1em; }

#contenido .title {
  font-family: inherit;
  color: inherit;
  font-size: 14pt;
  font-weight: bolder; }

#contenido .subtitle {
  font-family: inherit;
  color: inherit;
  font-size: 12pt;
  font-weight: bolder; }

#contenido table {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: normal; }

#contenido p {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  text-indent: 2em;
  text-align: justify;
  line-height: 25px; }

#contenido hr {
  border: 0;
  height: 3px;
  background: #16a085;
  background: -webkit-linear-gradient(left, #16a085, #e74c3c, #f9c922);
  background: -moz-linear-gradient(left, #16a085, #e74c3c, #f9c922);
  background-image: -ms-linear-gradient(left, #16a085, #e74c3c, #f9c922);
  background-image: -o-linear-gradient(left, #16a085, #e74c3c, #f9c922); }

#contenido .author {
  text-decoration: none; }

#contenido a {
  font-family: inherit;
  color: #16a085;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none; }

#contenido a:hover {
  text-decoration: underline;
  transition: 0.3s; }

#contenido a:visited {
  color: #16a085; }

#contenido a.arrow {
  font-family: 'PT Mono', monospace;
  color: #16a085;
  font-size: 16pt;
  font-weight: bold;
  text-decoration: none; }

#contenido a.arrowRotated {
  font-family: 'PT Mono', monospace;
  color: #16a085;
  font-size: 16pt;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); }

/* images as links to research topics */
img.imglinks {
  border-width: 3px;
  border-style: solid;
  border-color: black; }

/* list of bibentries */
#bibentries {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: black; }

#bibentries li {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  padding-top: 0px;
  padding-bottom: 10px; }

#bibentries .bib-author {
  text-decoration: none; }

#bibentries .bib-title {
  font-style: oblique;
  font-weight: bold; }

#bibentries .bib-school {
  text-decoration: none; }

#bibentries .bib-journal {
  font-style: italic; }

#bibentries .bib-publisher {
  text-decoration: none; }

#bibentries .bib-volnumpag {
  text-decoration: none; }

#bibentries .bib-year {
  text-decoration: none;
  font-weight: bolder; }

#bibentries .bib-link {
  text-decoration: underline;
  font-weight: normal; }

#bibentries .bib-titleCourse {
  text-decoration: underline;
  font-style: oblique;
  font-weight: bold; }

li.intra {
  list-style-image: url("images/bullet-intra.gif"); }