/*
	Modern World CSS Template 
	www.solucija.com
	Mod: juneau
*/


body, h1, h2, h3, h4, div, p, ul, ol, li, img, form, fieldset {margin: 0; padding: 0;}

body { font-family: Arial, Sans-Serif; color: #000;
background: #595959 url('../img/bg2.gif') repeat-y 50% 50%; margin: 0; padding: 0; line-height: 15px; }
body {font-size: 73% !important; font-size: 70%; margin-left: 1px}


/* ------------------------------ OBECNE DIREKTIVY ---------------------------------*/

p{ margin: 5px;}
h1{font-size: 120% !important; font-size: 140%; margin: 10px 0; color: #2980DE; padding: 2px;}
h2{ font-size: 120% !important; font-size: 130%;}
h3{ font-size: 115%;}
h4{ font-size: 110%;}

/* nadpisy v textech a clancich / jine barvy a pod */
.right h1{ padding-left: 21px; margin: 20px 10px 0px; background: url('../img/h1spot.gif') center left no-repeat;}
.right h3{ padding-left: 18px; margin: 20px 10px 5px; background: url('../img/hspot.gif') center left no-repeat; color: #83b143;}
.right h4{ padding-left: 16px; margin: 20px 10px 5px; background: url('../img/h4spot.gif') center left no-repeat; color: #6FC777; }


a {	color: #A53512; background-color: inherit; }
a:hover { color: #000; background-color: inherit;}
a:visited{color: #d2691e;}


.quote, cite, q { padding: 2px 2px 2px 15px; background: #ECF3FB url('../img/quotebg.gif') no-repeat center left;
				font-size: 90%; color: inherit; }
.text-jednotlivy .quote, .text-jednotlivy cite, .text-jednotlivy q { padding: 15px;}
.clanek .quote, .clanek cite, .clanek q { padding: 15px;}


/* Smajly.. aby nemely oramovani */
.text-jednotlivy img,.clanek img{ border: 1px solid black; }
img.smajl{ border: 0; vertical-align: middle; }


hr{border: 0; border-bottom: 1px solid green;	margin-bottom: 15px;}
.co,acronym,abbr{ border-bottom: 1px dotted gray; cursor: help;}
.co:hover,acronym:hover,abbr:hover { border-bottom: 1px dashed gray;}

ul,ol {margin: 10px 40px;}

pre, code{ background: #f7f8f9; font-size: 100% !important; font-size: 90%;}
pre{ width: 97%; margin: 10px 0; overflow: auto; padding: 3px; border: 1px solid #b0c4de;}


table{ margin: 10px auto; border-spacing: 0px; border-collapse: collapse; background: url('../img/tablebg.gif') bottom left repeat-x;}
table th, table td{  padding: 5px; border: 1px solid #a9a9a9; }
table th{ text-align: center}
table th{ background-color: #f4f4f4;}

div.stat table{width: 60%; margin: 20px auto;}

#heslo-form{display: block; margin: 20px auto; margin-top: 50px; width: 350px;}
#heslo-form fieldset{ border: 1px solid gray; -moz-border-radius: 5px; padding: 20px;}

/*
Prvni trida definuje obecne vyhledane slovo, dalsi tridy barvu pozadi
(kazde ze slov fraze ma vlastni barvu). A pokud barvy dojdou, pouzije se trida .search0,
Prvni slovo se obarvi .search1, druhe .search2, ...
*/
span.hledane-slovo{ border: 1px solid gray; padding: 1px 3px; color: black;}
span.search0{background:#C5DAF0;} /**/
span.search1{background:#d7e8e1;}
span.search2{background:#9CBBDA;}
span.search3{background:#e0edde;}
span.search4{background:#E3EEF9;}
span.search5{background:#F6FBEF;}


/*
	Prazdny DIV, ktery je pak javascriptem "naplnen" popiskem odkazu (a jinych tagu)
	Ze zacatku je skryty, ale po najeti na otitulkovany obsah se objevi takto zformatovany.
	V HTML sablone tedy musi byt vlozen tento tag: <div id="tooltipDiv"></div>
*/
#tooltipDiv { position: absolute; left: 0; top: 0; z-index: 1000; display: none;
	padding: 4px; border: 1px solid gray; background-color: #e6e6fa; color: black;
	font-family: verdana, sans-serif; font-size: 11px;
	white-space: nowrap; }






/* ------------------------------ HLAVNI OBSAH ---------------------------------*/

#content { margin: 0 auto; padding: 0; text-align: left; width: 721px;
			background: #595959 url('../img/contentbg.gif') repeat-y top left; color: inherit;}



/* ------------------------------ LEVE MENU ---------------------------------*/

div.left {	margin-right: 540px; padding: 0px 10px 10px 0px; background: url('../img/logo.gif') no-repeat top left; }
div.left h3 { letter-spacing: -1px; color: #74CF7A; margin: 10px 0 0 0; padding: 0 0 0 10px;  }
div.left h3 {font-size: 130% !important; font-size: 130%;}
div.left div{ margin: 0 0 15px 0; padding: 0 0 0 10px;}
div.left div a{display: block; padding: 2px 5px;}
div.left img{border: 0;}

#logo {	padding: 38px 0 0 13px;	margin-bottom: 50px; }
#logo h2 { letter-spacing: -1px; font-weight: bold; color: #000; margin: 0; padding: 0;}
#logo h2 {font-size: 155% !important; font-size: 150%;}
#logo p { margin: 0; padding: 3px 0 0 2px; color: #95BAE3; background-color: inherit; }

#autor div{ float: left; margin: 5px 5px 0 0; border: 1px solid silver; padding: 3px;}
#autor div img{border: 1px solid #dcdcdc;}

div.left .novinka-blok div a{display: inline; padding: 0;}
div.left .novinka-blok div{padding: 0;}


/* ------------------------------ PRAVY BLOK ---------------------------------*/


div.right { margin: 0;	padding: 15px 10px 10px 12px; width: 520px;	float: right;
background: url('../img/header.gif') repeat-x top left; min-height: 600px; _height: 600px;}
div.right { font-size: 110%; text-align: justify;}
.text-jednotlivy p, .clanek p{ text-indent: 15px;}



/* ------------------------------ HLAVICKA ---------------------------------*/

/* odkaz*/
#message{display: block; padding: 5px; margin: 0 0 40px 0; font-weight: bold; color: #FFF;
	text-decoration: none;}
#message {font-size: 150% !important; font-size: 140%;}

#navigation { text-transform: uppercase; background: url('../img/navbg.gif') repeat-x bottom left; padding: 0 0 22px 10px; }
#navigation { font-size: 80% !important; font-size: 75%;}

#navigation a {	color: #9f9f9f;	display: inline; text-decoration: none;	font-weight: bold; margin-right: 10px;
 padding-left: 5px; background-color: inherit; background-image: url('../img/linkcorner.gif');
  background-repeat: no-repeat; background-position: top left; }
#navigation a:hover { color: #000; background-color: inherit; }





/* ------------------------------ TEXT ---------------------------------*/

.text-jednotlivy{ margin-top: 10px; margin-bottom: 25px; line-height: 17px;}
.text-jednotlivy h1{margin-bottom: 10px;}
.text-jednotlivy h1 a { font-size: 100%; letter-spacing: -1px; font-weight: bold; color: #2980DE; padding: 0; margin: 0; background-color: inherit; }
.text-jednotlivy h1 a {font-size: inherit; text-decoration: none;}
.text-jednotlivy h1 a.odkaz-editovat{color: #d1e2af; font-style: italic; text-decoration: none;}

.text-jednotlivy p{margin: 5px 0 10px;}
.text-jednotlivy img.smajl{vertical-align: middle;}

.text-jednotlivy div.div-pokracuj{text-align: right; padding: 0 50px 5px 0; font-size: 100%;}
.text-jednotlivy p.text-paticka{ text-align: right;}
.text-jednotlivy p.text-paticka strong{ color: #2980DE;}

.zvyraznit{padding: 5px; border: 1px solid silver; background: #eaf2fb;}
.zvyraznit:hover{ border: 1px solid #b0c4de;}

/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 30px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: right;}

 /* odkazy na dalsi listy s texty (prehled) */
div.text-strankovani{ text-align: center; margin-top: 15px; padding-top: 5px; border-top: 1px dashed #9acd32;}
div.text-strankovani a{padding-left: 2px; padding-right: 2px; }


/* ------------------------------ CLANEK ---------------------------------*/

.clanek p{ margin-bottom: 15px; }
.clanek img.smajl{vertical-align: middle;}
.clanek .clanek-paticka{ text-align: right; margin-top: 25px;}
.clanek .clanek-paticka strong{ color: #2980DE;}
.clanek h1 a.odkaz-editovat{color: #d1e2af; font-style: italic; text-decoration: none;}




/* ------------------------------ ARCHIV ---------------------------------*/

/* float na prave strane s mesici pod sebou*/
.archiv-right{float: right; width: 125px; border-left: 1px solid #dcdcdc; padding: 10px; margin-left: 10px;}
.archiv-right h3 {background: none; padding: 0; margin: 0 0 8px !important; margin: 8px 0px;}
.archiv-right  a+h3 { margin-top: 8px !important;} /* Tohle IE nepochopi ... ze kazdy dalsi nadpis od 2. dal ma mit odsazeni od odkazu */
.archiv-right a{display: block; padding: 2px 2px 2px 5px;}

.autori, .kategorie{margin: 10px}

.info-o-tematu{ margin: 15px 0; border-top: 1px solid black; width: 60%}
.info-o-tematu p{ margin: 5px 0 0 0;}

.archiv-blok .datum{ margin: 25px 0 0 0; background: url('../img/linkabg.gif') bottom left no-repeat; padding: 0 0 3px 0;}
.archiv-blok .nadpis{ margin: 5px 0 0 10px; background: none; padding: 0;}
.archiv-blok .paticka{ margin: 2px 0 0 25px; color: #a9a9a9;}
.archiv-blok .paticka a{color:inherit;}
.archiv-blok .paticka span{color:#7e8081;}



/* ------------------------------ OBRAZKY ---------------------------------*/

/* Css k vkladanym fotkam (z fotoalba) */
/* Rozmery jsou definovane u kazde fotky pomoci style="" atributu */

.foto-a-nahled-left{ display: block;    float: left;}
.foto-a-nahled-left img {  display: block; margin: 4px auto; }
.foto-a-nahled-right{ display: block;    float: right;}
.foto-a-nahled-right img {  display: block; margin: 4px auto; }
.foto-a-nahled-center{ display: block;    float: none;  margin: 10px auto;  }
.foto-a-full{display: block; clear: both; text-align: center; margin: 15px auto;}


.img-left{ display: block; float: left;  margin: 0 5px 5px 0; }
.img-right{ display: block;  float: right;  margin: 0 0 5px 5px; }
.img-center{ display: block; margin: 10px auto; }

div.img-left p,
div.img-right p,
div.img-center p
{ text-align:center; color: gray; line-height:115%; margin: 0;}

img.img-center,
img.img-left,
img.img-right {margin-bottom: 5px;}



/* ------------------------------ ANKETA ---------------------------------*/

.anketa-blok{ padding: 5px;	margin: 20px 20px 20px 0; clear: both; background: #ebf7fa; border: 1px solid #b0c4de;}
.anketa-otazka{ padding: 2px; border-bottom: 1px solid #1e90ff;	color: #1e90ff; }
.anketa-blok a{ border: 0;  color: #2980DE;  text-decoration: none;}
.anketa-blok a:hover{ color: #1e90ff; }
.odp1,.odp2,.odp3,.odp4,.odp5{ height: 5px;  border: 1px solid black;  font-size: 5px; }
.odp1{ background: #ecfecb;}
.odp2{ background: #d6f88f;}
.odp3{ background: #c2ef5a;}
.odp4{ background: #a0e148;}
.odp5{ background: #afd04a;}
 /* Anketa v textu */
.text-jednotlivy .anketa-blok{ width: 270px; }
 /* Anketa v clanku */
.clanek .anketa-blok{ width: 270px; }
 /* Anketa v menu */
.menu-blok .anketa-blok{ margin: 10px 2px;}
.menu-blok .anketa-blok .anketa-otazka{ padding: 2px;}
.menu-blok .anketa-blok div{ padding: 0;}




/* ------------------------------ KOMENTARE ---------------------------------*/

.komentar{border: 1px solid #dcdcdc; margin: 20px 0 0 0; background: url('../img/comheadbg.gif') repeat-x top left; width: 95%;}
.kom-gravatar{float: left; margin: 0 5px 0 0; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.kom-nadpis{ padding-left: 4px; height: 30px; line-height: 30px;}
.kom-nadpis span{font-size: 150%; color: #2980DE;}
.kom-nadpis strong { background: red; margin-bottom: 3px;} /* nadpis */
.kom-nadpis a{float:right; width: 40px; text-align: center;}
.kom-text{ line-height: 15px;}
.kom-text{ margin: 0 5px;}
.kom-text .nadpis{ font-size: 125%; font-style: italic;}
.kom-text img.smajl{vertical-align: middle}
.kom-paticka{text-align: right; padding-right: 2px;}
span.komentar-autor{color: #4b6dad;}
.komentar-zvyraznit{border: 1px solid black; }
.komentar-reakce{ border-bottom: 1px dotted silver; padding: 0px; text-decoration: none;}
.komentar-reakce:hover{ border-bottom: 1px dotted gray; padding: 0px; text-decoration: none; background: #FEFDD6; color: #808080;}




/* ------------------------------ FORMULAR KOMENTARE ---------------------------------*/

 /* FORMULAR NENI ZOBRAZEN */
.no-formular{   width: 75%; margin: 40px auto; padding: 20px; text-align: center; border: 1px solid gray;
 	background: #e0e0e0; }

#kf{ margin-top: 35px; width: 100%;}
#kf fieldset{border: none;}
#kf legend{font-size: 150%; margin-bottom: 30px;}
#kj, #km, #kw, #kn, #kt{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 1px 3px;
 	background: #ffffff url('../img/inputbg2.gif') repeat-y bottom left; border: 0; width: 150px;}
#kn{ width: 75%; font-weight: bold;}
#kt{ background: #ffffff url('../img/textareabg.gif') no-repeat bottom right; border-left: 1px solid black;
		width: 450px; height: 150px; padding: 4px; margin-top: 10px;}
/*#kj:hover,#km:hover,#kw:hover,#kn:hover,#kt:hover{ border-left: 2px solid black;}*/

#kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 8px 0 0 ;}
#kf p,  #kf div{ margin: 6px}
#kf #grav{ color: silver;}
#kf #grav a{ color: inherit;}

#kf #syntaxe-odkazy{margin: 8px 0;}
#syntaxe-odkazy a{ border-left: 1px solid black; background: #f5f5f5; padding: 2px 8px; margin: 0 2px;
 	text-decoration: none; color: black;}
#syntaxe-odkazy a:hover { background: white; }

#kf #syntaxe-odkaz-na-texy{ margin: 12px 0;}


#kf #k-otazka{ width: 75%; margin: 15px 10px 15px 0;  padding:5px; padding-left: 30px;
				background: #ffffff url('../img/vykricnik.gif') 0 50% no-repeat;}
#kf #k-otazka strong{ font-size: 125%;}
#kf #k-otazka input{ width: 25px; }
#kf #k-otazka label {display: inline; float: none; line-height: 22px;}



/* ------------------------------ VYHLEDAVANI ---------------------------------*/

#sf{padding-top: 25px;}
#sf fieldset{border: none;}
#sf p{margin-bottom: 25px; padding: 0;}
#sf p.slovo{ height: 40px; line-height: 40px;}
#sf label {display: block; float: left; width: 100px; height: 40px; line-height: 40px;}
#sf p.slovo input{ margin: 10px 0;}

p.s-info,p.s-vysl{ margin: 15px 5px;}
.s-blok{ padding-bottom: 8px; background: url('../img/linkabg.gif') left bottom no-repeat;}


/* ------------------------------ VZKAZ ---------------------------------*/

#vf{padding-top: 10px}
#vf fieldset{border: none;}
#vf p{margin: 20px 5px;}


/* ------------------------------ DOKUMENTY ---------------------------------*/

.d-blok{ background: url('../img/linkabg.gif') bottom left no-repeat; padding-bottom: 8px; margin: 8px 0;}
.d-blok div{text-align: right; padding-right: 10px; color: #778899;}
.d-blok div a {color: inherit}
p.d{ margin: 15px 5px; }




#footer { clear:both; background: #FFF url('../img/footerbg.gif') repeat-x bottom left; color: #808080;
			border-top: 1px solid #eee; padding: 4px 10px 4px 4px;  font-family: Verdana, "lucida console", sans-serif;
			letter-spacing: -1px; font-size: 90%; text-align: right; text-transform: uppercase; }
#footer a { color: #2980DE; background-color: inherit; }
#footer a:hover { background: #FEFDD6; color: inherit; }
















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

 /* FSHL SYNTAXE (nevis-li, o co gou, klidne nasledujici blok CSS smaz) */
 /* (c) 2002 Martin Cohen - www.martincohen.info */

 /* P H P */
.php-keyword1 {color:#d24; font-weight:bold;}
.php-keyword2 {color:#d24; }
.php-var {color:#fa0; font-weight:bold;}
.php-num {color:red;}
.php-quote {color:#843; font-weight:bold;}
.php-vquote {color:#fa0;}
.php-comment {color:#999; background-color:#ffe;}

 /* H T M L */
.html-tag {color:#598527; font-weight:bold;}
.html-tagin {color:#89A315}
.html-quote {color:#598527; font-weight:bold;}
.html-comment {color:#999; background-color:#F1FAE4;}
.html-entity {color:#89A315}

 /* C S S */
.css-class {color:#004A80; }
.css-id {color:#7DA7D9; font-weight:bold; }
.css-def {color:#5674B9;}
.css-property {color:#003663; font-weight:bold; }
.css-value {color:#448CCB;}
.css-color {color:#0076A3;}
.css-comment { background-color:#E5F8FF; color:#999; }

 /* J a v a S c r i p t */
.js-out {color:#898993;}
.js-keywords1 {color:#575757; font-weight:bold;}
.js-num {color:#575757;}
.js-quote {color:#575757; font-weight:bold;}
.js-comment {color:#898993; background-color:#F4F4F4;}

 /* KONEC FSHL SYNTAXE */