@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@font-face { font-family: 'GothamBold'; src: url("../fonts/GothamBold.eot");
  /* IE9 Compat Modes */
src: url("../fonts/GothamBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamBold.woff2") format("woff2"), url("../fonts/GothamBold.woff") format("woff"), url("../fonts/GothamBold.ttf") format("truetype"), url("../fonts/GothamBold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face { font-family: 'GothamLight'; src: url("../fonts/GothamLight.eot");
  /* IE9 Compat Modes */
src: url("../fonts/GothamLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamLight.woff2") format("woff2"), url("../fonts/GothamLight.woff") format("woff"), url("../fonts/GothamLight.ttf") format("truetype"), url("../fonts/GothamLight.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
.center-align { text-align: center; }

body { text-align: center; font-family: 'PT Sans', sans-serif; background-color: #efefef; }

.wrapper { max-width: 1120px; text-align: left; margin: auto; padding: 0 20px; box-sizing: border-box; }

/* TOOLTIP */
.hover { position: relative; }

.tooltip { /* hide and position tooltip */ bottom: 100%; background-color: #e4218e; color: #fff !important; border: 1px solid #ffc33c; display: none; padding: 8px; font-size: 12px; line-height: 16px; position: absolute; z-index: 3; }

.hover:hover .tooltip { display: block; }

h1 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 2.25em; color: #252525; }

h2 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 1.5em; color: #252525; margin-bottom: 30px; }

h3 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 1.35em; color: white; margin-bottom: 30px; }

h4 { font-family: 'GothamBold'; text-transform: uppercase; font-size: 1.25em; color: #252525; margin-bottom: 30px; }

.medium { display: block; font-size: 1em; }

.big { display: block; font-size: 2.5em; font-family: 'GothamBold'; margin-top: 10px; }

.disclaimer { font-size: .85em; font-style: italic; margin-top: 30px; display: block; line-height: 1.2; }

header { padding: 20px 0px; }
header .header-logo { float: left; width: 30%; }
@media screen and (max-width: 769px) { header .header-logo { float: none; width: 100%; } }
header .header-logo #logo { height: 128px; width: 181px; display: block; background-image: url("../images/logo-veracruz.png"); background-repeat: no-repeat; }
@media screen and (max-width: 769px) { header .header-logo #logo { margin: 0 auto; } }
header .header-text { float: right; width: 70%; text-align: right; padding-top: 50px; }
@media screen and (max-width: 769px) { header .header-text { float: none; width: 100%; text-align: center; } }
header .header-text h1 span { color: #e4218e; }
header .header-text h2 { font-family: 'GothamBold'; font-size: 1em; text-transform: uppercase; color: #e4218e; }

#top-navigation-wrapper { background-color: #252525; padding: 30px 0px; }
#top-navigation-wrapper .wrapper { position: relative; }
@media screen and (max-width: 769px) { #top-navigation-wrapper #top-navigation { display: block; } }
#top-navigation-wrapper #top-navigation li { float: left; margin-right: 40px; }
@media screen and (max-width: 769px) { #top-navigation-wrapper #top-navigation li { margin-right: 20px; } }
@media screen and (max-width: 499px) { #top-navigation-wrapper #top-navigation li { float: none; margin: 0px; text-align: center; padding-bottom: 40px; } }
#top-navigation-wrapper #top-navigation li a { color: white; font-family: 'GothamBold'; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
#top-navigation-wrapper #top-navigation li a:hover, #top-navigation-wrapper #top-navigation li a.active { color: #969698; border-bottom: 1px solid #e4218e; padding-bottom: 10px; position: relative; }
#top-navigation-wrapper #top-navigation li:last-child { padding-bottom: 0px; }

.title { text-align: left; color: #525252 !important; margin-bottom: 40px; }
.title span { font-size: .5em !important; text-transform: none; font-family: 'GothamLight'; font-weight: 300; display: block; margin-bottom: 5px; }

.two-col .col { float: left; width: 50%; box-sizing: border-box; }
@media screen and (max-width: 769px) { .two-col .col { float: none; width: 100%; } }
@media screen and (max-width: 499px) { .two-col .col { width: 100%; margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; } }

.three-col .col { float: left; width: 33.33%; box-sizing: border-box; }
@media screen and (max-width: 769px) { .three-col .col { float: none; width: 100%; margin-bottom: 10px; } }
@media screen and (max-width: 499px) { .three-col .col { width: 100%; margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; } }

.four-col .col { float: left; width: 25%; box-sizing: border-box; }
@media screen and (max-width: 769px) { .four-col .col { width: 50%; margin-bottom: 10px; } }
@media screen and (max-width: 499px) { .four-col .col { width: 100%; margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; } }

.bg-primary { background-color: #252525; color: white; margin-top: 40px; margin-bottom: 40px; padding-top: 60px; padding-bottom: 60px; }
@media screen and (max-width: 499px) { .bg-primary { padding: 0px; } }

.no-margin-bottom { margin-bottom: 0; }

.no-margin-top { margin-top: 0; }

.date-refresh { float: right; position: absolute; right: 20px; top: -24px; color: #fff; }
@media screen and (max-width: 520px) { .date-refresh { float: none; display: inline-block; position: relative; clear: both; top: 20px; margin-left: 20px; } }
.date-refresh .title { font-size: .7em; margin-bottom: 5px; display: block; color: #FFF !important; }
.date-refresh .cal { float: left; background-color: #e4218e; color: #FFF; margin-right: 10px; padding: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.date-refresh .cal .month { display: block; font-family: 'GothamBold'; text-align: center; font-size: 1em; }
.date-refresh .cal .day { display: block; text-align: center; font-size: 1.5em; font-weight: bold; font-family: 'GothamBold'; }
.date-refresh .year-data { float: left; }
.date-refresh .year-data .year { display: block; color: #e4218e; font-family: 'GothamBold'; font-size: 1.5em; text-align: center; padding-top: 5px; }
.date-refresh .year-data .time { display: block; font-size: 1em; text-align: center; }

footer { background-color: #252525; padding: 60px 0; }
@media screen and (max-width: 769px) { footer { padding: 30px 0; } }
footer #disclaimer { display: inline-block; color: white; font-size: .65em; line-height: 1.3; }
@media screen and (max-width: 769px) { footer #disclaimer { margin-top: 0; } }
footer .logo-proisi { float: right; }
@media screen and (max-width: 769px) { footer .logo-proisi { float: none; text-align: center; margin-top: 30px; } }
footer .logo-proisi img { width: 60%; }
@media screen and (max-width: 769px) { footer .logo-proisi img { width: 30%; } }

#top-search { padding-top: 30px; }
#top-search div.title { float: left; width: 75%; }
@media screen and (max-width: 769px) { #top-search div.title { float: none; width: 100%; } }
#top-search div.title h1 { margin-bottom: 0px; }
#top-search div.search { float: left; width: 25%; }
@media screen and (max-width: 769px) { #top-search div.search { float: none; width: 100%; } }
#top-search div.search input { width: 100%; position: relative; box-sizing: border-box; top: 40px; }
@media screen and (max-width: 769px) { #top-search div.search input { top: 0; margin-bottom: 20px; } }

.buttons { margin-bottom: 30px; text-align: right; }
.buttons ul { display: inline-block; }
.buttons ul li { float: left; margin-right: 12px; }
.buttons ul li a { font-size: 1em; text-decoration: none; color: #252525; }
.buttons ul li a i { color: #e4218e; margin-right: 5px; }

.ag-header-group-cell { height: 20%; }

.ag-header-cell-grouped { height: 80%; }

.ag-header-container .ag-header-cell:first-child { text-align: left; }

body { background-color: #efefef; }

.notice { padding: 20px; background-color: #fffbbe; color: #8c862c; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #8c862c; }

.notice.green { background-color: #d1f7cf; color: #4f5e4e; border: 1px solid #4f5e4e; }

.votos-inicio { padding: 60px 0; }

#candidato-graph .column { width: 10%; box-sizing: border-box; float: left; text-align: center; }
@media screen and (min-width: 500px) and (max-width: 769px) { #candidato-graph .column { width: 25%; margin-right: 0; } }
@media screen and (max-width: 499px) { #candidato-graph .column { width: 50%; margin-right: 0; margin-bottom: 20px; } }
#candidato-graph .column .graphic { height: 300px; background-color: #FFF; position: relative; width: 80%; margin: auto; margin-bottom: 10px; overflow: hidden; }
@media screen and (max-width: 769px) { #candidato-graph .column .graphic { height: 200px; } }
#candidato-graph .column .graphic .colored { background-color: #e4218e; position: absolute; bottom: 0px; width: 80%; margin-left: 10%; }
#candidato-graph .column .graphic .colored span { position: relative; top: -20px; font-weight: bold; font-size: .85em; }
@media screen and (max-width: 499px) { #candidato-graph .column .graphic .colored span { font-size: 14px; } }
#candidato-graph .column .partido { vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; width: 80%; box-sizing: border-box; margin: auto; margin-top: 10px; }
@media screen and (max-width: 769px) { #candidato-graph .column .partido { margin-bottom: 30px; } }
#candidato-graph .column .candidato-votos { font-size: 1.3em; font-weight: bold; display: block; margin-bottom: 3px; font-family: 'GothamBold'; }
@media screen and (max-width: 499px) { #candidato-graph .column .candidato-votos { font-size: 1em; } }
#candidato-graph .column .candidato-nombre { display: block; height: 30px; font-size: .7em; line-height: 15px; vertical-align: middle; }
#candidato-graph .column img { max-width: 100%; margin-top: 3px; height: auto; }
#candidato-graph .column span { display: block; text-align: center; }

.ag-cell { text-align: center; }

.participacion-captura { padding: 60px 0; }
.participacion-captura .data { margin-top: 30px; }
.participacion-captura .data p { text-align: left; margin-bottom: 10px; padding-left: 180px; }
@media screen and (max-width: 769px) { .participacion-captura .data p { padding-left: 0; margin-bottom: 20px; } }
.participacion-captura .data p span { display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; bottom: -5px; }
.participacion-captura .data p strong { font-weight: bold; }

#disclaimer { margin-top: 50px; }
#disclaimer .col:last-child { text-align: right; }

.title-in-black { color: #fff; text-align: center; }

/* RESUMEN */
#resumen { padding-top: 20px; padding-bottom: 80px; }

#search-resumen { margin-bottom: 20px; }

.myGrid .fa { color: #e4218e; font-size: 1.2em; }
.myGrid .ag-row-even { background-color: #f6f6f6; }

/* Detalle */
.detalle { padding: 20px 0; }

#actas-colores { margin-top: 20px; }
#actas-colores .color-col { float: left; box-sizing: border-box; margin-right: 20px; }
#actas-colores .color-col span { display: inline-block; width: 30px; height: 10px; margin-right: 10px; }
#actas-colores .sin-dato { text-align: right; font-size: .73em; font-weight: bold; }
#actas-colores .sin-dato .siglas { background-color: white; border: 1px solid rgba(160, 160, 160, 0.7); padding: 2px 5px 1px; }

.casilla { text-align: left; font-size: 0.9em; }
.casilla a { color: #252525; }
.casilla a i { margin-right: 3px; }
.casilla .tooltip { z-index: 99999; top: -5px; line-height: 0 !important; background-color: #000; color: #FFF !important; border: 1px solid #000; }

/* TABLAS */
.myGrid { height: auto; }
.myGrid .ag-header { background-color: #525252; color: white; padding: 10px 0; }
.myGrid .ag-header .ag-header-group { text-transform: uppercase; font-size: 11px; }
.myGrid .ag-body { background-color: #ffffff; height: 800px; }
.myGrid .ag-body .ag-row { border-bottom: 1px dotted #efefef; }
.myGrid .ag-body .ag-row:hover { background-color: #efefef; }
.myGrid .ag-body .ag-row .ag-cell { font-size: 12px; }
.myGrid .ag-body .ag-row .ag-cell a { text-decoration: none; }
.myGrid .ag-body .ag-row .ag-cell span { line-height: 30px; }

#graficas { background-color: #FFF; padding-top: 60px; }
#graficas #tabla-partidos { margin-bottom: 40px; }
#graficas #tabla-partidos .row { float: left; border-right: 1px solid #CDCDCD; box-sizing: border-box; }
#graficas #tabla-partidos .row .image { background-color: #fff; padding: 10px 5px; }
#graficas #tabla-partidos .row .image img { max-width: 100%; height: auto; }
#graficas #tabla-partidos .row .data { vertical-align: middle; text-align: center; text-align: center; font-weight: bold; font-size: 1.2em; padding: 10px 0px; background-color: #252525; color: #FFF; }
#graficas .sidebar-grafica .sidebar { box-sizing: border-box; }
@media screen and (max-width: 769px) { #graficas .sidebar-grafica .sidebar { float: none; width: 100%; } }
#graficas .sidebar-grafica .sidebar .rect-title { display: block; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 10px; font-weight: bold; }
#graficas .sidebar-grafica .graficas { box-sizing: border-box; margin-left: 2%; }
@media screen and (max-width: 769px) { #graficas .sidebar-grafica .graficas { float: none; width: 100%; margin-left: 0; } }
@media screen and (max-width: 769px) { #graficas .sidebar-grafica .graficas #participacion { margin-bottom: 30px; } }
#graficas .bg-primary { margin-bottom: 0px; }
#graficas .bg-lightgray { background-color: #efefef; padding-top: 40px; padding-bottom: 40px; }
#graficas .tendencia { padding-top: 40px; padding-bottom: 40px; }
#graficas #candidato-graph .column .graphic, #graficas #candidato-graph .column .partido { background-color: #efefef; }
#graficas #candidato-graph .column .partido { border: 5px solid transparent; height: auto; background-color: transparent; }

#tabla-partidos { width: 100%; }
#tabla-partidos tr { height: 50px; }
#tabla-partidos tr td { vertical-align: middle; text-align: center; padding: 5px 2px; }
#tabla-partidos tr:nth-child(even) { background-color: #f1f1f1; }
#tabla-partidos tr:nth-child(odd) { background-color: #FFF; }

/*# sourceMappingURL=styles.css.map */