@font-face {
  font-family: "roboto_slabregular";
  src: url("../fonts/robotoslab-regular-webfont.woff") format("woff"), url("../fonts/robotoslab-regular-webfont.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "roboto_slabthin";
  src: url("../fonts/robotoslab-thin-webfont.woff") format("woff"), url("../fonts/robotoslab-thin-webfont.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "roboto_slabbold";
  src: url("../fonts/robotoslab-bold-webfont.woff") format("woff"), url("../fonts/robotoslab-bold-webfont.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}

*{
	margin: 0;
	padding: 0;
}

#main_container{
  max-width: 1180px;
  text-align: center;
  margin: 0 auto;
}

#main_container svg{
	max-width: 640px;
}

#main_container p{
	padding: 5px 0;
	font-family: "roboto_slabregular";
	font-size: 14px;
}

 .titulo h2{
	padding: 5px 0;
	font-family: "roboto_slabregular";
}

.titulo {
  width: 70%;
  margin: 0 auto;
  padding: 20px;
}

.titulo-tabla {
  color: #4f4f4f;
}

.guia {
  text-align: right;
}

.img-guia {
  width: 150px;
  transform: translateY(-50px) translateX(-11px);
}
.color-texto-1 {
  color: #000000;
  font-size: 18px !important;
}
.color-texto {
  color: #898989;
}

#main_container .select{
  font-family: "roboto_slabbold";
}

#main_container .select.MR{
  color: #9e6d00;
}

#main_container .select.MI{
  color: #a00800;
}

#main_container .select.MR:hover{
  color: #704c03;
  cursor: pointer;
}

#main_container .select.MI:hover{
  color: #6b0503;
  cursor: pointer;
}

#main_container path{
  fill:#44998F;
  stroke:#FFFFFF;
  stroke-width:0.6819;
}

#main_container path:hover{
	fill: #00DBC0;
}

#main_container h3{
	margin: 0;
	font-family: "roboto_slabbold";
	font-size: 30px;
  text-align: left;
}

#map_one {
  width: 49%;
  display: inline-block;
}

#sec2 {
  width: 49%;
  display: inline-block;
}


.headIndice {
  width: 49%;
  display: inline-block;
}

.dep{
	max-width: 640px;
	margin: 0 auto;
  vertical-align: top;
}

.dep .tab{
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
  width: 100%;
}

#tabRest{
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
  width: 102.8%;
  max-height: 262px;
  overflow: scroll;
  overflow-x: hidden;
}

.tabTabla{
  display: block;
}

.dep .tabInicial{
  width: 49%;
  display: inline-block;
  vertical-align: top;
  min-height: 100px;
}

.dep .tab .tabdat{
	flex-grow: 1;
  width: 49%;
  display: inline-block;
  margin-right: -4px;
}


.in1::before{
  float: left;
  content: url('https://embed.eltiempo.digital/infografias/ADAPTACIONES/data/imagenes/tear_1.png');
}

.in2::before{
  margin-left: 30px;
  float: left;
  content: url('https://embed.eltiempo.digital/infografias/ADAPTACIONES/data/imagenes/tear_2.png');
}


.infoRiesgo {
  vertical-align: top;
}

.t1 :nth-of-type(odd) {
  background: #E3FCF8;
}

.t1 :nth-of-type(even) {
  background: #CCE2DE;
}

.t {
  font-family: "roboto_slabbold";
  background: #AAE2DB;
  text-align: center;
  width: 49%;
  display: inline-block;
  margin-right: -4px;
}

.dep .inlined {
  width: 48%;
  display: inline-block;
}

.dep .altoriesgo{
  border-bottom: 5px solid #9E6D00;
  min-height: 70px;
}

.dep .accinviable{
  border-bottom: 5px solid #A00800;
  min-height: 70px;
}

#aguaA {
  text-align: right;
  width: 90%;
}

#aguaI {
  text-align: right;
  width: 76%;
}


#Municipio{
	text-align: center;

}

#Dato{
	text-align: center;
}

#MunicipioA{
	text-align: center;

}

#DatoA{
	text-align: center;

}

.datoTxt {
  font-size: 30px !important;
  text-align: right;
}

.tb1 {
  transform: translateX(60px);
}

.cab-art {
  font-family: "roboto_slabregular";
  text-align: left;
  margin-left: 5px;
  width: 48%;
  display: inline-block;
  color: #898989;
}

.cab-art2{
  font-family: "roboto_slabregular";
  text-align: right;
  margin-right: 10px;
  width: 48%;
  display: inline-block;
  color: #898989;
}

 .link {
   color: #9E6D00;
   text-decoration: none;
   font-family: "roboto_slabregular";
 }
 .link-section {
   text-align: right;
   padding: 5px;
 }

 .link-img {
   width: 14px;
   padding: 5px;
   transform: translateY(8px);
 }

 #main_container #tabWaterR, #main_container #tabWaterI{
   position: relative;
 }

 #main_container #tabWaterR img, #main_container #tabWaterI img{
   position: absolute;
   bottom: -35%;
   right: 20%;
 }

@media screen and (max-width: 400px){
	#main_container{

	}

	svg{
		max-width: 400px;

		width: 100%;
		height: 415px;
	}
}