@media print {
/*@page {size: landscape;}
@page rotada {size: landscape;}*/
@page {size: A4 portrait; margin: 1cm 0.5cm 1cm 1.5cm;}
@page rotada {size: A4 portrait;margin: 1cm 0.5cm 1cm 1.5cm;}
.noimprimir {display: none;}
* {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
body {  /*background-image: none;*/}
header {    padding: 5px 0px;}
a {    color: #0b497a;    text-decoration: none;}
a:after {    display: none;}
.color_fondo {}
.salto {	page-break-before: always;}
.ocultar {/*display: none;*/}
.prueba {    float: right;	clear: both;	display: none;}


div#contenedor_mapa {   /* display: none;*/}
select#menu_localidad {display: none;}
div#loading {    min-height: 784px;	    position:absolute;}
.cargafinalizada {    text-align: center;    margin-bottom: 20px;    color: #B30101;    font-size: 17px;}
.navbar-header {  width: 100%;}

.sub-brand1 {    float: right;    font-size: 0.7em;    font-weight: 300;    margin-top: 0px;    margin-bottom: 0px;    width: 100%;    text-align:right;}
.sub-brand {float: right;  font-size: 0.9em;  font-weight:400;     margin-top: 0px;    margin-bottom: 0px; width: 100%;    text-align: right;}
.navbar-brand {padding: 0;}
.row {    margin-right: 0px;    margin-left: 0px;}
.container, .main-container, .panel-default, .panel-heading, .panel {width: 100%!Important; min-width: 100%!Important; }
.panel-body, .panel-heading {padding:0px;}
.panel-default>.panel-heading {    overflow: auto; background-color: #FFFFFF;    border-color: #FFFFFF;}
.main-container {background-color: #FFFFFF!Important;}
.col-md-12, .col-sm-12, .col-xs-12 {padding:0px;}
.panel {    margin-bottom: 5px; border-color: #FFF!Important;
border: 1px solid #7f0505;    border-radius: 4px;    -webkit-box-shadow: 0 1px 1px rgba(255,255,255,255);    box-shadow: 0 1px 1px rgba(255,255,255,.0);}

/*------------CABEZAL------------------*/
.escudo {width: 100%; height: auto; float: left; text-align: left;   display: block;}
.escudo img{    width: auto;    max-height: 45px;    float: left; text-align: left;}
h5.sub-brand {    font-size: 18px; text-align: right;}
.santa {		display: block;    height: 60px;    padding-top: 5px;    font-size: 30px;}  
.santa b {    font-size: 16px !Important;    width: 100%;    display: block;	margin-bottom: 4px;}

#datos .col-md-3 {padding-left: 15px;}
.col-md-3#combobox  {padding-right: 15px;}


/*------------TITULOS------------------*/
#titulo_categoria {       margin-top: 0px;  clear: both;      text-align: center;  color: #000000;  font-size: 23px;  font-weight: bold;  width: 100%;      line-height: 1em;}

/*------------VOTOS EMPADRONADOS / MESAS ---------------*/
div#totales_sup {    overflow: hidden;     margin-bottom: 5px;     margin-top: 8px;}
#totales .tr {    width: 100%; }
#totales_sup .tr {   width: 100%; margin-top: 5px; overflow: auto; }
#totales_sup .titulo { text-align: left; width: auto;    color: #FFFFFF;    font-size: 11px;    font-weight: bold;    background-color: #6f6f6f;	border: 1px solid #ddd;    padding: 6px 7px;    height: 29px;    float: left;}
.cuadro_sup {    width: 34%;}
.cuadro1_sup {    width: 33%;}
.no_internas {       display: none;}
.paso {    text-align: right;}

.cuadro_sup {    /*width: 10%;*/    vertical-align: inherit;    text-align: -webkit-right;    text-align: right;    padding: 2px;    float: left;	margin-right: 1%;}
.cuadro1_sup {  width: 25%;  border: inset 1px;  background-color: white;  text-align: -webkit-right;  text-align: right;  padding: 3px;  float: left;  margin-right: 2%;     font-size: 10px;
    font-weight: 100; }
.cuadro2_sup {    color: #337ab7;    font-weight: bold;    text-align: right;    float: right;    font-size: 15px;}
.totales_sup {background-color: #FBFBFB;    padding: 2px 5px 3px 15px;    font: 11px 'Arial',Helvetica;    font-weight: bold;    border: 1px solid #6f6f6f;
	border-top: 1px solid #FFF;    overflow: auto;       height: 29px;}
/*------------VOTOS---------------*/
#votos .titulo {   height: 12px;    text-align: left;    color: #000000;    font-size: 15px;    font-weight: bold;    margin-bottom: 3px;}
#totales {    font: 11px 'Arial',Helvetica;    font-weight: bold;    display: block;    margin:  15px 0px;}
#totales .titulo {text-align: center;    color: #000000;    font-size: 11px;    font-weight: bold;    padding: 3px 10px;    height: 20px;    width: 100%;
    border: 1px solid #6f6f6f; }    	

.col3 {    padding: 4px 10px!Important;    width: 25%; float: left; position: relative;    min-height: 1px;}
.col4 {    padding: 4px 0px!Important;    width: 33%; float: left; position: relative;    min-height: 1px;}
.col6 {    padding: 4px 0px!Important;  width: 50%; float: left; position: relative;    min-height: 1px;}
.col61 {    padding: 4px 0px!Important; margin-right: 1%;   width: 49%; float: left; position: relative;    min-height: 1px;}
.col62 {    padding: 4px 0px!Important; margin-left: 1%;   width: 49%; float: left; position: relative;    min-height: 1px;}
.col12 {    padding: 0px 0px 10px 0px!Important;    width: 100%; float: left; position: relative;    min-height: 1px;}	
.totales1 {	    width: 100%!Important;   	margin-bottom: 1%;	float: left;    }
	
.totales {	width: 100%;    background-color: #FBFBFB;        font: 11px 'Arial',Helvetica;    font-weight: bold;   	border: 1px solid #6f6f6f;
	border-top: 1px solid #FFF;	margin-bottom: 10px;	    overflow: auto;}
.cuadro {    width: 45%;    vertical-align: inherit;    text-align: -webkit-right;    text-align: right;    padding: 4px 4px 4px 0px;    float: left;	}
.cuadro1 {  width: 25%;  border: inset 1px;  background-color: white;  text-align: -webkit-right;  text-align: right;  padding: 2px;  float: left;  font-size: 11px;  font-weight: 100;}
.cuadro2 {    	width: 30%;    color: #337ab7;    font-weight: bold;    text-align: right;    padding: 3px;    float: left;    font-size: 14px;}

#totales .tab-content>.active {    display: block;    border: 0px solid #FFF!Important;    border-top: 0px solid #FFF;    background-color: transparent;    padding: 0px!Important;}


/*--------DATOS--------------*/
.contenedor-barra .titulo {    width: 86%;}
.titulo {    height: 22px;    text-align: left;    color: #000000;    font-size: 16px;    font-weight: bold;    margin-bottom: 1px;    text-transform: uppercase;}
.titulo_votos {  font-size: 14px;    display: inline-block;    width: 85%;    font-weight: bold;}
.pai {    width: 100%;     padding: 0px 10px;}

#totales .tr {    display: block;       overflow: hidden;    float: left;    margin: 0px 0px 0px 0px;}
#cargando {	float: left;height: 616px;width: 100%;margin: auto;text-align: left;margin-top: 10px;margin-bottom: 20px;background:#F7F7F7; opacity: 0.9;filter: alpha(opacity=40);}
#contenedor {font-family: 'Roboto',Arial,Helvetica, sans-serif;    position: relative;}
.titulo_tab {        width: 100%;    height: auto;    margin: 15px 0px;    text-align: center;    color: #000000;    font-size: 15px;    font-weight: bold;    background-color: #e7e7e7!Important;    display: table; padding: 5px;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {   font-size: 13px;   text-transform: uppercase;}
a.tit_pestana {font-size: 13px;   text-transform: uppercase;}
.nav>li>a {    padding: 10px 5px;}
.datos {        clear: both;    display: inline-block;    width: 100%;    border-bottom: 1px solid #6f6f6f;    padding-bottom: 10px; }
.images {    width: 20%;  float: left;  margin: 0px;  text-align: center;}
.contenedor-barra {    width: 100%;    float: left;    margin-bottom: 5px;    margin-top: 5px;}
.progress {      width: 86%;    height: 25px;    margin-bottom: 3px;    overflow: hidden;    background-color: #f5f5f5;    border-radius: 0px;    float: left;   /* display: none;*/}
.porcentaje {    width: 14%;    margin-top: -10px;    height: auto;    float: right;    text-align: right;    font-size: 1.4em;    color: #0b497a;    padding-right: 1%;    font-weight: bold;}
.cantidad2 {    width: 14%;    color: #1B485E;    float: right;    text-align: right;    font-size: 0.75em;    padding-right: 10px;     clear: both;     margin-top: -7px;}
/*---------internas-------------*/
.internas {    cursor: pointer;    width: 100%;    border-bottom: 1px dotted #6f6f6f;    margin-bottom: 0px;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    overflow: hidden;}
.internas.ult {    border-bottom: 0px solid #ECECEC;    margin-bottom: 0px;}	
.no_sublemas { float: left;width: 100%;clear: both;} 
.nointerna {    cursor: pointer;    float: left;    width: 100%;    clear: both;}
.internas .nombres {    width: 80%;    white-space: nowrap;    overflow: hidden;    display: inline-block;    vertical-align: middle;}
.internas .numeros {    width: 20%;    float: right;    display: block;    display: inline-block;    vertical-align: middle;}


.nointerna .nombres {    width: 100%;    white-space: nowrap;    overflow: hidden;    max-width: max-content;}
.candidato:before {   /* content: "\00a0\00a0/\00a0\00a0";*/}
.candidato {    text-transform: uppercase;    cursor: pointer;    color: #000000;    font-size: 0.8em;    overflow: hidden;
        vertical-align: top;    white-space: nowrap;    text-overflow: ellipsis;    max-width: max-content;}
.partidos {    text-transform: uppercase;    cursor: pointer;    color: #0b497a;    font-size: 0.8em;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    margin-right: 1px;    font-weight: 600;    display: inline-block;    vertical-align: middle;    float: left;}
.porcentaje2 { float: right; width:  auto; text-align: right; color:#0b497a;  padding: 0px; font-size: 1em; font-weight: bold; width: 45%;}
.cantidad { padding: 3px 0px 0px 7px; width:  auto; float: right; text-align: left; color: #000000; font-size: 0.7em; width: 55%;}
.progress2 {    height: 14px;    margin-bottom: 3px;    overflow: hidden;    background-color: #f5f5f5;    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);    width: 64%;    float: left;    margin-top: 3px;	 display: none;    }
.listaunica {  height: 16px;  clear: both;  text-align: left;  color: #000000;  font-size: 12px;  float: left;  padding: 5px 0px 0px 5px;}
.listas {    float: left;    width: 86%;    text-align: left;    color: #000000;    font-size: 13px;    margin-top: 0px;}
div#titulo_imp {    display: none;}
.hora {       width: 100%;    text-align: center;    margin-top: 5px;    margin-bottom: 5px;    color: #292929;    border-bottom: 1px solid #ECECEC;    border-top: 1px solid #ECECEC;    background-color: #F5F5F5;    display: table;    padding: 7px 10px;    font-size: 13px;	display: none; }
/*-----------ACOMODAR VOTOS--------------------------*/
.tr1 {    width: 40%;    overflow: auto;    float: left;     padding-top: 2px;}
.cuadro_sup.ctr1 { width: 35%;  padding: 2px 4px 0px 0px;}
.cuadro1_sup.ctr12 {    width: 45%;}

.tr2 {    width: 56%;    overflow: auto;    float: left;    padding-top: 2px;}
.cuadro_sup.ctr2 { width: 25%;  padding: 2px 4px 0px 0px;}
.cuadro1_sup.ctr21 {    width: 32%;}
.cuadro1_sup.ctr22 {    width: 45%;}

.tr3 {   width: 35%;    overflow: auto;    float: left;    padding-top: 2px;}
.cuadro_sup.ctr3 { width: 50%;  padding: 2px 4px 0px 0px;}
.cuadro1_sup.ctr31 {    width: 32%;}

.tr4 {    width: 61%;   overflow: auto;    float: left;    padding-top: 2px;}
.cuadro1_sup.ctr4 { width: 30%; }
.cuadro1_sup.ctr41 {    width: 32%;}

.cuadro_sup.ctr5 { padding: 2px 4px 0px 0px;}
.internas.ocultar {    visibility: hidden;}
/*-------------ACOMODAR EL DE PRENSA--------------*/


.tooltip-inner {    white-space:pre;    max-width:none;}

.container {    width: 100%!Important; }
.no_internas {   height: 18px;    float: left;    width: 100%;    clear: both;    border-bottom: 1px solid #ECECEC;    margin-bottom: 1px;}
.divisor1 {           width: 50%;    float: left;    border-right: 1px solid #dadada;    padding-right: 7px;}
.divisor {    width: 50%;    float: left;	padding-left: 7px;   }

/*----------SELECTOR-------------------*/
.form-control {color: #1A5C8A; border: solid #59ABE3 1px;}
div#combobox {position: absolute; z-index: 999;}
#menu_localidad option {    color: #4591C5;    font-size: 17px;    font-weight: normal !Important;}
.no-scroll select { verflow-y: auto;}
.espacio_select {height:46px}
#datos .col-md-3 {padding-left: 0px;}
.col-md-3#combobox  {padding-right: 8px;}
/*------------MAPA-------------------*/
#contenedor_mapa {width: 100%;border: 1px solid #ddd;background-color: #FBFBFB;padding: 5px;font-weight: bold;display: block;}
/* -------------MAPA------------ */
#mapa {text-align: left;margin: 0px auto;height: 197px;position: relative;background-image: url(../images/mapa-fondo3.png);background-repeat: no-repeat;top: 0px;z-index: 1; }
.titulom {height: 31px;text-align: right;color: #A7ADB1;font: 25px 'Arial',Helvetica;font-weight: bold;position: absolute;right: 8px;top: 91px;}
.titulox {text-align: right;color: #A7ADB1;font: 10px 'Arial',Helvetica;font-weight: bold;position: absolute;right: 10px;top: 70px;width: 78px;}
.tituloa {text-align: right;color: #C3D5D8;font: 19px 'Arial',Helvetica;font-weight: bold;position: absolute;right: 10px;top: 24px;width: 90px;line-height: 0.80;}
.titulob {text-align: right;color: #C3D5D8;font: 9px 'Arial',Helvetica;font-weight: bold;position: absolute;right: 10px;top: 14px;width: 90px;line-height: 0.80;}
#borde { width: 100%;height: 195px;float: left;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #C9C9C9;background-image: url(../images/fondo_mapa.png);background-repeat: no-repeat;background-color: #F5F5F5;position: absolute;left: 5px;top: 5px;}
#curvac {     position: absolute;    background-color: #FBFBFB;    right: 15px;    bottom: 10px;}
#curvad { 	position: absolute;    right: 15px;    bottom: 10px;}

.detallemapa {width: 76px;-webkit-margin-start: 2px;-webkit-margin-end: auto;margin-left: 2px;margin-right: auto;margin-top: 2px;}
table.detallemapa {border: 0px!important;border-spacing: 0px!important;display: table!important;border-collapse: separate!important;}
.detallemapa td{height: 7px;border: 0px;border-spacing: 0px!important;}
.cifra {height: 12px;text-align: right;vertical-align: middle;color: #B4B4B4;font: 9px 'Arial',Helvetica;width: 39px;padding-right: 2px;}
.circulo {width: 12px;height: 7px;}
.siglas{width: 25px;}
.par {height: 12px;width: 22px;font-size: 10px;font-weight: bold;color: #0D648D;margin-left: 2px;float: left;}
.p83 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: 1px solid #7E7E7E;background-color: #3FC400;opacity: 0.7;filter: alpha(opacity=70);}
.p710 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: 1px solid #7E7E7E;background-color: #08259d;opacity: 0.7;filter: alpha(opacity=70);}
.p13 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: 1px solid #7E7E7E;background-color: #FF0000;opacity: 0.7;filter: alpha(opacity=70);}
.p702 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: 1px solid #7E7E7E;background-color: #03B9FF;opacity: 0.9;filter: alpha(opacity=70);}
.p701 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: 1px solid #7E7E7E;background-color: #900586;opacity: 0.7;filter: alpha(opacity=70);}	
.p703 {width: 7px;height: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;b order-radius: 7px;border: 1px solid #7E7E7E;background-color: #000000;opacity: 0.7;filter: alpha(opacity=70);}	

#mapa .rg,.co,.rg_d,.co_d {	
width: 13px;
height: 13px;
position: absolute;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
border: 1px solid #7E7E7E;
background-color: #E4E4E4;
opacity: 0.7;
filter: alpha(opacity=70);
}
#mapa .sj,.rt,.cf,.pb,.sc,.pm ,.lh,.pd,.pt,.sj_d,.rt_d,.cf_d,.pb_d,.sc_d,.pm_d ,.lh_d,.pd_d,.pt_d{	
width: 10px;
height: 10px;
position: absolute;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #7E7E7E;
background-color: #E4E4E4;
opacity: 0.7;
filter: alpha(opacity=70);
}
#mapa .vn,.ch,.le,.tl,.gg,.gm,.vn_d,.ch_d,.le_d,.tl_d,.gg_d,.gm_d{	
width: 7px;
height: 7px;
position: absolute;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #7E7E7E;
background-color: #E4E4E4;
opacity: 0.7;
filter: alpha(opacity=70);
}
#mapa .le,.la,.ja,.fr,.ta,.cc,.gm,.bc,.hi,.le_d,.la_d,.ja_d,.fr_d,.ta_d,.cc_d,.gm_d,.bc_d,.hi_d{	
width: 5px;
height: 5px;
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #7E7E7E;
background-color: #E4E4E4;
opacity: 0.7;
filter: alpha(opacity=70);
}
.rg,.rg_d{ left: 100px; top: 162px;} 
.co,.co_d{ left: 127px; top: 10px;} 

.sj,.sj_d{ left: 124px; top: 93px;}  
.rt,.rt_d { left: 50px; top: 154px;}  
.cf,.cf_d { left: 42px; top: 123px;}  
.pb,.pb_d { left: 97px; top: 112px;}  
.sc,.sc_d { left: 110px; top: 115px;} 
.gg,.gg_d { left: 80px; top: 80px;} 
.pm,.pm_d { left: 64px; top: 17px;} 
.lh,.lh_d { left: 105px; top: 18px;} 
.pd,.pd_d { left: 160px; top: 50px;} 

.vn,.vn_d { left: 57px; top: 164px;}  
.ch,.ch_d { left: 33px; top: 104px;}  
.tl,.tl_d { left: 58px; top: 107px;} 
.ta,.ta_d { left: 70px; top: 72px;} 
.gm,.gm_d { left: 108px; top: 55px;} 
.pt,.pt_d{ left: 120px; top: 26px;} 
.bc,.bc_d{ left: 68px; top: 46px;} 
.hi,.hi_d { left: 52px; top: 50px;} 

.le,.le_d { left: 71px; top: 146px;} 		
.la,.la_d { left: 54px; top: 25px;} 
.ja,.ja_d { left: 144px; top: 41px;} 	
.fr,.fr_d { left: 137px; top: 34px;} 	
.cc,.cc_d { left: 133px; top: 26px;} 	
	



  
/*---------PESTAÑAS-------------*/
.tab-pane {    overflow: auto;}
.tab-content>.active {
  display: block;
  border: 0px solid #ddd;
  border-top: 1px solid #FFF;
  
  padding: 0px;
}
.nav-justified>li {  background-color: #ECECEC; font: 15px 'Arial',Helvetica;  font-weight: bold;}



/*-------FOOTER-----------*/
.informacion {font-size: 0.6em;margin-top: 5px; }
.footer {  margin-top: 10px; }
.informatica {  color: #000;    font: 9px 'Arial',Helvetica;    letter-spacing: 0.5pt;    text-align: center;    border-spacing: 0px;    margin-left: auto;    margin-right: auto; margin-top: 7px;     padding-top: 10px;    border-top: 1px solid #6f6f6f;}
/*----------CARGANDO---------------*/

.glow span {
            -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
			
            -webkit-animation: animate-glow 1s ease-out infinite;
            -moz-animation: animate-glow 1s ease-out infinite; 			
}

@-webkit-keyframes animate-glow {
		 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
		 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
		 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
		 }

@-moz-keyframes animate-glow {
		 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
		 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
		 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
		 }

.spinner {
height: 130px;
width: 130px;
margin: 0 auto;
position: relative;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border: 22px solid #B2C7CA;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
}

.spinner:before {
content: "";
display: block;
position: absolute;
left: 0px; 
top: -24px;
height: 100%;
width: 100%;
border-top: 22px solid #8AA7AC;
border-left: 22px solid transparent;
border-bottom: 22px solid transparent;
border-right: 22px solid transparent;
border-radius: 100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
   }
.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 2px solid #c2e1f5;
}


/*------------------BARRA CSS3----------------------*/
.prog-bar span {
    display: inline-block;
    height: 100%;
    background-color: #777;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}
.prog-bar {
    float: left;
    background-color: #F5F5F5;
    height: 10px;
    padding: 2px;
    width: 125px;
    margin: 5px 0 0px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px #D6D6D6 inset, 0 -1px 0 #C4C4C4;
    -webkit-box-shadow: 0 1px 1px #D6D6D6 inset, 0 -1px 0 #C4C4C4;
    box-shadow: 0 1px 1px #D6D6D6 inset, 0 -1px 0 #C4C4C4;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
}
.blue span {
    background-color: #34c2e3;   
}

.orange span {
      background-color: #fecf23;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.green span {
      background-color: #a5df41;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}
.stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 3s linear infinite;             
}

@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
.shine span {
    position: relative;
}

.shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    animation: animate-shine 2s ease-out infinite;             
}

@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}
/*-------------VER SI DEJAR-------------------*/
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 2px solid #c2e1f5;
}
}

#subtitulo_categoria {
	margin-top: 3px;
    margin-bottom: 7px;
    clear: both;
    text-align: center;
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    width: 100%;
	    line-height: 1em;
		    
}
input#localidad {    float: right;	clear: both;}
.dato {    float: right;	clear: both;}





/*--reportes--*/
.progress {      width: 86%;    height: 25px;    margin-bottom: 3px;    overflow: hidden;    background-color: #f5f5f5!Important;    border-radius: 0px;    float: left;    }
.porcentaje {    width: 14%;      height: auto;    float: right;    text-align: right;    font-size: 22px;    color: #0b497a;    padding-right: 1%;    font-weight: bold;}
.progress-bar {/*background-color: #42b6e7;*/}
.progress-bar.progress-bar704 {    background-color: #405a87!Important;}
.progress-bar.progress-bar2 {    background-color: #42b6e7!Important;}

}