html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, ul, p, pre, table, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

html, body{height: 100%}
body {font-family: 'Fira Sans', sans-serif;	background: #f2f6f9; }

#parlamento{width: 60%; margin: 0 auto; padding-top: 30px}

#tabla{display: flex; flex-wrap: wrap}
#tabla div{background: #fafafa; text-align: center; width: 25%; padding: 20px; 0; box-sizing: border-box; border-bottom: dashed 1px #CCC;}
#tabla div span{font-size: 22px}

header {background: #0169ac}
header #logo{display: flex; justify-content: space-between;padding: 20px 0;align-items: center}
header #logo h1{ color: #FFF;display: block; font-weight: normal;font-size: 32px}
.centrar{ margin:0 auto; width: 60%;}
nav{background: #00a1c6;position: relative;z-index: 2; height: 10px}


#tabla .partido{font-weight: 700; background: #FFF;}

.ARENA{color: #0169ac; fill:#0169ac !important}
.FMLN{color: #f10208; fill:#f10208 !important}
.PDC{color: #00732e; fill:#00732e !important}
.GANA{color: #ff9900; fill:#ff9900 !important}
.PCN{color:#1938b5; fill:#1938b5 !important}
.CD{color:#ffff00; fill:#ffff00 !important}
.NI{color:#009fe3; fill:#009fe3 !important}
.VAMOS{color:#00529c; fill:#00529c !important}
.NT{color:#ccff00; fill:#ccff00 !important}
.OTROS{color:#4e4e4e; fill:#4e4e4e !important}

@media only screen and (min-width: 100px) {
	header #logo{flex-direction: column; text-align: center}
	header #logo img{margin-bottom: 12px}
	#parlamento{width: 95%; margin: 0 auto}
}

@media only screen and (min-width: 768px) {
	#parlamento{width: 60%; margin: 0 auto}
}

@media only screen and (min-width: 1200px) {
	header #logo{flex-direction: row;}
	header #logo img{margin-bottom: 0}
}