/* FONTS */

@font-face {
    font-family: 'gothamblack';
    src: url('../fonts/gotham-black-webfont.eot');
    src: url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'gothambold';
    src: url('../fonts/gothambold-webfont.eot');
    src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambold_italic';
    src: url('../fonts/gothambolditalic-webfont.eot');
    src: url('../fonts/gothambolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.eot');
    src: url('../fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambook-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambookitalic';
    src: url('../fonts/gotham-bookitalic-webfont.eot');
    src: url('../fonts/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'), url('..//fonts/gotham-bookitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gothammedium-webfont.eot');
    src: url('../fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothammedium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.vermas{
  cursor: pointer;
  font-weight: 100;
  font-size:medium;
  color:#009887;
}

.sexo{
  display: block;
}

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

.sexo div img{
  margin: 0 auto;
  display: block;
}

.sexo div h2, h3{
  text-align: center;
}

.contenedor {
  position: relative;
  text-align: center;
  color: white;
}

.adjust-text {
  position: absolute;
  top:20%;
  left:35%;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.carousel-control {
    width: 8%;
    width: 0px;
}
.carousel-control.left,  .carousel-control.right {
    margin-right: 40px;
    margin-left: 32px;
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
    font-size: 29px !important;
}

.carousel-col {
    position: relative;
    min-height: 1px;
    padding: 5px;
    float: left;
}

.carousel-col img {
  width: 210px;
  height: 200px;
  margin: 5 5 5 5px;
  background-color: whiteSmoke;
  box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
  border-radius: 3px;
  border-color: #333333;
}

.active > div { display:none; }
.active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .active.right { left: 50%; }
.carousel-inner .next        { left:  50%; }
.carousel-inner .prev		     { left: -50%; }
.carousel-col                { width: 50%; }
.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .active.right { left: 50%; }
.carousel-inner .next        { left:  50%; }
.carousel-inner .prev		     { left: -50%; }
.carousel-col                { width: 50%; }
.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-inner .active.left { left: -33%; }
.carousel-inner .active.right { left: 33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev		     { left: -33%; }
.carousel-col                { width: 33%; }
.active > div:first-child + div { display:block; }
.active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
.carousel-inner .active.left { left: -25%; }
.carousel-inner .active.right{ left:  25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev		     { left: -25%; }
.carousel-col                { width: 25%; }
.active > div:first-child + div { display:block; }
.active > div:first-child + div + div { display:block; }
.active > div:first-child + div + div + div { display:block; }
}





.input-group-addon, .input-group-btn{
  width:40% !important;
}

.file-caption-main{
  width:100% !important;
}

.fondo{
  background:  url(../img/fondo.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#lblInvEstMod{
  width: 100%;
}

.botones {

}

.botones .btn{
  margin-right:10px !important;
  border-color:#000000;
  width: 250px;
}

.botones .red{
  background-color: #ae1922;
  color: white;
}

.botones .gold{
  background-color: #009887;
  color: white;
}

.botones .gold.active{
  box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  -webkit-box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  -moz-box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

.botones .red.active{
  box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  -webkit-box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  -moz-box-shadow: 1px 1px 5px rgba(96,93,93,0.7);
  border-width: 1px;
  border-style:solid;
  border-color: white;
}

.cards-main{
  border-width: 3px;
  border-radius: 8px;
  border-color:#333333;
  border-style: groove;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}

.cards-main .ibox-title{
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-color: inherit !important;
}

.cards-main .ibox-title h3{
  font-size: 17px;
  color:white;
}

.cards-main .ibox-content{
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: whiteSmoke;
  box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

.breadcrumb > li{
  font-size: 17px;
  font-weight: 400;
}

.close{
  opacity: 1 !important;
}


.buttons{
  float: right;
}

.mini-submenu{
  display:block;
  background-color: rgba(100, 100, 100, 0.7);
  padding: 2px 9px 9px 7px;
  width: 49px;
  text-align: center;

  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.mini-submenu-right {
  position: absolute;
  top: 180px;
  right: .18em;
  z-index: 40;
}

.mini-submenu:hover{
  cursor: pointer;
}

.faces{
  display: block !important;
  text-align: center;
  padding-right:0px !important;
}

.image-checkbox {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
  border-color: #c6c6c6;
  border-width: 1px;
  border-radius: 20%;
  margin:3px 0px 3px 2px;
  padding:3px 3px 3px 3px;
  outline: 0;
  width:100%;
  height: 100% !important;
  color: white;
  display:block;
  margin-top: 10px;
  font-size: 22px;
  border-color: #c6c6c6;
  border-width: 1px;
  border-radius: 20%;
}

.image-checkbox input[type="radio"] {
  display: none;
}

.image-checkbox input[type="radio"] + label {
  margin-bottom: 0px !important;
  cursor: hand;
}

.image-checkbox input[type="radio"] + label:hover
{
  color: white;
  background-color: #333333;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  border-radius: 20%;
  width:100%;
  height: 100%;
  cursor: hand;
}

.image-checkbox input[type="radio"]:checked + label
{
  color: white;
  background-color: #333333;

  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  width:100%;
  height: 100%;
}

.image-checkbox-checked .fa {
  display: block !important;
}


  .item {
    display: inline-block;
  }

  .item input[type="checkbox"] {
    display:none;
  }
  .item input[type="checkbox"] + label {
    width: 32px;
    height: 18px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    display: inline-block;
    content: "";
    margin-right: 5px;
    transition: background-color 0.5s linear;
    margin-top: 11px;
    vertical-align: inherit;
  }
  .item input[type="checkbox"] + label:hover {
    cursor: pointer;
  }
  .item label:hover{
    cursor: pointer;
  }

  .item input[type="checkbox"] + label::before {
    width: 17px;
    height: 17px;
    border-radius: 30px;
    background-color: #fff;
    display: inline-block;
    content: "";

    margin-right: 2px;
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
  }
  .item input[type="checkbox"]:checked+label{
    background-color: #2b8718;
  }
  .item input[type="checkbox"]:checked+label::before {
    margin: 0 0 0 10px;
  }

  .item label:last-child{
    position: relative;
    margin-top:10px;
    font-size: 10px;
    width:100px;
  }

   .radio-span {
     cursor:pointer;
     display:inline-flex;
     margin: 2px 15px 2px 15px;
     align-items:center;
   }

    .radio-span	 label:last-child{
      font-size:18px;
      font-weight:500;
      margin-top:8px;
    }   

  .item_rb {
    display: inline-block;
    cursor:pointer;
  }

  .item_rb input[type="radio"] {
    display:none;
  }
  .item_rb input[type="radio"] + label {
    width: 32px;
    height: 18px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    display: inline-block;
    content: "";
    margin-right: 5px;
    transition: background-color 0.5s linear;
    margin-top: 11px;
    vertical-align: inherit;
    cursor:pointer;
  }
  .item_rb input[type="radio"] + label:hover {
    cursor: pointer;
  }
  .item_rb label:hover{
    cursor: pointer;
  }

  .item_rb input[type="radio"] + label::before {
    width: 17px;
    height: 17px;
    border-radius: 30px;
    background-color: #fff;
    display: inline-block;
    content: "";

    margin-right: 10px;
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
  }
  .item_rb input[type="radio"]:checked+label{
    background-color: #009887;
  }
  .item_rb input[type="radio"]:checked+label::before {
    margin: 0 0 0 10px;
  }

  .item_rb label:last-child{
    position: relative;
    margin-top:10px;
    font-size: 10px;
    width:100px;
  }

.map{
  position: relative;
  height:80vh;
  width:100%;
}

.map38{
  position: relative;
  height:80vh;
  width:100%;
}

.ol-popup-st
{
  position: absolute;
  background-color: #343434;
  z-index: 2000;
  /*background: rgb(83,108,121);
  background: linear-gradient(90deg, rgba(83,108,121,1) 0%, rgba(45,53,84,1) 53%, rgba(83,108,121,1) 100%);*/
  color:#009887;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  font-size: 13px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  top: 12px;
  left: -10px;
  max-width: 220px;
  display: none;
}

.ol-popup-stEst
{
  position: absolute;
  background-color: #343434;
  z-index: 2000;
  /*background: rgb(83,108,121);
  background: linear-gradient(90deg, rgba(83,108,121,1) 0%, rgba(45,53,84,1) 53%, rgba(83,108,121,1) 100%);*/
  color:#009887;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  font-size: 13px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  top: 12px;
  right: -10px;
  max-width: 220px;
  display: block;
}

.ol-popup
{
position: absolute;
background-color: #343434;
/*background: rgb(83,108,121);
background: linear-gradient(90deg, rgba(83,108,121,1) 0%, rgba(45,53,84,1) 53%, rgba(83,108,121,1) 100%);*/
color:#009887;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
font-size: 13px;
padding: 10px;
border-radius: 10px;
border: 1px solid #cccccc;
bottom: 12px;
left: -140px;
min-width: 250px;
}
.ol-popup:after, .ol-popup:before
{
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ol-popup:after { /*color del triangulo */
border-top-color:#343434;
border-width: 10px;
left: 148px;
margin-left: -10px;
}
.ol-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 148px;
margin-left: -11px;
}
.ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}
.ol-popup-closer:after {
content: "✖";
}

.mapM{
  position: relative;
  height:550px;
  width:100%;
  margin:0 auto !important;
}

.TableroinvFondo{
  height: 55vh !important;
}

.Tablero table
{
  width: auto;
  margin: 0px !important;

  display: flex;
  flex-flow: column;
  height: 100%;
}

.Tablero table thead
{
  width:100%;
}

.Tablero table tbody
{
  overflow-y: auto;
  overflow-x: auto;
  font-size: 12px;
}

.Tablero table thead tr
{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.Tablero table thead tr:first-child{
  text-align: center;
  background-color: #691C32;
  color:white;
}

.Tablero table tbody tr
{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.Tablero table tbody tr.selected
{
  background-color: #621132;
  color:white;
}


.Tablero th:first-child
{
  width: 100px;
}
.Tablero td:first-child
{
  width: 100px;
  text-align: left;
}
.Tablero td:not(:first-child)
{
  text-align: right;
  width: 80px;
  vertical-align: middle;
}
.Tablero th:not(:first-child)
{
  text-align: right;
  width: 80px;
}

.DatosMunicipales table
{
  width: auto;
  margin: 0px !important;

  display: flex;
  flex-flow: column;
  height: 100%;
}

.div-tablex{
  height: 80vH;
  overflow-y: auto;
}

.div-tablex_{
  height: 380px;
  overflow-y: auto;
}

.div-tablex_s{
  height: 500px;
  overflow-y: auto;
}

.div-tabley{
  height: 65vH;
  overflow-y: auto;
}

/*.tablex thead tr th:first-child {  text-align: center;  width: 50px !important; }*/

.tablex_{
  border-width: 0px;
  border-color:#FFFFFF;
  border-style: groove;
}


/*.tablex{
  table-layout: fixed;
  width: auto;
  margin: 0px !important;

  display: flex;
  flex-flow: column;
  height: 100%;

  border-width: 1px;
  border-color:#333333;
  border-style: groove;
}*/



.tablex thead{
  border-width: 3px;
  border-color:#333333;
  border-style: groove;
  background-color: #ae1922;
  color:white;

  position: sticky;
  top: 0;
  z-index: 1;
}

.tablex thead tr
{
  /*width: 100%;
  display: table;
  table-layout: fixed;*/
}

.tablex thead tr th{
  text-align: center;
}

.tablex thead tr th:not(:last-child){
  border-right: 3px #333333 groove;
}

.tablex tr td:nth-child(2){
  text-align: center;
}

.tablex tbody tr td[data-value="personal"]{
  text-align: left;
}

.tablex tbody tr td[data-value="sesiones"]{
  text-align: justify;
}

.tablex tr td:first-child{
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.tablex tbody {

  /*overflow-y: auto;
  overflow-x: auto;
  table-layout: fixed;*/
  color:#000000;
  font-size: 18px;
  font-weight: 500;


}


.tablex tbody tr td[data-value="tdx"]{
  width: 100% !important;
}

.tablex tbody tr[data-value="rowy"] {
  cursor:normal;
}

.tablex tbody tr[data-value="rowx"]:hover {
  cursor:pointer;
  background-color: #e2e2e2;
}

.tablex tbody tr[data-value="rowx"] {
  color:#333333 !important;
  font-weight: 350 !important;
  border-width: 0px;
  border-color: white;
  vertical-align: middle;
/*  width: 100%;
  display: table;
  table-layout: fixed;*/
}

.tablex tbody tr[data-value="rowx"] td {

}

.tablex tbody tr[data-value="rowDep"] {
  height:35px;
  width:180px;
  background-color: #e7e7dd !important;
  color:#9F2241 !important;
  font-weight: 300 !important;
}

.tablex tbody tr td[data-value="proy-rpg"] {
  background-color: #f5f5f3 !important;
  color:#9F2241 !important;
  font-weight: 200 !important;
  border-left-width: 1px !important;
  border-left-color: black;
  border-left-style: dotted;
  border-width: 0px;
  border-color: #f5f5f3;
}

.tablex tbody tr td:last-child[data-value="proy-rpg"] {
  text-align: center;
}

.tablex tbody tr[data-value="rowDep"] td{
  vertical-align: middle;
  width:15%;
}

.tablex tbody tr[data-value="rowDep"] td:first-child{
  vertical-align: middle;
  width:70%;
}

.tablex tbody tr td[data-value="graf"] {
  text-align: center;

}

.tablex tbody tr td[data-value="graf"] div {
  margin:auto;
}

.tablex tbody tr td[data-value="graf"] label {
  text-align: center;
  width: 200px;
}

.tablex tr td{
  text-align: right;
}

.tablex tr td label{
  text-align: left;
}



.tableS thead{
  border-width: 3px;
  border-color:#333333;
  border-style: groove;
  background-color: #ae1922;
  color:white;
}

.tableS thead tr
{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.tableS tbody {


}



.DatosMunicipales table thead
{
  width:100%;
}

.DatosMunicipales table tbody
{
  overflow-y: auto;
  overflow-x: auto;
  font-size: 13px;
}

.DatosMunicipales table thead tr
{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.DatosMunicipales table thead tr:first-child{
  text-align: center;
  background-color: #691C32;
  color:white;
}

.DatosMunicipales table tbody tr
{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.DatosMunicipales table tbody tr.selected
{
  background-color: #621132;
  color:white;
}


.DatosMunicipales th:first-child
{
  width: 100px;
}
.DatosMunicipales td:first-child
{
  /*width: 300px;*/
}
.DatosMunicipales  tr td[data-value="localidades"]:first-child {
  text-align: center;
  width: 50px;
}

.DatosMunicipales  tr td[data-value="localidades"]:not(:first-child) {
  text-align: center;
  width: 150px;
}

.DatosMunicipales td:not(:first-child)
{
  text-align: right;
  width: 110px;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 320;
}
.DatosMunicipales th:not(:first-child)
{
  text-align: right;
  width: 80px;
}

.invFondo{
  height: 55vh !important;
}

.badge_
{
  cursor: pointer;
  color:#c6c6c9;
  border-width: thin;
  border-color: #c6c6c9;
}

.badge
{
  cursor: pointer;
  color:black;
  border-width: thin;
  border-color: #c6c6c9;
  background-color:inherit;
}
.badge-1{
  background-color: rgba(255, 235, 214, 0.7);
  cursor: pointer;
}
.badge-2{
  background-color: rgba(240, 188, 156, 0.7);
  cursor: pointer;
}
.badge-3{
  background-color: rgba(224, 132, 101, 0.7);
  cursor: pointer;
}
.badge-4{
  background-color: rgba(209, 71, 52, 0.7);
  cursor: pointer;
}
.badge-5{
  background-color: rgba(168, 0, 0, 0.7);
  cursor: pointer;
}

.badge-6{
  border-color: black;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
}

.badge-over{
  border-color: black;
  border-width: 2px;
  border-style: solid;
}

.educ-1{
  background-color: rgba(255, 255, 115, 0.7);
  cursor: pointer;
}
.educ-2{
  background-color: rgba(232, 194, 79, 0.7);
  cursor: pointer;
}
.educ-3{
  background-color: rgba(212, 130, 49, 0.7);
  color:white;
  cursor: pointer;
}
.educ-4{
  background-color: rgba(189, 64, 23, 0.7);
  color:white;
  cursor: pointer;
}
.educ-5{
  background-color: rgba(168, 0, 0, 0.7);
  color:white;
  cursor: pointer;
}
.educ-6{
  background-color: rgba(156, 156, 156, 0.7);
  color:white;
  cursor: pointer;
}

.educ-over{
  border-color: black;
  border-width: 2px;
  border-style: solid;
}

.nombreMun:hover{
  cursor: pointer;
  text-decoration: underline;
}

.highcharts-credits{
  display: none !important;
}

.highcharts-exporting-group{
  display: none !important;
}

.cardActive {
  box-shadow: 0 1px 2px 2px #000000;
}

#fSector{
  background-color:#f5f5f5 !important;
}

#cincoMC:hover{
  cursor: pointer;
}

#simbologia-pob{
  display: contents;
  text-align: center;
}

#lblMunicipio{
  text-transform: uppercase;
  height: auto;
  max-height: 50px;
  overflow-y:auto;
}

#tblInvEstatal tbody tr td:last-child, #tblInvxFondos tbody tr td:last-child{
  text-align: right;
}

#backSector:hover{
  cursor: pointer;
}

.panel-heading{
  /*padding-bottom: 1px !important;*/
  padding: 0px !important;
}

.panel-group{
  margin-bottom: 0px !important;
}



.xaxisf:hover{
  cursor: pointer;
    background-color: #e7e7dd !important;
}

.xaxisf img{
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
}

.xaxisf label{
  display: block;
  text-align: center !important;
}

.top5
{
  display: inline-block;
  /*justify-content: center;*/
  width:100%;
  border-width: 1px;
  border-color: #333333;
  border-style: solid;
  border-radius: 3px;
  background-color: whiteSmoke;
  box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
  padding-bottom: 6px;
  margin-right: 5px;
}



.top5  label[data-value*="foo"]{
  /*display: inline-block;*/
  height: 30px;
  font-size: 20px;
  width: 100%;
  text-align: center;
}

.top5  label[data-value*="foo"]:last-child{
  font-size: 15px;
}

.top5  .graf5{
  height: 138px;
  /*display: inline-block;*/
  width:100%;
}

.top6{

  border-color: #333333;
  border-width: 5px;
  border-style: double;
  border-radius: 10px;
  padding-top: 25px;
  box-shadow: 0 1px 2px 2px #f9f9f9;
  background-color: #e7e7dd !important;
}

.top6 .cont5{
  display: inline-grid;
  height: 100px;
  width:200px;

}

.top6 .cont5 label[data-value*="foo"]{
  display: block;
  height: 30px;
  font-size: 16px;
}

.top6 .cont5  label{
  display: block;
  height: 80px;
}

/*.table_dx{
  table-layout: fixed;
  width:100%;
  height:100%;
}*/

.tablep{
  table-layout: fixed;
}

.tablep thead tr th{
  text-align: center;
}

.tablep tbody td {
  font-size: 15px;
}



.lblInvEst{
  color: #9F2241 !important;
  font-size: 13px !important;
  font-weight: 200 !important;
}

.mdp {
  color: #9F2241 !important;
  font-size: 34px !important;
  font-weight: bold;
  cursor: pointer;
}

.pags-back, .pags-next{
  cursor: pointer;
}

.sign-box {
    width: 100%!important;
    max-width: 360px!important;
    margin: 0 auto!important;
    background: #ffffff!important;
    border: 0px solid #d8e2e7!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
    padding: 20px!important;
    font-size: 1rem!important;
    margin-top: 7%!important;
    position: relative!important;
}

.row-header-over-flow {
    margin-right: 0px!important;
    /*background-color:white;*/
}

.text-link {
    font-family: 'gothamblack'!important;
    font-style: italic;
    font-size: 18px;
}


a:link,
a:visited {
    color: #333333!important;
}

.text-link[data-value="main"]{
  color:#ffffff !important;
  font-style:normal;
  font-weight:300;
  font-family:inherit:
}

.text-link[data-value="main"]:hover{
  color:#b2a267 !important;
  text-decoration:none;
}

.descmc {
 font-size:20px;
 font-weight:200;
 line-height:30px;
 text-align:justify;
 color:#333333;
}

a:hover {
    color: #b2a267!important;
    text-decoration: none;
}

.bg-header-t {
    background-color: #ae1922 !important;
    box-shadow: 5px 7px 5px 0px rgba(235,235,235,0.75);
    background-image:url('../img/patron_oscuro.jpg');
}

.bg-header-1 {
    background-color: #ae1922 !important;
    box-shadow: 5px 7px 5px 0px rgba(235,235,235,0.75);
    background-image:url('../img/textura_rojo.jpg');
}

.bg-header-2 {
    /*background-color: #343434!important;
    padding: 0.65vw!important;*/
    padding-top:0.25vw!important;
    padding-bottom:0.25vw!important;
    padding-left:0.65vw!important;
    padding-right:0.65vw!important;
    /*background-image:url('../img/patron_oscuro.jpg');
    background-size: contain;*/
}

.titulo {
    font-family: 'gothambold'!important;
    font-size: 3vw;
    color:#ae1922!important;
    font-weight: bold !important;
    /*margin-left: 0.5em!important;*/
    padding: 0.2rem 0.5rem!important;
    text-transform: uppercase!important;
}

.subtitulo-Header {
    color: #d3c2b4!important;
    font-size: 1.5vw;
    font-weight: 600!important;
    /*margin-left: 0.2em!important;*/
    margin-top: -1rem!important;
    margin-left: 0.6rem;
    text-transform: uppercase!important;
    width: 46%!important;
    text-align: center;
}

.logo-header {
    width: 17vw;
    vertical-align: inherit !important;
}

.left-border {
    /*border-left: 0.35em solid #ffffff!important;*/
}

.footer {
    background-image: url("../img/footer.jpg")!important;
    background-size: cover!important;
    height: 50px!important;
}

/*@media screen and (max-width: 992px) and (min-width: 500px) {
    #cntnTitulo {
        display: none!important;
    }
}*/

.dropdown-menu>li>a:hover{color:#b4a169!important;}

#cntnMapa {
    background-color: #ffffff!important;
    background-image: url("../img/bg-mapa-chiapas.png");
    background-repeat: no-repeat;
    background-position: center center!important;
    height: 79vh!important;
    width: 100%!important;
}

.footerIndx {
    color: #ffffff!important;
    font-size: 10pt!important;
    font-family: "open sans";
    font-weight: 400;
    margin-top: 1em;
}

.mb-1em {
    margin-bottom: 1em!important;
}

.mb-3em {
    margin-bottom: 3em!important;
}

.list-group {
    margin-bottom: 0!important;
}

.text-center {
    text-align: center!important;
}

.text-enc-numero {
    font-size: 30px;
    font-style: italic;
}

.text-enc-titulo {
    font-size: 30px;
    font-style: italic;
}

.text-enc-subtitulo {
    font-size: 18px !important;
    font-style: italic;
    float: none !important;
}

.text-enc-titulo2 {
    font-size: 30px;
    font-style: italic;
}

.text-enc-tabla {
    font-weight: bold!important;
    font-size: 18px;
    font-style: italic;
    vertical-align: middle!important;
}

.text-pie1 {
    font-size: 100%!important;
    font-style: italic;
    color: #333333;
}

.borde-celda {
    border-left-color: #a3a3a3;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #a3a3a3;
    border-right-width: 1px;
    border-right-style: solid;
}

.borde-izq {
    border-left: solid #333333 1px;
}

.sin-bordes {
    border-top-style: none;
    border-bottom-style: none;
}

.circulo-dorado {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 1px solid #009887;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: #009887;
}

.tabla-ajustada,
.tabla-ajustada2,
.tabla-ajustada3,
.tabla-ajustada4,
.tabla-ajustada5,
.tabla-ajustada6,
.tabla-ajustada7
{
    margin: 0 auto;
    max-width: 80%;
}

.tabla-ajustada8
.tabla-ajustada10
{
    margin: 0 auto;
    max-width: 95%;
}

.tabla-ajustada9 thead tr th{
  font-size: 16px;
  color:white;
  font-weight: bold;
}

.tabla-ajustada9 tbody tr:nth-of-type(2n){
  color:white;
}

.tabla-ajustada9 tbody tr:nth-of-type(2n+1){
  color:#333333;
}

.tabla-ajustada9 tbody tr td:not(:first-child){
  text-align: right;
}

.tabla-ajustada11 thead tr th{
  font-size: 16px;
  color:white;
  font-weight: bold;
}

.tabla-ajustada11 tbody tr:nth-of-type(2n){
  color:white;
}

.tabla-ajustada11 tbody tr:nth-of-type(2n+1){
  color:#333333;
}

.tabla-ajustada11 tbody tr td:not(:first-child){
  text-align: right;
}

.tabla-ajustada7 td{
  width:250px;
}

.smargin-bottom {
    margin-bottom: 0px;
}

.img-carencias {
    transform: scale(0.5);
}

.color-uno {
    color: #691C32!important;
}

.color-dos {
    color: #622D50!important;
}

.color-tres {
    color: #9F2241!important;
}

.color-cuatro {
    color: #333333!important;
}

.btn-primary {
    background-color: #d3c2b4 !important;
    border-color: #d3c2b4 !important;
}

.btn-primary:hover {
    color: #ffffff!important;
}

.navbar-top-links li a {
    padding: 15px 10px!important;
}

.page-heading {
    padding: 5px 10px 0px 10px!important;
}

.minimalize-styl-2 {
    margin: 7px 5px 5px 20px;
}

.navbar-form-custom .form-control {
    height: 44px;
}

.ibox-e {
  background-color: #ae1922 !important;
  color:white;
}

.ibox-e .ibox-content{
  color: #ae1922 !important;
  background-color: white;
}

#simbologia-pob {
    display: contents!important;
}

.fa {
    font-size: 19px!important;
}

.fa-icon-mc {
    font-size: 3rem!important;
}


.nav-tabs {
    font-size: 15px!important;
}

.cantPobreza {
    color: #9F2241;
    font-size: 22pt!important;
}

.radio {
    margin-top: 0px;
    font-size: 20px;
}

.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-left: -7px;
    margin-top: 8px;
}

.quitarMargenes {
    margin-top: 3px;
    margin-bottom: 0px;
}

.quitarMargenes2 {
    margin-top: 0px!important;
    margin-bottom: -6px!important;
}

.cboMunicipios {
    border: 1px solid #d2d2d2!important;
    height: 33px!important;
}

.navbar-form-custom {
    margin-top: 0.9rem;
    width: 300px;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /*flex-wrap: wrap;*/
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-append {
    display: -ms-flexbox;
    display: flex;
    margin-left: -1px;
}

.input-group>.input-group-append>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.datos-est-mpios {
    font-size: 25px!important;
}

.sin-margin-inf {
    margin-bottom: 0px;
}

.iconografia {
    width: 35px;
    height: 35px;
}

#tblDatosMpio {
    font-size: 15px!important;
}

.navbar .navbar-inverse {
    /*box-shadow: 0 1px 2px 2px #f9f9f9;*/
    margin-top: -0.5em!important;
    background-color: #343434!important;
    border-radius: 0px !important;
}


.navbar-inverse .navbar-toggle {
    border-color: transparent!important;
}

.navbar-toggle {
    background-color: #b4a169!important;
}


.btn-home{
    background-color: #b4a169!important;
    display: inline!important;
    margin-top: 0.45em;
    border-radius: 0.3em;
    color: #ffffff!important;
    margin-right: 1rem!important;
    padding: 0.8rem 0.8em!important;
}

.btn-home:hover{color:#ffffff!important;}

@media screen and (max-width:2800px) and (min-width:2080px) {
    .map{
      height: 50vh;
    }

    .map38{
      height: 80vh;
    }

    .invFondo{
      height: 38vh !important;
    }

    .position-sm {
        left: 3%!important;
        position: absolute!important;
        top: 45%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc {
        left: 60%!important;
        position: absolute!important;
        top: 45%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm h2,
    .position-smc h2 {
        font-size: 5.0vh!important;
    }
    .position-sms {
        left: 17%!important;
        position: absolute!important;
        top: 92%!important;
        width: 60%!important;
        z-index: 999!important;
    }

    .position-sm2 {
        left: 5%!important;
        position: absolute!important;
        top: 65%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc2 {
        left: 56%!important;
        position: absolute!important;
        top: 65%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm2 h2,
    .position-smc2 h2 {
        font-size: 3.8vh!important;
    }

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }
}

@media screen and (max-width:2080px) and (min-width:1200px) {
    .map{
      height: 70vh;
    }

    .invFondo{
      height: 38vh !important;
    }

    .position-sm {
        left: 10%!important;
        position: absolute!important;
        top: 45%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc {
        left: 56%!important;
        position: absolute!important;
        top: 45%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm h2,
    .position-smc h2 {
        font-size: 5.0vh!important;
    }
    .position-sms {
        left: 17%!important;
        position: absolute!important;
        top: 92%!important;
        width: 60%!important;
        z-index: 999!important;
    }

    .position-sm2 {
        left: -1%!important;
        position: absolute!important;
        top: 65%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc2 {
        left: 56%!important;
        position: absolute!important;
        top: 65%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm2 h2,
    .position-smc2 h2 {
        font-size: 3.2vh!important;
    }

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }
}

@media screen and (max-width:1999px) and (min-width: 993px) {
    .map{
      height: 70vh;
    }

    .invFondo{
      height: 38vh !important;
    }

    .position-sm {
        left: 0%!important;
        position: absolute!important;
        top: 45%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc {
        left: 56%!important;
        position: absolute!important;
        top: 45%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm h2,
    .position-smc h2 {
        font-size: 3.0vh!important;
    }

    .position-sms {
        left: 17%!important;
        position: absolute!important;
        top: 92%!important;
        width: 60%!important;
        z-index: 999!important;
    }

    .position-sm2 {
        left: 8%!important;
        position: absolute!important;
        top: 66%!important;
        width: 35%!important;
        z-index: 999!important;
    }
    .position-sm2 h2,
    .position-smc2 h2 {
        font-size: 3.2vh!important;
    }
    .position-smc2 {
        left: 61%!important;
        position: absolute!important;
        top: 65%!important;
        width: 35%!important;
        z-index: 999!important;
    }

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }
}

@media screen and (max-width:992px) and (min-width:769px) {
    .map{
      height: 70vh;
    }

    .invFondo{
      height: 38vh !important;
    }

    .position-sm {
        left: 0%!important;
        position: absolute!important;
        top: 45%!important;
        width: 11rem!important;
        z-index: 999!important;
    }
    .position-smc {
        left: 56%!important;
        position: absolute!important;
        top: 45%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm h2,
    .position-smc h2 {
        font-size: 3.0vh!important;
    }
    .position-sms {
        left: 17%!important;
        position: absolute!important;
        top: 92%!important;
        width: 60%!important;
        z-index: 999!important;
    }

    .position-sm2 {
        left: 9%!important;
        position: absolute!important;
        top: 63%!important;
        width: 35%!important;
        z-index: 999!important;
    }
    .position-sm2 h2,
    .position-smc2 h2 {
        font-size: 2vh!important;
    }
    .position-smc2 {
        left: 59%!important;
        position: absolute!important;
        top: 62%!important;
        width: 35%!important;
        z-index: 999!important;
    }

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }
}

@media screen and (max-width:768px) and (min-width:376px) {
    .position-sm {
        left: 6%!important;
        position: absolute!important;
        top: 41%!important;
        width: 16rem!important;
        z-index: 999!important;
    }
    .position-sm h2,
    .position-smc h2 {
        font-size: 2vh!important;
    }
    .position-smc {
        left: 63%!important;
        position: absolute!important;
        top: 40%!important;
        width: 16rem!important;
        z-index: 9999!important;
    }


    .position-sm2 {
        left: 3.5%!important;
        position: absolute!important;
        top: 71.2%!important;
        width: 16rem!important;
        z-index: 999!important;
    }

    .position-smc2 {
        left: 53.5%!important;
        position: absolute!important;
        top: 71%!important;
        width: 16rem!important;
        z-index: 9999!important;
    }

    .position-sm2 span,
    .position-smc2 span {font-size: 1.15rem!important;}

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }
}

@media screen and (max-width:376px) {
    .position-sm {
        left: 3.5%!important;
        position: absolute!important;
        top: 51.2%!important;
        width: 16rem!important;
        z-index: 999!important;
    }

    .position-smc {
        left: 53.5%!important;
        position: absolute!important;
        top: 51%!important;
        width: 16rem!important;
        z-index: 9999!important;
    }

    .position-sm span,
    .position-smc span {font-size: 1.15rem!important;}

    .position-sm2 {
        left: 3.5%!important;
        position: absolute!important;
        top: 71.2%!important;
        width: 16rem!important;
        z-index: 999!important;
    }

    .position-smc2 {
        left: 53.5%!important;
        position: absolute!important;
        top: 71%!important;
        width: 16rem!important;
        z-index: 9999!important;
    }

    .position-sm2 span,
    .position-smc2 span {font-size: 1.15rem!important;}

    .position-sm2 span,
    .position-smc2 span {
        width: 20rem!important;
        display: inline-block;
    }

    .subtitulo-Header{
      margin-top: -0.5rem !important;
    }
}

.mt_-04rem {
    margin-top: -0.4rem;
}

.titulo-titulo-ficha-municipal {
    color: #ab9858!important;
    font-size: 5rem!important;
    font-style: italic!important;
    margin-bottom: -1.9rem!important;
    margin-top: 18vh!important;
}

.bg-gold {
    background-color: #009887!important;
    color: #ffffff!important;
}

.bg-mpio-060 {
    background-color: #7f7f7f!important;
    color: #ffffff!important;
}

.bg-mpio-119 {
    background-color: #009887!important;
    color: #ffffff!important;
}

.bg-mpio-024 {
    background-color: #691C32!important;
    color: #ffffff!important;
}

.bg-mpio-056 {
    background-color: #2076f8!important;
    color: #ffffff!important;
}

.bg-mpio-058 {
    background-color: #009e1a!important;
    color: #ffffff!important;
}

.bg-mpio-118 {
    background-color: #009e1a!important;
    color: #ffffff!important;
}

.bg-mpio-014 {
    background-color: #7f7f7f!important;
    color: #ffffff!important;
}

.bg-mpio-022 {
    background-color: #009887!important;
    color: #ffffff!important;
}

.bg-mpio-049 {
    background-color: #691C32!important;
    color: #ffffff!important;
}

.bg-mpio-077 {
    background-color: #2076f8!important;
    color: #ffffff!important;
}

.bg-mpio-082 {
    background-color: #009e1a!important;
    color: #ffffff!important;
}

.bg-mpio-100 {
    background-color: #baba16!important;
    color: #ffffff!important;
}
.bg-mpio-121 {
    background-color: #ba5416!important;
    color: #ffffff!important;
}

.text-gold {
    cDEP11100_PROGolor: #009887!important;
}

.fw-normal {
    font-weight: normal!important;
    font-family: 'gothambook'!important;
}

.fw-bold {
    font-weight: bold!important;
    font-family: 'gothambook'!important;
    font-size: 16px;
    font-style: italic;
    color: #333333;
}

.fw-bold-black {
    font-weight: bold!important;
    font-family: 'gothamblack'!important;
    font-size: 18px;
    font-style: italic;
    color: #333333;
}

.fw-bold2 {
    font-weight: bold!important;
    font-family: 'gothamblack'!important;
    font-size: 20px;
    font-style: italic;
    background-color: #e4e4e4!important;
}

.fw-bold3 {
    font-family: 'gothamblack'!important;
    font-size: 25px;
    font-style: italic;
}

.fw-small {
    font-size: 18px;
}

.icono-ods {
    padding: 0px 10px;
    width:100px;
    height:80px;
}

.icono-carencia100 {
    max-width: 100px;
    height: 125px;
}

.icono-carencia150 {

    max-width: 150px;
    height: auto;

}

.bg-gray-thead {
    background-color: #7f7f7f!important;



    color: #ffffff!important;

}

.bg-gray-thead2 {
    background-color: #e4e4e4!important;


    color: #333333!important;

}

.table-cell-pr {
    padding-right: 1em!important;
}

.fs-italic {




    font-style: italic!important;
}

.div-bb-style {
    border-bottom: 1px solid #e8e8e8!important;



    padding-bottom: 5px!important;
}

.div-bl-style,
.table-bl-style {
    border-left: 1px solid #e8e8e8;
    padding-left: 1em;
}

.nopadding {

    padding: 5px !important;
    margin: 0 !important;

}

.valign-middle {
    vertical-align: middle!important;
}

.myProgress {
  width: 95%;
  background-color: gray;
  box-shadow: 0 1px 1px rgba(0,0,0,.5) inset;
  border-radius: 3px;
  border-color: #333333;
  margin-left: 10px;
}

.myBar {
  width: 40%;
  height: 30px;
  background-color: #4CAF50;
  text-align: left;
  line-height: 30px;
  color: white;
  border-radius: 3px;
  padding-left: 5px;
}


.headerPrep{
	/*background-image: url('../img/textura_rojo.jpg');
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	background-size:100% 140px;*/
	background-repeat: repeat;
        height:140px;
	width:100%;
	padding-top: 10px;	
	display:flex;
	flex-direction:row;
	gap:10px;
	padding-left:70px;
	padding-right:70px;
}

.headerText{
	display:flex;
	flex-direction:column;
	font-size:2.4rem;
        font-weight:Bold;
        line-height:34px !important;
        flex-grow:1;
}

/*.headerText label:first-child{
	margin-left:20px;
	font-size:2.4vw;
	font-weight:Bold;
	line-height:54px !important;
	flex-grow:1;
	width:80%;
}

.headerText label:last-child{
	align-self:flex-end;
}*/

.fichaInversion{
 background:#ececec;
}

.fichaInversion h4 {
   color:#333333;
   font-weight:bold !important;
   font-size:1vw;   
}

.totalPrep {
  display:flex;
  color:#333333;
  font-weight:bold;
  /*background-color:#f8f8f8;
  box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);
   -webkit-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);
   -moz-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);*/
}

.graficas{
  background-color:#fdfdfd;
  box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);
   -webkit-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);
   -moz-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.22);
  padding:50px; 
}

.graficas .col-lg-4{
 border-left-width:1px;
 border-right-width:1px;
 border-left-style:solid;
 border-right-style:solid;
 border-color:#621132;
}

.montot{
  display:flex;
  flex-direction:column;
  text-align:center;
}

.ttp_1{
  font-size:1.4rem; 
}
.ttp_2{
  font-size:4.5rem;
  flex-grow:1;
  margin-top:-5px;
}

.monto1 {	
   display:flex;
   flex-direction:column;
   gap:10px;
   flex-grow:1; 
   flex-basis: 90%;
   margin-left:15px;
   justify-content:center;
   text-align:center;  
}

.smonto{
   font-size:4rem;
   font-weight:Bold;
   color: #333333;   
}

.monto1_sub {
   display:flex;
   flex-direction:row;
   gap:10px; 
   font-size:0.8vw;  
  color:#333333;
  font-weight:normal;
}

.monto1_sub label {
 color:#9F2241;
}

.monto1_sub2 {
  flex-basis:60%;
  flex-direction:column;  
}

.smonto2 {
 font-size:1.7vw;
 color:#333333;
}

.smonto2 label{
 font-weight:bold !important;
 color:#333333 !important;
}

.monto1_sub2 div:first-child label{
  font-weight:bold;	
}

.monto2 {
   padding:15px;	
   margin-top:15px;
   margin-bottom:15px;   
   display:flex;
   flex-direction:row;
   gap:15px;
   color:#333333;
   font-size:1vw;
   text-align:center;
   color:#333333;
   background-color:#ffffff;
   box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.72);
   -webkit-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.72);
   -moz-box-shadow: 8px 2px 5px 0px rgba(194,192,192,0.72);
   width:95% !important;
}

.monto2 label {
 font-size:1.8vw;
 font-weight:Bold;
}

.monto2 div:not(:first-child) {
   padding-right:45px;   
   padding-left:45px;
  flex-grow:1;
margin:auto;  
}

.monto2 div:nth-child(1){
 border-right-width:1px;
 border-right-style:solid;
 border-color:#621132 
}

.monto2 div:nth-child(2){
 border-right-width:1px;
 border-right-style:solid;
 border-color:#621132
}

.titulo2x{
  margin-top:10px;
  text-align:center;
  font-size:1.2vw;
  font-weight:bold;
}

.incidencia_car{
   display:flex;
   flex-direction:row;
   flex-flow:wrap;
   color:#333333;
   font-size:0.8vw;
}

.incidencia_car label{
   width: 50% !important;
}

.ods_porcentaje{
   display:flex;
   flex-direction:row;
   flex-flow:wrap;
   color:#333333;
   font-size:0.8vw;
   margin-top:10px;
}

.ods_porcentaje label{
   width: 50% !important;
}

.highcharts-legend {
 /*left: 50px !important;*/
}

.tabla-mayorinv thead{
  position:sticky;
}

.tabla-mayorinv td {
  color:#333333;
  font-size:12px;
  font-weight:100;  
} 

.tabla-mayorinv tfoot tr{
 /*background-color:#B09A5B;*/
}
.tabla-mayorinv tfoot tr td{
 font-size:15px;
 font-weight:bold;
}

.otros {
   display:flex;
   flex-wrap:wrap;
   padding:10px;
   justify-content:center;
   background-color:#A6A6A6;
   margin-top:10px;
   color:#ffffff;
}


.grafico {
    height: 400px;
    margin: 1rem auto;
    position: relative;
    width:400px;
    border-radius: 50%;
    border: 1px solid #333;    
}
.recorte {
    border-radius: 50%;
    clip: rect(0px, 400px, 400px, 200px);
    height: 100%;
    position: absolute;
    width: 100%;
     }
.quesito {
    border-radius: 50%;
    clip: rect(0px, 200px, 400px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
     }
.sombra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: 5px solid #000;
    height: 100%;
    position: absolute;
    width: 100%;
}

.quesito label {
    content: attr(data-rel);
    left: 25%;
    line-height: 5;
    position: absolute;
    top: 0;
    transform: rotate(290deg);
}

#porcion1 {
    transform: rotate(0deg);
     }

#porcion1 .quesito {
    background-color: rgba(0,0,255,.7);
    transform: rotate(70deg);
     }
#porcion2 {
    transform: rotate(70deg);
     }
#porcion2 .quesito {
    background-color: rgba(255,255,0,.7);
    transform: rotate(120deg);
     }
#porcion3 {
    transform: rotate(-170deg);
     }
#porcion3 .quesito {
    background-color: rgba(0,128,0,.7);
    transform: rotate(25deg);
     }
#porcionFin {
    transform:rotate(-145deg);
     }
#porcionFin .quesito {
    background-color: rgba(255,0,0,.7);
    transform: rotate(145deg);
     }
/*.quesito:after {
    content: attr(data-rel);
    left: 25%;
    line-height: 5;
    position: absolute;
    top: 0;
    transform: rotate(-70deg);
}*/
#porcion2 .quesito:after {
    content: attr(data-rel);
    left: 15%;
    position: absolute;
    top: 30%;
    transform: rotate(-190deg);
}
#porcion3 .quesito:after {
    content: attr(data-rel);
    left: 35%;
    position: absolute;
    top: 4%;
    transform: rotate(70deg);
}
#porcionFin .quesito:after {
   content: attr(data-rel);
   left: 10%;
   position: absolute;
   top: 30%;
}

.radio-toolbar-group {
  display:flex;
  gap:10px;
  justify-content:center;
}

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 8px 20px;
  font-family: Arial;
  font-size: 14px;
  font-weight:400;
  cursor: pointer;
  border-radius:5px;
  color:rgba(232,25,34,0.76);
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #009887;
  color:#ffffff;
}

.radio-toolbar label:hover {
  background-color: #009887;
  color:#ffffff;
}


.bg-menu-100{
  margin:0;
padding:0;
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
background-image:url('../img/patron_oscuro.jpg');
background-size: contain;
width: 100%;
/*border-bottom:#fff solid 1px;*/
}

.cardsp_main{
  margin: 0 auto;
  text-align: center;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  /*grid-template-rows: 3fr;
  gap: 100px;
  grid-auto-flow: column;
  column-gap: 10px;*/
  justify-content: center;
}


.cardsp {
   width: 300px;
   height: 238px;
   display: inline-block !important;
   background-image: url('../img/cuadro_rosa.png');
   background-size: contain;
   display: flex;
   padding-top: 40px;
}

.cardsp div .btn{
   width:195px;
   height:70px;
   word-wrap: break-word;
   white-space:normal;
   margin: 0 auto;
}

.cardsp div{
  display: flex;
  flex-direction: column;
  margin: 0px 30px 0px 30px;
  gap:15px;
}

.cardsp div h4{
   font-weight: bolder !important;
   padding: 20px 0px 10px 0px;
}

.cardsp div img{
  margin: 0 auto;
  width:48px;
  height:48px;
}


.cards {
   width: 280px;
   height: 222px;
   display: inline-block !important;
   background-image: url('../img/cuadro_verde.png');
   background-size: contain;
   display: flex;
   padding-top: 40px; 
}

.cards div{
  display: flex;
  flex-direction: column;
  margin: 0px 50px 0px 50px;
}

.cards div h4{
   font-weight: bolder !important;
   padding: 20px 0px 10px 0px;	
}

.cards div img{
  margin: 0 auto;
}

.divdetalle {
    background-color:#333; 
    color:#fff; 
    padding:15px;
}

.divdetalle div{
    display:flex; 
    gap:5px;
    text-align:left;
}

.divdetalle div span:first-child{
  width:200px;municipios-mayor-carenciamunicipios-mayor-carencia
}

.legenditemg {
        display:flex;
	flex-direction:column;
	align-items:center;
        row-gap:5px;
        margin:5px;
	padding:5px;
        white-space:initial;
        text-align:justify;
       /*background-color:#fbfbfb;
        -moz-border-radius: 10px 10px 10px 10px;*/

	background: #ffffff;
	background: linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);
	background: -webkit-linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);
	background: -moz-linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);


	/*box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
	-webkit-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
	-moz-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);*/

	border-width: 1px;
	border-style: outset;
	border-radius: 4px;

	cursor:pointer;
}

.legenditemg label{ cursor:pointer; }

.legenditemg:hover{
	box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
        -webkit-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
        -moz-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
}

.legenditem {
	width:270px;
	display:flex;
	row-gap:5px;
	margin:2px;
	white-space:initial;
	text-align:justify;
       /*background-color:#fbfbfb;
	-moz-border-radius: 10px 10px 10px 10px;*/

background: #ffffff;
background: linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);
background: -webkit-linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);
background: -moz-linear-gradient(270deg,#ffffff 0%, #d2d2d2 70%);


box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
-webkit-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);
-moz-box-shadow: 4px 5px 5px 0px rgba(181,178,178,0.75);

border-width: 1px;
  border-style: outset;
  border-radius: 4px;

  cursor:pointer;

}

.legenditem div:hover{
        background-color:#ffffff;
}

.legenditem .text {
	padding:1px; 
	color:#000000; 
	font-size:0.8rem;
       font-weight:bold;	
	display:flex;
	flex-direction:column;
       	width:200px;
	margin:auto;
	height:auto;
	padding:5px;
	justify-content:center;
}

.legenditem .text label {
   line-height:13px;
   cursor:pointer;
}

.legenditem:hover{
     background-color:#ffffff !important;
     color:#000000;
}

.legenditem .text:hover
{
     background-color:#ffffff !important;
     color:#000000;
}

.highcharts-legend-item:hover{
   background-color:#ffffff !important;
    color:#000000;
}

.highcharts-legend span{
	border-radius: 10px 10px 10px 10px;
}

.backgroundtrcapitulos {
    background-color:#525254 !important;
    color:#ffffff;    
}

/*#total{
  width:100%;
  flex:4;
  height:80%;
}*/

/*
.conttotal{
  height:100%;
}*/


/*.grafica1{
	display:flex; 
	justify-content:center;  
	height:80%; 
	width:100%;
}

@media (min-width: 600px) {
	.grafica1 {
	   flex-direction:column;	
	}
}


@media (min-width: 1200px) {
	.grafica1{
	    flex-direction:row;	
	}	
}*/