body {
	margin:		0;
	padding:	0;
	font-family:	sans-serif;
	font-size:	medium;
	background-color:	#000;
	color:		#DDD;
/*	background-image: url('/images/site2/pozadi.png');
	scrollbar-track-color: #000;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: yellow;
	scrollbar-3dlight-color: green;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: purple;
	scrollbar-arrow-color: red; 
*/
}

hr {
	border-top:	1px solid gray;
	border-bottom:1px solid transparent;
	border-left:	1px solid transparent;
	border-right:	1px solid transparent;
	margin:		0px;
	padding:	0px;
}

img { border: 0px }

a {
	color:		#87CEFA;
	text-decoration: underline;
}

a:hover {
	color:		#7CFC00; //black
	//background-color: #FFF8C3;
	text-decoration:none
}

blockquote {
	font-style:  italic;
	font-size: 95%;
	margin-left: 15px;
}

a.bh:hover, .ad a:hover {
	background-color: transparent;
}

.siroka {
	width:  95%;
}

td {
	padding-left:	3px;
	padding-right:	3px;
}

.cerny {
	color:		black;
}

.error {
	color: RED;
	font-size: 120%;
	font-weight: bold;
}

.message {
	font-size: 120%;
	color:blue;
}


.required { 
	font-weight: bolder;
 	color: #FFF;
}

td.required+br+input, td.required+td input, span.required+br+input, textarea+p input, form input, select {
	border:		2px solid #006400;
	background-color: #000;
	color:		#FFF;
	width: 	250px;
}

.ds + form select[name=orderDir]  {
	width: 	90px;
}

.ds + form input[type=text]  {
	width: 	50px;
}

form input+input, .ds + form input  {
	border:		2px solid #006400;
	background-color: #000;
	color:		#FFF;
	width: 	120px;
}

form input+input[name=submit], option {
	border:	1px solid #AAA;
	background-color: #222;
	color:		#FFF;
	width: 	250px;
}

td input {
	border:	1px solid #AAA;
	background-color: #222;
	color:		#FFF;
	width: 	250px;
}

form p + input {
	border:		1px solid #FFF;
	background-color: #000;
	color:		#FFF;
}

input[type=checkbox] {
	border:	1px solid #FFF;
	background-color: #222;
	color:	#FFF;
	width: 	15px;
}

.ank-odpov label input {
	border:	1px solid transparent;
	background-color: #FFF;
	color:		#FFF;
	width: 	15px;
}

.ank-odpov label input[type=checkbox] {
	border:	1px solid #FFF;
	background-color: #222;
	color:	#FFF;
}

.ank-sloup {
	border:		4px solid #3AC;
	background-color: #377;
	width:		100%;
//	height:		2px;
	font-size:	0; /* IE */
}

//.ank-sloup-okraj { border: 1px solid #AAA; }

textarea {
	border:		3px solid #006400;
	background-color: #000;
	color:		#FFF;
	width: 	550px;
}


.cistic { clear: both; }

.za {
	width:		100%;
	position:	relative;
}

.obal {
	margin:		5px;
	margin-top:	0px;
	border:		1px solid gray;
//	color:		#F0F0F0;
//	background-color: #000;
}

.obal_ls, .le { float: left; }
.obal_ps, .ri { float: right; }

.za {
	margin:		0px;
	text-align:	center;
}

.za_logo img {
	/*display:none;*/
}

.za_logo {
	float:		left;
	margin-left:	20px;
	margin-top:	5px;
	width:148px;
	height:46px;
	background:url('http://lolek.czweb.org/abc-dark.gif') left top no-repeat;
/*
	width:200px;
	height:80px;
	min-width:200px;
	min-height:80px;
	max-width:200;
	max-height:80;
	background-image: url("/images/site2/abc-logo.gif");
	background-repeat: no-repeat; 
*/
}

.za_hledat {
	float:		right;
	margin-top:	20px;
	margin-right: 	5px;
	text-align:	right;
	font-size:	80%;
	border:		1px solid #E0E0E0;
	padding:	5px;
}

.za_hledat form {
	margin:		0px;
	padding:	0px;
	white-space:	nowrap;
}

.za_hledat input.text {
	border:		1px solid red;
	background-color: #EEE;
	color:		black;
	width:		120px;
	font-size:	inherit;
}

.za_hledat input.text:hover, .za_hledat input.text:focus {
	background-color: #000;
	color: #FFF;
	border:	1px solid #006400;
}

.za_hledat a {
	margin-right:	20px;
}

.za_hledat input.button {
	border-style: none;
	width: 45px;
	font-size: small;
	border: 1px solid #FFF;
}

.za_banner {
	padding-top:	10px;
	text-align:	center;
	background-color: #000;
}

.za_banner a, .za_banner img, .za_banner iframe {
	background-color: #000;
}

.za_banner table {
	display:	inline-table;
	margin-left: 	auto;
	margin-right:	auto;
}

.za .cistic {
	height:		1.6em;
}

.za_mn {
	position:	absolute;
	right:		10px;
	bottom:		1px;
	_bottom:	0px;
}

a.za_mn_odkaz {
	padding-left:	10px;
	padding-right:	10px;
	padding-top:	2px;
	padding-bottom:	1px;
	background-color: #444;
	border-top:	1px solid #777;
	border-left:	1px solid #777;
	border-right:	1px solid #AAA;

	color:		gray;
	font-weight:	bold;
	text-decoration: none;
	letter-spacing:	0.03em;
	width:		1em;
}

a.za_mn_odkaz:hover {
	background-color: #006400; //zelená
	border-top:	1px solid #FFF;
	border-left:	1px solid #FFF;
	border-right:	1px solid #FFF;
	border-bottom:	1px solid #006400;
	color:		#E6E6E6;
	font-weight:	bold;
	text-decoration: none;
	letter-spacing:	0.03em;
}

.hl {
	width:		100%;
	background-color: #006400;
	padding:	0px;
	line-height:	140%;
	color:		silver;
	border-bottom:	1px solid gray;
}

.hl a, .s_nad_h1 a {
	color:		white;
	text-decoration: none;
}

.hl a:hover, .s_nad_h1 a:hover {
	background-color: transparent;
	color:		#000; #FFF8C3;
	text-decoration: none;
}

.hl_vlevo {
	padding-left:	5px;
}

.hl_vpravo {
	float:		right;
	font-size:	90%;
	padding-right:	5px;
	white-space:	nowrap;
}

.st {
	padding:	5px 10px 10px 15px;
	margin-left:	270px;
	border-left: 1px solid #F5F5F5;
	color: #EEE;
}

.st#st table {
	color: #EEE;
}

.st h2 {
	font-size:	110%;
	margin-bottom:	-3px;
}

.st h1 {
	font-size:	130%;
	font-weight:	bold;
	margin:		0 0 -5px 0;
	padding-top:	10px;
}

h1.st_nadpis a {
	color:		#FFF;
	text-decoration: none;
}

h1.st_nadpis a:hover {
	text-decoration: underline;
	background-color: transparent;
}

.st hr { margin: 5px 0 0 -5px }

.st p { margin: 0.7em 0 0 0; }

.st a:hover img { 
background-color: #222;
}

td.pad, code.kod, pre.kod {
	margin:		10px;
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	10px;
	padding-right:	10px;
	border:		1px dotted #008000;
	display:	block;
	background-color: #BBB;
	color: #000;
}

.st_vpravo {
	margin-top:	10px;
	text-align:	center;
	font-size:	100%;
}

.cl_inforadek {
	font-size:	80%;
	color:	silver;
}

.cl_perex, .perex {
	margin-top:	15px;
	margin-bottom:	15px;
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	20px;
	padding-right:	20px;
	border-top:	2px solid #27648D;
	border-bottom:	1px solid #27648D;
	background-color: #555;
}

.cl_perex h1, .perex h1 {
	margin-bottom:	5px;
}

.cl_rating {
	margin-top:	15px;
	margin-left:	5px;
	margin-right:	5px;
	margin-bottom:	40px;
	border:	1px solid #27648D;
	//border-bottom:	1px solid silver;
	background-color: #222;
	padding-left:	10px;
}

.hdn {
	margin-top:	10px;
}

.hdn .text {
	float:		left;
	margin-right:	10px;
	margin-left:	10px;
}

.tpm {
	width:		205px;
	background:	url('/images/site2/teplomerstupnice.gif') left top no-repeat;
	float:		left;
	padding: 0px;
}

.tpm img {
	position:	relative;
	border:		0px;
	margin-left:	4px;
	margin-top:	5px;
	margin-bottom:	5px;
}

.tpm .stup {
	height:		2em;
	position: relative;
}

.s0, .s1, .s2, .s3 {
	position:	absolute;
	top:		2px;
	_top:   	0px;
	padding: 	2px;
}

.stup #spatny, .stup #dobry { width:15px; height:18px }
.stup #spatny { left: -25px }
.s0 { left: 0px; }
.s1 { left: 64px; }
.s2 { left: 128px; }
.s3 { left: 191px; }
.stup #dobry { left: 181px }

.uceb-nav {
	text-align:	center;
	margin:		1em;
}

.uceb-nav span {
	background:	#006400;
	padding:	0.8em;
	border:		2px double #FFF;
}

.uceb-nav span a {
	padding:	0.5em;
}

.uceb-nav span a:hover {
	border:		1px dotted silver;
}

.ds .hw {
	margin-top:	10px;
	border-bottom:	1px solid #27648D;
}

.ds table {
	margin-top:	5px;
	border-width:	0px;
	table-layout:	auto;
	/*width:		100%*/
}

.ds thead td {
	font-weight:	bold;
	border-bottom:	solid 1px silver;
	font-size:	85%;
	background-color: transparent;
}

.ds td.td01 {
	width:		650px;
}

.ds td.td02 {
	width:		60px;
	text-align:	center;

}

.ds td.td02 img {
	/*display: none;*/
	border:	1px solid #E0E0E0;
	background-color: #E0E0E0; //#006400;
}

.ds td.td03 {
	width:		60px;
	text-align:	center;
}

.ds td.td04 {
	width:		230px;
	text-align:	right;
}

.ds tbody tr:hover { 
background: #222;
//#f7f7f7;
 }

.ds_hlavicka, .ds_hlavicka_novy {
	margin-top:	10px;
	background-color: #333;
	padding:	5px;
	border-top:	1px solid #E0E0E0;
	font-size:	90%;
}

.ds_hlavicka_novy {
  background-color: #2E8B57;
}

.ds_hlavicka_odkazy {
	color:		#27648D;
}

.ds_text {
	padding:	5px;
	color: #EEE
}

p.wrongForum {
	margin-top:	20px;
	margin-bottom:	10px;
	border-top:	1px solid silver;
}

.signature {
	font-size:	80%;
	margin-top:	1ex;
	font-style:	italic;
	margin-left:	5px;
}


.hw_item table {
	border-collapse: collapse;
	table-layout:	auto;
	margin-top:	10px;
	margin-bottom:	10px;
}

.hw_item td {
	border:		1px solid silver;
	padding:	2px;
}

.hw_item td.td01 {
	width:		300px;
}

.hw_item td.td02 {
	width:		1200px;
}

.kt_citace {
	color:#FF6347
}

.s_odkaz {
	text-align:	center;
	color:		#27648D;
	margin-bottom:3px
}

.s_nad_h1 {
	padding:	2px;
	margin-top:	5px;
	margin-bottom:	5px;
	background-color: #000; 
	border-top:	1px solid #C0C0C0;
	border-bottom:	1px solid #C0C0C0;
}

.s_nad_pod_h1 {
	margin:		0px;
	padding-left:	5px;
	padding-bottom:	1px;
	display:	block;
	background-color: #006400; //zelena, stara #27648D;
	font-size:	100%;
	color:		white;
	font-weight:	bold;
}

.s_nad_h1 h1 {
	top:		1px;
	font-size:	100%;
	font-weight:	bold;
	margin:		0px;
	padding:	0px;
	padding-top:	1px;
}

a.info { 
	position:	relative;
	border:		1px solid #006400;
	padding: 	0 0.3em 0 0.3em;
	cursor: 	help;
	background: 	white;
	color:		gray;
	font-weight:	bold;
}

.s_nad_h1 a.info, .s_nad_h1 .oksystem {
	float: 		right;
}

a.info:hover {
	background: 	#006400; //#FFF8C3;
	border:		1px solid #FFF;
	color: 		white;
}

.s_sekce a.info:hover { text-decoration: none; }

a.info span.tooltip {
	display:	none;
}

a.info:hover span.tooltip {
	display:	block;
	position:	absolute;
	left:		-12em;
	top:		2em;
	font-weight:	normal;
	font-size:	small;
	width:		13em;
	border:		1px solid gray;
	background:	white;
	padding:	0.2em;
	color:		black;
}

.s_sekce {
	font-size:	90%;
	padding:	0 3px 0 3px;
}

.s_sekce input#submit {
	width: 80px;
}

.s ul, .ramec-st ul {
	margin:		0px;
	padding-left:	15px;
	color:		#27648D;
	list-style-type: circle;
}

.ramec-st span { color: black }
.ramec-st .s_nad_h1 { border-top: none; margin-top: 0 }

.ramec-st {
	border: 1px solid silver;
	margin: 5px 302px 0 0;
	padding-bottom: 5px;
	background: #666; //#f6f6f6;
}

.s li {
	padding:	0px;
	margin:		0px;
}

.s img {
	border:		1px solid #C0C0C0;
}

.s form {
	margin-top:	5px;
	margin-bottom:	5px;
}

.obal_ls {
	background:	#333; //#ECECEC;
	color:		#DDD;
	border-right:	1px solid #C0C0C0;
	border-bottom:	1px solid #C0C0C0;
	padding-bottom:	2px;
	font-family:	sans-serif;
	margin-top:	5px;
	margin-bottom:	5px;
}

.ls {
	width:		270px;
	text-align:	left;
}

.ls li a, .ps li a, .st_rozc li a, .ds td a, .s_nad_h1 a, .ps_reklama a,
 .textad a, a.info, .ramec-st li a, .sflista a {text-decoration:none}
.ls li a:hover, .ps li a:hover, .st_rozc li a:hover, .ds td a:hover,
.ps_reklama a:hover, .textad a:hover, .ramec-st li a:hover {text-decoration:underline}

.ls_prepinac {
	background-color: #000; //#006400;
	padding-left:	2px;
	border-bottom:	2px solid #555;
	border-top:	1px solid #FFF;
	width:		268px;
}

.ls_prepinac img {
	margin:		1px;
}

.ls_reklama {
	text-align:	center;
}

.ls_reklama img {
	margin:		5px;
}

.ank-odpov { 
	margin: 0 3px 0.3em 0;
	display:block; 
	border-top:1px solid lightgray; }

.ank-odpov img { 
	border:  1px solid #000;
}

#submit { 
	border:  1px solid #FFF;
	background-color: #000;
	color: #FFF;
	font-width: bold;
}	

.ank-otazka { margin-bottom:0.5em }

.ls_zpr {
	font-size:	90%;
}

.ls_zpr p {
	padding:	0px;
	background:	#444;
	font-size:	110%;
	padding-top:	1px;
	padding-bottom:	1px;
	margin-top:	5px;
	margin-bottom:	5px;
	margin-right:	2px;
	margin-left:	2px;
}

.ls_zpr hr {
	margin-left:	5px;
	margin-right:	5px;
	margin-top:	2px;
	margin-bottom:	4px;
}

.rozc a.server {
	margin-left:	16px;
	padding-left:	8px;
	padding-right:	8px;
	font-size:	95%;
	font-weight:	bold;
	text-decoration: none;
	color:		#B0C4DE;
	border-bottom:	1px solid #FFF;
}

.rozc ul {
	margin-bottom:	2px;
	margin-top:	2px;
	font-size:	75%;
	background:	#555;
	list-style-type: circle;
}

.rozc li {
	padding-top:	0px;
	padding-bottom:	0px;
	color: #FFF;
}

li {
	color: #FFF;
}

.obal_ps{
	background-color:	#333; //#ECECEC;
	color:		#DDD;
	border-left:	1px solid #C0C0C0;
	border-bottom:	1px solid #C0C0C0;
	padding-bottom:	2px;
	margin-top:	5px;
	margin-bottom:	5px;
	font-family:	sans-serif;
	text-align: 	right;
	margin-left:	5px;
	width:	 300px;	
}

.ps {
	text-align:	left;
}

#udiskuze { width:200px; }

.ps_prepinac {
	height:		1px;
	background-color: #000;
	border-bottom:	1px solid white;
	width:		300px;
}


.ps_nad_reklama {
	float:		right;
	color:		black;
	text-align:	center;
	font-size:	60%;
	border: 	1px solid gray;
	padding:	2px;
	background-color: #000;
}

.ps_reklama {
	background-color:red; /*#ECECEC;*/
	width:		100px;
	height:		300px;
	margin:		1px;
	background:	#24465B;
	border:		1px solid silver;
	text-align:	left;
	overflow:	hidden;
}

.ps_reklama a:hover {
	background-color: transparent;
}

.st_nad_rozc {
	background-color: 	#333;
	color:			#FFF;
	border:		1px dotted silver;
}

.st_rozc {
	text-align:	left;
}

.st_rozc table {
	margin-top:	10px;
	border-collapse: collapse;
	margin-left:	0px;
	border:		0px;
}

.st_rozc .s_nad_h1 {
	margin-bottom:	0px;
}

.st_rozc td {
	background-color: #555; //#FDFDFD;
	vertical-align: top;
	padding:	2px;
	border:		1px solid #F5F5F5;
	margin:		0px;
	width:		33%;
}

.st_rozc ul {
	background-color: transparent;
}

.st_rozc li {
	background-color: transparent;
	margin-left:	2px;
	margin-right:	2px;
}

.dl {
	clear:		both;
	color:		#000;
	border:		none;
	margin:		0;
	padding:	0;
	background-color: silver;
	text-align:	center;
	font-size:	80%;
	position:	relative;
	border: 1px solid #FFF;
}

.dl_vlevo {
	float:		left;
	padding-left: 10px;
	/*IE*/background-color: silver;
}

.dl_vpravo {
	float:		right;
	padding-right:	10px;
	padding-left:  10px;
	/*IE*/background-color: silver;
}

.dl_stred {
	position:	absolute;
	left:		50%;
	margin-left:	-120px;
}

.dl a {
	color:		#4169E1;
	text-decoration: none;
}
.dl a:hover {
	background-color: transparent;
	color:		#000080;
}

.textad { 
	border:1px solid lightgray;
	padding:5px;
	margin:5px;
	float:right;
	background:#f6f6f6;
	width:160px }

button, .button {
	border: 1px solid #FFF;
	padding: 0.1em;
	font-weight: bold;
	background-color: #000;  //717171;
	color: #FFF;
}

button:hover, .button:hover {
	background: #999; //#efefef;
	color: #000; 
}

.form-edit { margin: 0.4em 0 0.4em 0 }

.form-edit a {
	border:1px solid gray;
	padding:0.2em 0.4em 0.1em 0.4em;
	color: #EEE;
	text-decoration:none; 
}

/*
.form-edit a:hover, .form-edit a:focus {
	border:	1px solid #FFF;
	color:	#FFF;
	font-width:	bold;
	background-color: #006400;
}
*/
	
.form-edit a#serif { font-family:serif }
.form-edit a#mono { font-family:monospace }

.dict-item {
	background:	#2F4F4F;
	margin:		0.5em 0.5em 0 0;
	padding:	0.5em;
}

.search_results {
	text-align:right;
	margin-bottom:1em;
}
.search_result {
	margin-top:0.8em;
	margin-bottom:0.2em;
	margin-left:0.3em;
	border-left: 1px dotted #FFF;
}

.search_title {
	margin-left:0.5em;
}

.search_solved {
	font-size:75%;
}

.search_fragments {
	font-size:90%;
	color:#9c9c9c;
	margin-left:0.5em;
}
.highlight {
	font-weight:bold;
	color:#CCC;
}
.search_details {
	font-size:100%;
	border-bottom: 1px dotted #FFF;
	margin-left:0.5em;
}


/*************** SF lista *****************/
.sflista {
  font-size: 11px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  background-color: #222;
}
.sflista a {
  display: table-cell;
  float: left;  
  margin: 2px;
  padding: 3px 2px 0px 2px;
  _padding: 0px 2px 2px 2px;
  color: #999;
}
.sflista img {
  vertical-align: middle;
  position: relative;
  top: -2px;
  _top: 0px;
}
.sflista a:hover {
  color: #BBB;
  border-color: #333 #555 #555 #333; 
  background-color: #444;
}
/*****************************************/