@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;}
body {  /*background-image: none;*/}
header {    padding: 5px 0px;}
.color_fondo {background-color: #FFFFFF!Important;}
.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-brand {float: right;    font-size: 21px;    margin-top: 12px;    margin-bottom: 0px;    display: block;    font-weight: 300;     color: #424242;}
.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 10px;

}
#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--------------*/
.titulo {  font-size: 16px;    display: inline-block;    width: 85%;    font-weight: bold;}
.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:'Arial',Helvetica, sans-serif;}
.titulo_tab {
        width: 100%;
    height: 24px;
    margin-bottom: 5px;
    text-align: center;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    background-color: #e6e6e6;
    display: table;
}
.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: table;
    width: 100%;
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 10px; }
.images {    width: 20%;  float: left;  margin: 0px;  text-align: center;}
.contenedor-barra {    width: 100%;   margin-bottom: 5px; margin-top: 5px;}

.progress {  height: 30px;  margin-bottom: 3px;  overflow: hidden;  background-color: #f5f5f5;  border-radius: 0px;  width: 75%;  float: left;     display: none;}
.porcentaje {margin-top: -5px;
    height: 25px;
    width: 15%;
    float: right;
    text-align: right;
    font-size: 20px;
    color: #B30101;
    font-weight: bold;}
.cantidad2 {color: #000000;
    width: 15%;
    float: right;
    text-align: right;
    font-size: 10px;}
.internas {float: left; border-bottom: 1px solid #dadada;
    width: 100%;} 
.no_sublemas { float: left;width: 100%;clear: both;} 
.nointernas {  width: 100%;  margin-top: -5px;  float: left;}
.listaunica {  height: 16px;  clear: both;  text-align: left;  color: #000000;  font-size: 12px;  float: left;  padding: 5px 0px 0px 5px;}
.listas {float: left;width: 85%;text-align: left;color: #000000;/*text-shadow: 0 1px 0 #B1B1B1;*/-webkit-margin-before: 0px !important;-webkit-margin-after: 0px !important;-webkit-margin-start: 0px !important;-webkit-margin-end: 0px !important;font: 13px 'Arial',Helvetica;}    
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; }

/*---------internas-------------*/
.partidos {text-transform: uppercase;cursor: pointer;
    float: left;
    color: #000000;
    font-size: 11px;
    width: 66%;
    padding: 3px 0px 2px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-right: 2px; */}
.partidos2 { text-transform: uppercase;cursor: pointer;float: left;    color: #000000;    font-size: 11px;    width: 100%;    padding: 2px 0px 0px 0px;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    margin-right: 2px;}
.porcentaje2 { float: right; width: 17%; text-align: right; color:#337ab7;  padding: 0px 0px 0px 5px; font-size: 14px; font-weight: bold;}
.cantidad { padding: 2px 0px 0px 7px; width:  17%; float: right; text-align: left; color: #000000; font-size: 10px;}
.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;
    }

/*-----------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;
border-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;
  background-color: #FFF;
  padding: 0px;
}
.nav-justified>li {  background-color: #ECECEC; font: 15px 'Arial',Helvetica;  font-weight: bold;}



/*-------FOOTER-----------*/
.footer {  padding: 5px 0; }
.informatica {  color: #000;
    font: 9px 'Arial',Helvetica;
    letter-spacing: 1pt;
    text-align: center;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;}

/*----------RESPONSIVE---------------*/
/* Small devices (tablets, 768px and up) 
@media (max-width: 768px) {

.navbar-brand {   float: none;  text-align: center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {  color: #FFFFFF;  cursor: default;  background-color: #59ABE3;  border: 1px solid #ddd;  border-bottom-color: transparent;}
.contenedor-barra {  width:100%;  clear: both;}

.images {  width: 100%;  text-align: center;background-color: #ECECEC;}
.progress {  display: none;}
.cantidad2 {  width: 30%;  text-align: right; margin-right: 0%;    border-bottom: 1px solid #ECECEC;padding-bottom: 5px;}
.porcentaje {  margin-top: -5px;  width: 30%;  height: 38px;  float: right;  text-align: right;  font-size: 33px;  color: #B30101;  padding: 0px;  font-weight: bold;  margin-right: 0%;}
.nointernas {  width: 100%;}
.listaunica {  text-align: center;  width: 100%;}
.escudo {    width: 40%;    height: auto;    float: none;    display: inline-block;}
.escudo img {    width: 100%;    }
.santa { height: 20px; padding-top: 5px;  font-size: 25px;}
.pai {    width: 100%;}
.listas {width: 100%;}
.progress2 {width: 100%;    display: none;}
.tab-content>.active { padding: 0px; }
.partidos {width: auto; float: left;    text-align: center; font-size: 12px; font-weight: bold; margin-top: 3px;}
.partidos2 {width: 100%;     text-align: center; font-size: 12px;font-weight: bold;margin-top: 3px;}
.porcentaje2 {margin-bottom: 5px; float: left;      padding: 0px 5px 0px 0px;font-size: 16px;}
.cantidad {margin-bottom: 5px;  float: left;   padding: 1px 0px 0px 0px;font-size: 12px;}
.datos {    border-bottom: 0px dashed #C3C3C3; margin-bottom: 0px; }
.hora {    width: 100%; text-align: center;}
#contenedor_mapa {    display: none;}
#datos .col-md-3 {    margin-bottom: 5px;}
div#combobox {    position: inherit;}
.datos {    display: block;}
li.active {
    display: none;
}

}
*/



/*----------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;
}
}
body {
 /* background: url(../images/servicioenpruebas.gif) repeat center center;
      background-size: 40%;*/
}
#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;
}



}