#text {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;     
}

#imapc {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 1em;
  border: 0;
}

#imap{
  width: 100%;
  margin: 0;
  padding: 0;
}

#areas {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@media only screen and (min-width: 0px) {
    #areas {width: 100%;}
    #imapc {width: 100%;}
  }
     
@media only screen and (min-width: 768px) {
    #areas {width: 42%;}
    #imapc {width: 58%;}
  }

figcaption {
  text-align: center;
}

/*table {
  /*border-collapse: collapse;*/
  /*border: 1px solid black;*/
/*}

td, th {
  /*border: 1px solid silver;*/
 /*padding: 0.2em 1em;*/
/*}

/*thead th {
  /*background: #E0E0E0;*/
  /*color: black;
/*}*/

/*
tr {
  background: white;
}

tr.red {
  background: #FFF0F0;
}

tr.gray {
  background: #CFCFCF;
}

tr:nth-child(even) {
  background: #F0F0F0;
}

tr:nth-child(even).red {
  background: #FFE6E6;
}

tr:nth-child(even).gray {
  background: #CCCCCC;
}

tr.selected {
  background: #CCCCFF;
}
tr:nth-child(even).selected {
  background: #BBBBFF;
}
*/
               
tr.highlight, tr:hover, tr:nth-child(even):hover, tr:nth-child(even).highlight,
tr.red.highlight, tr.gray.highlight, tr.selected.highlight {
  /*background: #4eaf6b!important;*/
  border-bottom: 3px solid #4eaf6b;
  color: #4eaf6b;
}

.highlight{
  /*background: #FFFF99!important;*/
  color: #4eaf6b!important;
}

/* Всплывающие подсказки */
#tooltip {
	position: absolute;
	z-index: 3000;
	/*border: 1px solid #111;*/
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip p {
  margin: 0;
}