@charset "utf-8";
/* CSS Document */
button#close1, #close2, #close3 {
    float: left;
    top: 1px;
    margin: 0;
}
  .circulo  {display: block;
    font: bold 25px/80px Arial, Helvetica;
    color: #462b5f;
    background: #fff;
    border: 0px solid #fff;
    height: 80px;
    width: 80px;
    margin: 10px auto -65px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;}
.h3titulo{color: white; background-color: #452D65;
    padding: 20px;
    /*margin: -20px -20px 50px -20px;*/  font-size: 1.4em;text-align: center;margin-bottom: 10px;}
.uno{ background-color:#fff;}
.dos{ background-color:#bbdeca;}
.tres{ background-color:#7cc49f;}
.cuatro{ background-color:#35b07c;}
.cinco{ background-color:#12885b;}
.seis{ background-color:#10553a;}
.catorce{ background-color:#462B60 !important;  border: 1px white solid !important;}
.quince { background-color:#BCCF02 !important; border: 1px white solid !important;}
.dieciseis{ background-color:#197A4D !important;  border: 1px white solid !important;}
.diecisiete{ background-color:#df9b56 !important;  border: 1px white solid !important;}
.dieciocho{ background-color:#462B60 !important;  border: 1px white solid !important;}
.diecinuve{ background-color:#BCCF02 !important; border: 1px white solid !important;}
.veinte{ background-color:#197A4D !important; border: 1px white solid !important;}
.veintidos{ background-color:#df9b56 !important; border: 1px white solid !important;}
.veintitres{ background-color:#462B60 !important; border: 1px white solid !important;}
.veinticuatro{ background-color:#BCCF02 !important; border: 1px white solid !important;}
.veinticinco{ background-color:#197A4D !important; border: 1px white solid !important;}
button.nav-toggle1 {
    float: right;
}
button.nav-toggle2 {
    float: right;
}
button.nav-toggle3 {
    float: right;
}
.cerrar_graf{}
.btn-default {
    color: #333;
    background-color: #3aa384;
    border-color:white;
}

.tituloh1 {
    background-color: #0455BF !important;
    color: white !important;
    font-size: 1.1em !important;
    text-align: left !important;
    width: 90% !important;
	    padding: 15px;
}
p.info {
    /* border: 1px red solid; */
    margin: 0;
    padding: 0;
    font-size: 1em;
    /* width: 105%; */
    color: white;
}
#dia{ color:white !important; padding:0 2px 0 2px;}
#mes{ color:white !important;padding:0 2px 0 2px }
#annio{ color:white !important;padding:0 2px 0 2px}
td.txtDerechaVinculo {
    text-align: center !important;
}
#fondosContainer {width:  100%; height: 440px}
.table_abajo{white-space: normal !important; color:#333; margin-left:10px; margin-right: 15px; font-size: 1.1em !important;     margin-top: 50px; }
.table_abajo p{    margin-bottom: 3px !important;color: black !important; font-size: .9em !important;}
#micon{ background-image:none !important;background-color: #0057EC;
    color: white;
    font-size: 1.2em !important;
    border: none !important;
    opacity: 100;}
#txtProgramaFondo{ /*background-color:red;*/}

/*TABLA DETALLE*/
.der_p { text-align:right;}
tr.danger {
   /* background-color: #dcf2f5;*/
    padding: 10px;
}

#download {
    background-image: none !important;
    background-color: #438EF2;
    color: white;
    font-size: 1.2em !important;
    border: none !important;
    opacity: 100;     padding: 10px 40px; margin:3px; float:left; margin-left:5.2%;
}
.titulo_n{     background: #438EF2;
    color: #fff;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;    font-weight: bold;
    font-size: 1.3em; text-align: left;
    }
.titulo_nt{     background: #462b60;
    color: #fff;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;    font-weight: bold;
    font-size: 1.3em;
    }	
	
.table_d {
    width: 90%; font-size: .9em;
}
.table_d td {
	min-height:150px !important; /*border:1px #c7e4e8 solid;*/ padding:5px !important;
}
.warning {
    font-size: 1.3em;
    font-weight: bolder;     border-bottom: 1px black solid;
   
}
/*TABLA DETALLE*/
select::-ms-expand { display: none; }
.boton_oc{ height:21px; width:100%;}
.cont_cajasfondos {width:  100%; height:550px; background-color: #138C8C;}
#fondosContainer{ background-color:#0455BF; /*width:90% !important; */margin:0 auto; height:440px; overflow:auto; overflow-y: hidden; overflow-x: visible;  white-space: nowrap !important;
}
.fondos_abajo {margin: .6%; width:  28%; display:inline-block; top: 20px; height: 400px; background-color: white !important; background-image: none !important;  }
.fondos_tab {width:  101%; height: 380px;     white-space: normal;  }
.fondos_tab table { border:none !important;     white-space: normal;     font-size: .85em;   }
.fondos_tab td {/*color:#3D3E43 !important;*/ width:100% !important; padding-bottom: 3px;     white-space: normal; }
.titulo_f {font-weight:bold; font-size:1em; color:#452D65; /*border-bottom:1px #BADBDD solid;*/}
.titulo_fondo {font-weight:bold; font-size:2em; color:#452D65; background-color: #462b5f; color: white !important; height: 80px;text-align: center;/*border-bottom:1px #BADBDD solid;*/}
.cont_fa { border:1px orange solid; height:500px; width:90%; border:1px red solid; overflow:auto; overflow-y: hidden; margin:0 auto;}

.selec_arribarang {width: 12%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;}
.selec_arriba {width: 12%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;}
@font-face { 
font-family: 'Soberana Sans'; src: url("./fonts/soberanasans-regular.otf");
/*font-family: 'Soberana Sans'; src: url("/Style Library/shcp/fonts/soberanasans-regular.eot"); */
/*src: url("../fonts/acaslonpro_regular.eot?#iefix") format("embedded-opentype"), 
url("../fonts/acaslonpro_regular.woff") format("woff"),
 url("../fonts/acaslonpro_regular.ttf") format("truetype"), 
 url("../fonts/acaslonpro_regular.svg#TrajanProRegular") format("svg"); 
 font-weight: normal; */
 font-style: normal; }
@font-face { 
font-family: 'Soberana Sans Condensed'; src: url("./fonts/SoberanaSansCondensed-Regular.otf"); 
/*src: url("../fonts/acaslonpro_regular.eot?#iefix") format("embedded-opentype"), 
url("../fonts/acaslonpro_regular.woff") format("woff"),
 url("../fonts/acaslonpro_regular.ttf") format("truetype"), 
 url("../fonts/acaslonpro_regular.svg#TrajanProRegular") format("svg"); 
 font-weight: normal; */
 font-style: normal; } 
@font-face { 
font-family: 'Soberana Sans light'; src: url("./fonts/SoberanaSans-Light.otf"); 
/*src: url("../fonts/acaslonpro_regular.eot?#iefix") format("embedded-opentype"), 
url("../fonts/acaslonpro_regular.woff") format("woff"),
 url("../fonts/acaslonpro_regular.ttf") format("truetype"), 
 url("../fonts/acaslonpro_regular.svg#TrajanProRegular") format("svg"); 
 font-weight: normal; */
 font-style: normal; }  
 @font-face { 
font-family: 'Soberana Sans Bold Italic'; src: url("./fonts/SoberanaSans-BoldItalic.otf"); 
/*src: url("../fonts/acaslonpro_regular.eot?#iefix") format("embedded-opentype"), 
url("../fonts/acaslonpro_regular.woff") format("woff"),
 url("../fonts/acaslonpro_regular.ttf") format("truetype"), 
 url("../fonts/acaslonpro_regular.svg#TrajanProRegular") format("svg"); 
 font-weight: normal; */
 font-style: normal; } 
*{ margin:0; padding:0; font-family: 'Soberana Sans', sans-serif;}
/*::::::::::::::::::::::::::::::::::::::::::::::::: BOTONES :::::::::::::::::::::::::::::::::::::::::::::::::*/
.navbar-header > button{
	/*border: #138C8C !important;*/
	text-shadow: transparent !important;
    text-shadow: 0 1px 0 transparent !important;
    background-image: none !important;
    background-image: none  !important;
	background-color: none  !important;
    filter:none  !important;;
   /* border-color: 1px #138C8C solid  !important;*/
	font-size:.8em !important;
	border-radius: 0px !important; height: 25px; 
	background-image: url(../img/c.png) !important;	background-size: 33px 100% !important; background-repeat:no-repeat !important;background-position:right !important; padding-right: 25px;
	height: 35px;
    border: 1px white solid !important;
}
#U019, #U033, #U057, #U058, #U075, #U076, #U087, #U088, #U090{
    filter:none  !important;
	color:white !important;	
	background-image: url(../img/c.png) !important;
	background-size: 33px 100% !important;
	background-repeat:no-repeat !important;
	background-position:right !important; padding-right: 25px !important; border: #0B605B !important; margin-right: 2px;     height: 35px; border: 1px white solid !important;
}
#U085, #U091 {background-color: #0B605B;background-image: url(../img/c.png) !important; color:white !important;	}
#U128 {background-color: #76c08e;background-image: url(../img/c.png) !important; color:white !important;	}
#U019 {background-color: #b8cad2;background-image: url(../img/c.png) !important; color:white !important;	}
#U033, #U057{background-color: #643d8b;background-image: url(../img/c.png) !important; color:white !important;		}
#U058, #U075{background-color: #5ba199;background-image: url(../img/c.png) !important; color:white !important;		}
#U076{background-color: #b4a493;background-image: url(../img/c.png) !important; color:white !important;		}
#U087{background-color: #ee7436;background-image: url(../img/c.png) !important; color:white !important;		}
#U088, #U090{background-color: #bccf02;background-image: url(../img/c.png) !important; color:white !important;		}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 3 2 0 :::::::::::*/
@media only screen 
and (min-width : 320px) and (max-width : 480px)    {
/*body{ border:4px blue solid;}*/
	
	#dinam {
    background-color: #438EF2;
    border-bottom: 5px #0455BF solid;
    border-top: 5px #0455BF solid;}
.container-fluid {
    /*background-color: #138C8C;*/
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;}
#80width { width:90%; border:1px red solid}
.selec_arribarang {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white; }
.selec_arriba {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;font-size:.9em; border:1px red solid}
#map_canvas {
    z-index: 5;
    width: 100%;
    min-height: 480px;
	max-height: 530px;
    margin-left: auto;
    margin-right: auto;
}
h5{ }
#totales {
    width: 100%;
    /* border: 1px #452D65 solid; */
    padding: ;
    background-color: #438EF2;
    color: white;
    z-index: 6;
    position: absolute;
    text-align: center;
    margin-left: 0;
    top: 530px;
    float: left;
    font-size: .8em;
}
/*#totales h4{ font-size:16px}
#totales h5{ font-size:12px}*/
#totales h4{ font-size:11px; margin-top: 5px;margin-bottom: 5px;}
#totales h5{ font-size:9px; margin-top: 5px;margin-bottom: 5px;}
/*TABLA COLORES*/
#totales2 { height:140px; width:260px;z-index: 6;position: absolute;text-align: center;margin-left: 1%;top:400px; float:left; font-size:.9em;	}
.tizq{ width:200px; background-color: #e9f2f1;color: #333; border:1px #CCC solid;     font-size: .8em;}
.totales2tabla{ border:1px red solid; width: 100%;}
.tder{ height:20px; width:20px; border:1px #CCC solid;} 

/*TABLA COLORES*/
/*#comparacion {*/
    /*min-width: 300px;*/
    /*height: 300px;*/
/*    position: absolute;
    text-align: center;
    top: 218px;
    left: 250px;
    z-index: 6; 
}*/
#grafica01 {position: relative; width:275px; float: left; margin:2px; background-color:#00659C;}
#grafica02 {position: relative; width:275px; float: left; margin:2px; background-color:#19A4A4;}
#grafica03 {position: relative;  width:275px; float: left; margin:2px; background-color:#0194B6;}
.collapse1 {

}
#tabla01 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph01 {width:  100%; height: 150px}
#tabla02 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph02 {width:  100%; height: 150px}
#tabla03 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph03 {width:  100%; height: 150px}

.info_actual{background-color:#197a4d; color:white; font-size:.8em; text-align:center; width:100%; border: 1px #197a4d solid; padding:7px; z-index: 6; position: absolute; }
.separador {width:90%; margin:0 auto; height:1px; background-color:white;}
#totales span{color:#452D65}
.txtDerecha{
	/*text-align: right;	*/
}
.tablas::-webkit-scrollbar {
width: 9px; background-color:#176850;
}
.tablas::-webkit-scrollbar-thumb {
background-image:url(../img/handl.png); background-repeat: no-repeat; background-position:center; /*background-size: 100% 25%;*/
}
.tablas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; 

}

select#cmbAnios {
background-color: #7ecbb8;
    width: 100%;
    border-radius: 0;
    color: white;
    font-weight: bold;
    height: 30px;
    float: none;
    border: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;/*     -webkit-appearance: none;*/ font-size:.8em; border-left:1px white solid; border-bottom:1px white solid; border-top:1px white solid;
}
.navbar{ /*background-image:none !important; background-color:none  !important; border-color:none  !important;*/ border-radius: 0; margin-bottom:0;}
.navbar-default{ background-image:none !important; background-color:none  !important; border-color:none  !important;}
.navbar-header{ width:112%; background-color:none !important; border-color:none !important; font-size: .9em !important; }
.sel_mun {float:left;  width:32%; font-size:.8em; padding-top: 3px;}
.doble {float: left;height: 30px; padding: 7px 5px 5px 5px; color:white; width: 100%; border-right:1px white solid; border-bottom:1px white solid; border-top:1px white solid;}
.dp {/*float: left;*/height: 30px; padding: 15px 5px 5px 5px; color:white; width: 100%; border: 1px white solid;}
.dp label  { width:54%; font-size: .8em; }
.dp input { border:none; color: #999; width: 40%;height: 20px; }
.fondo{ background-color:#438EF2;     padding-top: 5px;}
.estado{ background-color:#438EF2; padding-top: 5px;     width: 100%;}
.mun{ background-color:#438EF2; padding-top: 5px;}
.contdoble {float:left; width: 65%; margin-left:5px; }
#segnav {min-height: 100px;}
.topdoble {
    height: 21px;
    margin-bottom: 3px;
    border: 0; width: 40%; color:#666 !important;   
}
#limpiar {
background-color: #46AE75;	
	border: none; width:7%;
      /* height: 72px;
    
 width: 100%;
    color: white;
    background-color: #fc7a3c;    
	background-image: url(css/img/limpiar.png);
    background-repeat: no-repeat;
    background-position: right center;*/
}
.top {height: 30px; }
.container-fluid {
	    /* background-color: #138C8C; */
     padding-right: 0;
     padding-left: 0;
	     width: 88%;
    margin: 0 auto; font-size:.9em;
 margin-right: auto; 
     margin-left: auto;
}
.navbar-default{background-color: #438EF2;
    border: none;}
	.tabla_estado { border-bottom:1px #A2D3C5 solid; height:66px; width:100%; padding-top:4px; }
	.tabla_estado img { float:left; width:50px; height:50px;}
	.titulo_edo {float:left; width:65%; }
	.titulo_edo p { color:white; font-weight:bold; }
	.t_mun{ font-size:.85em;}
	.num{font-size:.7em;}
	/*AÑOS*/
	#comparacion button{
			background-color: #58467E; border: none; color:white; opacity: .99; text-shadow: 0 1px 0 transparent !important; -moz-border-radius: 0;-webkit-border-radius: 0;
			background-image: none !important; padding: 1px 7px 1px 7px !important; font-weight:lighter; font-size:.9em;
		} 
	#anio{ 
	border: none; color:white;     opacity: .99;     text-shadow:none; -moz-border-radius: 0;
  -webkit-border-radius: 0;
    background-image: none !important;
    padding-right: 10px !important;
	    height: 35px;
    border: 1px white solid;    font-size: 1.1em !important;
	}
	
	.tabla_res{ border:1px white solid; width:99%; margin:0 auto;}
	.tabla_res td{ color:white; font-size:.7em; padding:0 2px 0 2px; font-weight:bold; /*text-align:right; */}
	.tabla_res a{     color: white;
    text-shadow: 1px 2px 3px #666;
    padding: 2px 3px 2px 3px; text-align:center;     text-decoration: underline;}
	/*.table{ border:1px white solid; width:99%; margin:0 auto;}*/
	.table { width:165px !important; height: 68px;  overflow:auto; overflow-x: hidden; border:1px red solid;}
	.table td{ width:165px !important; color:white; font-size:.7em; padding:0 1px 0 1px; font-weight:bold }
	.table th{ width:165px !important; color:white; font-size:.8em; padding:0 1px 0 1px; font-weight:bold }
	.table tr{ width:165px !important; border:1px orange solid;}
	 tbody {
    width: 150px !important;
    padding: 2px !important;
   /* border: 1px #DAECEE solid !important;*/
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 2px !important;
}

}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 4 8 0 :::::::::::*/
@media only screen 
and (min-width : 480px) and (max-width : 768px)   {
/*body{ border:4px orange solid;}*/
#dinam {background-color: #438EF2; border-bottom: 20px  #0455BF solid; border-top:20px #0455BF solid;}
#80width { width:90%; border:1px red solid}
.selec_arribarang {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white; }
.selec_arriba {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;font-size:.9em; border:1px red solid}
#map_canvas {
    z-index: 5;
    width: 100%;
    min-height: 480px;
	max-height: 530px;
    margin-left: auto;
    margin-right: auto;
}
h5{ }
#totales {
	width:230px;
	/*border: 1px #452D65 solid;*/
    padding: ;
	background-color: #438EF2;
	color: white;
	z-index: 6;
	position: absolute;
	text-align: center;
	margin-left: 1%;
    top: 215px; float:left; font-size:1em;	
}
/*#totales h4{ font-size:16px}
#totales h5{ font-size:12px}*/
#totales h4{ font-size:12px; margin-top: 5px;margin-bottom: 5px;}
#totales h5{ font-size:9px; margin-top: 5px;margin-bottom: 5px;}
/*TABLA COLORES*/
#totales2 { height:140px; width:260px;z-index: 6;position: absolute;text-align: center;margin-left: 1%;top:420px; float:left; font-size:1em;	}
.tizq{ width:200px; background-color: #e9f2f1;color: #333; border:1px #CCC solid;     font-size: .8em;}
.totales2tabla{ border:1px red solid; width:230px;}
.tder{ height:20px; width:20px; border:1px #CCC solid;} 

/*TABLA COLORES*/
#comparacion {
    /*min-width: 300px;*/
    /*height: 300px;*/
    position: absolute;
    text-align: center;
    top: 218px;
   /* left:34%;*/
    z-index: 6;     right: 6%; 
}
#grafica01 {position: relative; width:195px; float: left; margin:2px; background-color:#00659C;}
#grafica02 {position: relative; width:195px; float: left; margin:2px; background-color:#19A4A4;}
#grafica03 {position: relative;  width:195px; float: left; margin:2px; background-color:#0194B6;}
.collapse1 {

}
#tabla01 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph01 {width:  100%; height: 150px}
#tabla02 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph02 {width:  100%; height: 150px}
#tabla03 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph03 {width:  100%; height: 150px}

.info_actual{background-color:#197a4d; color:white; font-size:.8em; text-align:center; width:100%; border: 1px #197a4d solid; padding:7px; z-index: 6; position: absolute; }
.separador {width:90%; margin:0 auto; height:1px; background-color:white;}
#totales span{color:#452D65}
.txtDerecha{
	/*text-align: right;	*/
}
.tablas::-webkit-scrollbar {
width: 9px; background-color:#176850;
}
.tablas::-webkit-scrollbar-thumb {
background-image:url(../img/handl.png); background-repeat: no-repeat; background-position:center; /*background-size: 100% 25%;*/
}
.tablas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; 
}

select#cmbAnios {
background-color: #7ecbb8;
    width: 13%;
    border-radius: 0;
    color: white;
    font-weight: bold;
    height: 30px;
    float: left;
    border: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;/*     -webkit-appearance: none;*/ font-size:.8em; border-left:1px white solid; border-bottom:1px white solid; border-top:1px white solid;
}
.navbar{ /*background-image:none !important; background-color:none  !important; border-color:none  !important;*/ border-radius: 0; margin-bottom:0;}
.navbar-default {
    background-color: #438EF2;
    border: none;
}
.navbar-header{ width:100%; background-color:none !important; border-color:none !important; font-size: .9em !important; }
.sel_mun {float:left;  width:32%; font-size:.8em; padding-top: 3px;}
.doble {float: left;height: 30px; padding: 7px 5px 5px 5px; color:white; width: 30%; border-right:1px white solid; border-bottom:1px white solid; border-top:1px white solid;}
.dp {float: left;height: 30px; padding: 15px 5px 5px 5px; color:white; width: 37%; border: 1px white solid;}
.dp label  { width:54%; font-size: .8em; }
.dp input { border:none; color: #999; width: 40%;height: 20px; }
.fondo{ background-color:#438EF2;     padding-top: 5px;}
.estado{ background-color:#438EF2; padding-top: 5px;     width: 19%;}
.mun{ background-color:#438EF2; padding-top: 5px;}
.contdoble {float:left; width: 65%; margin-left:5px; }
#segnav {min-height: 30px;}
.topdoble {
    height: 21px;
    margin-bottom: 3px;
    border: 0; width: 40%; color:#666 !important;     
}
#limpiar {
background-color: #46AE75;	
	border: none; width:7%;
      /* height: 72px;
    
 width: 100%;
    color: white;
    background-color: #fc7a3c;    
	background-image: url(css/img/limpiar.png);
    background-repeat: no-repeat;
    background-position: right center;*/
}
.top {height: 30px; }
.container-fluid {
	    /* background-color: #138C8C; */
     padding-right: 0;
     padding-left: 0;
	     width: 88%;
    margin: 0 auto; font-size:.9em;
     margin-right: auto; 
     margin-left: auto;
}
.navbar-default{background-color: #438EF2;
    border: none;}
	.tabla_estado { border-bottom:1px #A2D3C5 solid; height:66px; width:100%; padding-top:4px; }
	.tabla_estado img { float:left; width:50px; height:50px;}
	.titulo_edo {float:left; width:65%; }
	.titulo_edo p { color:white; font-weight:bold; }
	.t_mun{ font-size:.85em;}
	.num{font-size:.7em;}
	/*AÑOS*/
	#comparacion button{
			background-color: #58467E; border: none; color:white; opacity: .99; text-shadow: 0 1px 0 transparent !important; -moz-border-radius: 0;-webkit-border-radius: 0;
			background-image: none !important; padding: 1px 7px 1px 7px !important; font-weight:lighter; font-size:.9em;
		} 
	#anio{ 
	border: none; color:white;     opacity: .99;     text-shadow:none; -moz-border-radius: 0;
  -webkit-border-radius: 0;
    background-image: none !important;
    padding-right: 10px !important;
	    height: 35px;
    border: 1px white solid;    font-size: 1.1em !important;
	}
	
	.tabla_res{ border:1px white solid; width:99%; margin:0 auto; font-size:.8em}
	.tabla_res td{ color:white; font-size:.7em; padding:0 2px 0 2px; font-weight:bold;/*text-align:right;*/ }
	.tabla_res a{     color: white;
    text-shadow: 1px 2px 3px #666;
    padding: 2px 3px 2px 3px; text-align:center;     text-decoration: underline;}
	/*.table{ border:1px white solid; width:99%; margin:0 auto;}*/
	.table { width:165px !important; height: 68px;  overflow:auto; overflow-x: hidden; border:1px red solid;}
	.table td{ width:165px !important; color:white; font-size:.7em; padding:0 1px 0 1px; font-weight:bold }
	.table th{ width:165px !important; color:white; font-size:.8em; padding:0 1px 0 1px; font-weight:bold }
	.table tr{ width:165px !important; border:1px orange solid;}
	 tbody {
    width: 150px !important;
    padding: 2px !important;
  /*  border: 1px #DAECEE solid !important;*/
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 2px !important;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: BOTONES :::::::::::::::::::::::::::::::::::::::::::::::::*/
.navbar-header > button{
	/*border: #138C8C !important;*/
	text-shadow: transparent !important;
    text-shadow: 0 1px 0 transparent !important;
    background-image: none !important;
    background-image: none  !important;
	background-color: none  !important;
    filter:none  !important;;
   /* border-color: 1px #138C8C solid  !important;*/
	font-size:.8em !important;
	border-radius: 0px !important; height: 25px; 
	background-image: url(../img/c.png) !important;	background-size: 33px 100% !important; background-repeat:no-repeat !important;background-position:right !important; padding-right: 25px;
	height: 35px;
    border: 1px white solid !important;
}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 768  :::::::::::*/
@media only screen 
and (min-width : 768px) and (max-width : 1024px)
 {

/*body{ border:4px yellow solid;}*/
#dinam {background-color: #438EF2; border-bottom: 20px  #0455BF solid; border-top:20px #0455BF solid;}
#80width { width:90%; border:1px red solid}
.selec_arribarang {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white; }
.selec_arriba {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;font-size:.9em; border:1px red solid}
#map_canvas {
    z-index: 5;
    width: 100%;
    min-height: 480px;
	max-height: 530px;
    margin-left: auto;
    margin-right: auto;
}
h5{ }
#totales {
	width:230px;
	/*border: 1px #452D65 solid;*/
    padding: ;
	background-color: #438EF2;
	color: white;
	z-index: 6;
	position: absolute;
	text-align: center;
	margin-left: 1%;
    top: 215px; float:left; font-size:1em;	
}
/*#totales h4{ font-size:16px}
#totales h5{ font-size:12px}*/
#totales h4{ font-size:12px; margin-top: 5px;margin-bottom: 5px;}
#totales h5{ font-size:9px; margin-top: 5px;margin-bottom: 5px;}
/*TABLA COLORES*/
#totales2 { height:140px; width:260px;z-index: 6;position: absolute;text-align: center;margin-left: 1%;top:420px; float:left; font-size:1em;	}
.tizq{ width:200px; background-color: #e9f2f1;color: #333; border:1px #CCC solid;     font-size: .8em;}
.totales2tabla{ border:1px red solid; width:230px;}
.tder{ height:20px; width:20px; border:1px #CCC solid;} 

/*TABLA COLORES*/
#comparacion {
    /*min-width: 300px;*/
    /*height: 300px;*/
    position: absolute;
    text-align: center;
    top: 218px;
   /* left:34%;*/
    z-index: 6;     right: 6%; 
}
#grafica01 {position: relative; width:195px; float: left; margin:2px; background-color:#00659C;}
#grafica02 {position: relative; width:195px; float: left; margin:2px; background-color:#19A4A4;}
#grafica03 {position: relative;  width:195px; float: left; margin:2px; background-color:#0194B6;}
.collapse1 {

}
#tabla01 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph01 {width:  100%; height: 150px}
#tabla02 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph02 {width:  100%; height: 150px}
#tabla03 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph03 {width:  100%; height: 150px}

.info_actual{background-color:#197a4d; color:white; font-size:.8em; text-align:center; width:100%; border: 1px #197a4d solid; padding:7px; z-index: 6; position: absolute; }
.separador {width:90%; margin:0 auto; height:1px; background-color:white;}
#totales span{color:#452D65}
.txtDerecha{
	/*text-align: right;	*/
}
.tablas::-webkit-scrollbar {
width: 9px; background-color:#176850;
}
.tablas::-webkit-scrollbar-thumb {
background-image:url(../img/handl.png); background-repeat: no-repeat; background-position:center; /*background-size: 100% 25%;*/
}
.tablas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; 
}

select#cmbAnios {
background-color: #7ecbb8;
    width: 13%;
    border-radius: 0;
    color: white;
    font-weight: bold;
    height: 30px;
    float: left;
    border: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;/*     -webkit-appearance: none;*/ font-size:.8em; border-left:1px white solid; border-bottom:1px white solid; border-top:1px white solid;
}
.navbar{ /*background-image:none !important; background-color:none  !important; border-color:none  !important;*/ border-radius: 0; margin-bottom:0;}
.navbar-default {
    background-color: #438EF2;
    border: none;
}
.navbar-header{ width:100%; background-color:none !important; border-color:none !important; font-size: .9em !important; }
.sel_mun {float:left;  width:32%; font-size:.8em; padding-top: 3px;}
.doble {float: left;height: 30px; padding: 7px 5px 5px 5px; color:white; width: 30%; border-right:1px white solid; border-bottom:1px white solid; border-top:1px white solid;}
.dp {float: left;height: 30px; padding: 15px 5px 5px 5px; color:white; width: 37%; border: 1px white solid;}
.dp label  { width:57%; font-size: .8em; }
.dp input { border:none; color: #999; width: 40%;height: 20px; }
.fondo{ background-color:#438EF2;     padding-top: 5px;}
.estado{ background-color:#438EF2; padding-top: 5px;     width: 19%;}
.mun{ background-color:#438EF2; padding-top: 5px;}
.contdoble {float:left; width: 65%; margin-left:5px; }
#segnav {min-height: 30px;}
.topdoble {
    height: 21px;
    margin-bottom: 3px;
    border: 0; width: 40%; color:#666 !important;     
}
#limpiar {
background-color: #46AE75;	
	border: none; width:7%;
      /* height: 72px;
    
 width: 100%;
    color: white;
    background-color: #fc7a3c;    
	background-image: url(css/img/limpiar.png);
    background-repeat: no-repeat;
    background-position: right center;*/
}
.top {height: 30px; }
.container-fluid {
	    /* background-color: #138C8C; */
     padding-right: 0;
     padding-left: 0;
	     width: 88%;
    margin: 0 auto; font-size:.9em;
     margin-right: auto; 
     margin-left: auto;
}
.navbar-default{background-color: #438EF2;
    border: none;}
	.tabla_estado { border-bottom:1px #A2D3C5 solid; height:66px; width:100%; padding-top:4px; }
	.tabla_estado img { float:left; width:50px; height:50px;}
	.titulo_edo {float:left; width:65%; }
	.titulo_edo p { color:white; font-weight:bold; }
	.t_mun{ font-size:.85em;}
	.num{font-size:.7em;}
	/*AÑOS*/
	#comparacion button{
			background-color: #58467E; border: none; color:white; opacity: .99; text-shadow: 0 1px 0 transparent !important; -moz-border-radius: 0;-webkit-border-radius: 0;
			background-image: none !important; padding: 1px 7px 1px 7px !important; font-weight:lighter; font-size:.9em;
		} 
	#anio{ 
	border: none; color:white;     opacity: .99;     text-shadow:none; -moz-border-radius: 0;
  -webkit-border-radius: 0;
    background-image: none !important;
    padding-right: 10px !important;
	height: 35px;
    border: 1px white solid;    font-size: 1.1em !important;
	}
	
	.tabla_res{ border:1px white solid; width:99%; margin:0 auto; font-size:.8em}
	.tabla_res td{ color:white; font-size:.8em; padding:0 2px 0 2px; font-weight:bold;/*text-align:right;*/ }
	.tabla_res a{     color: white;
    text-shadow: 1px 2px 3px #666;
    padding: 2px 3px 2px 3px; text-align:center; text-decoration: underline;}
	/*.table{ border:1px white solid; width:99%; margin:0 auto;}*/
	.table { width:165px !important; height: 68px;  overflow:auto; overflow-x: hidden; border:1px red solid;}
	.table td{ width:165px !important; color:white; font-size:.7em; padding:0 1px 0 1px; font-weight:bold }
	.table th{ width:165px !important; color:white; font-size:.8em; padding:0 1px 0 1px; font-weight:bold }
	.table tr{ width:165px !important; border:1px orange solid;}
	 tbody {
    width: 150px !important;
    padding: 2px !important;
    /*border: 1px #DAECEE solid !important;*/
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 2px !important;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: BOTONES :::::::::::::::::::::::::::::::::::::::::::::::::*/
.navbar-header > button{
	/*border: #138C8C !important;*/
	text-shadow: transparent !important;
    text-shadow: 0 1px 0 transparent !important;
    background-image: none !important;
    background-image: none  !important;
	background-color: none  !important;
    filter:none  !important;;
   /* border-color: 1px #138C8C solid  !important;*/
	font-size:.8em !important;
	border-radius: 0px !important; height: 25px; 
	background-image: url(../img/c.png) !important;	background-size: 33px 100% !important; background-repeat:no-repeat !important;background-position:right !important; padding-right: 25px;
	height: 35px;
    border: 1px white solid !important;
}
/*#U019, #U033, #U057, #U058, #U075, #U076, #U087, #U088, #U090{
    filter:none  !important;
	color:white;	
	background-image: url(../img/c.png) !important;
	background-size: 33px 100% !important;
	background-repeat:no-repeat !important;
	background-position:right !important; padding-right: 25px !important; border: #0B605B !important; margin-right: 2px;     height: 35px; border: 1px white solid !important;
}
#U019{background-color: #0B605B;	}
#U033, #U057{background-color: #59447d;	}
#U058, #U075{background-color: #abc2ca;	}
#U076, #U087{background-color: #f89b57;	}
#U088, #U090{background-color: #f3ff8b;	}*/
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 1 0 2 4 :::::::::::*/
@media only screen 
and (min-width: 1024px) {
/*body{ border:3px red solid;}*/
#dinam {background-color: #438EF2; border-bottom: 20px  #0455BF solid; border-top:20px #0455BF solid;}
.container-fluid {
        /* background-color: #138C8C; */
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;}
#80width { width:90%; border:1px red solid}
.selec_arribarang {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white; }
.selec_arriba {width: 11%;float: left;padding-top: 10px;background-color: #018b8d;height: 40px;color: white;font-size:.9em; border:1px red solid}
#map_canvas {
    z-index: 5;
    width: 100%;
    min-height: 480px;
	max-height: 530px;
    margin-left: auto;
    margin-right: auto;
}
h5{ }
#totales {
	width:220px;
	/*border: 1px #452D65 solid;*/
    padding: ;
	background-color: #438EF2;
	color: white;
	z-index: 6;
	position: absolute;
	text-align: center;
	margin-left: 5%;
    top: 200px; float:left; font-size:1em; /*left: 100%;*/	
}
#totales h4{ font-size:12px; margin-top: 5px;margin-bottom: 5px;}
#totales h5{ font-size:10px; margin-top: 5px;margin-bottom: 5px;}
/*TABLA COLORES*/
#totales2 { height:140px; width:260px;z-index: 6;position: absolute;text-align: center;margin-left: 5%;top:420px; float:left; font-size:1em;	}
.tizq{ width:200px; background-color: #e9f2f1;color: #333; border:1px #CCC solid;     font-size: .8em;}
.totales2tabla{ border:1px red solid;}
.tder{ height:20px; width:20px; border:1px #CCC solid;} 

/*TABLA COLORES*/
#comparacion {
   /* min-width: 800px;*/
   /*height: 300px;*/
    position: absolute;
    text-align: center;
    top: 195px;
    /*left: 40%;*/
    z-index: 6;     right: 6%; }

#grafica01 {position: relative; width: 270px; float: left; margin:2px; background-color:#00659C;}
#grafica02 {position: relative; width:270px; float: left; margin:2px; background-color:#19A4A4;}
#grafica03 {position: relative;  width:270px; float: left; margin:2px; background-color:#0194B6;}
.collapse1 {

}
#tabla01 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph01 {width:  100%; height: 150px}
#tabla02 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph02 {width:  100%; height: 150px}
#tabla03 {width:  100%; height: 110px;  overflow:auto; overflow-x: hidden;}
#graph03 {width:  100%; height: 150px}

.info_actual{background-color:#197a4d; color:white; font-size:.8em; text-align:center; width:100%; border: 1px #197a4d solid; padding:7px; z-index: 6; position: absolute; }
.separador {width:90%; margin:0 auto; height:1px; background-color:white;}
#totales span{color:#452D65}
.txtDerecha{
	/*text-align: right;	*/
}
.tablas::-webkit-scrollbar {
width: 9px; background-color:#176850;
}
.tablas::-webkit-scrollbar-thumb {
background-image:url(../img/handl.png); background-repeat: no-repeat; background-position:center; /*background-size: 100% 25%;*/
}
.tablas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px; 
}

select#cmbAnios {
background-color: #7ecbb8;
    width: 9%;
    border-radius: 0;
    color: white;
    font-weight: bold;
    height: 31px;
    float: left;
    border: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;    -webkit-appearance: none;  font-size:.9em;
	border-left: 1px white solid;
    border-bottom: 1px white solid;
    border-top: 1px white solid;
}
.navbar{ /*background-image:none !important; background-color:none  !important; border-color:none  !important;*/ border-radius: 0; margin-bottom:0;}
.navbar-default{ background-image:none !important; background-color:none  !important; border-color:none  !important;     background-color: #438EF2;}
/*.navbar-header{ width:100%; background-color:none !important; border-color:none !important; font-size: 1em !important;}*/
.navbar-header{width: 95%;
    background-color: none !important;
    border-color: none !important;
    /* font-size: 1em !important; */
    /* margin: 0 auto; */
    margin-right: 5% !important;
    margin-left: 5% !important;}
.sel_mun {float:left; width: 27%; font-size: .9em; padding-top: 3px; }
.doble {
    float: left;
    height: 30px;
    padding: 7px 5px 5px 5px;
    color: white;
    width: 30%;
    border-right: 1px white solid;
    border-bottom: 1px white solid;
    border-top: 1px white solid;
}
.dp {    float: left;
    height: 30px;
    padding: 15px 5px 5px 5px;
    color: white;
    width: 42%;
    border: 1px white solid;}
.dp label  { width:52%; font-size: .9em; }
.dp select {border:none; color: #999; width: 45%; height: 20px;}
.dp input { border:none; color: #999; width: 42%; height: 20px;}
.fondo{ background-color:#438EF2;     padding-top: 5px;}
.estado{ background-color:#438EF2; padding-top: 5px;    width: 19%;}
.mun{ background-color:#438EF2; padding-top: 5px;}
.contdoble {float:left; width: 70%; margin-left:5px; }
#segnav {
    min-height: 30px;
}
.topdoble {
    height: 21px;
    margin-bottom: 3px;
    border: 0; width: 40%;  color:#666 !important;    
}
#limpiar {
background-color: #46AE75;	
	border: none; width:7%;
      /* height: 72px;
    
 width: 100%;
    color: white;
    background-color: #fc7a3c;    
	background-image: url(css/img/limpiar.png);
    background-repeat: no-repeat;
    background-position: right center;*/
}
.top {height: 30px; }
.container-fluid {
	    /* background-color: #138C8C; */
     padding-right: 0;
     padding-left: 0;
	
    margin: 0 auto;
    margin-right: auto; 
     margin-left: auto;
}
.navbar-default{/*background-color: #46AE75;*/ border: none;}
	.tabla_estado { border-bottom:1px #A2D3C5 solid; height:66px; width:100%; padding-top:4px; }
	.tabla_estado img { float:left; width:50px; height:50px;}
	.titulo_edo {float:left; width:65%; 
    padding-top: 9px; }
	.titulo_edo p { color:white; font-weight:bold; font-size: .9em; line-height: 9px; }
	.t_mun{ font-size:.9em;}
	.num{font-size:.7em;}
	/*AÑOS*/
	#comparacion button{
			background-color: #58467E; border: none; color:white; opacity: .99; text-shadow: 0 1px 0 transparent !important; -moz-border-radius: 0;-webkit-border-radius: 0;
			background-image: none !important; padding: 1px 7px 1px 7px !important; font-weight:lighter; font-size:.9em;
		} 
	#anio{ 
	border: none; color:white;     opacity: .99;     text-shadow:none; -moz-border-radius: 0;
  -webkit-border-radius: 0;
    background-image: none !important;
    padding-right: 10px !important;
	    height: 35px;
    border: 1px white solid; font-size: 1.1em !important; 
	}
	
	.tabla_res{ border:1px white solid; width:99%; margin:0 auto; font-size:.9em;}
	.tabla_res td{ color:white; font-size:.8em; padding:0 2px 0 2px; font-weight:bold;/*text-align:right; */ }
	.tabla_res a{    color: white;
    text-shadow: 1px 2px 3px #666;
    padding: 2px 3px 2px 3px; text-align:center;    text-decoration: underline;}
	/*.table{ border:1px white solid; width:99%; margin:0 auto;}*/
	.table { width:165px !important; height: 68px;  overflow:auto; overflow-x: hidden; border:1px red solid;}
	.table td{ width:165px !important; color:white; font-size:.7em; padding:0 1px 0 1px; font-weight:bold }
	.table th{ width:165px !important; color:white; font-size:.8em; padding:0 1px 0 1px; font-weight:bold }
	.table tr{ width:165px !important; border:1px orange solid;}
	 tbody {
    width: 150px !important;
    padding: 2px !important;
    /*border: 1px #DAECEE solid !important;*/
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 2px !important;
}
	/*EDOS*/
	/*MUNICIPIOS*/
	
/*::::::::::::::::::::::::::::::::::::::::::::::::: BOTONES :::::::::::::::::::::::::::::::::::::::::::::::::*/
.navbar-header > button{
	/*border: #138C8C !important;*/
	text-shadow: transparent !important;
    text-shadow: 0 1px 0 transparent !important;
    background-image: none !important;
    background-image: none  !important;
	background-color: none  !important;
    filter:none  !important;;
   /* border-color: 1px #138C8C solid  !important;*/
	font-size:.8em !important;
	border-radius: 0px !important; height: 25px; 
	background-image: url(../img/c.png) !important;	background-size: 33px 100% !important; background-repeat:no-repeat !important;background-position:right !important; padding-right: 25px;
	height: 35px;
    border: 1px white solid !important;
}
/*#U019, #U033, #U057, #U058, #U075, #U076, #U087, #U088, #U090{
    filter:none  !important;
	color:white;	
	background-image: url(../img/c.png) !important;
	background-size: 33px 100% !important;
	background-repeat:no-repeat !important;
	background-position:right !important; padding-right: 25px !important; border: #0B605B !important; margin-right: 2px;     height: 35px; border: 1px white solid !important;
}
#U019{background-color: #0B605B;	}
#U033, #U057{background-color: #59447d;	}
#U058, #U075{background-color: #abc2ca;	}
#U076, #U087{background-color: #f89b57;	}
#U088, #U090{background-color: #f3ff8b;	}*/

}