*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	font-size:1em;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
}

h1, h2{
}

h2{
	font-size:4vh;
	margin-bottom:1em;
}

a{
	text-decoration:none;
}

p{
	font-size:2vh;
	line-height:1.5em;
}

#sidebar{
	position:fixed;
	width:20%;
	height:100vh;
	left:0;
	top:0;
}

		#menu-side{
			float:left;
			width:100%;
			height:60vh;
			background-color:#fba533;
			padding:2em;
		}
		
				.sidemenu {
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
				
				.sidemenu__item {
					text-transform: uppercase;
					letter-spacing: 0.15rem;
					font-size: 0.85rem;
					color:#000;
					text-decoration:none;
					line-height:1.5em;
					position: relative;
					overflow: hidden;
					transition: color 0.1s;
					margin: 0.25rem 0;
					display: block;
					font-weight:bold;
				}
		
		#agenda-side{
			float:left;
			width:100%;
			height:40vh;
			background-color:#ac3225;
		}
		
				.menu__item-inner{
					position: relative;
					height: 100%;
					width: 100%;
					display: flex;
				}
				
				.menu__item-link {
					text-align: left;
					align-self: flex-start;
					justify-self: start;
					font-size: 1.5rem;
					width: 100%;
					line-height: 1;
					padding: 2rem ;
					margin: 3rem 0 auto;
					display: flex;
					flex-direction: column;
					height: calc(100% - 3rem);
					color:#fff;
				}
				
				.menu__item-link::after {
					content: '\27F6';
					display: block;
					margin-top: auto;
					font-size: 0.95rem;
				}
				
				.label {
					display: block;
					position: absolute;
					z-index: 1000;
					font-size: 0.85rem;
					font-weight: bold;
					margin: 0;
					white-space: nowrap;
					color:#fff;
				}
				.label--topleft {
					top: 2rem;
					left: 2rem;
				}
				
				.label::before {
					content: '------------- ';
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					letter-spacing: -3px;
					margin: 0 0.75rem 0 0;
				}
				.label--vert::before,
				.label--vert-mirror::before {
					margin: 0.75rem 0;
				}


#foto-p{
	position:fixed;
	width:30%;
	height:100vh;
	left:20%;
	top:0;
}

		.foto-pri{
			background-size:cover;
			background-position:center center;
		}
		
		.carlos-cendales{
			background-image:url(../img/diputados/carlos-cendales.jpg);
		}
		
		.walter-lopez{
			background-image:url(../img/diputados/walter-lopez.jpg);
		}
		
		.hector-sandoval{
			background-image:url(../img/diputados/hector-sandoval.jpg);
		}
		
		.juan-narvaez{
			background-image:url(../img/diputados/juan-narvaez.jpg);
		}
		
		.ramiro-echeverry{
			background-image:url(../img/diputados/ramiro-echeverry.jpg);
		}
		
		.jairo-hoyos{
			background-image:url(../img/diputados/jairo-hoyos.jpg);
		}
		
		.alberto-quintero{
			background-image:url(../img/diputados/alberto-quintero.jpg);
		}
		
		.rufino-varela{
			background-image:url(../img/diputados/rufino-varela.jpg);
		}
		
		.nacianceno-orozco{
			background-image:url(../img/diputados/nacianceno-orozco.jpg);
		}
		
		.hector-arismendy{
			background-image:url(../img/diputados/hector-arismendy.jpg);
		}
		
		.edison-perez{
			background-image:url(../img/diputados/edison-perez.jpg);
		}
		
		.francisco-giraldo{
			background-image:url(../img/diputados/francisco-giraldo.jpg);
		}
		
		.carlos-barragan{
			background-image:url(../img/diputados/carlos-barragan.jpg);
		}
		
		.carlos-charry{
			background-image:url(../img/diputados/carlos-charry.jpg);
		}

		.sigifredo-lopez{
			background-image:url(../img/diputados/sigifredo-lopez.jpg);
		}
		
		#pie-foto{
			position:absolute;
			bottom:2em;
			right:2em;
			background-color:rgba(255,255,255,0.8);
			padding:0.5em 1em;
			max-width:70%;
		}
		
				#pie-foto p{
					font-size:0.8em;
				}

#content-p{
	position:absolute;
	width:50%;
	min-height:100vh;
	left:50%;
	top:0;
	background-color:#2c3e50;
	color:#fff;
	padding:10vh 10vw 20vh;
	text-align:left;
}

		#content-p p{
			margin-bottom:1em;
		}

#link-des{
	position:fixed;
	bottom:4em;
	right:0;
	padding:1em;
	background-color:#306daa;
}

		#link-des a{
			color:#fff;
			font-weight:700;
		}