header {
    width: 100%;
    height: 60px;
    position: fixed;
   /* background-color: #fff;*/
    box-shadow: 0px 0px 10px #000;
    z-index: 100;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1) 100%);
        }
header .content {
	position: relative;
    padding:0px;
}
header .content .suscribirme {
    position: absolute;
    right: 80px;
    top: 2px;
    background-color: #ff031d;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    border-radius: 8px;
    color: #140000;
    display: block;
    height: 40px;
    width: 100px;
    text-align: center;
    margin-bottom: 12px;
    line-height: 37px;
    font-weight: 700;
    float: right;
    margin: 7px 12px 8px 0;
}
header .content .suscribirme:hover {
    text-decoration: none;
    }
header .logo a {
	height: 50px;
	position: absolute;
	top: 3px;
	left: 10px;
    cursor: pointer;
}
header .logo img {
    text-align: center;
    margin: 0 auto;
}
header .content .share {
	position: absolute;
	right: 10px;
	top: 15px;
    display: inline-flex;
}
header .content .share li a {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 10px;
    background-size: auto;
    background-repeat: no-repeat;
    }
header .content .share li { 
        display: inline-block;
    }
header .content .share li a.facebook {
	background-image: url(../img/share_facebook.svg);
    display: block;
}
header .content .share li a.twitter {
	background-image: url(../img/share_twitter.svg);
}
header .content .share .face {
    display:block;
}
header .content .share .phone {
    display:none;
}
header .content .share li a.whatsapp {
	background-image: url(../img/share_whatsapp.svg);
}
.suscribirme ul {
    margin: 0px;
    padding-left: 3px;
}
.suscribirme ul li {
    list-style-type: none;
}
.ln-logo-ln, .ln-logo-lt, .ln-logo-ef {
	display: block;
	background-image: url('../svg/logo_sitios.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	width: 58px;
	height: 42px;
	margin: 10px 0 0 10px;
	float: left;
}

.ln-logo-ln {
	background-position: 0 0;
	width: 56px;
}

.ln-logo-lt {
	background-position: -114px 0;
	margin-left: 2px;
}

.ln-logo-ef {
	background-position: -56px 0;
	margin-left: 2px;
}
.centerLogos {margin: 0 auto;text-align: center;width: 200px;height: 42px}
.logotypecontainer {
    max-height: 750px;
    margin: 0 auto;
    font-family: 'NotoSerif-Bold';
    /*background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' heig…h fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E);*/
    padding: 70px 15px 10px 15px;
background: #fff;
/*background: linear-gradient(0deg, rgba(172,226,255,1) 0%, rgba(0,112,217,1) 100%);*/
    background-position:top;
    /*background-size: cover;*/
}
.svgcontainer {
    width: 500px;
    margin: 34px auto 30px auto;
    text-align:center;
}
.logotypecontainer p {
    color: red;
    font-size: 17px;
    text-transform: uppercase;
    padding-left: 6px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px 0px 0px;
    font-weight: 700;
    align-content: space-between;
    vertical-align: middle
}
h1.special {
    margin: 20px auto 10px auto;
    height: 43px;
    font-size: 36px;
    font-family: "Noto Serif", sans-serif;
    font-weight: 400;
    color: #213B8F;
    text-align: center;
    max-width: 700px;
    text-transform: uppercase;
}
h1.special strong {
    color: #585858;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif; 
}
h1.special2 {
    margin: 20px auto 10px auto;
    height: 43px;
    font-size: 41px;
    font-family: "Noto Serif", sans-serif;
    font-weight: 400;
    color: #213B8F;
    text-align: center;
    max-width: 1000px;
    text-transform: uppercase;
}
h1.special2 strong {
    color: #585858;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif; 
}
h2 {font-family: 'Roboto', sans-serif;color:#213B8F;text-align: left;padding-left: 6px; margin: 5px auto;font-size: 28px;text-transform: uppercase}
.bubbles {
    height: 40px;
    margin: 0 auto 15px auto;
    background-color:#001f79;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    overflow: hidden;
    display: inline-flex;
    width: 100%
}
.bubbles object {
    width:  85%;
    height: 40px;
    margin: 0 auto;
    text-align: right;
}
.bubbles p {
    width:15%;
    height: 40px;
    margin: 12px auto 0px auto;
    text-align: left;
    color: red;
    font-weight: 700;
}
.bubbles img {
    
}
h1.black01, h2.black01 {
    color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	line-height: 22px;
	margin:25px auto 5px auto;
    font-weight: 700;
    text-align: center;
}
p.small01 {color: #585858;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
text-transform: none;font-weight: 400}
p.small02 {color: #fff;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
text-transform: none;font-weight: 400}
h2.homeSpecial {text-align: center}
.emuleColumns {width: 100%;display: flex}
.emuleA {width:360px;display:inline-block}
#chartVotosPresidente {width:360px;display:inline-block;vertical-align: top;text-align: center;margin: 0 auto}
#chartVotosPresidente svg {text-align: center;margin:0 auto;overflow: visible}
#paleta {width:360px;display:inline-block;padding-right: 0px}
footer {background-color: #444;padding: 40px 20px;text-align: center;text-transform: uppercase;margin-bottom: -20px}
footer strong {color: #C9C9C7;font-weight: 700;text-align: center;
text-transform: uppercase;line-height: 20px;letter-spacing: 1px;max-width: 800px;margin: 0 auto;}
footer p {color:#C9C9C7;line-height: 16px;font-size: 11px}
#geographicFrame {/*float: left;*/width: 754px;margin:0 auto;}
#rigthColumnFrame {float: left;margin-left: 10px;width: 360px;}
.newsContainer {max-width: 1147px;margin: 0 auto;display: block;}
/*.frameDona {height: 280px}*/ 
.launcher2 {width: 100%; margin: 25px auto 50px auto;text-align: center}
.launcher2 a {text-decoration: none;background-image:url('https://www.nacion.com/gnfactory/especiales/2022/launcher/fondoelecciones.jpg');background-position: top center;background-size: 115%; width: 270px;color: #fff; padding: 15px 20px; font-size: 19px;line-height: 22px;border-radius: 20px;font-family: 'Roboto', sans-serif;box-shadow: 3px 5px 5px -3px rgb(0 0 0 / 75%);-webkit-box-shadow: 3px 5px 5px -3px rgb(0 0 0 / 75%);-moz-box-shadow: 3px 5px 5px -3px rgba(0,0,0,0.75)}
.launcher2 a:hover {color: yellow}
.backText {font-size: 15px;text-transform: uppercase;color: #777;line-height: 18px;font-weight: 400;
margin:20px auto 0px auto;text-align: center}
h4.notes {color: #333;font-size: 16px;text-align: center;font-weight: 700;margin: 30px auto 0px auto;
max-width: 1100px;padding: 0px 15px;font-family: 'Roboto', sans-serif;}


/*MediaQueries 450px or less Only*/
@media screen and (max-width: 450px) {
.centerLogos {margin: 0px;text-align: left;width: inherit;height: 42px}   
/*header .content .suscribirme {height: 25px;line-height: 24px;right:0px;top: 19px;font-size: 13px;margin-right: 5px;float: inherit;padding: 0px 8px;} */
.logotypecontainer {background-size: cover;padding:  70px 0px 0px 0px}
.svgcontainer {max-width: 300px;margin: 20px auto} 
h1.special {height:inherit;font-size: 17px;line-height: 21px}
h1.special2 {height:inherit;font-size: 23px;line-height: 26px}
/*header .content .share {top:6px}
header .content .share li a {width: 17px;height: 17px}
header .content .share li a.facebook, header .content .share li a.twitter, header .content .share li a.whatsapp {background-size: cover;cursor: pointer}*/
header .content .share li a.facebook, header .content .share li a.twitter, header .content .share li a.whatsapp {margin-left: 5px}
header .content .share .phone {display: block;}
header .content .share li a {margin-left: 0px}
header .content .share {right: 5px}
header .content .suscribirme {
    top: 6px;
    font-size: 13px;
    height: 33px;
    width: 90px;
    line-height: 34px;
    right: 94px
}
header .logo a {left: 5px}
footer {40px 0px}
h2.homeSpecial {font-size: 22px; line-height: 24px}
.bubbles {background-size:contain }
.emuleColumns {width: 100%;display: block}
.emuleA {width:100%;display:block}
#chartVotosPresidente {width:100%;display:block;margin: 30px auto}
#paleta {width:100%;display:block}
/*.frameDona {height: 570px}*/
    .launcher2 {margin-top: 9px;margin-bottom: 15px}
.launcher2 a {width: 200px;padding: 8px 10px;font-size: 13px;line-height: 16px}
.backText {font-size: 13px;line-height: 17px;font-weight: 400;
margin-top:30px}
h4.notes {margin-top: 10px;font-size: 14px}
    h1.black01, h2.black01 {
	margin:25px auto 5px auto;
    max-width: 301px
}
}

@media screen and (max-width: 729px) {
	#geographicFrame { width: 100%; }
    #rigthColumnFrame { width: 100%; margin-left: 0}
    .bubbles {margin-bottom: 0px}
    .bubbles object {
    width:  60%;
    text-align: left;
}
.bubbles p {
    width:40%;
    text-align: right;
    margin-right: 20px
}
}
@media (min-width: 451px) and (max-width: 750px) {
     h1.special2 {font-size: 32px;margin-bottom: 31px;}
}

/*IPADS & MEDIUM MONITORS FIX ISSUE BY ESTEBAN ESQUIVEL*/
@media (min-width: 935px) and (max-width: 1146px) {
    #wrapper-general {display: block;width: 100%;height: 280px;text-align: center}
    .candidatos {float: inherit;}
    .candidatos .candidato {width: 21%;margin: 25px 12px;display: inline-block}
    .candidatos .candidato img {width: 100%;height: auto}
    .mobileView {display: none;}
    .desktopView {display: block;/*height: 100%*/}
}

@media (min-width: 781px) and (max-width: 934px) {
#wrapper-general {display: block;width: 100%;height: 280px;text-align: center}
.candidatos {float: inherit;}
/*suffered a change*/
.candidatos .candidato {width: 19%;margin: 25px 10px;display: inline-block}
.candidatos .candidato {float:inherit}
.candidatos .candidato img {width: 100%;height: auto}
/*added here*/
.candidatos .candidato .porcentaje {font-size: 32px;line-height: 34px}
}
@media (min-width: 650px) and (max-width: 780px) {
#wrapper-general {display: block;width: 100%;/*height: 310px;*/text-align: center}
.candidatos {float: inherit;}
/*suffered a change*/
.candidatos .candidato {width: 17%;margin: 20px 15px;display: inline-block}
.candidatos .candidato {float:inherit}
.candidatos .candidato img {width: 100%;height: auto}
/*added here*/
.candidatos .candidato .porcentaje {font-size: 26px;line-height: 29px}
.candidatos .candidato:last-child {margin-left: 15px}
}

@media (min-width: 550px) and (max-width: 649px) {
#wrapper-general {display: block;width: 100%;height: 310px;text-align: center}
.candidatos {float: inherit;}
/*suffered a change*/
.candidatos .candidato {width: 15%;margin: 30px 8px 0px 8px;display: inline-block}
.candidatos .candidato {float:inherit}
.candidatos .candidato img {width: 100%;height: auto}
/*added here*/
.candidatos .candidato .porcentaje {font-size: 24px;line-height: 28px}
.candidatos .candidato:last-child {margin-left: 15px}
.bubbles {background-repeat: repeat-x;background-size: 50%;}
#candidatos .headers { width: 320px; }
.headers .asamblea, .headers .partidos {width: 139px}
}


@media (min-width: 451px) and (max-width: 549px) {
#wrapper-general {display: block;width: 100%;height: 310px;text-align: center}
.candidatos {float: inherit;}
/*suffered a change*/
.candidatos .candidato {width: 18%;margin: 0px 15px;display: inline-block}
.candidatos .candidato {float:inherit}
.candidatos .candidato img {width: 100%;height: auto}
/*added here*/
.candidatos .candidato .porcentaje {font-size: 26px;line-height: 29px}
.candidatos .candidato:last-child {margin-left: 15px}
.bubbles {background-repeat: repeat-x;background-size: 73%;}
    #candidatos .headers {width: 310px}
    .headers .partidos { width: 127px; padding-right: 10px;}
    .headers .asamblea { width: 127px}
    .candidatos .candidato .votos {font-size: 12px}

}

@media (min-width: 451px) and (max-width: 590px) {
.emuleColumns {width: 100%;display: block}
.emuleA {width:100%;display:block}
#chartVotosPresidente {width:100%;display:block;margin: 30px auto}
}