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;
}
a {
outline: none;
text-decoration: none;
}
li {
list-style: none;
}
@charset "utf-8";
@font-face {
font-family: "NimrodRegular";
font-style: normal;
font-weight: normal;
src: url("./fonts/nimrod/nimrod_regular.eot?#iefix") format("embedded-opentype"), url("./fonts/nimrod/nimrod_regular.woff") format("woff"), url("./fonts/nimrod/nimrod_regular.otf") format("opentype"), url("./fonts/nimrod/nimrod_regular.ttf") format("truetype"), url("./fonts/nimrod/nimrod_regular.svg#NimrodRegular") format("svg");
}
@font-face {
font-family: "NimrodItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/nimrod/nimrod_italic.eot?#iefix") format("embedded-opentype"), url("./fonts/nimrod/nimrod_italic.woff") format("woff"), url("./fonts/nimrod/nimrod_italic.otf") format("opentype"), url("./fonts/nimrod/nimrod_italic.ttf") format("truetype"), url("./fonts/nimrod/nimrod_italic.svg#NimrodItalic") format("svg");
}
@font-face {
font-family: "NimrodBold";
font-style: normal;
font-weight: normal;
src: url("./fonts/nimrod/nimrod_bold.eot?#iefix") format("embedded-opentype"), url("./fonts/nimrod/nimrod_bold.woff") format("woff"), url("./fonts/nimrod/nimrod_bold.otf") format("opentype"), url("./fonts/nimrod/nimrod_bold.ttf") format("truetype"), url("./fonts/nimrod/nimrod_bold.svg#NimrodBold") format("svg");
}
@font-face {
font-family: "NimrodBoldItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/nimrod/nimrod_bold-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/nimrod/nimrod_bold-italic.woff") format("woff"), url("./fonts/nimrod/nimrod_bold-italic.otf") format("opentype"), url("./fonts/nimrod/nimrod_bold-italic.ttf") format("truetype"), url("./fonts/nimrod/nimrod_bold-italic.svg#NimrodBoldItalic") format("svg");
}
@font-face {
font-family: "OpenSansLight";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_light.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_light.woff") format("woff"), url("./fonts/opensans/opensans_light.otf") format("opentype"), url("./fonts/opensans/opensans_light.ttf") format("truetype"), url("./fonts/opensans/opensans_light.svg#OpenSansLight") format("svg");
}
@font-face {
font-family: "OpenSansLightItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_light-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_light-italic.woff") format("woff"), url("./fonts/opensans/opensans_light-italic.otf") format("opentype"), url("./fonts/opensans/opensans_light-italic.ttf") format("truetype"), url("./fonts/opensans/opensans_light-italic.svg#OpenSansLightItalic") format("svg");
}
@font-face {
font-family: "OpenSansRegular";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_regular.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_regular.woff") format("woff"), url("./fonts/opensans/opensans_regular.otf") format("opentype"), url("./fonts/opensans/opensans_regular.ttf") format("truetype"), url("./fonts/opensans/opensans_regular.svg#OpenSansRegular") format("svg");
}
@font-face {
font-family: "OpenSansItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_italic.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_italic.woff") format("woff"), url("./fonts/opensans/opensans_italic.otf") format("opentype"), url("./fonts/opensans/opensans_italic.ttf") format("truetype"), url("./fonts/opensans/opensans_italic.svg#OpenSansItalic") format("svg");
}
@font-face {
font-family: "OpenSansBold";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_bold.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_bold.woff") format("woff"), url("./fonts/opensans/opensans_bold.otf") format("opentype"), url("./fonts/opensans/opensans_bold.ttf") format("truetype"), url("./fonts/opensans/opensans_bold.svg#OpenSansBold") format("svg");
}
@font-face {
font-family: "OpenSansBoldItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_bold-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_bold-italic.woff") format("woff"), url("./fonts/opensans/opensans_bold-italic.otf") format("opentype"), url("./fonts/opensans/opensans_bold-italic.ttf") format("truetype"), url("./fonts/opensans/opensans_bold-italic.svg#OpenSansBoldItalic") format("svg");
}
@font-face {
font-family: "OpenSansSemiBold";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_semibold.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_semibold.woff") format("woff"), url("./fonts/opensans/opensans_semibold.otf") format("opentype"), url("./fonts/opensans/opensans_semibold.ttf") format("truetype"), url("./fonts/opensans/opensans_semibold.svg#OpenSansSemiBold") format("svg");
}
@font-face {
font-family: "OpenSansSemiBoldItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_semibold-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_semibold-italic.woff") format("woff"), url("./fonts/opensans/opensans_semibold-italic.otf") format("opentype"), url("./fonts/opensans/opensans_semibold-italic.ttf") format("truetype"), url("./fonts/opensans/opensans_semibold-italic.svg#OpenSansSemiBoldItalic") format("svg");
}
@font-face {
font-family: "OpenSansExtraBold";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_extrabold.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_extrabold.woff") format("woff"), url("./fonts/opensans/opensans_extrabold.otf") format("opentype"), url("./fonts/opensans/opensans_extrabold.ttf") format("truetype"), url("./fonts/opensans/opensans_extrabold.svg#OpenSansExtraBold") format("svg");
}
@font-face {
font-family: "OpenSansExtraBoldItalic";
font-style: normal;
font-weight: normal;
src: url("./fonts/opensans/opensans_extrabold-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/opensans/opensans_extrabold-italic.woff") format("woff"), url("./fonts/opensans/opensans_extrabold-italic.otf") format("opentype"), url("./fonts/opensans/opensans_extrabold-italic.ttf") format("truetype"), url("./fonts/opensans/opensans_extrabold-italic.svg#OpenSansExtraBoldItalic") format("svg");
}
header { width: 100%; height: 60px; position: fixed; top: 0px; font-family: 'Open Sans', sans-serif; background: #fff; z-index: 1020; border-bottom: 1px solid #e1e1ed;}
select {border: 1px solid #d0d0cf; font-family:"OpenSansBold", sans-serif; font-size: 13px; color: #1c1c1b; padding: 5px; text-transform: uppercase; margin-right: 2px; margin-top: 15px;}
#logo {position: absolute;}
#logo a {float: left;opacity: .75;}
#logo.ln-portada a { width: 122px; height: 26px; left: 15px; margin: 16px 0 0 15px; background: url(../images/logo_intro-blue.png) no-repeat center center; background-size: contain;}
#logo span { margin-left: 15px; color: #000; line-height: 60px; font-weight: 400; font-size: 15px; text-transform: uppercase;}
#share {position: absolute;right: 15px;top: 15px;}
#share li {float: left;}
#share li.facebook-home a {background: url(../images/icon_facebook-black.png) no-repeat center center;background-size: contain;}
#share li.twitter-home a {background: url(../images/icon_twitter-black.png) no-repeat center center;background-size: contain;}
#share li.google-home a {background: url(../images/icon_google-black.png) no-repeat center center;background-size: contain;}
#share li a {width: 23px;height: 23px;display: block;margin-left: 15px;opacity: 0.5;transition: opacity 0.5s ease 0s;}
.breadcrumb{ border-bottom: solid 1px #808088; margin-top: 15px;margin-bottom: 15px;clear: both;}
.bcant{margin-bottom: 5px; margin-top: 20px;}
#cc-body {margin: 100px auto 15px auto; width: 1110px; height: 1200px;}
#ci-menu{ width: 327px; margin-right: 60px; float: left; display: table; position: relative; }
#ci-menu h1 { font-family: "OpenSansExtraBold", sans-serif; color: #1c1c1b; font-size: 42px; line-height: 1;margin-bottom: 15px;}
#ci-menu p {font-family: "NimrodRegular", sans-serif; font-size: 14px; color: #808088;margin-bottom: 10px; line-height: 1.4}
#ci-menu #descripcion {margin-bottom: 40px;}
#cd-mapa{ width: 708px; float: left; display: table; position: relative; }
#cd-mapa .ult-act{ position: absolute; right: 10px; font-family: "NimrodRegular", sans-serif; font-size: 13px; color: #898988}
#ci-menu .boton, #footer-info .boton, #menu_mobile .boton{cursor: pointer; ;margin-left: 10px;border: 1px solid #808088; text-align: center; text-transform: uppercase;font-family:"OpenSansBold", sans-serif; font-size: 15px; color: #1c1c1b; padding-top: 10px; padding-bottom: 11px;}
#ci-menu .select, #footer-info .select, #menu_mobile .select{ background-color: #808088; color: #fff; }
#ci-menu #botonVts{ width: 90px; display: inline-block;}
#ci-menu #botonAbst{ width: 183px; display: inline-block;}
#ci-menu #divCartograma{position: relative; }
#ci-menu #divCantonal {display: none;position: relative; }
#ci-menu #divCartograma p { width: 55%; position: absolute; bottom: 15px; font-size: 12px;}
#ci-menu #divCantonal p { width: 100%; position: absolute; bottom: 0px;font-size: 12px;}
#ci-menu .visualuzacion h2 {font-family: "OpenSansBold", sans-serif; font-size: 13px; color: #1c1c1b; text-transform: uppercase; }
#ci-menu .visualuzacion {width: 100%; height: 312px;}
#ci-menu .img-cart-canto{ width: 100%; height: 312px; cursor: pointer;}
#ci-menu #imgCartograma { background: url(../images/mapaCarto.png); background-size: 100% 100%; background-repeat: no-repeat;}
#ci-menu #imgCantonal { background: url(../images/mapaCantonal.png); background-repeat: no-repeat; background-position: 50px 38px;}
#ci-menu #ultimasNoticias h2 {font-family: "OpenSansBold", sans-serif; font-size: 13px; color: #1c1c1b; text-transform: uppercase; margin-bottom: 5px; margin-top: 5px;}
#ci-menu #ultimasNoticias .noticia { border-bottom: 1px solid #898988; margin-bottom: 10px;}
#ci-menu #ultimasNoticias .noticia span{color: #1c1c1b;}
#ci-menu #ultimasNoticias .noticia a{font-size: 14px; font-family: "NimrodRegular"; color: #898988;}
#grilla-controles-cantonal .option_cant, #grilla-cartograma,#grilla-controles-cantonal .option_cant_lanz {display: none;}
#grilla-controles-cantonal p {font-family: "OpenSansBold", sans-serif; font-size: 19px; color: #1c1c1b; text-transform: uppercase;}
#grilla-controles-cantonal #title_abstencionismo {display: none;}
#ver_mas { width: 35%; position: absolute; right: 15px; margin-bottom: 15px;}
#grilla-cantonal{position: relative;}
#grilla-cantonal h2 {font-family: "OpenSansBold", sans-serif; color: #1c1c1b; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; margin-left: 15px;}
#grilla-cantonal .polig {border:1px solid #e1e1ed; width: 58px; height: 43px; margin: 5px; display: inline-block; font-family: "NimrodBold", sans-serif; font-size: 10px; color: #000; position: relative;}
#grilla-cantonal .polig p { position: absolute; bottom: 3px; right: 2px;}
.gng-t-gnd {width: 149px; padding: 15px;}
.gng-t-peq {padding: 15px;}
#gng-tooltip, #gng-tooltip-map {z-index: 1040; background-color: #FFF; position: absolute; border: 1px solid #9d9c9c; }
#gng-tooltip .gng-nombre-canton, #gng-tooltip-map .gng-nombre-canton-map {font-family: "OpenSansBold", sans-serif; font-size: 15px; color: #1c1c1b; text-align: left; margin-bottom: 10px;}
#gng-tooltip .barra, #gng-tooltip-map .barra { font-family: "NimrodRegular", sans-serif; font-size: 13px; color: #898988; margin-bottom: 5px;}
#gng-tooltip .barra span, #gng-tooltip-map .barra span { font-family: "NimrodBold", sans-serif; font-size: 13px; color: #000;}
#gng-tooltip #boton-vc, #gng-tooltip-map #boton-vc-map { width: 149px; height: 18px; background-color: #898988; text-align: center; padding-top: 7px;}
#gng-tooltip #gng-tooltipContainer, #gng-tooltip-map #gng-tooltipContainer-map {margin-bottom: 10px;}
#gng-tooltip a, #gng-tooltip-map a { font-family: "OpenSansBold", sans-serif; font-size: 10px; color: #fff;}
#gng-tooltip #boton-cerrar, #gng-tooltip-map #boton-cerrar-map {cursor: pointer; position: absolute; top: 5px; right: 10px; font-size: 20px;}
#gng-tooltip #gng-tool-arrow, #gng-tooltip-map #gng-tool-arrow-map { left: 75px; bottom: -10px; position: absolute;-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);}
#footer-info {width: 1110px; margin: 10px auto;}
#footer-info h3 {display: inline-block;}
#footer-info .element-alcaldias, #footer-info .element-votos { width: 125px; display: inline-block; margin-right: 28px;margin-left: 28px;}
#footer-info .num-alcaldias {color: #1b1b1c;}
#footer-info .num-total-alcaldias {font-family: "NimrodBold", sans-serif; font-size: 37px; color: #aeb0cb; text-align: center;}
#footer-info .leyenda { font-family: "NimrodRegular", sans-serif; font-size: 13px; color: #898988;}
#footer-info .grap-alcaldias {width: 97px;margin: 0 auto;}
#footer-info .end { position: relative; bottom: -13px;}
#footer-info .grap-alcaldias-pln{background: url(../images/mapas/pln.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-pac{background: url(../images/mapas/pac.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-fa{background: url(../images/mapas/fa.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-pml{background: url(../images/mapas/pml.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-pusc{background: url(../images/mapas/pusc.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-otros{background: url(../images/mapas/otros.svg); background-repeat: no-repeat; }
#footer-info .grap-alcaldias-doot {width: 12px;height: 12px;display: inline-block;}
#footer-info #grap-votos-0{background: url(../images/mapas/hexa_pln.svg); background-repeat: no-repeat;text-align: center;background-position: center; height: 40px;padding-top: 27px;}
#footer-info #grap-votos-1{background: url(../images/mapas/hexa_pac.svg); background-repeat: no-repeat; text-align: center;background-position: center;height: 40px;padding-top: 27px;}
#footer-info #grap-votos-2{background: url(../images/mapas/hexa_fa.svg); background-repeat: no-repeat; text-align: center;background-position: center;height: 40px;padding-top: 27px;}
#footer-info #grap-votos-3{background: url(../images/mapas/hexa_pml.svg); background-repeat: no-repeat; text-align: center;background-position: center;height: 40px;padding-top: 27px;}
#footer-info #grap-votos-4{background: url(../images/mapas/hexa_pusc.svg); background-repeat: no-repeat; text-align: center;background-position: center;height: 40px;padding-top: 27px;}
#footer-info #grap-votos-5{background: url(../images/mapas/hexa_otros.svg); background-repeat: no-repeat; text-align: center;background-position: center;height: 40px;padding-top: 27px;}
#footer-info .num-votos {color: #1b1b1c; font-family: "NimrodBold", sans-serif; font-size: 37px;}
#footer-info #votos-ganadas {display: none;}
#footer-info .boton {padding-left: 15px; padding-right: 15px;}
.bal {margin-bottom: 20px;margin-top: 20px;}
#footer-info #title { font-family: "OpenSansBold", sans-serif; font-size: 19px; color: #1c1c1b; text-transform: uppercase;}
.escala_abs{ display:none; background: url(../images/mapas/escala_abstencion.png); background-repeat: no-repeat;float: right;height: 60px;width: 210px;}
.escala_abs div{width: 3px;font-family: "OpenSansExtraBold", sans-serif;font-size: 18px;margin-left: 0px;margin-top: 12px;}
#escala_2 { margin-top: -220px; float: left; }
.escala_abs p{text-align: center; margin-top: 10px;font-family: "NimrodRegular", sans-serif;font-size: 14px;color: #808088;}
#texto_escala_2 { text-align: left;}
#detalles_m{ width: 95%; margin: 20px auto; border-top: 1px solid; padding-top: 10px;}
#detalles_m h2 { font-family: "OpenSansBold", sans-serif; font-size: 14px; color: #1c1c1b; text-transform: uppercase;}
#detalles_m p {font-family: "NimrodRegular", sans-serif; color: #898988; font-size: 13px; }
#detalles_m .text_big{font-family: "NimrodBold", sans-serif; font-size: 37px; color: #1c1c1b; margin-top: 25px;margin-bottom: 10px;}
#detalles_m .text_big span { color: #aeb0cb;}
#detalles_m .boton {margin-top: 20px;}
#menu_mobile, #ver_normal_m, #ult-act-m {display: none;}
#ver_mas a{font-size: 15px; color: #1c1c1b;}
footer {margin-top: 40px; background-color: #808088;padding: 30px 0;color: #1c1c1b;text-align: center;}
footer p {max-width: 650px;margin: 0 auto;font-size: 13px;font-weight: 400;}
footer p span {color: #bdbdbd;}
#cantonesCarto {margin-top: 70px;}
/*Diseño de html portada */
#body_html{ margin: 6px; padding: 6px; border:1px solid #d0d0cf; min-height: 245px; position: relative;}
#body_html #grilla-controles-cantonal, #body_html #footer-info {float: left; }
#body_html #grilla-controles-cantonal{ margin-top: 10px; padding-top: 25px; padding-bottom: 25px; width: 250px; border-right: 1px solid #d0d0cf; margin-right: 10px;}
#body_html #footer-info {width: 835px;}
#body_html #grilla-controles-cantonal h1 {font-family: "NimrodBold", sans-serif;font-size: 37px;color: #1c1c1b;margin-bottom: 10px;}
#body_html #grilla-controles-cantonal p { text-transform: inherit; font-family: "NimrodRegular", sans-serif;font-size: 13px;color: #898988; text-transform: }
#body_html #footer-info .element-alcaldias, #body_html #footer-info .element-votos {margin-right: 5px;margin-left: 5px;}
#body_html #footer-info .boton {width: 325px; position: absolute; right: 15px; bottom: 15px;}
#body_html select { margin-top: 7px; margin-left: 30px;}
/* diseño mobile */
#btonEnviar { cursor: pointer; border: 1px solid #808088; text-align: center; text-transform: uppercase; font-family: "OpenSansBold", sans-serif; font-size: 15px; color: #1c1c1b; padding-top: 5px; padding-bottom: 5px; padding-left: 40px; padding-right: 40px; margin-left: 10px;}
/* DISEÑO RESPONSIVE ***/
@media screen and (max-width: 1136px) {
#ci-menu,#cd-mapa, #footer-info{ float: none; width: 100%; }
#cc-body{height: auto; width: 100%;}
#ci-menu #botonVts, #ci-menu #botonAbst, #ci-menu .visualuzacion, #ci-menu .breadcrumb, #ci-menu #ultimasNoticias, #ci-menu #ver_mas { display: none;}
#grilla-controles-cantonal {text-align: center;}
#grilla-controles-cantonal #title_resultados, #cd-mapa .ult-act {display: none;}
#footer-info{display: none;}
#menu_mobile, #ult-act-m {display: block;}
.escala_abs{display: none;}
#ult-act-m {text-align: center;}
#gng-tooltip #gng-tool-arrow, #gng-tooltip-map #gng-tool-arrow-map {display: none;}
}
@media screen and (max-width: 768px) {
#footer-info h3 {display: block;}
#footer-info #title, #footer-info #votos-ganadas, #footer-info #alcaldias-ganadas {text-align: center; margin-top: 20px;}
#footer-info .boton {width: 50%; margin: 10px auto;}
.escala_abs{ margin: 20px auto; float: none;}
.escala_abs div{ padding-top: 12px;}
}
@media screen and (max-width: 600px) {
#logo span{display: none;}
}
@media screen and (max-width: 540px) and (min-width: 441px){
}
@media screen and (max-width: 440px) {
#ci-menu p {font-size: 10px;}
}
@media screen and (max-width: 320px) {
}