body {
background-image: url(../images/bg.gif);
background-color: #4d4d4d;
margin: 0px auto 0px auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
color: #57595b;
letter-spacing: normal;
vertical-align: text-bottom;
word-spacing: normal;
white-space: normal;
}

#border
{
width: 1045px;
height: auto;
margin: 0.5em auto;
padding: 0.5em;
}

#contenedor
{
position: absolute;
width: 1030px;
height: auto;
background-color: #ecebd9; 
margin: 0.5em auto;
padding: 0.5em;
border: 10px solid #ffffff;
}

#header 
{
background-image: url(../images/header/ima.cab.01.jpg);
width: 993px; 
height: 299px;
background-repeat: no-repeat;
background-color: #ecebd9;
border-radius: 1em;
box-shadow: 0px 0px 15px #000;
margin:10px 10px 0px 3px;
}

.cabecera 
{
width: 993px; 
height: 299px;
background-repeat: no-repeat;
background-color: transparent;
border-radius: 1em;
margin: -3px 10px 0px 0px;
box-shadow: 0px 0px 15px #000;
} 

#nav
{
width: 995px; 
height: 50px;
background-repeat: no-repeat;
background-color: #dcdbbc;
margin:10px 10px 0px 3px;
}

#contenido
{
width: 995px; 
min-height: 900px; 
background-color: #ecebd9;
border-radius: 1em;
margin:10px 10px 0px 3px;
}

#footer
{
width: 995px; 
height: 50px;;
background-color: #4d4d4d;
padding: 15px;
text-align: center;
color: #f6f6ee;
border-radius: 1em;
margin: 1em;
} 


* {box-sizing: border-box}

.tab {
    float: left;
    background-color: #dcdbbc;
    width: 25%;
    height: auto; 
}

.tab button {
    display: block;
    background-color: inherit;
    color: #8c8c8c;
    font-weight:bold;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 19px;
}

.tab button:hover {
    background-color: #d3d2ab;
    color: black;
}

.tab button.active {
    background-color: #ecebd9;
    font-weight:bold;
    color: black;
    font-size: 25px;
}

.tabcontent {
    float: left;
    text-align: justify;
    padding: 0px 12px;
    background-color: #ecebd9;
    width: 70%;
    border-left: none;
    height: auto; 
    margin: 5px 10px 10px 25px; 
}


.tab info
{
    display: block;
    background-color: #000;
    color: #fff;
    font-weight:bold;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    font-size: 13px;
}

.tab imgagen
{
background-image: url(../images/logoudc.png);
background-repeat: no-repeat;
display: block;
margin: 5px 10px 10px 30px;
}



#goup {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width:50px;
  height:40px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: url('../images/icon_top.png') no-repeat;
  opacity:0.5;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

.btndisplay {
  border: none;
  float: left; 
  width: 250px; 
  vertical-align: top;
  margin: 3px 1px;
  cursor: pointer;
  padding: 5px 5px 5px 0px;
}

.btn-orcid {
  border-radius: 10px;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  border: solid transparent 2px;
  text-decoration: none;
}

.btn-orcid-left {
  background: #a7cd46;
  background-image: -webkit-linear-gradient(top, #a7cd46, #a7cd46);
  background-image: -moz-linear-gradient(top, #a7cd46, #a7cd46);
  background-image: -ms-linear-gradient(top, #a7cd46, #a7cd46);
  background-image: -o-linear-gradient(top, #a7cd46, #a7cd46);
  background-image: linear-gradient(to bottom, #a7cd46, #a7cd46);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #a7cd46 2px;
  text-decoration: none;
}

.btn-orcid-right {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Arial;
  color: #a7cd46;
  font-size: 12px;
  padding: 5px 10px 5px 0px;
  border: solid #a7cd46 2px;
  text-decoration: none;
}

.btn-researcherid {
  border-radius: 10px;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  border: solid transparent 2px;
  text-decoration: none;
}

.btn-researcherid-left {
  background: #8a8a8a;
  background-image: -webkit-linear-gradient(top, #8a8a8a, #8a8a8a);
  background-image: -moz-linear-gradient(top, #8a8a8a, #8a8a8a);
  background-image: -ms-linear-gradient(top, #8a8a8a, #8a8a8a);
  background-image: -o-linear-gradient(top, #8a8a8a, #8a8a8a);
  background-image: linear-gradient(to bottom, #8a8a8a, #8a8a8a);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-family: Arial;
  color: #fdaa6f;
  font-size: 12px;
  padding: 5px 0px 5px 10px;
  border: solid #8a8a8a 2px;
  text-decoration: none;
}
.btn-researcherid-ID {
  background: #8a8a8a;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  border: solid #8a8a8a 2px;
  text-decoration: none;
}

.btn-researcherid-right {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Arial;
  color: #ec661f;
  font-size: 12px;
  padding: 5px 10px 5px 0px;
  border: solid #8a8a8a 2px;
  text-decoration: none;
}

.btn-scopus {
  border-radius: 10px;
  font-family: Arial;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
  border: solid transparent 2px;
  text-decoration: none;
}

.btn-scopus-left {
  background: #5d5297;
  background-image: -webkit-linear-gradient(top, #5d5297, #5d5297);
  background-image: -moz-linear-gradient(top, #5d5297, #5d5297);
  background-image: -ms-linear-gradient(top, #5d5297, #5d5297);
  background-image: -o-linear-gradient(top, #5d5297, #5d5297);
  background-image: linear-gradient(to bottom, #5d5297, #5d5297);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-family: Arial;
  font-weight: bold;
  color: #ec661f;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #5d5297 2px;
  text-decoration: none;
}

.btn-scopus-right  {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Arial;
  color: #5d5297;
  font-size: 12px;
  padding: 5px 10px 5px 0px;
  border: solid #5d5297 2px;
  text-decoration: none;
}


ul.a {
    list-style-type: circle;
}

ul.b {
    list-style-type: square;
}

ul.c {
    list-style-type: upper-roman;
}

ul.d {
    list-style-type: lower-alpha;
}


mark { 
background-color: #b5b59c; 
/* Other options: #ececdc; #ececdc; #44443c; #dcdcbc; #83827d; #b5b59c;*/
}

.accordion {
    background-color: #dcdbbc;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #d3d2ab;
}

.accordion:after {
    content: '\002B'; 
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: '\2212';
} 

.toggle {
    background-color: #dcdbbc;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .toggle:hover {
    background-color: #d3d2ab;
}

.toggle:after {
    content: '\002B'; 
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.toggle.active:after {
    content: '\2212';
} 


.togglecc {
    background-color: #dcdbbc;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .togglecc:hover {
    background-color: #d3d2ab;
}

.togglecc:after {
    content: '\002B'; 
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.togglecc.active:after {
    content: '\2212'; 
} 

.toggleconf {
    background-color: #dcdbbc;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .toggleconf:hover {
    background-color: #d3d2ab;
}

.toggleconf:after {
    content: '\002B'; 
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.toggleconf.active:after {
    content: '\2212'; 
} 

.panel {
    padding: 0 18px;
    background-color: #ecebd9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-left: 0.3px solid #dcdbbc;
    border-right: 0.3px solid #dcdbbc;
    border-bottom: 0.3px solid #dcdbbc;
}


#btn-fb {
  background-image: url("../images/social/facebook.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  width: 40px;
  height: 40px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 10px 20px 30px 20px;

}

#btn-tw {
  background-image: url("../images/social/twitter.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 10px 20px 30px 20px;
}

#btn-yt {
  background-image: url("../images/social/youtube.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 10px 20px 30px 20px;
}

#btn-in {
  background-image: url("../images/social/Instagram_c.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 10px 20px 30px 20px;
}

#btn-mail {
  background-image: url("../images/social/mail.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 10px 20px 30px 20px;
}

#btn-rg {
  background-image: url("../images/social/ResearchGate.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
}

#btn-a {
  background-image: url("../images/social/Academia.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
}

#btn-g {
  background-image: url("../images/social/googlescholar.png");
  background-repeat: no-repeat;
  border-radius: 0.5em;
  float: left;
  margin: 5px;
  width: 40px;
  height: 40px;
}

#btn-fb:hover, #btn-tw:hover, #btn-yt:hover, #btn-in:hover, #btn-mail:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}


table.files {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    background-color: #dbdabd;
    width: 100%;
}

table.files td, table.files th {
    border: 1px solid #ffffff;
    text-align: center;
    padding: 8px;
}

table.files tr:nth-child(even) {
    background-color: #ededde;
}

a:link {color: #870990; text-decoration: none; cursor: hand; font-weight:bold;}
a:visited {color: #870990; text-decoration: none; background-color: #ebead9;} 
a:hover {color: #b30000; text-decoration: underline;} 
h1 {font-size: 40px; font-weight:bold; color:#646435; /* Era: #f6f6ee */ line-height:20px; text-align: right;}
h2 {font-size: 18px; font-weight:bold; color:#595959; line-height:18px;}
.title {font-size: 15px; font-weight:bold; color:#595959; line-height:18px;}
h3 {font-size: 13px; font-weight:bold; color:#595959; line-height:16px;}
.cuadroname {float: left; width: 400px; vertical-align: top; margin: 0px 0px 0px 5px}
.cuadrocontact {border-radius: 0.5em; border: dotted #999; background-color: #e4e4ce; float: left; margin: 10px 10px 2px 0px; padding: 0px 5px 0px 8px; width: auto;}
.cuadrophoto {float:left; width:200px; height:200px; vertical-align: top; border: 0; box-shadow: 0px 0px 15px #000; margin: 10px 10px 10px 0px; border-radius: 0.5em; width:160px; height: 175px;}
.cuadrobanner {float:left; width:200px; height:200px; vertical-align: top; border: 0; box-shadow: 0px 0px 15px #000; margin: 10px 10px 10px 0px; border-radius: 0.5em; width:650px; height: 180px;}
.cuadroprofile {border-radius: 0.5em; border: double #999; background-color: #e4e4ce; float: left; margin: 10px 10px 25px 0px; padding: 10px 15px 0px 18px; width: auto;}

.square {border-radius: 0.5em; border: dotted #999; background-color: #e4e4ce; margin: 0px; padding: 0px 8px 0px 10px; width: auto;}


.stampcontact {border-radius: 0.5em; border: dotted #999; background-color: #e4e4ce; margin: 10px 10px 20px 20px; padding: 0px 5px 0px 8px; max-width: 300px;}
.stamp {
    float: left;
    background-image: url("../images/social/envelope.png");
    background-repeat: no-repeat;
    text-align: justify;
    padding: 50px 15px 0px 50px;
    background-color: #ecebd9;
    width: 600px;
    border-left: none;
    height: 270px;
    margin: 5px 10px 10px 10px; 
}