.crumbs {color:#0080FF; font-size: 16px; padding:10px 0 20px 30px;}
.dentro {padding-left: 30px;}
.encima {font-size: 16px; color:#306EFF; padding-top:10px}
.alto-encima {font-size: 20px; color:#306EFF; margin:30px, 0; font-weight: normal}
.debajo {font-size: 13px; color:#0080FF; margin-bottom:-10px; font-weight: 600}
.imprenta {font-size: 14px; color:#306EFF; margin-bottom:-10px; font-weight: 600}
.muy {font-size: 14px; color:#0080FF; margin-top:-10px; font-weight: 600}
.muymas {font-size: 16px; color:#0080FF; margin:30px, 0; font-weight: normal}
.primero {font-size: 22px; color:#0080FF; margin: 15px 0;}

#altonav {width: 100%; height:40px; float: left; margin: 0; padding: 0;
      list-style: none; background-color:  #B7CEEC;
       }
#altonav ul {margin:0; padding:0; line-height:35px; white-space: nowrap;}
#altonav li {float: left;}
#altonav li a {display: block; font-size: 16px; margin: 0; padding:5px 15px;
      text-decoration: none; color: #0080FF; background-color: #E0FFFF; }
#altonav li a:hover {color: #01A9DB; background-color: #E0FFFF;}
#altonav li.active
{color: #01A9DB; background-color: #E0FFFF;}

#bassnav {width: 100%; height: 60px; float: left; margin-bottom:16px; padding: 0;
      list-style: none; background-color: #F0F8FF;
      border-bottom: 1px solid #0080FF; border-top: 1px solid #0080FF;}
#bassnav ul {margin:0; padding:0; line-height: 50px; white-space: nowrap;}
#bassnav li {float: left;}
#bassnav li a {word-wrap: break-word; display: inline-block; margin: 0; padding: 5px 15px; text-decoration: none; color: #0080FF;}
#bassnav li a:hover
{color: #01A9DB; background-color: #E0FFFF; }
#bassnav li.active
{color: #01A9DB; background-color: #E0FFFF; }

#grad-nav {width: 100%; float: left; height: 50px; margin-bottom:16px; padding: 0; background-color: #F0F8FF; border-bottom: 1px solid #0080FF; border-top: 1px solid #0080FF;}
#grad-nav  ul {margin:0; padding:0; line-height: 16px; white-space: normal; list-style-type: none;}
#grad-nav li {float: left; word-wrap: break-word;font-size: 11px; text-align: center;}  
#grad-nav li a {display: inline-block; margin: 0; padding: 10px; text-decoration: none; color: #0080FF;}
#grad-nav li a:hover {color: #01A9DB; background-color: #E0FFFF; height: 30px;}
#grad-nav li.active {color: #01A9DB; background-color: #E0FFFF;}

a.gros:link {color:#0080FF; font-size: 16px; text-decoration:underline;}
a.gros:visited {color:#0080FF; font-size: 16px; text-decoration:underline;}
a.gros:hover {color:#01A9DB; font-size: 16px; text-decoration:underline;}

a.uno:link {color:#0080FF; text-decoration:none; font-weight: normal;}
a.uno:visited {color:#0080FF; text-decoration:none; font-weight: normal;}
a.uno:hover {color:#01A9DB; text-decoration:underline; font-weight: normal;}

a.dos:link {color:#0080FF; text-decoration:none; font-weight: bold;}
a.dos:visited {color:#0080FF; text-decoration:none; font-weight: bold;}
a.dos:hover {color:#01A9DB; text-decoration:underline; font-weight: bold;}

.img-basico {float: left;}

table.tabel {width: 80%;}
table.tabel-2 {width: 90%;}
th.tabel {height: 10px; text-align: left; padding-left: 30px; color: #306eff; background-color: #ccf2ff;}
tr.tabelbleu {height: 10px; text-align: left; color: #306eff; background-color: #e6fff9;}
tr.tabelseul {height: 10px; text-align: left; padding: 0 35px;}
tr.tabel {height: 10px;}
tr.tabel-2 {height: 25px;}
td.tabel { text-align: left; padding: 0 35px;}
td.tabel-2 { text-align: left; padding: 5px 0 5px 35px;}

.ampliable-accordion {
    color: #0080FF;
    background-color: #66ccff; height: 20px;
}

/* added to reformat the connection entries */
.organization-name.notranslate:before {
    content: "Research: ";
    font-weight: bold;
    font-size: inherit;
  	color:#333;
}/*add bold letter "Research:" in front of professors' research interests */

.organization-name.notranslate {
    width: 700px;
}/*make the block wider, such that the research interests can be displayed in one line*/

.organization-unit.notranslate:before {
    content: "Education: ";
    font-weight: bold;
    font-size: inherit;
  	color: #333;
} /* add bold letter "Education: " in front of education info"*/

.title.notranslate {
    display: inline-block;
    height: 24px;
    position: relative;
    line-height: 24px;
    font-weight: 300;
    font-size: medium;
}/* reformat the title*/

.cn_category_label {
    color: slategrey;
}
.cn-category-name.cn_category.cn-category-2 {
    color: slategrey;
}/*change the text color of categorization*/


/*change the "website","email","phone" to the color dark grey #333*/
.phone-name {
    color: #333;
}
.email-name {
    color: #333;
}
.link-name {
    color: #333;
}