html,body {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

/* Komunaj fonoj: */
body {
	/* mezorangxa */
	background-color: rgb(249,224,112);
	}
.mesagxoj {
	/* eta malsama flava */
	background-color: rgb(255, 255, 153); /*"#ffffaa";*/
	}
/* #enhavo,  /* FIXME */
#iktitolo, 
#paghotitolo, #bildo {
	background-color: #FEFF99; /* 254,255,153 */
	}
	/* #iktitolo h2, /* ili estu transparent... */
#menuo, #paghotitolo h1 {
	/* blua */
	background-color: rgb(57,57,132);
	}
#elektilo, #bildo #info {
	/*malhela orangxo */
	background-color: rgb(255,193,54);
	}

/* Tekstkoloroj: */

h2, h3 {
	color: rgb(57,57,132);
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 100%;
}

.netradukita { color: red; }

.atentigo {
    color: rgb(205, 0, 0); 
}

.submenuo, #paghotitolo h2 {
	font-family:"verdana", "geneva", "arial", sans-serif;
	font-size: 10px;
	font-weight : bold;
    text-decoration : none;
	color: rgb(0, 0, 105);
	font-weight : bold;
}

#aktuala-submenuero {
	background-color: #cf9;
}

a:hover {
	text-decoration: underline;
}

img.menubildo {
	vertical-align: middle;
	border: none;
}

span.nuna-sekcio {
    color: rgb(52, 201, 57);
}


/*======= el kapo ========*/
#kapo {
	margin-left: 140px;
	margin-right: 200px;
	margin-top: 28px;
	margin-bottom: 0px;
	}
	#kapo form {
		margin: 0px;
	}
	
	#titolo,
	#iktitolo, #iktitolo h1, #iktitolo h2,
	#paghotitolo, #paghotitolo h1, #paghotitolo h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#titolo {
		/*border: 1px solid black; /* FIXME */
	}
	
	#iktitolo {
		padding: 4px;
		font-family: "arial", "helvetica", sans-serif;
		text-align: center;
		height: 60px;
	}
	#iktitolo h1 {
		color: rgb(58,57,133);
		font-size: 200%;
	}
	#iktitolo h2, #paghotitolo h1 {
		color: rgb(255,192,52);
	}
	#iktitolo h2 {
		font-size: 110%; 
	}
	
	#paghotitolo, #paghotitolo h2, #paghotitolo h2 a.submenuo {
		font-family: "arial", sans-serif;
	}
	#paghotitolo {
		padding-left: 0;
		padding-right: 0;
		padding-top: 4px;
		padding-bottom: 0;
	}
	#paghotitolo h1 {
		font-size: 100%; 
		padding-top: 4px;
		padding-bottom: 3px;
		padding-left: 12px;
		padding-right: 20px;
		height: 20px;
	}
	#paghotitolo h2 {
		/* vidu ankaux cxe '.subtitolo' */
		padding-left: 12px;
		padding-right: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

/* elektilo kaj vortaro */
	#elektilo {
		color: black;
		float: right;
		text-align: right;

		width: 140px;
		margin: 0;
		padding: 0;
	}
	#elektilo select {
		color: #FEFF99;
		margin: 0;
		padding: 0;
	}

#vortaro, #mia_angulo {
	position: absolute;
	right: 0px;
	width: 192px;
	border-color: rgb(57,57,132);
	border-style: solid;
	border-width: 2px;
	margin-right: 5px;
}

#vortaro {
	top: 0px;
	height: 48%;
	margin-top: 5px;
	margin-bottom: 15px;
}

#mia_angulo {
	background: white;
	bottom: 0px;
	height: 48%;
	margin-bottom: 5px;
	margin-top: 15px;
}

#mia_angulo p, form, h1 {
	margin-left: 8px;
}
#mia_angulo form, #mia_angulo h1 {
	margin-top: 8px;
}

#menuo {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 134px;
	bottom: 0;
	
	margin-bottom: 5px;
	padding-bottom: 5px;
	}
	#menuo {
		height: 100%;
		border-color: #FEFF99;
		border-style: solid;
		border-left-width: 1px;
		border-top-width: 8px;
		border-right-width: 8px;
		border-bottom-width: 0;	
	}
	#bildo {
		height: 128px;
		text-align: center;
		padding-top: 8px;
	}
	#bildo img {
		border-style: none;
	}
	#bildo #info {
		position: absolute;
		left: 0;
		width: 133px;
		top: 96px;
		height: 16px;
		font-size: 70%;
		font-style: italic;
		padding: 2px;
		margin-top: 5px;
	}
	
	/* ligado ... */
	#bildo #info a {
		color: rgb(58,57,133);
	}
	#bildo #info a:hover, #menuo a:hover {
		text-decoration: underline;
	}
	#bildo #info a, div.niv1 a, div.niv2 a {
        text-decoration: none;
	}
	div.niv1 a {
        color: rgb(255,193,54);
	}
	div.niv2 a {
        color: rgb(255,255,153);
	}

	#menuo td {
		font-size: 10pt;
	}
	div.niv1 {
		font-size: 90%;
		/* font-weight: bold; */
		padding-top: 10px;
		margin-left: 5px;
	}
	
	div.niv2 {
		font-size: 80%;
		margin-left: 15px;
	}
	
	#bildo #info, div.niv1, div.niv2, div.salut, div.info {
		font-family: Arial, sans-serif;
	}
	
	
	div.salut, div.info {
		margin-left: 5px;
	}

	div.salut {
		font-size: 80%;
	}

	div.info {
		font-size: 70%;
	}

#enhavo {
	margin-left: 140px;
	margin-right: 200px;
	margin-top: 0;

	padding: 8px;
	padding-bottom: 160px;
	
	font-family: "arial", "verdana", "geneva", sans-serif;
}

#footer input, #footer select {
	color: white;
	background-color: rgb(57,57,132);
}

dt{
	font-weight:bold;
	color:#777;
	margin-left:2em;
}
dd{
	margin-bottom:1em;
}

/* Personaj informoj en viki-pagxoj */
#article dt {
/*
	margin-bottom: 0px;
	margin-left: 0px;
	width: 6em;
	text-align: right;
*/
	float: left;
	display: block;
	text-align: right;
	width: 5.5em;
	margin-left: 0;
	padding-right: 0.5em;
}
#article dd {
	/*
	position: relative;
	margin-left: 7em;
	top: -0.6em;
	line-height: 0px;
	*/
	margin-left: 0;
	padding-left: 6em;
}

#article #sinprezento {
	font-style: italic;
}

#kapo {
	border-style: none;
	text-align: left;
}

#averto {
	display: none;
}

table.etateksto td { 
	font-size: 80% 
}

th {
	text-align: left;
}