@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto+Slab');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
#header h1 {
  display:none;
}
#body{
  margin-top:20px;
  font-family: 'Montserrat', sans-serif;
}

a {
	text-decoration: underline;
}

a:link {
	color: #0475a2;
}

a:active {
	color: #6aa6d6;
}

a:visited {
	color: #6aa6d6;
}

a:hover {
	color: #20538d;
	background: #ccd9dd;
}

a.plain {
	text-decoration: none;
}

input.defaultButton {
	background-color: #0590d1;
	color: #FBFBF3;
	font-weight: bold;
}


.page_contact .address{
    font-size: 15px !important;
}

#main h2{
  font-family: 'Roboto Slab', serif;
}
#main h3{
  font-family: 'Roboto Slab', serif;
}
#main h4{
  font-family: 'Roboto Slab', serif;
}
#main h5{
  font-family: 'Roboto Slab', serif;
}
.titulo-box-foot{
  font-family: 'Roboto Slab', serif;
}
.blockTitle{
  font-family: 'Roboto Slab', serif;
}
#header {
    display: table;
    background-color: #ffffff;
    width:100%;
}
#headerTitle {
    position:relative;
    display: table;
    width: 100%;
    max-width: 100%!important;
    margin: 0 auto;
    height: 55px;
}
#headerTitle {
    display:block;
}
#issues div img{
  width:350px;
}
#issues h4{
  font-size:16px;
}
#issueCoverImage img {
    width:50%;
    height:50%;
    margin-left:8em;
}
.button {
    border: 1px solid #0590D1;
    padding: 8px 13px 8px;
    color: #fff;
    background: #0590D1!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#main {
    margin-left: 1%;
    padding-right: 0 1%;
    margin-bottom: 200px;
}

#navbar {
    border: none;
    z-index: 1;
    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.22), 0 2px 1px -1px rgba(0,0,0,0.05);
}
#navbar ul li {
    display: table-row;
    float: left;
}

#navbar ul li a {
    display: block;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 18px;
    color: #009cdb;
    text-transform: capitalize;
    text-align:center;
    padding: 0 0 0 20px;
}

#navbar ul li a:hover {
    background: none;
    color: #303030;
}
#navbar li{
    text-align:center;
    margin-left:0px;
}
#navbar {
position: fixed; /*Fixed ya que queremos que la posic al navegador*/
top: 0; /*El valor 0 indica que va a quedar arriba de todo*/
left: 0; /*Para que el menu se ubique siempre en la parte izquierda de la pantalla*/
width: 100%; /*100% para que ocupe todo el ancho del navegador*/
border:none;
background-color:#ffffff;
}
#container {
    width: 100% !important;
    margin: 0 auto;
}
#foot1 {
    position:relative;

}
#pageFooter{
    position:relative;
    display:table;

    width:100%;
    background: #ddd;    
 }

#foot2{
    position:relative;
    display: table;

    width:100%;
    max-width: 95%;

    margin:21px 50px auto;

    
 }

 #links-interes{
    position:relative;
    float:left;
    font-size: 0px;

    display: table;

    width:100%;

    margin:0 1%;
 }

 #links-interes #oacc{
    position:relative;
    float:left;

    width:54px;
    height:54px;

    margin-bottom:13px;

    background:#fff;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;

    background-position: center center;
    background-repeat: no-repeat;
 }

 #links-interes #red{
    position:relative;
    float:left;

    width:130px;
    height:50px;

    margin-left:13px;
    margin-bottom:13px;

    background:#fff;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    background-position: center center;
    background-repeat: no-repeat;
 }
 #links-interes #rejection-rate{
  position:relative;
  float:left;

  width:130px;
  height:50px;

  vertical-align: middle;

  margin-left:13px;
  margin-bottom:13px;

  /* blue background color #039bdb  */
  background:#ddd;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-position: center center;
  background-repeat: no-repeat;
 }

 #links-interes #published-articles{
  position:relative;
  float:left;

  width:130px;
  height:50px;

  vertical-align: middle;

  margin-left:13px;
  margin-bottom:13px;

  /* blue background color #039bdb  */
  background:#ddd;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-position: center center;
  background-repeat: no-repeat;
 }
 
 #bases-datos{
    position:relative;
    float:left;
    font-size: 0px;

    display: table;

    width:100%;
    max-width: 40%;

    margin:0 1%;
 } 

 #repositorios{
    position:relative;
    float:left;

    display: table;

    width:100%;
    max-width: 18%;

    margin:0 1%;
 }

 .titulo-box-foot{
    position:relative;
    float:left;

    width:100%;

    font-size:18px;
    color:rgb(139, 139, 139);
    font-weight: bold;

    margin-bottom:13px;
 }

 #bases-datos a{
    position:relative;
    float:left;

    width:110px;
    height:60px;

    margin-left:13px;
    margin-bottom:13px;

    background: white;
    background-repeat: no-repeat;

    background-position: center;
    line-height:65px;

    text-align: center;
    vertical-align: bottom;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 }

 #bases-datos #facebook a{
  width: 48px;
  height: 48px;
  background: #3B5998;
  background-position: center;
}

 #bases-datos #twitter a{
  width: 48px;
  height: 48px;
  background:#55ACEE;
  background-position: center;
}

#bases-datos #google a{
  width: 48px;
  height: 48px;
  background:#dd4b39;
  background-position: center;
}

#bases-datos #linkedin a{
  width: 48px;
  height: 48px;
  background:#007bb5;
  background-position: center;
}

#bases-datos #youtube a{
  width: 48px;
  height: 48px;
  background:#bb0000;
  background-position: center;
}


 #repositorios a{
    position:relative;
    float:left;
    clear:both;

    color:#fff;
    
    margin-bottom:5px;
 }

 #derechos-aut{
    position:relative;
    float:left;

    width:100%;

    margin:34px 0 0;

    font-size:13px;
    color:rgb(82, 82, 82);
 }
 

 #derechos-aut #copyright{
    position:relative;
    float:left;
    display: table;
 }

#derechos-aut #btn-jd{
    position:relative;
    float:right;
 }
.icon-bar {
  position: fixed;
  right:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 0px;
  text-decoration: none;
}

.icon-bar em {
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


div#imageContentWrp {
    padding-top: 3%;
}

#imageContentWrp .col-md-4 {
    border: 1px solid #ccc;
}

#imageContentWrp ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#imageContentWrp li {
    padding: 5px;
    float: left;
    background: #FFF;
}

#imageContentWrp h2 {
    margin-bottom: 10px;
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(0,0,0,0.54);
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
}

#imageContentWrp a {
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 10px;
}