html body {
  /*background: #d7d7d7;*/
  background: #000;
/*  background: -o-radial-gradient(#ffffff, #e9e9e9);
  background: -moz-radial-gradient(#ffffff, #e9e9e9);
  background: -webkit-radial-gradient(#ffffff, #e9e9e9);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#ffffff), to(#e9e9e9));*/
  -webkit-font-smoothing: antialiased;
}

.slides.template-kartograph > article:not(.nobackground):not(.biglogo) {
  background-image: url(../img/logotype.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 247px;

}

.slides.template-kartograph article {
  border-color: #ddd;
}

.slides.template-kartograph article.biglogo {
  background: white url(../img/logo-kartograph.png) 50% 50% no-repeat;
  background-size: 516px;
}

.slides.template-kartograph > article {
  font-family: Helvetica Neue, Georgia, serif;

  color: rgb(102, 102, 102);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);

  font-size: 30px;
  line-height: 36px;

  letter-spacing: -1px;
}

.slides.template-kartograph > article h1,
.slides.template-kartograph > article h2,
.slides.template-kartograph > article h3,
.ui-tooltip-kartograph  {
  font-family: Helvetica Neue, Garamond, "Garamond classico", Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  letter-spacing: -1px;
}

.slides.template-kartograph  article h3 {
  font-size: 36px;
}

.slides.template-kartograph pre,
.slides.template-kartograph code {
  font-family: "Menlo", "Monaco", "Courier New", monospace;

}

.slides.template-kartograph > article.fill .source {
   background: rgba(255,255,255,.95);
   padding: 10px 20px;
   left: 40px;
   top: auto;
   bottom: 25px;
}

article > code > em {
   font-style: normal;
   color: #008A35;
}

pre code em {
   font-style: normal;
   background: rgba(255,255,245,0.5);
}

article p a {
  text-decoration: none;
  border-bottom: 1px dotted #449;
}

.ui-tooltip-kartograph {
  font-size: 20px!important;
  font-weight: normal!important;
  line-height: 30px!important;
}

#map-demo-3 .bubble {
  stroke-width: 0.75px;
  z-index: 4000;
}

#map-demo-3 .bubble:hover {
  stroke-width: 3px;
}

.slides.template-kartograph > article.invert {
  background-image: url(../img/logotype-invert.png)!important;
  background-color:#000;
}

.slides.template-kartograph > article.invert h3 {
  color: #eee;
}

article.fill2 img {
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}