#map_canvas {
      width:100%; 
      height:100%;
	  border: solid 1px #CCC;
	  background-color: transparent;
  }
  .box{
   /* width:400px; 
      height:300px; */ 
      border:0px solid #ccc;
      padding:10px;
  }

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.fa-suterh:before {
  content: url("../mio/images/suterh-tucuman-mini.png");
}
.fa-suterh2:before {
  content: url("../mio/images/logo-sigerh-solo.png");
}
.suterh-img-log{
  width:auto; /* height of replacement image */
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.suterh-img-log:before {
  content: url("../mio/images/logo-sigerh-shw-small.png");
  display:block;
  font-size:0;
}
.suterh-online-img-log:before {
  content: url("../mio/images/logo-sigerh-online.png");
  font-size:0;
  width: 50%;
  margin: 0px auto;
}
.suterh-gestion-img-log:before {
  content: url("../mio/images/logo-sigerh-gestion.png");
  display:block; 
  font-size:0;
  margin: 0px auto;
}

.sigerh-gestion-img-log {
  background: url("../mio/images/logo-sigerh-gestion.png");
  background-size: 80%;
  background-repeat: no-repeat;
  display:block;
  width: 90%;
  height: 90px;
  margin-left:15%;
}
.sigerh-online-img-log {
  background: url("../mio/images/logo-sigerh-online.png");
  background-size: 80%;
  background-repeat: no-repeat;
  display:block;
  width: 90%;
  height: 90px;
  margin-left:15%;
}

/*  Dispositivos de salida comunes: 320px - 480px - 600px - 768px - 900px - 1200px  */

/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 821px){
	.sigerh-gestion-img-log {
	  background-size: 70%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:30%;
	}
	.sigerh-online-img-log {
	  background-size: 70%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:30%;
	}
}
/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px){
	.sigerh-gestion-img-log {
	  background-size: 60%;
	  display:block;
	  width: 80%;
	  height: 76px;
	  margin-left:20%;
	}
	.sigerh-online-img-log {
	  background-size: 60%;
	  display:block;
	  width: 80%;
	  height: 76px;
	  margin-left:20%;
	}
}
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px){
	.sigerh-gestion-img-log {
	  background-size: 70%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:20%;
	}
	.sigerh-online-img-log {
	  background-size: 70%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:20%;
	}
}
/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 341px){
	.sigerh-gestion-img-log {
	  background-size: 90%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:10%;
	}
	.sigerh-online-img-log {
	  background-size: 90%;
	  display:block;
	  width: 80%;
	  height: 80px;
	  margin-left:10%;
	}
}
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px){
}