/* Copyright (c) 2005-2006 Qark aka Bohumil Precechtel */
html {
	background: url(backgr.gif) repeat;
}
body {
	padding: 0px;
	font-size: 12px;
	margin: 0;
	color: #000000;
  font-family: verdana, "Geneva CE", lucida, sans-serif;
}
/* DESIGN */
#hlavni {
	border-right: 1px solid #336699;
	padding: 0;
	border-top: 4px solid #336699;
	margin: 10px auto 10px auto;
	border-left: 1px solid #336699;
	width: 780px;
	background: url(pozadi.gif) repeat-y;
	border-bottom: 4px solid #336699;
}
#top_menu {
	border-top: 1px solid #7797bd;
	background: url(top_qark.jpg) no-repeat;
	margin: 0 auto;
	height: 141px;
	text-align: left;
	padding-left: 5px; font-size: 12px;
}
#obsah {
	padding: 10px 20px 20px 20px;
	float: left;
	margin: 0;
	width: 550px;
	background-color: #ffffff;
}
#menu {
	padding: 10px 5px 5px 3px;
	margin: 0 0 0 593px;
	color: #314864;
	height: 100%;
	position: relative;
	background-color: #E7EAF1;
	text-align: left;
	font-size: 12px;
}
#menu ul {
	display: block;
	margin-left: 0px;
	padding-left: 18px;
	text-indent: 0px;
}
#menu ul li {
	list-style-image: url(qdot.gif);
}
#hledej {
	top: 90px;
	right: 15px;
	position: relative;
	float: right;
}
.img_find {
	top: 3px;
	left: -4px;
	position: relative;
}
.input_find {
	border: 1px solid #7f9db9;
}
#copyright {
	clear: both;
	padding: 5px 10px 10px;
	border-top: 1px solid #a9bed5;
	font-size: 12px;
	margin: 0;
	background-color: #e1eaf2;
	text-align: center;
}
.spacer { height: 14px; }
div.hr {
	margin-top: 3px;
	border-bottom: 1px dotted #cecece;
}
/* clanky */
.starsi_cl {
	background: url(ico_sipka.gif) no-repeat;
	padding-left: 15px;
	border-bottom:  #a9a9a9 1px dashed;
	font-size: 11px;
	text-align: left;
}
.starsi_nazev {
	float: left;
}
.starsi_info {
	text-align: right;
	font-size: 10px;
}
.jiny_autor {
	background: #E7EAF1 url(blok.gif) right repeat-y;
	border: 1px silver solid;
	font-size: 10px;
	padding: 2px 14px 2px 4px;
	text-align: left;
	font-weight: bold;
}
.jiny_nazor {
	background: #E7EAF1 url(blok.gif) repeat-y;
	border: 1px silver solid;
	font-size: 10px;
	padding: 2px;
	text-align: right;
}
/* nejctenejsi */
.stat {
	font-size: 11px;
	display: block;
	margin-left: 0px;
	padding-left: 22px;
	text-indent: 0px;
}
.stat2 {
	font-size: 11px;
	display: block;
	margin-left: 0px;
	padding-left: 25px;
	text-indent: 0px;
}
.stat2 a {
	color: #314864;
}
.stat a {
	color: #314864;
}
/* obrazky */
img {
	margin: 0;
	border: 0;
}
.f_right {
	float: right;
	position: relative;
	display: block;
	background-color: white;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px 15px;
	padding: 4px;
	line-height: 0px;
}
.stin {
	float: right;
	background: url(shadow.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 8px 0px 5px 15px;
}
.o_ramecek {
	display: block;
	position: relative;
	background-color: white;
	border: 1px solid #a9a9a9;
	margin: -3px 6px 6px -3px;
	padding: 4px;
}
.o_right, f_right {
	float: right;
	display: block;
	background-color: white;
	border: 1px solid #a9a9a9;
	margin: 5px 5px 5px 15px;
	padding: 4px;
	line-height: 0px;
}
.o_right2 {
	float: right;
	display: block;
	margin: 5px 5px 5px 15px;
}
img.vpravo {
	float: right;
	border: 1px solid black;
	margin: 5px;
}
img.ramec {
	display: block;
	background-color: white;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: 0 auto;
}
img.obrazek {
	border: 1px solid black;
	margin: 5px;
}
/* nadpisy */
h1, h2, h3 {
	font-size: 14px;
	margin-top: 17px;
	background: #889CB3 url(qlogo.gif) no-repeat right;
	padding: 2px 0 2px 10px;
	color: white;
	clear: both;
}
.main_title {
font-size: 12px; font-weight: bold; font-style: italic;  background:none;
padding: 0; margin: 0; clear: none; color: #58789f; 
position: relative; top: 67px; left: 380px;
width: 390px; overflow: hidden; height: 14px;
}
h2.titulek a, h2.titulek a:hover {
	border-bottom: none;
	font-weight: bold;
	background-color: #889CB3;
	color: white;
	text-decoration: none;
	font-size: 14px;
}
.qlogo { background: #889CB3 url(qlogo.gif) no-repeat right;
cursor: move;}
.titulek { cursor: move }

h2.titulek a:hover {
	color: black;
}
h3 {
	margin-left: 25px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0 1px 5px;
	background-color: white;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
h5 {
	padding-left: 5px;
	margin: 10px 0 0 0;
	color: #112233;
	font-weight: bold;
	font-size: 12px;
	background-color: #F2F3F7;
	border-bottom: 1px dotted #cecece;
	border-left: 3px solid #cecece;
	clear: both;
}
/* odkazy */
a {
	line-height: 17px;
	font-weight: normal;
  color:  #8f1f1f;
	text-decoration: none;
}
.komentar a {
	border-bottom: 1px dotted #8f1f1f;
}
.reakce a, .odpoved a {
	color:  #8f1f1f;
	border-bottom: none;
}
a:hover, .komentar a:hover {
	color: black;
	border-bottom: 2px solid #F26522;
}
/* odkazy v clanku */
.clanek a {
	line-height: 17px;
	font-weight: normal;
	/*color: #8f1f1f;*/
	color: black;
  border-bottom: 1px solid #F26522; 
}
.clanek a:hover {
	background-color: #F5F6F9;
	color: black;
	border-bottom: 2px solid #F26522;
}
.pokracuj a {
	color: #314864;
	background-color: #EFF1FF;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
.pokracuj a:hover {
	background-color: #FFFFFF;
	border-bottom: 2px solid #F26522;
}
.vpravo {
	float: right;
}
.vlevo {
	float: left;
}
code {
	color: #000066;
	font-family: 'Courier New' , Monospace;
  padding: 0 1px;
}
.cntr {
	text-align: center;
	margin: auto
}
cite, .citace {
	margin-left: 15px;
	display: block;
}
p {
	font-size: 12px;
	padding-top: 4px;
	margin: 0px;
}
/* upravy v clancich */
.clanek p {
	text-align: justify
}
/* .clanek strong {
	border: 1px dotted silver;
	padding: 0 1px;
	background-color: #F2F4F8;
}*/
.clanek li {
	list-style-image: url(li.gif);
	padding: 1px 0;
}
.fotka {
	border: 1px solid #889CB3;
	padding: 4px;
}
.fotka_dark {
	border: 6px solid #000000;
	padding: 1px;
	background-color: white;
}
.fotka_sm_dark {
	border: 4px solid #000000;
	padding: 1px;
	background-color: white;
	float: right;
	display: block;
	margin: 5px 5px 5px 15px;
}
.pokracuj {
	text-align: right;
	margin-top: 3px;
	clear: both;
}
.duraz {
	padding: 0px;
	border: 1px silver dotted;
	background-color: #ECEEF3;
}
.blok {
	background: #E7EAF1 url(blok.gif) repeat-y;
	padding: 5px 5px 5px 15px;
	border: 1px silver solid;
}
.blok_pozor {
	background: #f2f3f7 url(blok_pozor.gif) repeat-y;
	padding: 5px 5px 5px 15px;
	border: 1px silver solid; color: black; text-align: justify;
}
/* oznaci vysledek vyhedavani */
.hld {
	border: #8b4513 1px solid;
	background-color: #ff9933;
}
/* nadpis pro vyhledavani */
h3.hledani {
	text-align: right;
	padding-right: 40px;
}
h1.clanky {
	text-align: right;
	padding-right: 40px;
	margin-left: 220px;
}
/* konec bajky */
.konec_b {
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
}
.f_clanku {
	background-color: #F2F3F7;
	border-bottom: 1px dotted #cecece;
	border-left: 1px dotted #cecece;
	border-right: 1px dotted #cecece;
	border-top: 1px solid #cecece;
	margin: 10px 0;
	text-align: center;
	padding: 1px 0;
	clear: both;
	font-size: 10px;
}
.ramecek {
	margin: 5px 0px;
	padding: 0 5px;
	background-color: #E7EAF1;
	text-align: left;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
.ramecek form { margin: 0; padding: 0; }

.ramecek:first-line {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.soubory, .vtipy {
	margin: 10px 0px;
	padding: 0 0;
}

.komentar {
	background-color: white; text-align: justify;
	padding: 0 3px 2px 3px; font-size: 11px;
}
.komentar p { font-size: 11px; text-align: justify; padding: 0 3px; }
.info_kom { border-bottom: 1px solid #cecece; margin-bottom: 3px; font-size:10px; padding: 2px 3px 4px 3px; 
margin: 0 -3px 3px -3px;
}

.avatar {  float:right;
border: 1px solid white; 
width:30px; 
height:30px }
.cislo_kom { color: #336699;font-size: 13px; font-weight: bold; 
text-align: center;
float:left; margin-right: 5px;
border: 1px solid #c7ccdb;
padding: 7px 0; width:30px; 
height:16px }
.datum_kom { color: blue; }
.host_kom { color: #cecece; }
.jmeno_kom { font-size: 11px; font-weight: bold; display: block; height: 18px; }

.info_kom a, .info_kom a:hover { text-decoration: none; border-bottom: 0px none; } 

.okraj_light { border: 1px solid #c7ccdb; }

.sude { background-color: #f2f3f7; }
.liche { background-color: white; }

.l1 { 	
  	border: 1px solid #e7eaf1;
 
 }
.l2 { 
	
  	border: 1px solid #e7eaf1;
  
  }
  


.cislo {
	border: 1px silver solid;
	background-color: #CFD4F8;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	width: 30px;
	text-align: center;
	float: left;
	margin: 0px;
	clear: left;
}
.vtipy {
	border-top: 1px solid #C7CCDB;
	padding: 2px 0 2px 2px;
	padding-bottom: 10px;
	display: block;
	min-height: 30px;
}
.vtipy p {
	font-size: 12px;
	margin-left: 50px;
	padding-top: 0px;
}
.soubory p {
	border-bottom: 1px solid #C7CCDB;
	margin: 0px;
	padding: 2px 0 2px 0px;
}
/* odkazy v horni casti */
.top_odkazy {
	color: #cecece;
	margin: 0;
	position: relative;
  left: 0; 
  top: 109px;  
}
.top_odkazy a {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 4px;
  color: black;
	border-top: 5px white solid;
	text-decoration: none;
}
.odpoved {
	text-align: right;
}
.right {
	text-align: left;
	margin-bottom: 5px;
}
.right2 {
	text-align: left;
	width: 300px;
	margin-bottom: 5px;
}
.top_odkazy a:hover {
	border-top: 5px #F26522 solid;
	border-bottom: 0 white solid;
	text-decoration: none;
}
abbr, acronym, .hesla {
	padding: 0;
	border-bottom: 1px dotted #666666;
	cursor: help;
}
.ramecek2 {
	margin: 5px 0px;
	padding: 0 0 0 130px;
	background-color: #E7EAF1;
	text-align: center;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
.ramecek2 ul {
	margin: 0;
	list-style-image: url(qdot.gif);
}

.dotli { list-style-image: url(qdot.gif); }
.arrli { list-style-image: url(arrli.gif); }
.noneli { list-style-type: none; padding: 3px 0; }
/* barevne oznaceni zdrojaku */
pre {
	padding: 5px 5px 5px 15px;
	border: 1px silver solid;
	overflow: auto;
	background: #E7EAF1 url(blok.gif) repeat-y;
}
.php {
	background: #E7EAF1 url(php_code.gif) repeat-y;
}
.html {
	background: #E7EAF1 url(html_code.gif) repeat-y;
}
.sql {
	background: #E7EAF1 url(sql_code.gif) repeat-y;
}
.br0 {
	color: #66CC66;
}
.co1 {
	color: #808080;
	font-style: italic;
}
.co2 {
	color: #808080;
	font-style: italic;
}
.comulti {
	color: #808080;
	font-style: italic;
}
.es0 {
	color: #000099;
	font-weight: bold;
}
.kw1 {
	color: #000066;
	font-weight: bold;
}
.kw2 {
	color: #000000;
	font-weight: bold;
}

.html .kw2 {
	color: #800080;
	font-weight: bold;
}
.html .kw3, .html .sc2 {
	color: #000000;
	
}
.html .st0 {
color: #000080;
}

.kw3 {
	color: #000066;
	font-weight: bold;
}
.kw4 {
	color: #993333;
}
.kw5 {
	color: #0000FF;
}
.me0 {
	color: #006600;
}
.nu0 {
	color: #CC66CC;
}
.re0 {
	color: #0000FF;
}
.re1 {
	color: #0000FF;
}
.re2 {
	color: #0000FF;
}
.re4 {
	color: #009999;
}
.sc0 {
	color: #00BBDD;
}
.sc1 {
	color: #DDBB00;
}
.sc2 {
	color: #009900;
}
.st0 {
	color: #FF0000;
}
.php a, .php a:link {
	background-color: white;
	text-decoration: none;
	border-bottom: 0px solid black;
}
.php a:hover {
	text-decoration: underline;
	border-bottom: 0px solid black;
}
.reakce {
	color: blue;
	background-color: white;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
}
/* kalendar u nadpisu clanku */
.kalendar {
	color: #6387B0;
	font-size: 8px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.0;
  margin: -5px 0 0 0;
	width: 35px;
	background: #E7EAF1 url(datum.gif) no-repeat;
	padding: 0 2px 2px 0;
	float: left;
}
.u {
	text-decoration: underline;
}
.kalendar .den {
	display: block;
	font-weight: bold;
	font-size: 20px;
	text-indent: -3px;
	letter-spacing: -2px;
	color: #6387B0;
	padding-bottom: 2px;
}
.ank {
	text-align: center;
	margin: 0 auto;
	width: 170px;
	background-color: #E7EAF1;
	border-bottom: 1px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
fieldset.hledej {
	margin-left: 200px;
	padding: 0;
}
input.tlacitko {
	color: #314864;
	background-color: #EFF1FF;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB;
}
span.mtext {
	color: #314864;
}
.a_nazev {
	background: #f1f1f1;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #cecece;
}
.a_dotaz {
	border-bottom: 1px dotted #cecece;
	margin-top: 2px;
	padding-bottom: 3px;
}
.a_obr {
	width: 125px;
	height: 6px;
	border: 1px solid black;
	background-color: white;
	margin: 2px auto;
	text-align: left;
}
.a_obr img {
	border: 0px;
	margin: 0;
	padding: 0;
	display: block;
}
label.nazev {
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}
img.host {
	float: left;
	margin: 0 5px 1px 0;
}
table {
	margin: 30px auto 30px auto;
	padding: 0;
	margin-bottom: 15px;
	/*width: 100%;*/
}
tr.druhy {
	background-color: #eeeeee;
}
th {
	background-color: #889CB3;
	font-weight: bold;
	color: white;
}
td {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted silver;
	font-size: 13px;
	text-align: center;
}
.kapitalky {
text-transform: capitalize; 
}
.mini {
font-size: 11px;
}

/* formularova pole */
.txt {  font-size: 13px; border: 1px solid #C7CCDB;  margin: 1px 0;}
.odsazeno {  font-size: 13px; border: 1px solid #C7CCDB; margin: 10px 0; }
.but {	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	background-color: white;
	border-bottom: 2px solid #C7CCDB;
	border-right: 2px solid #C7CCDB;
	border-top: 1px solid #C7CCDB;
	border-left: 1px solid #C7CCDB; 
  	}

#pridat { border: 1px solid #c7ccdb;  width: 170px; color: blue; background-color: white; font-size: 11px; 
padding: 0 1px 0 5px; }
#odkazy { padding: 0; margin: 0; }
#odkazy ol { margin-top: 10px; margin-bottom: 10px; }


#odkazy a { color:  #8f1f1f; }
#odkazy a:hover { border-bottom: 1px dotted #8f1f1f; font-size: 11px; }
.sdatem { margin-left: 35px; z-index: 10; clear: none; }
.info { font-size: 10px; color: gray; } 
#hlasovani a { border: none; }

 a.ajaxkom span
{
	position: 		absolute;
	left: 			-9999px;
	width: 			900px;
}

 a.ajaxkom:hover,
 a.ajaxkom:focus,
 a.ajaxkom:active
{
  position: relative;
}
 a.ajaxkom:hover span,
 a.ajaxkom:focus span,
 a.ajaxkom:active span
{
  left: 20px;
  top: 20px;
  width: 500px;
  
  padding: 8px;
  line-height: 1;
  
  border: 1px solid #336699;
  color: #000;
  text-decoration: none;
  z-index: 999;
  background: #ffffff url(koment.gif) no-repeat 99% 5px;
 
}