@media screen {
@page {size: landscape;}
.ocultar {display: none;}
/*.ocultar1 {display: none;}*/
html {    background-color: #242b61 !Important;}

div#divtotalespre, div#divtotalespsurn, div#divtotalessenn, div#divtotalesdipn, div#divtotalespsurr, div#divtotalesgob, div#divtotalesdipp, div#divtotalesmagis, div#divtotalesint, div#divtotalescom, div#divtotalescon, div#divtotales {    display: none;}
div#mapaTotales {    margin-top: -20px;}
.warning-message {    background-color: #f8d7da;    color: #721c24;    padding: 10px;    display: flex;    align-items: center;    justify-content:center;	margin-top: 20px;}
.warning-message i {    font-size: 64px;    margin-right: 20px;}
.boton_imprimir {    clear: both;    text-align: right;    margin-top: 20px;}
.btn-primary {    color: #fff;    background-color: #2b72ab;    border-color: #2e6da4;}
.prueba {    float: right;	clear: both;	display: none;}
.hidden {display: none;}
input#localidad {	clear: both;	}
.imprimir {display: none;}
div#loading {    min-height: 784px;	    position:absolute;}
.cargafinalizada {    text-align: center;    margin-bottom: 20px;    color: #B30101;    font-size: 17px;}
div#contenedor_mapa {   /* display: none;*/}

/* Popover */
.popover {  border: 1px solid rgba(0,0,0,.2);  padding: 0px;  z-index: 1070;}
.popover.left {    margin-left: -10px;}
.popover.left>.arrow:after {   border-right-color: #000;   border-left-color:#000;}
/* Popover Header */
.popover-title {  background-color: #2b72ab;   color: #FFF;   font-size: 12px;  text-align:center;}
.popover-content {  background-color: #FFF;  color: #000;  padding: 12px;  font-size: 12px;  text-transform: uppercase;}
/* Popover Arrow */
.arrow { border:1px solid #00000;}

.popover.left .arrow:after {    border-left-color: #FFF; }
.popover.right .arrow:after {    border-right-color: #FFF;}
.popover.top .arrow:after {    border-top-color: #FFF; }
.popover.bottom .arrow:after {    border-bottom-color: #2b72ab; }


[data-tip] {	position: absolute;}
[data-tip]:before {
content: '';
display: none;
border: 5px solid #1a1a1a;
border-top-color: #077ab0;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
position: absolute;
top: -3px;
left: 0px;
z-index: 200;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
[data-tip]:after {
font: 12px 'Arial',Helvetica;
display: none;
content: attr(data-tip);
position: absolute;
top: -23px;
left: -9px;
padding: 5px 8px;
background: #077ab0;
color: #fff;
z-index: 200;
font-weight: bold;
font-size: 13px;
height: 20px;
line-height: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
word-wrap: normal;
}
[data-tip]:hover:before, [data-tip]:hover:after {
display:block;
}
.tooltip {font-size:10px;letter-spacing: 1px;}
.color_fondo {background-color: #FFF !Important;}
.main-container {  padding: 5px 0px 30px 0px;  min-height: 525px;}
header { background: #242b61; color: #FFFFFF;  padding: 10px 0px; border-bottom: 8px solid #cdcdcd;}
header a { color: #FFFFFF;  }
header a:hover {  color: #000000;}
a { text-decoration: none; color: #242b61;}
a:hover {  text-decoration: none; color: #2b72ab;}
.navbar-header {  width: 100%;}
.navbar-brand {  font-size: 2em;  font-weight: bold;     padding: 0px 15px!Important;display: inline-block;height: auto;}
.sub-brand1 {    float: right;    font-size: 0.75em;    font-weight: 300;    margin-top: 4px;    margin-bottom: 0px;    width: 100%;    text-align:right;}
.sub-brand {float: right;  font-size: 0.8em;  font-weight: bold;     margin-top: 6px;    margin-bottom: 0px; width: 100%;    text-align: right;}

/*------------CABEZAL------------------*/
.escudo {width: 100%;    height: auto;    float: left;    display: block;}
.escudo img{width: auto;    height: 60px; float: left;}
.santa {		display: block;    height: 60px;    padding-top: 5px;    font-size: 30px;}  
.santa b {    font-size: 16px !Important;    width: 100%;    display: block;	margin-bottom: 4px;}
/*----------SELECTOR-------------------*/
.form-control {color: #1A5C8A; border: solid #2b72ab 1px;}
div#combobox { z-index: 999;  float: right;  margin-left: -25%;}
div#combobox select {    cursor: pointer;     line-height: 25px;}

#menu_localidad option {    color: #242b61;    font-size: 17px;    font-weight: normal !Important;}
#menu_localidad option:hover {  color: #242b61;   background-color:#2b72ab;  }
.no-scroll select { verflow-y: auto;}
.espacio_select {height:46px}
#datos {margin-top: 10px;}
.dropdown-menu>li>a {    display: block;    padding: 3px 20px;    clear: both;    font-weight: 400;    line-height: 1.42857143;    color: #333;
    white-space: nowrap;	font-size: 15px; }

select:focus {  outline: none;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {    outline: thin dotted #333!important;    outline: 5px auto -webkit-focus-ring-color!important;    outline-offset: -2px;}
.open>.dropdown-toggle.btn-default:hover {    color: #333!important;    background-color: #d4d4d4;    border-color: #8c8c8c;}
.btn-default:hover {    color: #333;    background-color: #e6e6e6;    border-color: #adadad;}
.btn-default {    color: #1A5C8A;    border: solid #2b72ab 1px;    height: 46px;    padding: 10px 16px;    font-size: 18px;    line-height: 1.3333333;   border-radiu: 6px;}
.dropdown-menu>li>a:hover {  color: #242b61;   background-color:#e7e7e7;  }

/*------------MAPA-------------------*/
.info {    float: right; font-size: 0.1em;}
div#dialog-pre.anchomapa, div#dialog-psurn.anchomapa {    width: 30%;}
#dialog-pre #curvac, #dialog-psurn #curvac {     position: absolute;    background-color: #FBFBFB;    right: 30%;    bottom: 7px;}
#dialog-pre  #curvad, #dialog-psurn #curvad { 	position: absolute;    right: 30%;    bottom: 7px;}
.anchomapa {    width: 25%;}
#curvac {     position: absolute;    background-color: #FBFBFB;    right: 12px;    bottom: 15px;}
#curvad { 	position: absolute;    right: 12px;    bottom: 15px;}

#mapas {    display: block;    overflow: hidden;}
#mapas .titulo {text-align: left;   color: #FFFFFF;    font-size: 13px;    font-weight: 400;    background-color: #42b6e7;    padding: 4px 10px;    height: 24px;}
#contenedor_mapa {width: 100%;border: 1px solid #ddd;background-color: #FBFBFB;padding: 5px;font-weight: bold;display: block;}
#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;}



.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: 13px;border: 0px;border-spacing: 0px!important;}
.cifra {height: 12px;text-align: right;vertical-align: middle;color: #B4B4B4;font: 10px 'Arial',Helvetica; width: 39px;padding-right: 0px;}
.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;}
.puntos {
width: 8px;
height: 8px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #a7a7a7;
opacity: 0.7;
filter: alpha(opacity=70);
}
/*
.p13 {background-color: #FF0000;}
.p36 {background-color: #a6d6ed;}
.p57 {background-color: #009e35;}
.p131 {background-color: #087ad6;}
.p132 {background-color: #888888;}
.p133, .p703, .p133 , .p501{background-color: #000000;}
.p135, .p701, .p502, .p503{background-color: #f0f306;}
.p136, .p502, .p702{background-color: #03B9FF;}
.p137 {background-color: #ff3a56;}
.p710, .p176, .p87 {background-color: #08259d;}
.p701{background-color: #900586;}	
*/
.p13 {background-color: #C3030E;}
.p134, .p702, .p504 {background-color: #01B7FE;}
.p502, .p701 {background-color: #FFE91A;}
.p57 {background-color: #70AC22;}
.p135 {background-color: #BD68A8;}
.p20 {background-color: #3384D6;}
.p40 {background-color: #752E7B;}
.p90 {background-color: #B8A500;}
.p92 {background-color: #630000;}
.p94 {background-color: #566CC7;}
.p131 {background-color: #2176A0;}
.p132 {background-color: #FFE91A;}
.p133 {background-color: #3A3D3A;}
.p136, .p703, .p501 {background-color: #000000;}
.p137 {background-color: #086D99;}
.p503, .p704 {background-color: #0B4CAC;}
.p95 {background-color: #0060A4;}

#mapa 
.rg,
.co,
.co_p,
.rg_p,
.co_psn,
.rg_psn,
.rg_sn,
.co_sn,
.rg_dn,
.co_dn,
.co_psr,
.rg_psr, 
.co_g,
.rg_g, 
.rg_dp,
.co_dp, 
.rg_in,
.co_in, 
.rg_cm,
.co_cm
{	
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_p,.rt_p,.cf_p,.pb_p,.sc_p,.pm_p,.lh_p,.pd_p,.pt_p,
.sj_psn,.rt_psn,.cf_psn,.pb_psn,.sc_psn,.pm_psn,.lh_psn,.pd_psn,.pt_psn,
.sj_sn,.rt_sn,.cf_sn,.pb_sn,.sc_sn,.pm_sn,.lh_sn,.pd_sn,.pt_sn,
.sj_dn,.rt_dn,.cf_dn,.pb_dn,.sc_dn,.pm_dn,.lh_dn,.pd_dn,.pt_dn,
.sj_psr,.rt_psr,.cf_psr,.pb_psr,.sc_psr,.pm_psr,.lh_psr,.pd_psr,.pt_psr,
.sj_g,.rt_g,.cf_g,.pb_g,.sc_g,.pm_g,.lh_g,.pd_g,.pt_g,
.sj_dp,.rt_dp,.cf_dp,.pb_dp,.sc_dp,.pm_dp,.lh_dp,.pd_dp,.pt_dp,
.sj_cm,.rt_cm,.cf_cm,.pb_cm,.sc_cm,.pm_cm,.lh_cm,.pd_cm,.pt_cm,
.sj_in,.rt_in,.cf_in,.pb_in,.sc_in,.pm_in,.lh_in,.pd_in,.pt_in
{	
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_p,.ch_p,.le_p,.tl_p,.gg_p,.gm_p,
.vn_psn,.ch_psn,.le_psn,.tl_psn,.gg_psn,.gm_psn,
.vn_sn,.ch_sn,.le_sn,.tl_sn,.gg_sn,.gm_sn,
.vn_dn,.ch_dn,.le_dn,.tl_dn,.gg_dn,.gm_dn,
.vn_psr,.ch_psr,.le_psr,.tl_psr,.gg_psr,.gm_psr,
.vn_g,.ch_g,.le_g,.tl_g,.gg_g,.gm_g,
.vn_dp,.ch_dp,.le_dp,.tl_dp,.gg_dp,.gm_dp,
.vn_cm,.ch_cm,.le_cm,.tl_cm,.gg_cm,.gm_cm,
.vn_in,.ch_in,.le_in,.tl_in,.gg_in,.gm_in
{	
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_p,.la_p,.ja_p,.fr_p,.ta_p,.cc_p,.gm_p,.bc_p,.hi_p,
.le_psn,.la_psn,.ja_psn,.fr_psn,.ta_psn,.cc_psn,.gm_psn,.bc_psn,.hi_psn,
.le_sn,.la_sn,.ja_sn,.fr_sn,.ta_sn,.cc_sn,.gm_sn,.bc_sn,.hi_sn,
.le_dn,.la_dn,.ja_dn,.fr_dn,.ta_dn,.cc_dn,.gm_dn,.bc_dn,.hi_dn,
.le_psr,.la_psr,.ja_psr,.fr_psr,.ta_psr,.cc_psr,.gm_psr,.bc_psr,.hi_psr,
.le_g,.la_g,.ja_g,.fr_g,.ta_g,.cc_g,.gm_g,.bc_g,.hi_g,
.le_dp,.la_dp,.ja_dp,.fr_dp,.ta_dp,.cc_dp,.gm_dp,.bc_dp,.hi_dp,
.le_cm,.la_cm,.ja_cm,.fr_cm,.ta_cm,.cc_cm,.gm_cm,.bc_cm,.hi_cm,
.le_in,.la_in,.ja_in,.fr_in,.ta_in,.cc_in,.gm_in,.bc_in,.hi_in
{	
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_p,.rg_psn,.rg_sn,.rg_dn,.rg_dp,.rg_psr,.rg_g,.rg_in,.rg_cm{ left: 100px; top: 162px;} 
.co,.co_p,.co_psn,.co_sn,.co_dn,.co_dp,.co_psr,.co_g,.co_in,.co_cm{ left: 127px; top: 10px;} 

.sj,.sj_p,.sj_psn,.sj_sn,.sj_dn,.sj_dp,.sj_psr,.sj_g,.sj_in,.sj_cm{ left: 124px; top: 93px;}  
.rt,.rt_p,.rt_psn,.rt_sn,.rt_dn,.rt_dp,.rt_psr,.rt_g,.rt_in,.rt_cm { left: 50px; top: 154px;}  
.cf,.cf_p,.cf_psn,.cf_sn,.cf_dn,.cf_dp,.cf_psr,.cf_g,.cf_in,.cf_cm{ left: 42px; top: 123px;}  
.pb,.pb_p,.pb_psn,.pb_sn,.pb_dn,.pb_dp,.pb_psr,.pb_g,.pb_in,.pb_cm { left: 97px; top: 112px;}  
.sc,.sc_p,.sc_psn,.sc_sn,.sc_dn,.sc_dp,.sc_psr,.sc_g,.sc_in,.sc_cm { left: 110px; top: 115px;} 
.gg,.gg_p,.gg_psn,.gg_sn,.gg_dn,.gg_dp,.gg_psr,.gg_g,.gg_in,.gg_cm { left: 80px; top: 80px;} 
.pm,.pm_p,.pm_psn,.pm_sn,.pm_dn,.pm_dp,.pm_psr,.pm_g,.pm_in,.pm_cm { left: 64px; top: 17px;} 
.lh,.lh_p,.lh_psn,.lh_sn,.lh_dn,.lh_dp,.lh_psr,.lh_g,.lh_in,.lh_cm { left: 105px; top: 18px;} 
.pd,.pd_p,.pd_psn,.pd_sn,.pd_dn,.pd_dp,.pd_psr,.pd_g,.pd_in,.pd_cm { left: 160px; top: 50px;} 

.vn,.vn_p,.vn_psn,.vn_sn,.vn_dn,.vn_dp,.vn_psr,.vn_g,.vn_in,.vn_cm { left: 57px; top: 164px;}  
.ch,.ch_p,.ch_psn,.ch_sn,.ch_dn,.ch_dp,.ch_psr,.ch_g,.ch_in,.ch_cm { left: 33px; top: 104px;}  
.tl,.tl_p,.tl_psn,.tl_sn,.tl_dn,.tl_dp,.tl_psr,.tl_g,.tl_in,.tl_cm { left: 58px; top: 107px;} 
.ta,.ta_p,.ta_psn,.ta_sn,.ta_dn,.ta_dp,.ta_psr,.ta_g,.ta_in,.ta_cm { left: 70px; top: 72px;} 
.gm,.gm_p,.gm_psn,.gm_sn,.gm_dn,.gm_dp,.gm_psr,.gm_g,.gm_in,.gm_cm { left: 108px; top: 55px;} 
.pt,.pt_p,.pt_psn,.pt_sn,.pt_dn,.pt_dp,.pt_psr,.pt_g,.pt_in,.pt_cm{ left: 120px; top: 26px;} 
.bc,.bc_p,.bc_psn,.bc_sn,.bc_dn,.bc_dp,.bc_psr,.bc_g,.bc_in,.bc_cm{ left: 68px; top: 46px;} 
.hi,.hi_p,.hi_psn,.hi_sn,.hi_dn,.hi_dp,.hi_psr,.hi_g,.hi_in,.hi_cm { left: 52px; top: 50px;} 

.le,.le_p,.le_psn,.le_sn,.le_dn,.le_dp,.le_psr,.le_g,.le_in,.le_cm { left: 71px; top: 146px;} 		
.la,.la_p,.la_psn,.la_sn,.la_dn,.la_dp,.la_psr,.la_g,.la_in,.la_cm { left: 54px; top: 25px;} 
.ja,.ja_p,.ja_psn,.ja_sn,.ja_dn,.ja_dp,.ja_psr,.ja_g,.ja_in,.ja_cm { left: 144px; top: 41px;} 	
.fr,.fr_p,.fr_psn,.fr_sn,.fr_dn,.fr_dp,.fr_psr,.fr_g,.fr_in,.fr_cm { left: 137px; top: 34px;} 	
.cc,.cc_p,.cc_psn,.cc_sn,.cc_dn,.cc_dp,.cc_psr,.cc_g,.cc_in,.cc_cm { left: 133px; top: 26px;} 	
	
.imalogo {
float: right;
margin: 0px auto;
width: 230px;
height: 87px;
position: relative;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
z-index: 10;
top: 5px;
right: 42px;
    }
/*------------VOTOS---------------*/
.llamada {    margin-bottom: 5px;    color: #af1010;    text-align: right;}
.tr1 .llamada,.tr3 .llamada {   color: #af1010;      font-size: 15px;  text-align: left;    padding-left: 5px;   float: left;}
#votos .titulo {   height: 12px;    text-align: left;    color: #000000;    font-size: 15px;    font-weight: bold;    margin-bottom: 3px;}
#divtotalespre, #divtotalespsurn, #divtotalessenn, #divtotalesdipn, #divtotalespsurr, #divtotalesgob, #divtotalesdipp, #divtotalesmagis, #divtotalesdipm, #divtotalesint, #divtotalescom, #divtotalescon, #divtotales {   position: absolute;    right: -33.33333333%; top: 410px;}

#divtotalespre.totalprovincial, #divtotalespsurn.totalprovincial, #divtotalessenn.totalprovincial, #divtotalesdipn.totalprovincial, #divtotalespsurr.totalprovincial, #divtotalesgob.totalprovincial, #divtotalesdipp.totalprovincial, #divtotalesmagis.totalprovincial, 
#divtotalesdipm.totallocalidad,
#divtotalesint.totalprovincial, 
#divtotalescom.totalprovincial,
#divtotalescon.totalprovincial,
#divtotales.totalprovincial {   top: 370px;}
#divtotalespre.totallocalidad, #divtotalespsurn.totallocalidad, #divtotalessenn.totallocalidad, #divtotalesdipm.totallocalidad, #divtotalesdipn.totallocalidad, #divtotalespsurr.totallocalidad, #divtotalesgob.totallocalidad, #divtotalesdipp.totallocalidad, #divtotalesmagis.totallocalidad, 
#divtotalesdipm.totallocalidad, 
#divtotalesint.totallocalidad, 
#divtotalescom.totallocalidad,
#divtotalescon.totallocalidad,
#divtotales.totallocalidad {   top: 410px;}



#totales {    margin-top: 0px;    font: 12px 'Arial',Helvetica;  font-weight: bold;   	display: block;}
#totales .titulo, #totales .titulo_votos {text-align: left;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    background-color: #e7e7e7;
    padding: 5px 10px;
    height: 24px;
}
.totales1 {  }
.totales {    /*background-color: #f5f5f5;*/    padding: 10px;    font: 12px 'Arial',Helvetica;    font-weight: bold;   	border: 1px solid #ddd;	margin-bottom: 10px;}
.totales_sup { /*background-color: #f5f5f5;*/    padding: 10px;    font: 12px 'Arial',Helvetica;    font-weight: bold;   	border: 1px solid #ddd;	margin-bottom: 10px;}

.cuadro, .cuadro_sup {    width: 34%;    vertical-align: inherit;    text-align: -webkit-right;    text-align: right;    padding: 2px;    float: left;	margin-right: 1%;}
.cuadro1, .cuadro1_sup {  width: 33%;  border: inset 1px;  background-color: white;  text-align: -webkit-right;  text-align: right;  padding: 2px;  float: left;}
.cuadro2, .cuadro2_sup {    width: 32%;    color: #242b61;    font-weight: bold;    text-align: right;    padding: 2px;    float: right;    font-size: 15px;}

#totales .tab-content>.active {    display: block;    border: 0px solid #ddd;    border-top: 0px solid #FFF;    background-color: transparent;    padding: 0px;}
/*--------DATOS--------------*/
.w-100 {    width: 100%;}
.pai {    width: 100%;}
#datos {    min-height: 525px;}
#totales .tr, .tr1, .tr2, .tr3, .tr4   {    display: block;    width: 100%;	overflow: hidden;	height: 25px;}

#cargando {	
float: left;
height: 616px;
width: 100%;
margin: auto;
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
background:#F7F7F7; /*url(../images/ajax-loader.gif) center no-repeat;*/
opacity: 0.9;
filter: alpha(opacity=40);
}
#contenedor {font-family: 'Roboto',Arial,Helvetica, sans-serif; position: relative;}

.textosuma {
    height: 300px;
    text-align: center;
    font-size: 15px;
}
#botones {    float: right; margin-top: 80px;}
#botones .active a {color:#FFF;}
#botones a {color:#242b61;}
.titulo_tab {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    color: #242b61;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
    background-color: #e7e7e7;
    display: table;
	vertical-align: middle;
	padding: 3px 0px;
	/*line-height: 35px;*/
	position: relative;
}
.mesasescrutadas {    float: right;    right: 1%;    padding-right: 15px;    top: 5px;    font-size: 14px;    font-weight: 400; /*display: inline-block;     vertical-align: middle;*/ position: absolute;}
.mesasescrutadas b {    color: #af1010;    font-size: 17px;    font-weight: 500;    }

.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: 1.5rem;   text-transform: uppercase; background-color: #f5f5f5;}
.nav.nav-tabs>li {  vertical-align: middle;  }
.nav.nav-tabs>li>a {  padding: 10px 5px; }

.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {    color: #fff;    background-color: #2b72ab;}

.nav>li.disabled>a {    color: #b7b7b7!Important; background-color: #f5f5f5;}
.nav>li.disabled>a:hover {   background-color: #f5f5f5;}
.nav-pills>li.disabled>a, .nav-pills>li.disabled>a:focus, .nav-pills>li.disabled>a:hover {   background-color: #f5f5f5;}
.disabled {
    pointer-events: none; 
    color: #999; 
    text-decoration: none; 
    cursor: not-allowed; 
}

#titulo_categoria {    margin-bottom:0px;  clear: both;  text-align: center;  color: #242b61;  font-size: 35px;  font-weight: 400;  width: 100%;      line-height: 1em;	      margin-top: 10px; padding: 0px 20px 0px 0px;}
#subtitulo_categoria {
	margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
    text-align: center;
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    width: 100%;
	line-height: 1.1em;
	height: 25px;
	display: inline-block;
	padding: 0px 20px 0px 0px;
}
div#sumain {   display: contents;}
div#sumain b{ color: #af1010; }
div#sumain:before {
   content: " - ";
   color: #000000;
}
.dato {    float: right;	clear: both;}

/*.datos {    clear: both;  display: table;  width: 100%;    border-bottom: 1px dashed #C3C3C3;   margin-bottom: 10px;  padding-bottom: 5px;}*/
.datos {    clear: both;  display: inline-block;  width: 100%;    border-bottom: 1px dashed #C3C3C3;   margin-bottom: 10px;  padding-bottom: 5px;}
.datos img { max-width: 100%;   }
.images {    width: 14%;  float: left;  margin: 0px;  text-align: center;}
.contenedor-barra {    width: 86%;  float: left;  margin-bottom: 5px; margin-top: 5px;}
.contenedor-barra .titulo	{width: 86%;}
.titulo , .titulo_votos {  height: 22px;  text-align: left;  color: #242b61;  font-size: 16px;  font-weight: bold;   margin-bottom: 1px;     text-transform: uppercase;}
.progress { width: 86%; height: 25px;  margin-bottom: 3px;  overflow: hidden;  background-color: #f5f5f5;  border-radius: 0px;    float: left;}
/*.progress-bar {background-color: #42b6e7; }*/
.progress-bar2 {background-color: #42b6e7; }
.progress-bar704 {background-color: #405a87; }
.porcentaje { width: 14%; margin-top: -12px;    height: 36px;  float: right;  text-align: right;  font-size: 28px;  color: #242b61;      padding-right: 1%;  font-weight: bold;  }
.cantidad2 {    width: 14%;     color: #383838;     float: right;    text-align: right;    font-size: 12px;    padding-right: 10px;     clear: both;     margin-top: -4px;}
.nointerna {    /*cursor: pointer;*/    float: left;    width: 100%;    clear: both;}
.internas {    /*cursor: pointer;*/    width: 100%;    border-bottom: 1px solid #ECECEC;    margin-bottom: 2px;    display: inline-block;    vertical-align: top;    white-space: nowrap;    overflow: hidden;}
.internas.ult {    border-bottom: 0px solid #ECECEC;    margin-bottom: 0px;}
.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: 86%;    text-align: left;    color: #000000;    font-size: 13px;    margin-top: 3px;}
.hora {    width: 100%;    text-align: right;    margin-top: 20px;    color: #484848;    border-bottom: 1px solid #ECECEC;    border-top: 1px solid #ECECEC;    background-color: #F5F5F5;    display: table;    padding: 3px 10px;	font-size: 12px;}


/*---------internas-------------*/
.partidos:hover, .partidos2:hover, .cantidad:hover {  color: #B30101!important;}
.partidos {    text-transform: uppercase;    cursor: pointer;    color: #242b61;    font-size: 0.9em;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    margin-right: 1px;    font-weight: 600;    display: inline-block;    vertical-align: top;    float: left;}
.internas .nombres {    width: 80%;    white-space: nowrap;    overflow: hidden;    display: inline-block;    vertical-align: top;}
.internas .numeros {    width: 20%;    float: right;    display: block;    display: inline-block;    vertical-align: top;}
.nointerna .nombres {    width: 100%;    white-space: nowrap;    overflow: hidden;    max-width: max-content;}
.candidato {    text-transform: uppercase;   color: #000000;    font-size: 0.9em;   overflow: hidden;   /* display: inline-block;*/    vertical-align: top;    white-space: nowrap;    text-overflow: ellipsis;    max-width: max-content;}
.candidato.pointer {cursor: pointer; }

.candidato.pointer:hover	{text-decoration: underline;}
.candidato:before {   /* content: "\00a0\00a0/\00a0\00a0";*/}	
.porcentaje2 { float: right; width: auto; text-align: right; color:#242b61;  padding: 0px 0px 0px 5px; font-size: 0.9em; font-weight: bold; margin-top: -1px;}
.cantidad { padding: 0px 0px 0px 5px; width: auto; float: right; text-align: left; color: #000000; font-size: 0.8em;}
.progress2 {      height: 10px;    margin-bottom: 3px;    overflow: hidden;    background-color: #f5f5f5;   box-shadow: inset 0 1px 2px rgba(0,0,0,.1);    width: 125px;    float: left;	    margin-top: 3px; display: none;}

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


/*------- Font Config-----------*/
body, .label, .list-group, .list-group p, .list-group-item-text, .shortcut p, .alert-link p,
blockquote p, .list-group blockquote p, .jumbotron p, .lead {  font-family: 'Arial',Helvetica, sans-serif; }
b, p strong, span strong, thead > tr > th, .progress-bar, label, dt, .h6, h6 {  font-family: 'Roboto',Arial,Helvetica, sans-serif;  font-weight: normal; }
.textosuma b {
    font-weight: 600;
}
h4, .h4, h5, .h5 {  letter-spacing: -0.5px; }
h1, .h1, h2, .h2, h3, .h3 {  font-weight: bold;  letter-spacing: -0.5px; }  

/*-------FOOTER-----------*/
.informacion {margin-top: 40px;    font-size: 1.2rem;}
.footer {  padding: 30px 0;   background:#242b61; border-top: 8px solid #cdcdcd;}
.informatica {  color: #FFF;  font: 13px 'Arial',Helvetica;  letter-spacing: 1pt;  padding: 5px;  text-align: center;  border-spacing: 0px;  margin-left: auto;  margin-right: auto;}

/*----------RESPONSIVE---------------*/
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
.informacion {text-align: justify;}
.warning-message {    display: block; margin-top: 10px;}
.warning-message i {    font-size: 20px;    margin-right: 2px;}
#titulo_categoria {    padding: 0px;}	
.sub-brand1 {  float: none;  overflow: auto; margin-top: 3px; font-size: 0.6em; text-align: center; line-height: 1.2em;}
.sub-brand {  float: none;
    overflow: auto;
    text-align: center;
    line-height: 1.2em;
    margin-top: 2px;
    font-size: 0.6em;}
.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;}
#combobox {    margin-top: 0px;}
.contenedor-barra {  width:100%;  clear: both; margin-top: 0px;}
.contenedor-barra .titulo {    width: 100%;}
.titulo , .titulo_votos { height: 15px;  margin-bottom: 0px;text-align: center;    font-size: 13px;     display: inline-block;    width: 100%; line-height: 19px; font-weight: 500;}

.images {  width: 100%;  text-align: center; background-color: #e3e3e3;}
.progress {  display: none;}
.cantidad2 {  width: 100%;  text-align: center; margin-right: 0%;    border-bottom: 1px solid #ECECEC;padding-bottom: 5px;font-size: 13px;    color: #000000;}
.porcentaje { margin-top: -5px;    width: 100%!Important;    height: 43px;    float: right;    text-align: center;    font-size: 35px;    color: #000000;    padding: 0px;    font-weight: 800;    margin-right: 0%;}
.nointernas {  width: 100%;}
.listaunica {  text-align: center;  width: 100%;}
.escudo {    height: auto;    float: none;    display: inline-block;}
.escudo img {        height: 50px;    float: none;    margin-left: auto;    margin-right: auto;}
.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;     border: 0px; }
.partidos {min-width: 100%;    text-align: center; font-size: 13px; font-weight: 500;     margin: 3px 0px; padding: 2px;     background-color: #e3e3e3;
    color: #000;    max-width: 100%;}
.partidos2 {min-width: 100%;     text-align: center; font-size: 12px;font-weight: bold;margin-top: 3px;}
.candidato {    min-width: 100%;    text-align: center;    font-size: 13px;    font-weight: 400;    margin-top: 0px;    padding: 0px;}
.candidato:before {    content: "";}
.porcentaje2 {width: 50%;margin-bottom: 5px;       padding: 0px 5px 0px 0px;font-size: 17px;}
.internas .numeros {    width: 100%;}
.cantidad {width: 50%;margin-bottom: 5px;     padding: 3px 0px 0px 0px;font-size: 13px;}
.hora {    width: 100%; text-align: center;}
#contenedor_mapa {    display: none;}
#datos {    margin-bottom: 5px; margin-top: 0px;}
div#combobox {    position: inherit;     right: 0px; margin-bottom: 0px; margin-left: 0%;}
.datos {    display: block;    overflow: auto;    margin-bottom: 18px;    padding: 5px;        border: 1px solid #c3c3c3;}
.datos img { margin: 10px 0px;  }
li.active {    }
.tab-content {    margin-top: 0px;}
#divtotalespre, #divtotalespsurn, #divtotalessenn, #divtotalesdipn, #divtotalespsurr, #divtotalesgob, #divtotalesdipp, #divtotalesmagis, #divtotalesdipm, 
#divtotalesint, 
#divtotalescom,
#divtotalescon, 
#divtotales {    position: inherit;}
#botones {    text-align: center; margin-top: 0px;}
.tab-pane > div.col-xs-12 {    padding: 0px 0px 20px 0px;}
.titulo_tab {    margin: 0px 0px 20px 0px; font-size: 20px; line-height: 1.2em;}
.mesasescrutadas {position: initial;    width: 100%;     padding-right: 0px;}
#subtitulo_categoria {    height: auto;  padding: 0px; word-wrap: break-word; white-space: normal; margin-bottom: 20px;}
div#sumain {  display: block;}
.internas .nombres, .nointerna .nombres {    width: 100%;   float: none; max-width: inherit;}

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.container {    width: 95%;    /*max-width: 1500px;*/}
}

@media (min-width: 1400px) { .
.progress {margin-bottom: 5px;}
.internas .nombres {    width: 82%;}
.internas .numeros {    width: 18%; }
.internas {margin-bottom: 4px;}
.partidos, .candidato  {        font-size: 1.05em;}
.titulo, .titulo_votos {    height: 24px;    font-size: 1.2em;}
.porcentaje2 {    font-size: 1.2em;}
.cantidad {    padding: 1px 0px 0px 5px;    font-size: 0.9em;}

}

@media (max-width: 995px) {
	.tab-content>.active {    display: block;    border-right: 0px solid #ddd;    padding: 0px 0px 0px 0px;}
	div#mapaTotales {    margin-top: 15px;}
	#botones {    float: right;    margin-top: 20px;}
	
}
@media (max-width: 1340px) {	
	.porcentaje { width: 20%;   }
	.progress {    width: 80%; }
	
}
/*----------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;
}
}


/*------spiner2----*/
.loading {  position: fixed;  z-index: 1000;  height: 2em;  width: 2em;  overflow: show;  margin: auto;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.loading:before {  content: '';  display: block;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(255,255,255,0.8);}
.loading:not(:required) {
   font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.loading:not(:required):after {  content: '';  display: block;  font-size: 30px;  width: 1em;  height: 1em;  margin-top: -0.5em;
  -webkit-animation: spinner 900ms infinite linear;
  -moz-animation: spinner 900ms infinite linear;
  -ms-animation: spinner 900ms infinite linear;
  -o-animation: spinner 900ms infinite linear;
  animation: spinner 900ms infinite linear;
  border-radius: 0.5em;
 
 -webkit-box-shadow: 
 rgba(43, 114, 171, 0.1) 1.5em 0 0 0,
 rgba(43, 114, 171, 0.2) 1.1em 1.1em 0 0,
 rgba(43, 114, 171, 0.3) 0 1.5em 0 0,
 rgba(43, 114, 171, 0.4) -1.1em 1.1em 0 0,
 rgba(43, 114, 171, 0.5) -1.5em 0 0 0,
 rgba(43, 114, 171, 0.6) -1.1em -1.1em 0 0,
 rgba(43, 114, 171, 0.7) 0 -1.5em 0 0,
 rgba(43, 114, 171, 0.8) 1.1em -1.1em 0 0;
  
	box-shadow: 
  rgba(43, 114, 171, 0.1) 1.5em 0 0 0,
  rgba(43, 114, 171, 0.2) 1.1em 1.1em 0 0s,
  rgba(43, 114, 171, 0.3) 0 1.5em 0 0,
  rgba(43, 114, 171, 0.4) -1.1em 1.1em 0 0,
  rgba(43, 114, 171, 0.5) -1.5em 0 0 0,
  rgba(43, 114, 171, 0.6) -1.1em -1.1em 0 0,
  rgba(43, 114, 171, 0.7) 0 -1.5em 0 0,
  rgba(43, 114, 171, 0.8) 1.1em -1.1em 0 0;
  
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*---------------------*/

/* Estilos para el div que ocupará toda la pantalla */
#divFondo {
 /* background-image: url("../images/servicioenpruebas.gif");  */
  background-repeat: repeat;  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; 
  background-size: 17%;
}
#botones {    z-index: 3;}



}