/*ODS.ccs*/
/*en: SDG style sheet */
/*es: Hoja de estilo de los ODS 
      Nota:la base de los estilos la tiene (libs/bootstrap/bootstrap.min.css), sin embargo, en esta hoja se modifican algunas etiquetas según los requerimientos que ocupa el sitio*/

/*Modificaciones a las etiquetas reservadas CSS*/
html {
    //font-family:sans-serif;
    font-family:'Source Sans Pro', sans-serif;
    font-size:11pt;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
body {
    margin-bottom:80px;
    background-color:#fff;
    padding-top:150px;
    //font-family:'Roboto', sans-serif !important;
    font-family:'Source Sans Pro', sans-serif;
    font-size:12pt;
    font-style:normal; 
    font-weight:normal; 
    color:#777; 
    line-height:normal;
    padding-top:0px;
    margin-top:0px;

}
body.pg-loaded> .inner {display:block}
body> .inner {display:none}

a {font-weight:normal; font-style:normal; color:#777}
a:focus  {outline: #ddd solid 1px}, /*#0000ff*/ 
a:active {text-decoration:none; color:#a21c43; cursor:hand},
a:hover  {text-decoration:underline; color:#777;  cursor:hand}

img:focus {outline: #384351 solid 2px}

.badge {color:#fff; background-color:#333; margin:10px 5px; padding:8px; font-weight:normal}

.btn-primary {color:#078dbf; background-color:#fff; border-color:#cccccc;white-space:normal}
.btn-primary:hover {border-color:#cccccc}

.bfh-selectbox .bfh-selectbox-options {margin:11px 0 0}

.close {font-weight:200; opacity:1; font-size:20pt}
.close:hover {opacity:1}

.container>.navbar-header {margin-right:0px; margin-left:0px}
.container.text-muted {margin:-20px 0}

.carousel-control {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3%;
    font-size:20px;
    text-align:center;
    background-color:transparent;
    filter:alpha(opacity=50);
    opacity:.5
}
.carousel-inner h3 {color:#fff; width:30%}
.carousel-inner p  {background-color:rgba(0, 0, 0, .7); padding:5px; width:90%}
.carousel-control .fa-chevron-right,
.carousel-control .fa-chevron-left,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position:relative;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-10px;
}
.carousel-indicators {
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:100%;
    padding-left:0;
    margin-left:-50%;
    text-align:center;
    list-style:none;
}
.carousel-indicators li {
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#000 \9;
    background-color:rgba(0, 0, 0, 0);
    border:1px solid #fff;
    border-radius:10px;
}
.carousel-indicators .active {
    width:12px;
    height:12px;
    margin:0;
    background-color:#fff;
}
.carousel-caption {
     height:92%;
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:5%;
    padding-bottom:5%;
    text-align:center;
}

.form-control{
 border:0px solid #ccc; 
 box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075);   
 border-radius:0px; 
 padding:2px 10px 2px 0px; 
 max-width:100%;
}
.form-control:focus {
 border-color:#cccccc;
 outline:0;
 -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
 box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6)
}
.form-group .selector {
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0;
    display:table;
    table-layout:fixed;
}
 
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color:#5d5a56;
    font-family:'Source Sans Pro', sans-serif;
    font-weight:300;
}

hr {
    height:1px; 
    background-color:#aebfd5;
    margin-top:-5px;
    margin-bottom:1px;
    width:100%;
}

tabindex {height:10px; background-color:#384351}

input[type=checkbox],
input[type=radio] {margin:5px 0 0; margin-right:5px; margin-left:0px}
.input_box{
    color:#fff;
    font-weight:400;
    border-bottom:1px solid #0a668e!important;
    background-color:#0a668e!important;
    border:1px solid transparent;
    border-radius:4px 4px 4px 4px;
}

label {font-style:normal; font-weight:normal; white-space:normal; vertical-align:text-top!important}
.label-border {border:2px solid #00aeef!important; border-radius:2px; padding:8px 20px; margin-top:15px; margin-bottom:0px}

.list,
.mapa,
.icon_info {width:70px}

.btn {font-weight:300}
.modal-dialog-ods-home{width:92%; margin-top:5%; margin-bottom:5%}
.menuNav {padding:2px 150px}
.imgobj {max-width:80%; max-height:80%}
.aOptions {font-size: 14pt};
@media (min-width:320px) {
    .btn {font-size:10pt}
    .brincaPRE {margin-top:100px}
    .brincaREV {margin-top:100px}
    .brincaPUB {margin-top:50px}
    .menuNav {padding:2px 5px}
    .aOptions {font-size: 12pt};
}
@media (max-width:375px) {
    .btn {font-size:10pt}
    .brincaPRE {margin-top:100px}
    .brincaREV {margin-top:100px}
    .brincaPUB {margin-top:50px}
    .menuNav {padding:2px 5px}
    .aOptions {font-size: 12pt};
}
@media (max-width:425px) {
    .btn {font-size:10pt}
    .brincaPRE {margin-top:100px}
    .brincaREV {margin-top:100px}
    .brincaPUB {margin-top:50px}
    .menuNav {padding:2px 5px}
    .aOptions {font-size: 12pt};
}
@media (min-width:768px) {
    .btn {font-size:14pt}
    .brincaPRE {margin-top:280px}
    .brincaREV {margin-top:280px}
    .brincaPUB {margin-top:240px}
    .imgobj {max-width:60%; max-height:60%}
}
@media (min-width:992px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:280px}
    .brincaREV {margin-top:280px}
    .brincaPUB {margin-top:220px}
}
@media (min-width:1024px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:180px}
    .brincaREV {margin-top:180px}
    .brincaPUB {margin-top:140px}
}
@media (min-width:1200px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:180px}
    .brincaREV {margin-top:180px}
    .brincaPUB {margin-top:140px}
    .menuNav {padding:0px 80px}
}
@media (min-width:1366px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:180px}
    .brincaREV {margin-top:180px}
    .brincaPUB {margin-top:140px}
}
@media (min-width:1440px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:180px}
    .brincaREV {margin-top:180px}
    .brincaPUB {margin-top:140px}
    .imgobj {max-width:90%; max-height:90%}
}
@media (min-width:1920px) {
    .btn {font-size:16pt}
    .brincaPRE {margin-top:180px}
    .brincaREV {margin-top:180px}
    .brincaPUB {margin-top:140px}
    .modal-dialog-ods-home{width:80%}
}
.modal-body-ODS {vertical-align:middle; align-self:center}

p {font-style:normal; font-weight:normal; color:#777; font-weight:400}

.options {background-color:rgba(73, 139, 201, .9); height:120px; min-height:35px; padding:20px 0; color:#fff}
.options:hover {background-color:rgba(158, 214, 242, .9); color:#fff}
.options h3 {color:#fff}

.nav-tabs {border-bottom:1px solid #00aeef}
.nav-tabs>li {float:left}
.nav-tabs>li>a {margin-right:1px; margin-left:1px; margin-top:1px}
.nav-tabs>li:hover{background-color:#f3565d!important}
.navbar-ods {margin:0px;  margin-bottom:0px; font-style:normal; font-weight:normal; color:#777; font-weight:600; align-content:flex-end}
.navbar-ods .navbar-nav>a>label {color:#000000}
.navbar-ods .navbar-nav>.active>a,
.navbar-ods .navbar-nav>.active>a:focus,
.navbar-ods .navbar-nav>li>a {color:#fff;  margin-top:-0px; background-color:#00aeef!important}
.navbar-ods .navbar-nav>li>a:active {color:#424040; background-color:#9ed6f2!important} 
.navbar-ods .navbar-nav>li>a:hover  {color:#424040; background-color:#9ed6f2!important} 
.navbar-right form,
.navbar-right .bfh-selectbox {padding-top:4px}
.navbar-right .bfh-selectbox .form-control {background-color:transparent; border:0 solid transparent; webkit-box-shadow:none; box-shadow:none}
.navbar-default-ods .btn-link {color:#ffffff}
.navbar-ods2>li>a  {padding-left:10px; padding-right:10px; margin:0px}
.navColorFondo{background-color:#00aeef!important; border-color:#00aeef!important}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #00aeef!important;
}
.nav-pills>li {
    font-family:'Source Sans Pro', sans-serif;
    font-size: 18pt;
    font-weight:300!important;
    color: #fff!important;
    background-color: #fff;
    padding: 0px 0px;
    margin: 0px 0px;
 }

 .nav-pills>li.active>a{
    color: #fff!important;
    background-color: #00aeef;
 }

.spinner {margin:100px auto; width:50px; height:40px; text-align:center; font-size:10px}
.spinner> div {background-color:#fff; height:100%; width:6px; display:inline-block; -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out; animation:sk-stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s;  animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s;  animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s;  animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s;  animation-delay:-0.8s}

table {font-size:11pt; font-style:normal; font-weight:normal; border:1px solid #fff; width:auto; padding:0px 2px}
th {text-align:right; height:auto; vertical-align:text-top!important; background-color:#eee; border:1px solid #aebfd5!important; font-weight:500; color:#31708f}
td {text-align:right; height:auto; color:#777; background-color:#fff}

.table-white {border:0px solid #aebfd5!important; color:#31708f; padding:0px 0px}
.table-white>thead>tr>th {color:#31708f; width:auto; max-width:230px; min-width:230px; }
.table-white>tbody>tr>td {color:#777777}

th.th-align-center {text-align:center!important; vertical-align:middle!important; border:1px solid #aebfd5!important; }
th.th-align-left {text-align:left!important; vertical-align:middle!important; }
td.td-align-left {text-align:left!important; vertical-align:top!important; background-color:#eee!important}

td.td-EjeX {text-align:left; width:30%; min-width:300px}
td.td-EjeXCo {min-width:250px!important; max-width:250px!important}
th.th-EjeXCo {min-width:250px!important; max-width:250px!important}

th.th-EjeXClA {text-align:left; width:30%; min-width:500px}
td.td-EjeXClA {text-align:left; width:30%; min-width:500px}
td.td-EjeXACl {text-align:left; width:30%; min-width:100px}
td.td-borderBottom {border-top:1px solid #aebfd5!important}
th.th-borderBottom {border-top:1px solid #aebfd5!important; background-color:#eee!important; color:#31708f}

.time-line {background-color:#dce7ed}
.time-line ul {list-style-type:none; margin:0; padding:0; overflow:hidden}
.time-line li {float:left}
.time-line li a { display:block;  color:black;  text-align:center;  padding:14px 5px; text-decoration:none}
.time-line li a:hover {background-color:#237a8e;  color:#fff}

.vertical-align {display:flex; align-items:center}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {-webkit-transform:scaleY(0.4)}
    20% {-webkit-transform:scaleY(1.0)}
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
    20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}



/*Otras clases en orden alfabético utilizadas según diseño de la página que lo cita-- */

 a.AvisoPriv        {color:#2279C0; text-decoration:none; cursor:pointer;margin-left: 5px}
 a.AvisoPriv:active {color:#777; text-decoration:none; cursor:pointer;margin-left: 5px}
 a.AvisoPriv:hover  {color:#777; text-decoration:none; cursor:pointer;margin-left: 5px}

 a.a-com        {color:#112e45; text-decoration:none; text-overflow: inherit}
 a.a-com:active {color:#fff; text-decoration:none}
 a.a-com:hover  {color:#fff; text-decoration:none}

 a.a-OpcIndicador        {color:#112e45; text-decoration:none}
 a.a-OpcIndicador:active {color:#fff; text-decoration:none}
 a.a-OpcIndicador:hover  {color:#fff; text-decoration:none}
 a.a-OpcIndicador-Activa        {color:#fff; text-decoration:none}
 a.a-OpcIndicador-Activa:active {color:#fff; text-decoration:none}
 a.a-OpcIndicador-Activa:hover  {color:#fff; text-decoration:none}

 a.a-ligaInd        {color:#777; text-decoration:none; cursor:pointer}
 a.a-ligaInd:active {color:#4d87c6; text-decoration:underline; cursor:pointer}
 a.a-ligaInd:hover  {color:#4d87c6; text-decoration:underline; cursor:pointer}
 a.a-ligaCodInd        {color:#d98a4f; text-decoration:none; cursor:pointer}
 a.a-ligaCodInd:active {color:#4d87c6; text-decoration:underline; cursor:pointer}
 a.a-ligaCodInd:hover  {color:#4d87c6; text-decoration:underline; cursor:pointer}
 a.liga-home-obj { line-height:1.2; color:#666; text-align:left}
 a.liga-home-obj:focus {outline: #0000ff solid 1px}
 a.a-seccion:focus {outline: #eee solid 1px!important}
 a.noBorder:focus {outline: #eee solid 0px!important}
 
 a.a-Inactiva {color:#cac8c8; text-decoration:none}

 .a-noliga {text-decoration:none!important; cursor:none!important}

 .a-azul  {color:#0a254f; font-weight:lighter}
 .a-azul2 {color:#00aeef; font-weight:300}
 .a-azul3 {color:#2b33a2; //color:#3f48cc}
 .a-azul4 {color:#31708f}
 .a-azul5 {color:#112e45}
 .a-azul6 {color:#cfeef9}
 .a-azul7 {color:#00aeef!important}
 .a-azul8 {color:#4d87c6!important}
 .a-blanco {color:#fff!important}
 .a-bold {font-weight:600}
 .a-crema {color:#efe4b0}
 .a-gris  {color:#777!important}
 .a-gris2 {color:#babbbc!important; cursor:pointer}
 .a-gris2-bis {color:#babbbc!important}
 .a-gris3 {color:#2E2E2E}
 .a-gris4 {color:#eee!important}
 .a-gris5 {color:#d1d1d1}
 .a-gris6 {color:#777!important; cursor:default}
 .a-gris8 {color:#eee}
 .a-negro  {color:#000; cursor:pointer}
 .a-oro  {color:#d98a4f; cursor:pointer}
 .a-oro2  {color:#d98a4f}
 .a-rojo {color:#68110b;!important}
 .a-rojo2 {color:red}
 .a-verde {color:#82b440}

 .a-Font1 {font-size:1pt!important}
 .a-Font8 {font-size:8pt!important}
 .a-Font10 {font-size:10pt!important}
 .a-Font12 {font-size:12pt!important}
 .a-Font14 {font-size:14pt}
 .a-Font18 {font-size:18pt}
 .a-Italica {font-style:italic}
 .a-FontWeight300 {font-weight:300!important}
 .a-FontWeight500 {font-weight:500}
 .a-pie {line-height:20px}
 .a-encInd {color:#fff; font-family:'Source Sans Pro', sans-serif; font-weight:300; font-size:18pt; text-decoration:none; line-height:1}
 .a-fec {font:'Courier New'!important; font-size:9pt!important; cursor:pointer}
 .a-not {font:'Courier New'!important; font-size:10pt!important; cursor:pointer}
 .a-not2 {font:'Courier New'!important; font-size:10pt!important; cursor:default}
 .a-not3 {font:'Courier New'!important; font-size:14pt!important; cursor:pointer}

 .active {background:#00aeef!important}
 .Noactive {background:#ffffff}

#answer-button-email{
	text-align: right;
	padding: 15px;
}
#answer-email{
	position:fixed;
	display:none;
	top:40%;
	left:30%;
	width:30%;
	background-color: #ffffff;
	border: 3px solid #00AEEF;
}
 .badge-ods {
    display:inline-block;
    min-width:10px;
    padding:6px 10px; 
    font-weight:550;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    //background-color:#777;
    border-radius:10px;
}
 .badge-loi {
    display:inline-block;
    min-width:5px;
    line-height:1;
    color:#fff;
    text-align:middle!important;
    white-space:nowrap;
    vertical-align:middle;
    border-radius:10px;
}
 
 .alert-info-ods{color:#31708f; background-color:#d4ebf6; border-color:#bce8f1; margin-left:4px; margin-right:4px}
 .alert-info-ods-2{font-weight:500; color:#31708f; background-color:#d4ebf6; border-color:#bce8f1; margin-left:2px; margin-right:2px; margin-top:2px; margin-bottom:2px; text-align:left!important; white-space:normal}
 .alert-info-loi{color:#fff; border-color:#bce8f1; margin-left:4px; margin-right:4px; margin-top:6px; margin-bottom:6px; text-align:right!important; white-space:normal}
 .alert-success-ods {padding:2px 10px; text-align:center; background-color:#d2eac8; color:#3c763d; border-color:#d6e9c6; white-space:nowrap}
 .alert-success {font-size:10pt; text-align:center; vertical-align:middle; min-width:8px; color:#2c5c8e; background-color:#cce8c6; padding:2px 10px}
 .alert-success-loi {font-size:10pt; text-align:center; vertical-align:middle; min-width:8px; color:#31708f; background-color:#cce8c6;
     padding:4px 10px}
 .alert-success-ods-2 {margin-top:0px; margin-bottom:0px; width:110px}
 .alert-Ind {font-size:10pt; text-align:center; vertical-align:middle; min-width:8px; color:#31708f; background-color:#cce8c6; padding:2px 10px}
 .alert-Des {font-size:10pt; text-align:center; vertical-align:middle; min-width:8px; color:#31708f; background-color:#eed5a6; padding:2px 10px}
 .alert-Pre {font-size:10pt; text-align:center; vertical-align:middle; min-width:8px; color:#ffffff; background-color:#ff5b5b; padding:2px 10px}
 .alert-N {background-color:#a6cadf; margin:5px; padding:3px 15px}
 .alert-NE {background-color:#d0e3b9; margin:5px; padding:3px 10px}
 .alert-NEM {background-color:#f1e295;  margin:5px; padding:3px 5px}

 .borderRight {border-right:1 px}
 .borderRight2 {border-right:2px solid #00aeef!important}
 .borderNone {border: none}
 .btn-default2 {min-width:100px; height:30px; vertical-align:middle; padding:0px 10px; margin:10px; background-color:#6cccf4; color:white}
 .btn-default2:hover {min-width:100px; height:30px; vertical-align:middle; padding:0px 10px; margin:10px; background-color:#919db0; color:white}
 .btn-default2:active {min-width:100px; height:30px; vertical-align:middle; padding:0px 10px; margin:10px; background-color:#6cccf4; color:white}
 .btn-info-gris {color:#fff; background-color:#eeeeee; border-color:#eeeeee}
 .btn-info-gris:focus,
 .btn-info-gris.focus {color:#fff; background-color:#e1dfdf; border-color:#e1dfdf}
 .btn-info-gris:hover {color:#fff; background-color:#e1dfdf; border-color:#e1dfdf}
 .btn-info-gris:active,
 .btn-info-gris.active,
 .open> .dropdown-toggle.btn-info-gris {color:#fff; background-color:#eeeeee; border-color:#eeeeee}
 .btn-info-gris:active:hover,
 .btn-info-gris.active:hover,
 .open> .dropdown-toggle.btn-info-gris:hover,
 .btn-info-gris:active:focus,
 .btn-info-gris.active:focus,
 .open> .dropdown-toggle.btn-info-gris:focus,
 .btn-info-gris:active.focus,
 .btn-info-gris.active.focus,
 .open> .dropdown-toggle.btn-info-gris.focus {color:#fff; background-color:#269abc; border-color:#1b6d85}
 .btn-info-gris:active,
 .btn-info-gris.active,
 .open> .dropdown-toggle.btn-info-gris {background-image:none}
 .btn-info-gris.disabled:hover,
 .btn-info-gris[disabled]:hover,
 fieldset[disabled] .btn-info-gris:hover,
 .btn-info-gris.disabled:focus,
 .btn-info-gris[disabled]:focus,
 fieldset[disabled] .btn-info-gris:focus,
 .btn-info-gris.disabled.focus,
 .btn-info-gris[disabled].focus,
 fieldset[disabled] .btn-info-gris.focus {background-color:#e1dfdf; border-color:#e1dfdf}
 .btn-info-gris .badge {color:#eeeeee;  background-color:#fff}
 .btn-info-blanco {color:#fff; background-color:#fff!important; border-color:#eeeeee}

 .Buscador_Scroll{height:250px; width:98%; max-height:300px; overflow-x:auto; overflow-y:auto; margin:2px 2px; padding:2px}

 .color-azul {background-color:#c6dce8;!important}
 .color-azul2 {background-color:#4d87c6!important; color:#ffffff}
 .color-azul3 {background-color:#eaeffc}
 .color-azul4 {background-color:#d4ebf6}
 .color-azul5 {background-color:#80d7f8}
 .color-azul6 {background-color:rgba(73, 139, 201, .9)}
 .color-azul7 {background-color:#0096db}
 .color-azul8 {background-color:#00aeef}
 .color-azul9 {background-color:#cce3f0!important}
 .color-azul10 {background-color:#dff7f4}
 .color-azul11 {background-color:#d2f0f7}
 .color-azul12 {background-color:#5bc0de}
 .color-blanco {background-color:#ffffff!important}
 .color-crema  {background-color:#f5f0d8!important}
 .color-gris  {background-color:#eee!important}
 .color-gris2 {background-color:#d0d9de; background-image:url(../images/back_pattern.png)!important}
 .color-gris3 {background-color:#f2f2f2}
 .color-gris4 {background-color:#90a8b3!important}
 .color-gris5 {background-color:#333}
 .color-gris6 {background-color:#9f9b9b}
 .color-gris7 {background-color:#ebe9e9}
 .color-gris8 {background-color:#384351}/*747574*/
 .color-gris9 {background-color:#ddd}
 .color-gris10 {background-color:#e5e5e5}
 .color-neutro {background-color:#e9e9e3!important}
 .color-rojo {background-color:red}
 .color-rojo1 {background-color:#ff5b5b}
 .color-indicador {background-color:#eaeffc}
 .color-naranja{background-color:#f69c55}
 .color-verde {background-color:#e1f7e3}
 .color-verde2 {background-color:#84c684}
 .color-verde3 {background-color:#82b440}
 .color-ODS0000 {background-color:#fff}
 .color-ODS0010 {background-color:rgba(232, 39, 60, 1)!important; color:#fff}
 .color-ODS0020 {background-color:#ddaa47!important; color:#fff}
 .color-ODS0030 {background-color:rgba(65, 163, 79, 1)!important; color:#fff}
 .color-ODS0040 {background-color:rgba(201, 36, 46, 1)!important; color:#fff}
 .color-ODS0050 {background-color:rgba(242, 68, 46, 1)!important; color:#fff}
 .color-ODS0060 {background-color:rgba(35, 188, 227, 1)!important; color:#fff}
 .color-ODS0070 {background-color:rgba(250, 200, 55, 1)!important; color:#fff}
 .color-ODS0080 {background-color:rgba(164, 28, 66, 1)!important; color:#fff}
 .color-ODS0090 {background-color:rgba(244, 110, 51, 1)!important; color:#fff}
 .color-ODS0100 {background-color:rgba(224, 20, 131, 1)!important; color:#fff}
 .color-ODS0110 {background-color:rgba(250, 161, 57, 1)!important; color:#fff}
 .color-ODS0120 {background-color:rgba(191, 144, 55, 1)!important; color:#fff}
 .color-ODS0130 {background-color:rgba(57, 129, 75, 1)!important; color:#fff}
 .color-ODS0140 {background-color:rgba(37, 147, 209, 1)!important; color:#fff}
 .color-ODS0150 {background-color:rgba(77, 189, 83, 1)!important; color:#fff}
 .color-ODS0160 {background-color:rgba(27, 102, 157, 1)!important; color:#fff}
 .color-ODS0170 {background-color:rgba(24, 71, 105, 1)!important; color:#fff}

 .cortaTexto {text-align:left; white-space:nowrap; text-overflow:ellipsis; cursor:pointer}

 .cursorHand {cursor:pointer!important}
 .cursorPoint {cursor:default!important}

 .col-ods-enc-1 {width:58%}
 .col-ods-enc-2 {width:20%; text-align:right}
 .col-ods-enc-3 {width:22%; text-align:right}

 .col-comp {
    width: 11%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}
.col-comp33 {width: 33%!important}
.col-comp67 {width: 67%!important}
.col-comp2 {
    width: 90%;
    text-align: left;
    overflow-x:hidden;
    overflow-y:hidden;
}
.col-comp3 {
    width: auto;
}

.com-img-width8{
    width: 8%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.container2 {width:100%; height:100%; max-height:900px; padding:0px}
.container3 {width:50%;  max-width:300px}
.container4 {width:50%;  max-width:320px; padding-top:10px}
.container-Seccion {padding-bottom:-20px; margin-bottom:-20px}
.col-encInd-1 {width:3%;  padding:0 2px 0 0; margin:0px}
.col-encInd-2 {width:97%; padding:0 2px 0 0; margin:0px}
.container-Indicador-Tablas {
    width:98%; 
    height:600px; 
    overflow:scroll;  
    position:relative; 
    text-align:left;
    padding-right:20px;
    padding-left:20px;
}
.container-Indicador-Tablas-Encabezado {width:98%; position:relative; text-align:left; padding-right:20px; padding-left:20px}
.code {font-size:80%}

.cursorPointer {cursor: pointer}

.divActivo {display:block; margin:0px 0; position:relative}
.divInactivo {display:none}
.divAct {display:block}
.divIna {display:none}
.divFijo {position:relative; z-index:200; margin-bottom:120px}
.divEntidad {margin-left:-15px; margin-right:30px;	padding:15px; display:none; position:absolute; width:100%; z-index:1100; max-height:470px; min-width:200px}
.divEncObj {padding:10px 20px 10px 20px; display:none; position:absolute; width:100%; z-index:1000; border-radius:0px 0px 4px 4px}
.divPer    {margin-left:-5px; padding:5px; display:none; position:absolute; width:101%; z-index:1000}
.divEncInd {margin-top:-52px; padding:10px 20px 10px 20px; display:none; position:absolute; width:100%; z-index:1100;  max-height:auto}
.divEncGraMap {display:none; position:absolute; width:100%; z-index:1100}
.divEncGraMap2 {display:none; position:relative; z-index:1000}
.divEncGraMap3 {height:40%; max-height: 400px;  overflow:auto; }
.divEncGraMap4 {min-height: 190px; max-height: 190px;  overflow:auto; }
.divmetadato {align-content:center; position:relative; text-align:left}
.divLOI {margin:1px; padding:4px 10px; border-bottom:1px solid #c3c3c3;  border-top:1px solid #c3c3c3}

.estilo-grupo {padding-left: 10px; margin-left: 10px}

.expMasiva  {margin:1px; padding:4px 25px; border-bottom:0px solid #c3c3c3;  border-top:0px solid #c3c3c3}

.footer {bottom:0; width:100%; background-color:#fff; padding-top:20px; align-content:center}
.pre-footer {background-color:#b0bcc7; padding-top:20px; padding-bottom:20px; align-content:center}
.enlace-footer {bottom:0; width:100%; background-color:#eee; padding:15px 0px 15px 0px; align-content:center}
.post-footer {background-color:#11aaee; color:#fff; padding:30px 0px 20px 0px; align-content:center; line-height:1}
.footer> .container {padding-right:15px; padding-left:15px}
 
.grupo {margin-top: 5px; margin-bottom: 0px;  padding-bottom: none}

 .hN-blanco {color:#fff!important; font-weight:500!important}
 .hN-azul {color:#80d7f8!important; font-weight:lighter!important}

 .list-group-item {padding:2px 0; border:0 solid #ddd}

 .leyenda {
    position:absolute;
    background-color:rgba(0,0,0, .4);
    color:#fff;
    text-shadow:0 1px 2px rgba(0, 0, 0, .6);
    right:3%;
    top:3%;
    bottom:0PX;
    left:3%;
    z-index:10;
    padding-top:0px;
    padding-bottom:0px;
    text-align:center
}

 .logos {background-color:#fff; padding:15px 0}

  p.TitInd {font-weight:normal; color:#3c763d}
  p.home-text {font-family:'Source Sans Pro', sans-serif; font-weight:300}
  p.loi-text-obj {//font-family:sans-serif; font-size:14pt; vertical-align:bottom; align-content:center}
  p.SubtituloTabla {font-size:14pt; font-weight:550; padding:5px; margin:0px}

 .panel {border-radius:0}
 .panel-default {border:1px solid #aebfd5}
 .panel-default2 {border:1px solid #00adef}
 .panel-seccion {border-left:1px solid #00adef!important; border-right:1px solid #00adef; border-bottom:1px solid #00adef}
 .panel-group .panel {border-radius:0}
 .panel-heading {border-top-left-radius:0; border-top-right-radius:0}
 .panel-heading-ods {font-size:14pt; background-color:#b1cede!important; font-weight:normal}
 .panel-heading-ind {background-color:#d1e0d2!important; font-weight:lighter; width:100%; font-size:18pt!important; padding:2px}
 .panel-default-ods {border-color:#aebfd5}

 .tab1 {margin-left:20px}
 .tab2 {margin-left:40px}
 .tab3 {margin-left:60px}
 .tab4 {margin-left:80px}
 .tab5 {margin-left:100px}
 
 .hr-lineaBlanca {border-bottom:1px solid #fff; padding-top:0px; padding-bottom:0px}
 .hr-lineaGris {border-bottom:1px solid #90a8b3; padding:3px 0px; background-color:white}
 .hr-linea2px {height:2px; margin:0px 0px 0px 0px}
 .hr-linea1px {height:1px; margin:0px 5px 15px 0px!important}
 .hr-loi {height:2px; background-color:#c4c4c4; margin-top:10px; margin-bottom:10px; align-content:center; width:99%}

 .ind_seccion {background-color:#fff; border-style:solid; border-width:1px}

 .inputText4030 {width:40px; height:30px; border:0px solid #c3c3c3; padding-left:4px; font-style:normal; font-weight:normal}
 .inputTextBus {width:95%; height:30px;   border:0px solid #c3c3c3; padding-left:4px; font-style:normal; font-weight:normal}

 li-Estados {font-size:14pt; list-style-type:none; padding:0; line-height:22px}

 .linea-abajo {margin-left:5px; margin-right:5px; margin-top:4px; margin-bottom:4px; border-bottom:1px solid #e6e3e3;   }
 .linea-abajo2 {border-bottom:1px solid #00aeef}
 .linea-arriba {border-top:1px solid #00aeef}

 .logo0 {margin-left:22px; margin-top:5%; max-width:300px; width:22%}
 .logo1 {margin-left:22px; margin-top:3%; margin-bottom:2%; max-width:350px; max-height:70px; }
 .logo2 {margin-left:10px; margin-top:3%; margin-bottom:2%; max-width:350px; max-height:70px; width:100%}

 .obj_Scroll {width:100%; max-height:520px; overflow-x:hidden; overflow-y:auto}
 
 .OpcIndicador-Active {background-color:#e8273c; background-color:#2574a9; color:#fff}
 .OpcIndicador-LisODS {background-color:#00aeef; border-color:#00aeef; color:#fff; padding:2px 10px 8px 10px}

 .Padding0 {padding:0px!important; margin:0px!important}
 .Padding00 {padding:0px; margin:0px}
 .Padding2  {padding:2px}
 .Padding4  {padding:4px}
 .Padding5  {padding:5px}
 .Padding10  {padding:10px!important}
 .PaddingLeftRight5 {padding:0px; 5px}
 .Padding20 {padding:10px 25px}
 .Padding25 {padding:25px 25px}
 .PaddingBottom10  {padding-bottom:10px}
 .PaddingTop5 {padding-top:5px;!important}
 .PaddingTop12 {padding-top:10px;!important}
 .PaddingTop15 {padding-top:15px;!important}
 .PaddingTopBottom2 {padding-top:2px!important; padding-bottom:2px!important; }
 .PaddingTopBottom5 {padding-top:5px; padding-bottom:5px}
 .PaddingTopBottom10 {padding-top:10px!important; margin-top:0px; padding-bottom:10px!important; margin-bottom:0px}
 .PaddingTopBottom15 {padding-top:15px; margin-top:0px; padding-bottom:15px; margin-bottom:0px; line-height:28px}
 .PaddingLeft0 {padding-left:0px!important}
 .PaddingLeft00 {padding-left:0px!important; margin:0px!important}
 .PaddingLeft10 {padding-left:10px!important}
 .PaddingLeft12 {padding-left:12px!important}
 .PaddingLeft15 {padding-left:15px!important}
 .PaddingLeft20 {padding-left:30px!important}
 .PaddingRight5 {padding-right:5px!important}
 .PaddingRight10 {padding-right:10px!important; margin-right:0px}
 .PaddingRight15 {padding-right:20px}
 .pl0 {padding-left:0px!important}
 .pl1 {padding-left:10px!important}
 .pl2 {padding-left:20px!important}
 .pl3 {padding-left:30px!important}
 .pl4 {padding-left:30px!important}
 .pl5 {padding-left:40px!important}
 .pl6 {padding-left:50px!important}
 .pl7 {padding-left:60px!important}
 .pl8 {padding-left:70px!important}
 .pl9 {padding-left:80px!important}
 .pl10 {padding-left:90px!important}

  parent {display:flex}
 
 .Margen5 {padding-left:2px}

 .mapaHeight{height:530px}

 .Margen0 {margin:0px}
 .Margen5 {margin-top:5px; margin-bottom:5px}
 .Margen10 {margin-top:10px; margin-bottom:10px}
 .Margen25 {margin-top:15px; margin-bottom:15px}
 .Margen15 {padding-left:15px; padding-right:15px; z-index:100}
 .Margen20 {padding-left:20px; padding-right:20px; z-index:100; background-color:white}
 .Margen30 {padding-left:30px; padding-right:30px; z-index:100}
 .MargenBottom10 {margin-bottom:10px}
 .Margin-Top2 {margin-top:2px} 

 .negrita600 {font-weight: 600}
 .negrita400 {font-weight: 400}
 .noCorte{white-space:nowrap}

 .Sangria1 {margin:0px 20px}
 .Sangria2 {margin:0px 40px}

 .searchresults{font-weight:600; color:#d98a4f}

 .select_Scroll{max-height:300px; width:100%; overflow-x:auto}

 .sin-estilo {list-style: none; padding-top: 3px}

 .TablasInd {width:100%; position:relative; text-align:left; padding-right:0px; padding-left:0px}
 .TablasInd_CoCl {width:48%; text-align:left; padding-right:20px; padding-left:20px}
 .Tablas_Scroll {height:500px; width:100%; max-height:800px; min-width:260px; overflow-x:auto; overflow-y:auto}
 .TablasInd_Scroll {width:100%; max-height:510px; overflow-x:auto; overflow-y:auto}
 .TablasEnc_Scroll {width:100%; max-height:400px; overflow-x:hidden; overflow-y:auto}
 .Tablas_ScrollCom {margin-left:15px; height:auto; width:90%; max-height:430px; min-width:auto; overflow-x:auto; overflow-y:auto}
 .TablasInd_ScrollX {overflow-x:auto!important; overflow-y:none}
 .TablasInd_ScrollY{overflow-y:auto!important}

 .Tam25 {background-color:aquamarine}

 .verde_claroEnt {
        margin-left:0px;
        background-color:#e1f7e3;
        list-style-type:none;
        height:440px;
        padding-left:15px;
 }
 .vbottom {vertical-align:bottom!important}
 .vcenter {vertical-align:middle!important}
 .vtop {vertical-align:top!important}

 .minWidth100 {width:300px}
 .width50 {width:50%; padding:10px 20px; margin-top: 10px}
 .Width100 {width:100%}

#etiEn {
   float:right;
   width:100px;
   background:lightblue;
   text-align:center;
}
 #etiEs {
   float:left;
   width:100px;
   background:lightgreen;
   text-align:center;
}
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}
#exTab3 .tab-content {
  color : white;
  font-family: sans-serif;
  font-size: 11pt;    
  background-color: #00aeef;
  padding : 0px 0px;
}

.overflow-wrap-bw{
    overflow-wrap: break-word;
}
 .imgCT{
    width: 22.5%;
    height: 40px;
 }