/* kerno */

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px; color: #c7c7c7;
	background-color: #000000;
	background-image: url("../img/fono.gif");
	background-repeat: no-repeat;
	background-position: 50% 1.5cm;
	background-attachment: fixed;
}

a:link {			text-decoration: none; color: #7788cc; }
a:visited {			text-decoration: none; color: #a788cc; }
a:link:hover { 		text-decoration: none; color: #bbbbff; }
a:visited:hover {	text-decoration: none; color: #c7b7df; }

form {
	margin: 0px;
	padding: 0px;
	}

ul {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	}

li {
	line-height: 14px;
	padding-left: 13px;
	padding-top: 0px;
	background-image: url("../img/sago.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style: none;
	}


/* div-oj */

#volvilo {
	min-width: 400px;
	border: 0px;
	width: 700px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	}

#kapo {
	width: 100%;
	}

#ekstera {
	padding: 0px;
	border: 0px;
	margin-left: 140px;
	margin-right: 150px;
	background-color: transparent;
	width: auto;
	}

#ekstera_2kol {
	padding: 0px;
	border: 0px;
	margin-left: 140px;
	margin-right: 0px;
	background-color: transparent;
	width: auto;
	}

#interna {
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	}

#kolumno_maldekstra {
	width: 140px;
	margin-right: 1px;
	margin-left: -140px;
	position: relative;
	float: left;
	z-index: 10;
	border-right: 1px solid #444449;
	background-color: transparent;
	margin-top: 6px;
	margin-bottom: 6px;
	}

#kolumno_centra {
	width: 100%;
	margin: 6px -4px 6px -2px;
	position: relative;
	float: left;
	z-index: 12;
	background-color: transparent;
	border-left: 1px solid #444449;
	}

#kolumno_dekstra {
	width: 150px;
	margin-left: 3px;
	margin-right: -150px;
	position: relative;
	float: left;
	z-index: 11;
	background-color: transparent;
	}

#fino {
	margin-bottom: 15px;
	width: 100%;
	position: relative;
	z-index: 13;
	}

.clear { clear: both; }

/* Mozillajxoj */
#ekstera > #interna { border-bottom: 1px solid transparent; }


.content_left {
	text-align: left;
	}

.content_center {
	text-align: left;
	margin: 0px 5px 5px 6px;
	width: 97%;
	}


.content_right {
	text-align: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 100%;
	background-color: transparent;
	}


#header {
	margin-bottom: 5px;
	}

/* gxeneralaj */

div#titolo {
	padding: 0px 0px 15px 0px;
	font-size: 52px;
	text-align: center;
	color: #d7d7d7;
	vertical-align: middle;
	background-color: transparent;
	}

span.kap {
	font-size: 11px;
	font-weight: bold;
	}


div.lmenu {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
	color: #d7d7db;
	margin-bottom: 10px;
	}

div.horlin {
	margin: 6px 0px 12px 0px;
	border-top: 1px solid #444449;
	}


/* baro estas uzita por baroj, t.e. la afero supre kaj malsupre en la pagxo */

div.baro {
	width: 700px;
	background-color: #222222;
	color: #d7d7db;
	padding: 5px 0px;
	text-align: center;
	}

table.baro {
	width: 700px;
	background-color: #222222;
	color: #d7d7db;
	margin-left: auto;
	margin-right: auto;
	}

table.baro td {
	padding: 5px;
	text-align: center;
	}

table.ttype {
	width: 475px;
	border: 0px;
	}

table.ttype td {
	color: #33ee33;
	font-family: andale mono, courier new, monospace;
	font-size: 9pt;
	background-color: transparent;
	white-space: nowrap;
	}

div.bildo_kadro {
	border: 1px solid #555;
	padding: 5px;
	width: auto;
	margin: 0px 5px 5px 5px;
 	}

div.bildo_kadro img {
	border: 0px;
	}

div.bildo_titolo {
	padding-top: 5px;
	font-size: 8px;
	font-style: italic;
	}

/* listo (fotoj, programoj, ktp) */

table.listo {
	color: #d7d7e0;
	width: 100%;
	border: 1px solid #7f7f7f;
	margin: 15px 0px 0px 0px;
}

table.listo th {
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #7f7f7f;
	background-color: #272737;
}

table.listo td,th {
	padding: 2px;
}

/* tekstokolekto */

table.tekstoj {
	width: 100%;
}

table.tekstoj th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 1px;
	border-bottom: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	color: #d7d7e0;
	background-color: #272737;
}

table.tekstoj td {
	vertical-align: middle;
	padding: 1px 0px 0px 0px;
	white-space: nowrap;
}

table.tekstoj img.flago {
	border: 1px solid #707070;
	margin: 0px 2px 0px 0px;
}

/* Elsxutoj */

table.elsxutoj {
	width: 100%;
}

table.elsxutoj th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 1px;
	border-bottom: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	color: #d7d7e0;
	background-color: #272737;
}

table.elsxutoj td {
	vertical-align: top;
	padding: 5px 5px 0px 0px;
}

/* kontaktoj */

table.kontakt_tab td {
	padding-bottom: 3px;
	}


/* sugestu novan ligon */

table.ligsugest_tab td {
	padding-right: 5px;
	padding-bottom: 3px;
	}

/* Ensaluto */

table.ensal {
	width: 100%;
	border: 1px solid #5b9f48;
	margin-bottom: 5px;
	}

table.ensal th {
	text-align: center;
	background-color: #5b9f48;
	font-weight: bold;
	padding: 2px 3px;
	}

table.ensal td {
	text-align: left;
	padding: 2px 3px;
	font-size: 9px;
	}

table.ensal td.et {
	width: 1%;
	white-space: nowrap;
	}

table.ensal td.eraro {
	font-weight: bold;
	color: #e02020;
	}

table.ensal td input.te {
	font-size: 9px;
	width: 95%
	}

table.ensal td.bu {
	text-align: center;
	}

table.ensal td.dk {
	text-align: right;
	}

table.ensal td input.bu {
	font-size: 7px;
	height: auto;
	margin-right: 1px;
	}


/* Sercxado */

div.sercxo_k_tit {
	padding: 1px 0px;
	text-align: center;
	color: #dddddd;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #949e47;
	background-color: #949e47;
	}

div.sercxo_k_centr {
	padding: 0px 3px 0px 4px;
	border: 1px solid #949e47;
	text-align: left;
	color: #cccccc;
	font-size: 10px;
	margin-bottom: 10px;
	}

div.sercxo_k_centr input.bu {
	font-size: 9px;
	height: auto;
	}

/* liniigxo */

.tek { text-align: left; }
.dat { text-align: center; }
.nom { text-align: right; }

/***********************************/
/* etikedoj */

/* esp_la */

div.esp_la__idk {
	white-space: nowrap;
	font-size: 9px;
	text-align: left;
	margin-right: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #444449;
	}

/***********************************/

.centr				{ text-align: center; }
.et					{ font-size: 10px; }
.novdat				{ font-weight: bold; font-size: 9px; }
p					{ margin: 0px; padding: 5px 0px 5px 0px; }
p.nar				{ margin: 0px; padding: 3px 0px 3px 0px; }
p.ligdesc			{ margin-left: 20px; margin-bottom: 10px; }
.boh					{ font-size:  9px; color: #dfdfe3; background-color: #333333; }

/* Novajxoj */

div.nh {
	padding: 1px 0px;
	text-align: center;
	color: #dddddd;
	font-size: 11px;
	font-weight: bold;
	}

div.ligo_k_tit {
	padding: 1px 0px;
	text-align: center;
	color: #dddddd;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #485b94;
	background-color: #485b94;
	}

div.ligo_k_centr {
	padding: 0px 3px 0px 4px;
	border: 1px solid #485b94;
	text-align: left;
	color: #cccccc;
	font-size: 10px;
	margin-bottom: 10px;
	}


div.nh {
	border: 1px solid #a45b48;
	background-color: #a45b48;
	}


div.nb {
	padding: 2px 3px 0px 0px;
	border: 1px solid #a45b48;
	text-align: left;
	color: #cccccc;
	font-size: 10px;
	margin-bottom: 5px;
	}


div.nb p.dato {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
	background-color: #222222;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #6f6f6f;
	}

div.nb span.dato {
	padding: 0px 5px 0px 2px;
	font-size: 10px;
	color: #efeff4;
	}

/* novajxoj */

div.nov_volvo {
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	width: 100%;
	}

div.nov_titol_volvo {
	float: left;
	background-color: #272727;
	width: 100%;
	font-size: 11px;
	margin: 0px 0px 3px 0px;
	font-weight: bold;
	}

div.nov_titolo {
	float: left;
	padding: 1px 0px 1px 3px;
	font-size: 11px;
	font-weight: bold;
	}

div.nov_bildetoj {
	float: right;
	}

div.nov_bildetoj img {
	margin-left: 3px;
	border: 0px;
	padding: 0px;
	}

div.nov_tempo {
	text-align: left;
	font-size: 8px;
	margin-left: 4px;
	color: #9a9f9f;
	margin-bottom: 4px;
	clear: both;
	}

div.nov_teksto {
	margin-left: 4px;
	margin-bottom: 6px;
	}

div.nov_auxtoro {
	width: 100%;
	color: #d7d7e0;
	border-top: 1px solid #444449;
	font-style: italic;
	padding-top: 2px;
	font-size: 8.5px;
	text-align: right;
	}

div.nov_komentoj {
	padding-top: 10px;
	margin-left: 10px;
	}

div.nov_komentoj_titolo {
	text-align: left;
	padding: 1px 0px 1px 1px;
	font-style: italic;
	background-color: #1f1f1f;
	width: 100%;
	}

div.nov_komento {
/*	border: 1px solid red; */
	padding: 5px 0px;
	border-bottom: 1px solid #444449;
	margin-bottom: 10px;
	}

div.nov_komento_tempo_auxtoro {
	font-size: 8px;
	text-align: right;
	}

span.nov_komento_auxtoro_uzulo {
	font-weight: bold;
	}

div.nov_komentoj_nova {
	margin-top: 15px;
	border: 1px solid #57575f;
	background-color: #1f1f27;
	padding: 3px;
	}

div.nov_komentoj_nova_titolo {
	margin-bottom: 3px;
	font-weight: bold;
	}

textarea.nov_komentoj_nova_textarea {
	width: 95%;
	}


img.captchaimg {
	padding: 1px;
	border: 1px solid #c7c7cf;
	}

table.nov_komentoj_tabelo th {
	border-right: 1px solid #777777;
	padding: 2px;
}

table.nov_komentoj_tabelo td {
	padding: 2px;
}

/* ligoj */

div.ligokategorio {
	width: 100%;
	background-color: #272727;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 1px 0px 1px 1px;
	}

/* rss */

span.rss {
	background-color: #ee5500;
	border: 1px solid #e7e7e7;
	border-top-color: #e7e7e7;
	border-left-color: #ffffff;
	border-right-color: #171717;
	border-bottom-color: #171717;
	padding: 0px 4px;
	font-size: 9px;
	font-weight: bold;
	}

span.rss a {
	color: #e7e7e7;
	}

span.rss a:hover {
	color: #ffffff;
	}

div.sh				{ padding: 2px 2px 2px 2px; border: none;				text-align: center; color: #dddddd; background-color: #555555; font-size: 13px; }
div.sb				{ padding: 0px 3px 0px 3px; border: 1px solid #555555;	text-align: left; color: #cccccc; background-color: transparent; font-size: 10px; }
div.kap 			{ font-size: 11px; font-weight: bold; }

tr.trtitolo			{ color: #d7d7e0; background-color: #272737; }
td.tdtitolo			{ border-bottom: 1px solid #7f7f7f; border-top: 1px solid #7f7f7f; }
td					{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; vertical-align: top; }
th					{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; vertical-align: top; }

td.main				{ padding: 0px 10px 0px 10px; font-size: 11px; }
td.msml				{ padding: 0px 10px 0px 10px; font-size: 10px; }
select {
	background-color: #222222;
	color: #dddddd;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

input, textarea {
	background-color: #222222;
	color: #dddddd;
	padding: 1px;
	border: 1px solid #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

textarea {
	overflow: auto;
	}

input.senborda {
	border: 0px;
	background-color: transparent;
	width: auto;
	padding: 0px 2px;
	}

pre.kodo {
	font-size: 11px;
	border: 1px solid #ddd;
	border-left: 10px solid #d5dce7;
	padding: 10px;
	background: #f6f6f6;
	width: 95%;
	overflow: auto;
	}

div.nov_cito {
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 5px;
	background-color: #272727;
	border: 1px dashed #a7a7a7;
	padding: 8px;
	color: #e7e7e7;
	line-height: 1.4;
	}

.titolo { font-size: 0.9em; padding-top: 0.2em ;	}

input[type=text]		{ background-color: #222222; color: #dddddd; font-size: 11px; padding: 1px; border: 1px solid #dddddd; font-family: Verdana, MS Sans Serif, Helvetica, sans-serif; }
input[type=password]	{ background-color: #222222; color: #dddddd; font-size: 11px; padding: 1px; border: 1px solid #dddddd; font-family: Verdana, MS Sans Serif, Helvetica, sans-serif; }
input[type=radio]	{ background-color: #222222; color: #dddddd; font-size: 11px; padding: 1px; border: 1px solid #dddddd; font-family: Verdana, MS Sans Serif, Helvetica, sans-serif; }
input[type=submit]	{ background-color: #222222; color: #dddddd; font-size: 11px; border: 1px solid #dddddd; }
input[type=text]:hover, input[type=text]:focus			{ background-color: #272730; }
textarea:hover, textarea:focus							{ background-color: #272730; }
select:hover, select:focus								{ background-color: #272730; }
input[type=password]:hover, input[type=password]:focus	{ background-color: #272730; }