:root {
	--dblue: #5c5d96;
	--lightblue: #3c3d76;
	--lightblue-mid: #3c3d7633;
	--lightblue-transparent: #3c3d7611;
}

body {
	font-size: 0.9em;
	background-color: #191919;
}

body > header {
	background: var(--lightblue-transparent);
	border-bottom: 1px solid var(--lightblue);
}

.navbar {
	padding: 1px .5rem;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-brand h1 {
	margin-bottom: 0;
}

.pix {
/* pix.png 24px */
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABO0lEQVR42mNgGExgw7x+zs0rFkvSzIKN8yew7N28wXbNnJnSNLPk2P4DzIc3rs9fPWe6GM0s2bd9m8SS6ZMn0jQ+DuzY8nH15L4Ymhi+d8tmrgunTvxcv2T+AZr54OLpU8/2btn4f+XMKUE0seDa+TMvTxw68H9BX2cT1Q2/sX0z4+XTJ18f3bf7/9o5swqpn4p2bFe7dPb0//1bN/1fOn1KAtUtOLJjax8wkv+vnD19HtUNv3z6qNi540f+bFg0d8P8/j4Wqltw5uihFXs2rv20ceECQaobfmj3jqL9Wza8mdFa70R1w3evWZW9fdWyY0un9nNS3fA927YabVmxdPXmBXPZaJKptixduGzNtCm0KaJ3rFtpMb+v244mhi+YNllpwZQJURPaWllpYsHqGVPll02brMgwCmgJAJ+Wjau/HBE9AAAAAElFTkSuQmCC');
	background-repeat:no-repeat;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0;
	padding:4px 2px 4px 30px;
	border-bottom: 1px solid var(--lightblue);
	border-left: 0;
	border-right: 0;
}

#logo {
	width: 200px;
}

#valaendra {
	font-size: 0.8em;
	padding:24px;
	clear:both;
	/*border:1px solid #900;*/
}

#valaendra article {
	padding-left: 0;
	padding-right: 0;
}

#valaendra article:hover {
	background-color: var(--lightblue-mid);
	box-shadow: 1px 1px 1px 1px var(--lightblue-transparent);
}


#valaendra a:link, #valaendra a:visited {
	padding: 1px 0 1px 10px;
	width:100%;
}

#valaendra a:hover {
	/*background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKxJREFUeNpi6O9q+//mxfM7////5wNihn////MzvXj5iqGkpET54oVzGxn+M4gz/mf4wvDq5fOLSXHR/4P9vP8fP7Tvzf9/v/iZREXEvczNzZ8zMTEyTOztEd62bu0HJgYmxqf//v3bxszMzAAyE4QZXjx/ui8iJPB/iL/P/wO7t//6/+eHKENFSeH/2MiI/5cvXfj3/99/LrDKvs7W/29fvgCy/4tAncQOEGAAwxpjyOWkLm0AAAAASUVORK5CYII=') no-repeat 2px 4px;
	*/text-decoration:none;
}


.text-info {
	color: var(--dblue) !important;
}

.list-group-item, footer a:link, footer a:visited {
	color: #999;
	background-color: transparent;
	border:none;
	border-left: 2px solid transparent;
}

.list-group-item:hover {
	border-left-color: var(--lightblue);
	background-color:  var(--lightblue-mid) !important;
	color: #FFF;
}

footer {
	text-align:center;
	font-size: 0.8em;
	margin-top: 50px;
	padding-bottom:5px;
	border-top: 1px solid #113;
	background-color: #222;
	color: #999;
}

footer a {
	margin: 1px 5px;	
}

@media all and (max-width: 576px)
{
	footer { display:none; }
	#valaendra a:link, #valaendra a:visited { padding:5px 1px; }
}
/*
@media all and (max-width: 767px)
{
	.list-group-item {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		font-weight: bold;
	}
}*/