*{
  margin: 0;
  padding: 0;
}

#mainContainer-depto{
  text-align: center;
  width: 640px;
  margin: 30px auto;
  position: relative;
}


#mainContainer-depto h3{
  font-family: industry, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  width:100%;
  margin: auto;
  margin-bottom: 13px;
  color: #46616c;
}

#mainContainer-depto p{
  font-family: industry, sans-serif;
  font-style: normal;
  font-weight: 300;
}

#mainContainer-depto svg{
  width: 100%;
}


#mainContainer-depto svg path:hover{
  cursor: pointer;
  opacity: 0.7;
}


#mainContainer-depto #header .btns {
    display: flex;
    justify-content: left;
    margin: 12px 0px 13px 0px;
}

#mainContainer-depto #header .btns .mainBTN {
    width: 135px;
    height: 22px;
    border-radius: 4px;
    margin: 12px;
    padding-top: 5px;
}

#mainContainer-depto #header .btns .mainBTN p{
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}

#mainContainer-depto #header .btns .mainBTN.ruralBtn{
  background-color: #37822c;
}

#mainContainer-depto #header .btns .mainBTN.urbanBtn{
  background-color: #339999;
}

#mainContainer-depto #header .btns .mainBTN.ruralBtn.active,
#mainContainer-depto #header .btns .mainBTN.ruralBtn:hover{
  background-color: #203f18;
  cursor: pointer;
}

#mainContainer-depto #header .btns .mainBTN.urbanBtn.active,
#mainContainer-depto #header .btns .mainBTN.urbanBtn:hover{
  background-color: #1c4743;
  cursor: pointer;
}

#mainContainer-depto #infoContainer .inactive{
  display: none;
}

#mainContainer-depto #infoContainer .data-container {
    float: right;
    position: relative;
    width: 300px;
}

#mainContainer-depto #infoContainer .map-container,
#mainContainer-depto #infoContainer .conn-cont,
#mainContainer-depto #infoContainer .last{
  display: flex;
  justify-content: center;
}

#mainContainer-depto #infoContainer .conn-cont{
  align-items: center;
  justify-content: flex-start;
  margin: 5px auto;
}

#mainContainer-depto #infoContainer .conventions {
    padding: 8px 16px 4px 17px;
    border: 1px solid #464f597d;
    margin: 15px auto;
    width: 159px;
}
#mainContainer-depto #infoContainer .cuad{
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

#mainContainer-depto #infoContainer .conventions p{
  font-weight: 500;
  color: #495b5b;
  text-align: left;
}

#mainContainer-depto #infoContainer .last .dat{
  margin: auto 20px;
}

#mainContainer-depto #infoContainer .first p:nth-of-type(1){
  font-weight: 600;
  font-size: 20px;
}

#mainContainer-depto #infoContainer .first p:nth-of-type(2){
  font-weight: 500;
}

#mainContainer-depto #infoContainer .first p:nth-of-type(3){
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

#mainContainer-depto #infoContainer .last .dat p:nth-of-type(1){
  font-weight: 500;
  font-size: 18px;
}

#mainContainer-depto #infoContainer .last .dat p:nth-of-type(3) {
    font-weight: 500;
    font-size: 25px;
}

/*============================== rural COLORS*/
#mainContainer-depto #infoContainer #rual .conventions .cuad.a{
  background-color: #D7EFD3;
}

#mainContainer-depto #infoContainer #rual .conventions .cuad.b{
  background-color: #6FA565;
}

#mainContainer-depto #infoContainer #rual .conventions .cuad.c{
  background-color: #37822C;
}

#mainContainer-depto #infoContainer #rual .conventions .cuad.d{
  background-color: #27561E;
}

#mainContainer-depto #infoContainer #rual .conventions .cuad.f{
  background-color: #0F230C;
}

#mainContainer-depto #infoContainer #rual .conventions .cuad.g{
  background-color: #223a20;
}

/*
#mainContainer-depto #infoContainer #rual .first p,
#mainContainer-depto #infoContainer #rual .last p{
  color: #223a20;
}
*/
/*
#mainContainer-depto #infoContainer #rual .last .dat.without p{
  color: #000;
}
*/

/*============================== urban COLORS*/
#mainContainer-depto #infoContainer #urban .conventions .cuad.a{
      background-color: #D1E8E5;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.b{
  background-color: #78C1BF;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.c{
  background-color: #339999;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.d{
  background-color: #246663;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.f{
  background-color: #102B2A;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.g{
  background-color: #246059;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.h{
  background-color: #8e0000;
}

#mainContainer-depto #infoContainer #urban .conventions .cuad.i{
  background-color: #2b0000;
}


/*
#mainContainer-depto #infoContainer #urban .first p,
#mainContainer-depto #infoContainer #urban .last p{
  color: #2b0000;
}
*/

/*
#mainContainer-depto #infoContainer #urban .last .dat.without p{
  color: #000;
}
*/
.indicacion {
    width: 499px;
    margin: auto;
}
.seleccionar{
  width: 100%;
  display: table;
}

.imagen_cursor {
    width: 27px;
}
.alinear {
    float: left;
}

.numbers-container {
    margin-top: 68px;
}


#mainContainer-depto #infoContainer #urban .first p, #mainContainer-depto #infoContainer #urban .gris{
  color: #46616C;
}

#mainContainer-depto #infoContainer #urban .first p, #mainContainer-depto #infoContainer #urban .grisClaro{
  color: #717272;
}


#mainContainer-depto #infoContainer #rual .first p, #mainContainer-depto #infoContainer #rual .gris{
  color: #46616C;
}


#mainContainer-depto #infoContainer #rual .first p, #mainContainer-depto #infoContainer #rual .grisClaro{
  color: #717272;
}


#mainContainer-depto #infoContainer #rual .first p, #mainContainer-depto #infoContainer #rual .verde{
  color: #339933;
}

#mainContainer-depto #infoContainer #urban .first p, #mainContainer-depto #infoContainer #urban .azul{
  color: #339999;
}