@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  font-size:100%;
  /* 1 */
    -ms-text-size-adjust: 100%;
  /* 2 */
    -webkit-text-size-adjust: 100%;
  /* 2 */ 
    margin-bottom: 0;}

/**    * Remove default margin.    */
 * {border: 0; padding: 0; margin: 0;}
body {margin: 0;}

/* Probar zoom en ios */

/*

body { font-size: 16px !important; }
input, select { font-size: 100%; }
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}
@media (hover:none) {
    /* start mobile styles */
  /*  select, textarea, input[type=”text”], input[type=”password”],
    input[type=”datetime”], input[type=”datetime-local”],
    input[type=”date”], input[type=”month”], input[type=”time”],
    input[type=”week”], input[type=”number”], input[type=”email”],
    input[type=”url”]{ font-size: 16px; }
    /* end mobile styles */


  /*  }
    input[type=”tel”]

@media screen and (-webkit-min-device-pixel-ratio:0) { 
        select:focus,
        textarea:focus,
        input:focus {
          font-size: 16px;
          
        }
      }

      /*


/* Maldito iphone haxe lo que qiere */


/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
 a {background-color: transparent; }
  
  /**
   * Improve readability when focused and also mouse hovered in all browsers.
   */
  a:active, a:hover { outline: 0; }

/*=============================================*/
/*Estilos generales
/*=============================================*/
html, body {
    /*font-family: "dseoNarrow", Helvetica, Verdana;*/
    font-family: Helvetica, Verdana;
    font-size: 14px;
    color: #263238; }
  
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
      
ul {
    /*  margin-bottom: 54px; oooooooJJJJJOOOOOO :::::::: */
    margin-bottom: 30px;}
    
p {
    font-family: Helvetica, Verdana;
    font-size: 1.28em;
    line-height: 1.4em;
    margin: 0 0 16px; 
    font-weight: 300;}
        
img {
    width: 100%;
    height: auto; }

.no-border {border: none !important;}
.rojo {color:#ed3b3b;}
.bk_rojo {background-color: #ed3b3b;}
.azul {color:#068fff; }
.bk_azul {background-color: #068fff;}
.ga-h1,
    h1 {
      margin: 0 0 30px;
      font-size: 3em; 
      /* font-family: "dseoNarrow", Helvetica, Verdana !important; */
      font-family: "EB Garamond", Helvetica, Verdana !important;
      font-weight: 500;
    }    

.ga-h2,
    h2 {
      margin: 0 0 20px;
      font-size: 2.5em; 
      font-family: "EB Garamond", Helvetica, Verdana !important;
      font-weight: 400;
    }  
   
.ga-h3,
    h3 {
      margin: 0 0 20px;
      font-size: 2.3em; 
      font-family: "EB Garamond", Helvetica, Verdana !important;
      font-weight: 400;
      color:#000000;
      text-align: center;
      padding-top: 20px;
    }      


.ga-h4,
    h4 {
      margin: 20px 0 20px;
      font-size: 1.8em; 
      font-family: "dseoNarrow", Helvetica, Verdana !important;
      font-weight: 500;
      color:#364969;
      text-transform: initial;
    }      


.cont_padd_map svg a:hover * {fill: #111111 !important; /*opacity:0.9;*/ }

.stxt {font-family: Helvetica, Verdana !important;
     font-size: 12px !important; cursor: pointer; 
     fill:#111111;  stroke: none !important;}
.stxt2 {font-family: Helvetica, Verdana !important;       /* AQIO SE HIZ OAJUSTE DE TEXTO */
        font-size: 12px !important; cursor: pointer;
     fill:#111111; stroke: none !important;}     
.cont_padd_map svg a:hover .stxt {fill:#ffffff !important; }
.cont_padd_map svg a:hover .stxt2 {fill: #717171 !important; }
.cont_padd_map svg a:hover .stxt {fill:#ffffff !important; }
.cont_padd_map svg g:hover .stxt2 {fill: #717171 !important;}
.cont_padd_map svg g:hover .stline2 {fill: none !important;}


.stline2 {fill:none; stroke:#7e7e7e; stroke-miterlimit:10;}
a:hover .stline2 {fill: none !important;}

.top_id {width: 100%; height: 70px; position: fixed; top:0px; background-color: #1f426c; z-index: 100;}
.bottom_ga {width: 100%; height: auto; position: relative; margin-top:80px;}

.barra_hd_id_eua {
    width: 140px;
    height: 40px;
    position: relative;
    top:15px;
    margin: 0 auto;
}

.barra_hd_id_eua img {
    width: 100%;
}

.id_bottom_gr {
    width: 168px;
    height: 18px;
    position: relative;
    top:40px;
    margin: 0 auto;
}

.id_bottom_gr img {
    width: 100%;
    opacity: .3;
}

@media screen and (max-width: 960px) {
    .ga-h1,
        h1 {
            font-size: 2.8em; } 
    
    .ga-h2,
        h2 {
            font-size: 2.5em; } }


@media screen and (max-width: 480px) {
    .ga-h1,
        h1 {
            font-size: 2.1em; }     

    .ga-h2,
        h2 {
            font-size: 2.1em; } 
        
    .ga-h3,
        h3 {
              font-size: 1.9em; 
              padding-top: 10px;
            }          


    p {
            font-size: 1.2em; 
            font-size: 16px;       /******************* aqui tambien se hizo ajuste de texto *****/
            line-height: 1.2em;
            margin: 0 0 16px; 
            font-weight: 300;}
            
    .stxt {
            font-size: 16px !important;
        }

    .stxt2 {   
             font-size: 16px !important; 
            }  
            
    }            
    
        
/*=============================================*/
/*Contenedor principal
/*=============================================*/
.contenedor-principal {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
 }  

section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/*.ico_separador { 
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    border-bottom: 2px solid #456789;
    max-width: 200px;
    background: #234567;
    font-variant: small-caps;
    text-shadow: 1px 1px black;
  } */

  .rojo {color:#ed3b3b;}
  .bkrojo {background-color:#ed3b3b;}
  .azul {color:#068fff;}
  .bkazul {background-color:#068fff;}

  .ico_separador{
      /*display: inline-block;*/
      width:30px;
      height: 30px;
      position: relative;
      z-index: 2;
      margin: 0 auto;
      margin-bottom: 7px;
      
  }
   
  .ico_separador span{
      width: 7px;
      height: 100%;
      /*border-radius: 4px;*/
      display: block;
      position: absolute;
      background: #ed3b3b;
      transform-origin : 0px 100%;
  }
  .ico_separador span:nth-child(2){
      left: calc(50% - 2px);
  }
  .ico_separador span:nth-child(3){
  right: -3px;
  }


.ga-bloque {
    /* max-width: 960px; */
    max-width: 840px;
    width:90%; 
    margin: 0 auto;
    padding: 30px 0px; /*border: 1px solid #8c8b8b;*/
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.ga-header-principal {
    max-width: 960px;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-top: 90px;
    }
.ga-header_id_ga {
    width:160px; height:auto; 
    position:relative; 
    margin:0px auto;
  }
.ga-header_id_ga img {width:100%;}   

.ga-header-hd {width:80%; height: auto; 
    position: relative; left:10%; top:-10px;
    font-family: "EB Garamond", Helvetica, Verdana !important;
    color:#222943; text-align: center; font-weight: 400;
    font-size: 42px; line-height: 40px;}
 
.plecahd {
    max-width:840px;
    width:90%; margin: 10px auto 10px auto; 
    height: 1px; 
    border-top: 2px solid #ee4242; 
    border-bottom: 2px solid #068fff;
}

.id_GR {
    width: 180px; height:auto; margin: 0 auto;
     position: relative; padding-top:0px;
}
    
.ga-header-txt {
    max-width:840px;
    width:90%; height:auto; 
    position:relative; 
    margin:30px auto ; 
   /* color:#ffffff !important; text-shadow: 2px 2px 5px #000000;
    font-family:"dseoNarrow", Helvetica, Verdana; font-size: 38px;
    font-weight: 600;*/
  }    


.ga-img640 {
    max-width:540px;
    width:90%; height:auto; 
    position:relative; left:0%;
    margin:30px auto ;
}  
.ga-img640 img {width: 100%; height: auto;}
            
.bt_comparativo {
    max-width:300px;
    height: 30px;
    background-color: #111111;
    color:#ffffff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

.div-center {
    max-width: 540px;
    width: 90%;
    height: 30px;
    display: block;
    position: relative;
    margin: 40px auto 20px auto;
}

.menu_consolida {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    position: relative;
    line-height: 30px;
    color: #afafaf;
    display: inline-flex;
    box-sizing: border-box;
}
#item_menu1, #item_menu2 {
    width: 50%;
    height:30px;
    box-sizing: border-box;
    border-left: 2px solid #aaaaaa;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-family: Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    cursor: pointer;
    color:#8c8b8b;
}

.item_activo {
    color:#000000 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.idem_inactivo {
    text-decoration: none !important;
}


#tematica1, #tematica2 {
    width: 100%; height: auto; 
    position: relative; margin 0 auto;
}

.bloque-chart {
    max-width: 640px;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0px auto 0px auto;
    border-top: 1px dotted #b1b1b1;
    border-bottom: 1px dotted #b1b1b1;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
}

.separador-chart {
    width: 30px;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.separador-chart img {width:100%;}

.chart-item {width: 100%; height: auto; position: relative; padding-top: 5px;}

.categoria-chart {
    width: 90%;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding-bottom: 5px;
    text-align: center;
    color:#484848;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1em;
    font-size: 16px;  /*********************aqui igual ajuste de texto **************/
}

.subcategoria {
    width: 80%;
    height: 20px;
    position: relative;
    left: 15%;
    box-sizing: border-box;
    text-transform: uppercase;
    margin-top: 10px;
}

.chart_1 {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0px 0;
    display:inline-flex;

}

.opcion {
    width: 15%;
    height: 20px;
    position: relative;
    text-transform: uppercase;
    align-items: center;
    font-weight: 600;
    font-size: 0.9em; line-height: 20px;
    box-sizing: border-box;
    padding-right: 15px;
    text-align: right;
}

.cont_chart {
    width: 85%;
    height: 15px;
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
}

.barra {
    max-width: 90%;
    height: 15px;
    margin-top: 3px;
}

.porcentaje {
    width: 10%; 
    height: 20px;
    box-sizing: border-box;
    padding-left: 5px;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 19px;
}

.info_date1 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    padding-top: 20px;
    font-family: Helvetica, Verdana; 
}

.info_date2 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    padding-top: 5px;
    font-family: Helvetica, Verdana; 
}

.separador_dotted {
    width: 100%; 
    height: 1px; 
    position: relative; 
    padding-top:15px;
    border-bottom: 1px solid #cfcfcf ;
}

.mapa_responsive {
    max-width: 840px; width: 100%; 
    height: auto;  margin: 0 auto; 
    position: relative; overflow: hidden;
    margin-bottom: 70px; box-sizing: border-box;
    margin: 20px 0; padding: 30px 0; 
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;

}	
.cont_padd_map {
    max-width: 840px; width: 98%; 
    position: absolute;
    height: auto;  
    left:1%;
    max-height:550px;
    box-sizing: border-box;
}

_:-ms-fullscreen, :root .cont_padd_map {height:500px;}  /* explorer 11 */


.st0{
    fill:#e9e9e9;stroke:#131E3D;
    stroke-width:0.8682;stroke-miterlimit:10;
}

.stR{
    fill:#d04040;stroke:#131E3D;
    stroke-width:0.8682;stroke-miterlimit:10;
}

.stRC{
    fill:#d040408c;stroke:#131E3D;
    stroke-width:0.8682;stroke-miterlimit:10;
}

.stA{
    fill:#2386d7;stroke:#131E3D;
    stroke-width:0.8682;stroke-miterlimit:10;
}

.stAC{
    fill:#2386d77a;stroke:#131E3D;
    stroke-width:0.8682;stroke-miterlimit:10;
}


/* VENTANAS FANCYBOX */
.cont_fancy { 
    max-width:320px; 
    width: 100%;
    height:auto; position:relative; 
    margin:0 auto;
    box-sizing: border-box;
	padding: 15px;
	background: #fafafa;
	border: 1px solid rgb(179, 179, 179);
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 7px 0px #838383;
    -moz-box-shadow: 0 1px 7px 0px #838383;
    box-shadow: 0 1px 7px 0px #838383;
}
.hd_tooltip {
	width: 100%;
	position: relative;
	padding-bottom: 10px; border-bottom: 1px solid #ed3b3b;
	color:#000;
	font-size: 28px;
 	font-family: "EB Garamond", Helvetica, Verdana !important;
	text-align: center;
}

.votoselec_tooltip {
	color:#000;
	font-weight: 300;
	font-family:Helvetica, Verdana !important;
	font-size: 14px;
	text-align: center;
    padding: 8px 0;
    

    font-size: 16px;  /*********************aqui igual ajuste de texto **************/
}

.cont_infovotos_tooltip {
	width: 100%;
	height: auto;
	margin: 10px 0;
	display: inline-flex;
}

.votos_tooltip {
	width: 50%;
	height: auto;
	box-sizing: border-box;
	border-left: 1px solid #838383;
	padding: 5px 0;
	font-family:Helvetica, Verdana !important;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}

.candidato_tooltip {
	color:#000;
}
.cifra_tooltip {
	font-size: 20px;
	font-weight: 600;
}

.res16_tooltip {
	width: 100%;
	height: auto;
	position: relative;
	margin: 10px 0;
	padding: 8px 0;
	border: 1px solid #d7d7d7;
	color:#5b5b5b;
	font-size: 13px;
    text-align: center;
    font-size: 16px;  /*********************aqui igual ajuste de texto **************/
}
.cifra_tooltip2 {
	font-size: 16px;
	font-weight: 600;
}


.charts_approve_all {width: 100%; height: auto; position: relative; margin: 0 auto; 
    box-sizing: border-box;}
.chart_leyend_patch {width: 100%; height:30px; position: absolute; top:10px; z-index: 10; line-height: 30px;
    background-color:#ffffff; display: inline-flex; justify-content: space-around; box-sizing: border-box;}
.cont_charts_flex {width: 100%; height: auto; position: relative; display:inline-flex; }
.chart_aprove {width: 50%; height: auto; position: relative; justify-content: space-around; }
/* .img_chart {width: 36%; height: auto; position: absolute; top:110px; left:62px; z-index: 3;} */
.img_chart {width: 36%; height: auto; position: absolute; top:138px; left:67px; z-index: 3;}
.img_chart img {width: 100%; height: auto; border-radius: 50%; }

.txt_chart_ring {width: 80%; height: 20px; position: absolute; left:10%; bottom: 5px; 
    font-family: Helvetica, Verdana !important; color:#1e1f21; text-align: center; font-weight: 800;
    font-size: 14px; line-height: 14px; text-transform: uppercase;}
.donutchart {width: 100%; height:350px; margin:0px auto}
/*.donutchart {max-width: 800px; width: 100%; max-height: 350px; min-height:300px;}*/
.chart2_leyend_patch {display: none;}
.indica_dona_chart {width: 20px; height: 12px; display:inline-flex; background-color:#0f4e4f; margin-right: 2px;}
.color_aprueba {background-color:#0f4e4f; vertical-align: baseline;}
.color_desaprueba {background-color:#3a8585 ;}
.color_nose {background-color:#7fbbbb ;}

.footer_creditos_gral {width: 100%; height: auto; position: relative;}
.creditosGR {width:100%; height: 60px; position: relative; background: #1f426c; border-bottom: 1px solid #fff;}

.txt_credRef {width:100%; height:auto; margin:0px auto; position:absolute;  padding:0px 0px 0px 0px; color:#ffffff; font-family: "dseoMed", Helvetica, Verdana; font-size:13px; bottom:0px; padding-bottom:15px; vertical-align: top; text-align: center;}

.tab_creditos {width:730px; height:auto; margin:0px auto; position:relative;  padding:0px 0px 0px 0px; color:#ffffff; font-family: "dseoMed", Helvetica, Verdana; font-size:13px; top:35px; padding-bottom:10px; vertical-align: top;  border: 1px solid black;}
.tab_creditos li {list-style:none; display:inline-table; margin-top:0; padding-top: 0;}
.blanco {color:#FFFFFF;}
.sty_cred_pb { color:#999; margin-top:5px;}
.drGR_gral { width:100%; height:80px; margin: 0 auto; position: relative; background: #000;}
.logoGR {width:168px; height:18px; position:relative; top:15px; margin: 0 auto; padding-top: 10px; }
.DRanio {width:90%; height:20px; color:#848383; text-transform:uppercase; padding-bottom:0px; position:relative; left:5%; padding-top:20px; font-family:"dseoMed", Helvetica, Verdana; font-size: 13px; text-align: center;}


@media screen and (max-width: 960px) {
    .chart_aprove {max-width:48%; height: auto; position: relative; justify-content: space-around;
       }
    .img_chart {width: 37%; height: auto; position: absolute; top:36.5%; left:30.5%; z-index: 3; }
 }
      
@media screen and (max-width: 780px) {
    .donutchart { width: 100%;height:270px;}
    .cont_charts_flex {width: 100%; height: auto; position: relative; display:inline-flex; flex-wrap: wrap; justify-content: space-around;
    } 
    .img_chart {width: 25%; height: auto; position: absolute; top:34%; left:36.4%; z-index: 3;}
    .chart2_leyend_patch {display:block; width: 100%; height:30px; background:white; position: absolute; 
        top:282px; z-index: 10; line-height: 30px;}
    .drGR_gral {width:100%;}    
}

@media screen and (max-width: 640px) {
    _:-ms-fullscreen, :root .cont_padd_map {height:400px; }  /* explorer 11 */
    .cont_charts_flex {width: 100%; height: auto; position: relative; display:inline-flex; flex-wrap: wrap; justify-content: space-around;
    }
    .chart_aprove {max-width:100%; width: 100%; height: auto; position: relative; justify-content: space-around;}
    .img_chart {width: 74px; height: auto; position: absolute; top:35.5%; left:43%; z-index: 3;}    
    .chart_leyend_patch, .chart2_leyend_patch {display:none;}

    .footer_creditos_gral {margin-top: 20px; padding-top: 20px;}
    .contenedor-tw {width:100%;  height: auto; position: relative; margin: 20px auto}	

}    
      
@media screen and (max-width: 540px) {
    .img_chart {width: 74px; height: auto; position: absolute; top:35.5%; left:41.8%; z-index: 3;}
}

@media screen and (max-width: 480px) {
    .ga-header-hd {
        font-size: 36px; line-height: 39px;}
    .id_GR {
        width: 160px; height:auto;
    }
    .div-center {width: 100%;}
    .subcategoria {
        width: 80%;
        left: 17%;
    }
    .ga-bloque {
        width:100%; 
        margin: 0 auto;
        padding: 0px 5% 20px 5%;
        box-sizing: border-box; 
    }
    .bloque-chart {
        padding: 20px 0px 15px 0px;
        box-sizing: border-box;
    }
    .opcion {
        width: 17%;
        font-weight: 400;
        font-size: 0.85em; line-height: 20px;
        padding-right: 5px;
        text-align: right;
    }    

    #item_menu1, #item_menu2 {
        font-size: 0.92em;
        font-weight: 500;

        font-size: 16px;  /*********************aqui igual ajuste de texto **************/

    }

    .mapa_responsive {
        width: 100%; 
        height: auto;
        position: relative; overflow: hidden;
        box-sizing: border-box;
        
    }	
    .cont_padd_map {
        max-width: 840px; width: 98%; 
        height: auto;  
        position: static;
        left:1%;
        box-sizing: border-box;
    }

    .cont_fancy { 
        padding: 13px;}


    .img_chart {width: 76px; height: auto; position: absolute; top:35.5%; left:40%; z-index: 3;}

    .txt_credRef {width:100%; height:auto; margin:0px auto; position:absolute;  padding:0px; 
        font-size:13px; bottom:0px; padding-bottom:10px;}
    .drGR_gral {height:60px;}
    .logoGR {width:170px; height:auto; position:relative; top:14px; margin: 0 auto; padding-top: 0px;}
    .logoGR img {width:100%}
    .DRanio {font-size: 13px; padding-top:15px; font-family: "dseoMed", Helvetica, Verdana;}

}


@media screen and (max-width: 420px) {    
    .cont_charts_flex {width: 100%; height: auto; position: relative; display: block;}
    .chart_aprove {width: 100%; height: auto; position: relative; display: block; }
    .img_chart {width: 76px; height: auto; position: absolute; top:35.5%; left:38.5%; z-index: 3;}
}

@media screen and (max-width: 360px) {    
    .img_chart {width: 76px; height: auto; position: absolute; top:35.5%; left:36.2%; z-index: 3;}
    .creditosGR {font-family: "dseoBook", Helvetica, Verdana;} 	
    .txt_credRef {font-size:11px;}
}