/**  * BLOG:CMS: PHP/MySQL Personal Content Management System (CMS)  * http://blogcms.com/  * ----------------------------------------------------------------  *  * Copyright (C) 2003-2005 Radek HUL�N  * http://hulan.cz/contact/  *  * ----------------------------------------------------------------  * This program is free software;  you can redistribute it and/or  * modify it under the terms of the GNU General Public License  * as published by the Free Software Foundation;  either version 2  * of the License, or (at your option) any later version.**/
/* basic styles and definitions */
a, p, body, ul, li, h1, h2, h3, td, th {font-size: 10px; line-height: 16px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

a, p, body, ul, li, td, th {color: #000000; font-weight: normal; }

hr {border: 0px none; border-top: 1px dotted #D48B00; color: #FFBD40}

img {border: 0px none; }

li {list-style-position: outside; list-style-type: disc; margin: 0px }

/* body */
body, html {font-size: 10px; padding: 0 0 0 0; margin: 0 0 0 0;  background: #262850;}

/* links */
a {font-weight: normal; }

a:link {color: #990000; text-decoration: none}

a:visited {color: #990000; text-decoration: none}

.itembody a:link, .itembody a:visited {padding: 0px 2px 0px 2px; color: #990000;  text-decoration: underline; }

a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover {text-decoration: underline; color: #990000}

/* headlines */
h1, h2, h3, h3 a, h4 {font-size: 13px; font-weight: bold}

h1 { color: #5480a5; font-size: 0px;  font-weight: bold;  border-bottom: 10px solid #FFD700;  background: #000066 url(logohrad.jpg);padding: 0 0 0 0; margin: 0 0 0 0; text-align: right; height: 215px }

h2 {color: rgb(153,0,51); font-size: 14px;  color: rgb(153,0,51); padding-left: 3px; padding-right: 3px; padding-top: 5px;}


#titleh {color: rgb(153,0,51); font-size: 14px; line-height: 20px; color: rgb(153,0,51); margin-bottom: 8px; margin-top: 8px; padding-left: 3px; padding-right: 3px; text-align: left;}
h3, h3 a:link, h3 a:visited {font-size: 12px; color: rgb(153,0,51); padding: 1px 2px 1px 2px}
h3.comment, h3.comment a {margin-bottom: 5px; font-size: 12px; font-weight: normal; }

h3.comment {font-weight: normal}
#uvod {font-size: small;}
h3.comment a:hover {background-color: #555555; color: #FFFFFF}

h4 {color: #000000; padding: 2px 0px 2px 25px; font-weight: normal; background: #B6CADD url(vr000000.gif) 5px 5px no-repeat; }
#kontakt {  font-size: 11px; color: rgb(4,74,132); font-weight: bolder; margin: 0 0 0 0; padding: 1px 0px 1px 5px; }

/* article title - default skin */
h3.item {  font-size: 11px; color: rgb(4,74,132);  margin: 0 0 0 0; padding: 1px 0px 1px 5px; }

h3.item a:link, h3.item a:visited { font-size: 11px; line-height: 18px; color:rgb(4,74,132); padding: 0; }

h3.item a:hover {background-color: transparent; color: rgb(153,0,51);}
h3.itemdate{
	color: darkgrey;
	margin: 0 0 0 0;
	padding: 1px 0px 2px 0px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;

}
/* article title - not homeapge */
h3.itemnormal {width: 420 px; float: left; font-size: 14px; color: rgb(153,0,51);  margin: 0 0 0 0; display: block; padding: 1px 0px 1px 2px; }

h3.itemnormal a:link, h3.itemnormal a:visited { font-size: 14px; line-height: 18px; color: rgb(153,0,51);  padding: 0; }
h3.itemsnormal h3.item a:link, h3.itemsnormal h3.item a:visited { font-size: 14px; line-height: 18px; color: rgb(153,0,51);  padding: 0; }
h3.itemnormal a:hover {background-color: transparent;color: rgb(153,0,51);}

.introarrow {color:rgb(153,0,51);font-weight: bolder}
/* div to center everything on a page and set max width to make it readable */
#content { width: 945px;  border: 1px solid rgb(152,152,152);  margin: 20px auto 20px auto;  padding: 0 0 0 0;  background-color: #FFF  }

/* articles */
#items { background-color: #FFF);  border-right:1px rgb(101,103,154) solid ; color: #000000;  height: 260px; width: 25%;  float: left;  margin: 0 0 0 0;  padding: 0 0 0 0;  }

* html body #items { margin-left: 0px}
#itemsnormal { background-color: #FFF);  border: 0px outset;  color: #000000;  height: auto;  width: 630px;  float: left;  margin: 0 0 10px 10px;  padding: 15px;  }
#itemsnormal h2 {font-size: 16px; color: #414B54; margin: 10px 0px 5px 0px; padding: 4px 10px 10px 3px; border: 0px none; }

#items h2 {font-size: 16px; color: #FFF; margin: 0px 0px 5px 0px; padding: 9px 10px 10px 10px; border: 0px none;background:rgb(4,74,132);}
#items h2 a:link, #items h2 a:active, #items h2 a:visited{font-size: 16px; line-height: 13px;color: #FFF; margin: 0px 0px 5px 0px; padding: 0px 10px 2px 10px; border: 0px none;background:rgb(4,74,132);font-weight:bold;}
#items hr {border: 0px none; border-top: 1px dotted #82A6BC; color: #E3EBF0}

/*menu1*/
#menu1 { color: #000000;  float: left;  text-align: left;height: 260px;width: 25%;  padding: 0 0 0 0px;  margin: 0 0 0 0; border-right:1px rgb(151,153,204) solid ;}
#menu1 h2 {font-size: 16px; color: #FFF; margin: 0px 0px 5px 0px; padding: 9px 10px 10px 10px; border: 0px none; background:rgb(4,74,132); }
#menu1 h2 a:link, #menu1 h2 a:active, #menu1 h2 a:visited{font-size: 16px; line-height: 13px;color: #FFF; margin: 0px 0px 5px 0px; padding: 0px 10px 2px 10px; border: 0px none;background:rgb(4,74,132);font-weight:bold;}

#menu2 { color: #000000;  background: rgb(246,246,246);float: right;  text-align: left;  height: auto;  width: 245px;  padding: 5px 10px 10px 10px;  margin: 0 0 0 0;  }
/* menu */
#menu { color: #000000; float:left; text-align: left; height: 260px;width: 25%;  padding: 0 0 0 0;  margin: 0 0 0 0;  border-right:1px rgb(101,103,154) solid ; }

#menu, #menu * {font-size: 11px}
#menu1, #menu1 * {font-size: 11px}
#menu h2 {font-size: 16px; color: #FFF; margin: 0px 0px 5px 0px; padding: 9px 10px 10px 10px; border: 0px none; background:rgb(4,74,132);}
#menu h2 a:link, #menu h2 a:active, #menu h2 a:visited{font-size: 16px; line-height: 13px;color: #FFF; margin: 0px 0px 5px 0px; padding: 0px 10px 2px 10px; border: 0px none;background:rgb(4,74,132);font-weight:bold;}

#menu hr {border: 0px none; border-top: 1px dotted #6E96BC; color: #BCCEE0}

/*support*/
#support { color: #000000;  float: right;  text-align: left;  height: auto; width: 233px;  padding: 0 0 0 0px;  margin: 0 0 0 0;}
#support h2 {font-size: 16px; color: #FFF; margin: 0px 0px 5px 0px; padding: 9px 10px 10px 10px; border: 0px none; background:rgb(4,74,132); }
#support p {padding: 0 0 0 7px;}
#support img {padding: 0 0 0 10px;}
#support h2 a:link, #support h2 a:active, #support h2 a:visited{font-size: 16px; line-height: 13px;color: #FFF; margin: 0px 0px 5px 0px; padding: 0px 10px 2px 10px; border: 0px none;background:rgb(4,74,132);font-weight:bold;}

#gallerybox {width: 100%}
#gallerybox h2 {font-size: 14px; background: rgb(153,173,208);}

/* go to a page box */
#navigation { padding: 5px 10px 5px 10px;  color: #000000;  text-align: right; margin-top: 20px;  border-top: 1px solid #D4C9AA}

/* menu navigation */
.nav {border: 0 0 0 0}

.nav a:link, .nav a:visited { font-size: 11px; line-height: 16px; display: block;  padding: 1px 0px 1px 5px;  margin: 0px;  background-color: #A5BCD9;  color: #000000;  margin: 0px;  }

.nav a:hover { background-color: #5180AE;  color: #FFFFFF;  }

.nav a.active:link, .nav a.active:visited {background-color: #F3EBA1; border: 1px inset #666666}

.nav a.active:hover {background-color: #5180AE; color: #FFFFFF}

.nav#search {width: 100px; float: right; }

.nav#search a:link, .nav#search a:visited {font-size: 11px}

/* category list */
div#subcat {margin-bottom: 15px}

div#subcat dl {display: block;  padding: 1px 0 1px 10px;  margin: 2px 0 2px 0;  text-align: left;  background:#A5BCD9;  }

div#subcat dl dt>a {color: #000000; display: block}

div#subcat dl dt>a:hover {color: #ffffff; }

div#subcat dd {padding: 0 0 0 0;  margin: 0 2px 0 6px;  }

div#subcat dd a {display: block;  padding: 1px 0 1px 3px;  margin: 0 0 0 15px;  text-align: left;  }

div#subcat dd a.active { background: #F3EBA1;  }

div#subcat dd a:hover {background-color: #5180AE; }

/* article */
.itembody {color: #000; text-align: justify; 	border-bottom: 1px black solid;}

.itembody * {font-size: 13px; line-height: 18px}

.itembody p, .itembody ul, .itembody input {margin-bottom: 5px; }

/* floating pictures in itembody */
.itembody .leftbox {float: left;  background: url(shadowAl.png) no-repeat bottom right;  margin: 15px 15px 10px 0px; line-height: 0px; }

.itembody .leftbox img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -5px 5px 5px -5px; padding: 4px; line-height: 0px; }

.itembody .rightbox {float: right; background: url(shadowAl.png) no-repeat bottom right; margin: 15px 0px 10px 15px; line-height: 0px; }

.itembody .rightbox img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -5px 5px 5px -5px; padding: 4px; line-height: 0px; }

/* article info */
.iteminfo {font-size: 11px; color: #000000; margin: 20px 0 20px 0;  text-align: left; }

.iteminfo a, .iteminfo a:link, .iteminfo a:visited {font-size: 11px; }

.iteminfo a:hover {color: #FFFFFF}

.readmore {text-align: left;  margin-bottom: 7px;  padding: 2px}

/* shoutbox */
.chatform { text-align: right;  }

.chattable {border: 1px solid #9F9F9F; border-bottom: 1px solid #F4F4F4; height: 240px; overflow: auto; width: auto}

/* blockquote and table with 2 differentlu colored rows */
blockquote {padding: 5px 10px 5px 10px;  margin: 10px; color: #000000; font-weight: normal; background-color: #F6F3ED; border: 1px solid #D4D4D4; }

.tabulka, .tabulka td, .tabulka tr {padding: 5px; color: #000000; font-weight: normal; }

blockquote .prvni, .tabulka .prvni, .tabulka .prvni td, .tabulka .prvni tr {padding: 2px 5px 2px 5px; border-bottom: 1px solid #666666; }

blockquote .druhy, .tabulka .druhy, .tabulka .druhy td, .tabulka .druhy tr {padding: 2px 5px 2px 5px; border-bottom: 1px solid #666666; }

blockquote p, .tabulka p {margin: 0px; padding: 0px}

blockquote h4, .tabulka h4 {margin: 0px; padding: 1px 1px 1px 10px; font-size: 12px; line-height: 14px}

blockquote#commentpreview p {margin: 5px}

/* phpBB like text formatting */
.b {font-weight: bolder}

.i {font-style: italic}

.z {font-style: normal;  font-variant: small-caps}

.u {text-decoration: underline}

.t {margin: 5px 20px 5px 20px; padding: 5px; border: 1px solid #797979; border-bottom: 2px solid #363636; border-right: 2px solid #363636; }

.c, .r {color: red}

.m, .l {color: blue}

.skip {display: none}

.small {font-size: x-small;}

/* forms */
fieldset {padding: 5px; margin: 5px 0px 5px 0px; border: 0 0 0 0; }

legend {font-weight: bold; margin-bottom: 5px; padding-right: 10px; color: #223649}

.highlight {background-color: #F0E68C; color: #000000; padding: 2px}

/* source code */
pre {background-color: #FFFFFF; border: 1px solid #797979; border-bottom: 2px solid #363636; border-right: 2px solid #363636; color: #00017D; padding: 5px; margin: 0px; overflow: auto; font-size: 13px; line-height: 15px; font-family: "Arial Narrow", Arial, "Lucida Grande CE", lucida, sans-serif}

/* list */
ol, ul {margin: 5px 0 0 0}

ul li {margin: 3px 0 3px 25px;  padding: 0 0 0 5px;  list-style: square outside }

ol li {margin: 3px 0 3px 25px;  padding: 0 0 0 5px;  list-style: decimal; }

#menu ol, #menu ul {margin: 5px 0 5px 20px; padding: 0 0 0 0}

#menu li {margin: 3px 0 3px 0px;  padding: 0 0 0 0}

.itembody ol, .itembody  ul {margin: 5px 0 0 20px}

/* tables */
th {font-weight: bold;  background-color: #C6D3E3;  border: 2px ridge #E4F0E4; padding: 3px; }

td {padding: 3px; }

/* rss links */
#rss { line-height: 0px;  text-align: center;  margin: 0 auto; }

#rss a:link, #rss a:visited, #rss a:hover { padding: 0;  margin: 0;  text-decoration: none;  line-height: 0px;  }

#rss img {border: 0px; width: 80px; height: 15px; line-height: 0px; padding: 0px; margin: 0px; text-align: center;  margin: 0 auto; }

/* footer */
#footer { clear: both;  text-align: left;  padding: 2px 0px 2px 0px;  margin: 10px 0 0 0;  font-size: 11px;  background-color: rgb(242,242,242); border-top: 1px solid #000;  display: block;  width: 100%}
#fotter img {text-align: right; border: 0;margin-right: 15px;}
#footer span {margin-left: 15px;}
#splitter { float: left;  padding: 2px 0 2px 0;  margin:0 0 0 0;  background-color:rgb(0,102,179); border-top: rgb(153,173,208);  width: 50%; height: 303px;}
#splitter h2 {padding: 5px 0 2px 10px; color: #FFF; font-size: 18px; }
#bigger {font-size: 22px; }
#footer a { font-size: 12px}
#splitter2 { float:left; padding: 5px 0 2px 0;  margin: 0 0 0 0;  background-color:rgb(4,74,132); border-top: rgb(101,103,154);   width: 25%; height: 300px;}
#splitter2 h2 {padding: 2px 0 2px 10px; color: #FFF; font-size: 18px; line-height: 20px;}
#splitter2 h3.item { float: left; font-size: 11px; color: white;  margin: 0 0 0 0; display: block; padding: 1px 0px 1px 5px; }

#splitter2 h3.item a:link, #splitter2 h3.item a:visited { font-size: 11px; line-height: 18px; color:white;  padding: 0;}
#splitter2h3.item a:hover {background-color: transparent; color: white;text-decoration: underline;}
/* forms */
.formfield { background-color: #EEE9DB;  border: 1px solid #8E7A47;  }

.formbutton { background-color: #E9E4D5;  border: 1px solid #8E7A47;  margin-top: 2px;  padding: 0 0 0 0; font-size: 12px;  }

textarea {width: 99%; }

/* general comment form */
#commentform {text-align: right; }

/* comments Opera, Mozilla */
h4+ol#comments { margin: 0 0 0 0;  padding: 0 0 0 0;  }

h4+ol#comments li { list-style: none;  margin: 0;  padding: 1px;;  font-size: 11px}

h4+ol#comments address { font-size: 12px;  font-style: normal;  text-align: left;  color: #F1F8FA;  background: #70A0CF url(speak000.gif) 4px 3px no-repeat;  padding: 1px 10px 1px 20px;  margin: 0 0 0 0;  height: 17px;  border: 1px ridge #70A0CF;  }

h4+ol#comments address a:link, h4+ol#comments address a:visited { color: #ffffff;  }

h4+ol#comments p { background-color: #D3DFEB; font-size: 13px;  line-height: 18px;  margin: 5px 0px 5px 0px;  text-align: justify;  padding: 5px 10px 5px 10px;  }

h4+ol#comments ins { font-size: 10px;  font-weight: bold;  text-align: right;  text-decoration: none;  color: #000000;  background-color: transparent;  padding: 1px 5px 0px 0px;  height: 17px;  display: block;  border-bottom: 1px solid #DFDFDF;  margin-bottom: 20px;  }

h4+ol#comments>li>a { text-indent: 30px;  color: #010101;  background-image: url(pencil00.png);  background-repeat: no-repeat;  background-position: 4px 3px;  padding: 0px 0px 0px 0px;  border-top: 1px solid #DFDFDF;  width: 100%;  height: 18px;  bottom: 0px;  display: block;  font-size: 11px;  margin-bottom: 3px;  }

h4+ol#comments>li>a:hover { background-color: transparent; color: red}

.current { background-color: #CEE8F0;  }

.parent { background-color: #F8F3C7;  }

.child { background-color: #F6D4C9;  }

.notPart, .notPart *, .notPart p[id]::before { color: #ccc;  background-color: transparent !important;  border-color: #BFBFBF !important;  }

.notPart p[id]::before, .notPart ins { border-top: 1px solid #ccc;  }

.notPart a, h4+ol#comments>.notPart>p>span:first-child { color: #ccc;  }

.indent .current { background-color: #CEE8F0;  margin: 0px 30px 30px 30px;  }

.indent .parent { background-color: #F8F3C7;  margin: 0px 60px 30px 0px;  }

.indent .child { background-color: #F6D4C9;  margin: 0px 0px 30px 60px;  }

.indent .notPart { display: none }

.current p, .parent p, .child p, .indent p {background-color: transparent; }

li .reset {display: none}

.current .reset, .parent .reset, .child .reset, .notPart .reset { display: inline}

.current .show, .parent .show, .child .show, .notPart .show { right: 50px}

h4+ol#comments dfn { right: 0;  color: #F1F8FA;  background-color: transparent;  border: 0px solid;  font-size: 11px;  cursor: pointer;  font-style: normal;  padding-right: 7px;  margin-top: 1px;  line-height: 16px;  float: right;  }

/* comments hacks for msie *
/* html body address { background: #70A0CF url(speak.gif) 4px 3px no-repeat;  padding: 1px 10px 2px 20px;  margin: 10px 0 0 0;  height: 17px;  color: #F1F8FA;  font-style: normal; border: 1px ridge #70A0CF; }

* html body address a:link, * html body address a:visited { color: #ffffff;  font-weight: bold;  }

* html body ol#comments li, ol#comments { list-style: none;  padding: 0;  margin: 0;  }

* html body ins { font-size: 10px;  font-weight: bold;  text-align: right;  text-decoration: none;  color: #000000;  background-color: transparent;  padding: 1px 5px 0px 0px;  height: 17px;  display: block;  border-bottom: 1px solid #DFDFDF;  margin-bottom: 20px;  }

* html body ol#comments p { margin: 5px 0 5px 0;  padding: 5px 10px 5px 10px;  background-color: #D3DFEB;  font-size: 13px;  line-height: 18px;  }

* html body ol#comments p a:link { text-decoration: underline;  }

* html body dfn { right: 0;  color: #000;  background-color: transparent;  border: 0px solid;  font-size: 11px;  cursor: pointer;  font-style: normal;  padding-right: 7px;  margin-top: 1px;  line-height: 16px;  float: right;  }

/* comment form js helpers */
#toolbar {display: block; margin: 5px 0 5px 0; clear: both}

#toolbar a, #toolbar a:link, #toolbar a:visited { display: block;  float: right;  width: 50px;  height: 15px;  background-color: #B6CADD;   border: 1px outset;  margin: 3px;  text-align: center;  font-size: 11px;  line-height: 14px;  color: #1B2B3A; }

#toolbar a:hover { background-color: #CD5C5C;  color: #FFFFFF;  border-style: inset}

/* top menu */
#lista {
	background-color:rgb(4,74,132);
	background-image: url(back-lis.htm);
	background-position: left center;
	background-repeat: repeat-x;
	margin: 0px 1px 0px 1px;
  border-bottom: 1px white solid;
  height:30px;
	}

#lista .matrjoska{
	margin-left: 40px;
	}

#lista * {
	font-size: 10px;
	text-decoration: none;
	}

.menu-item {
	margin:0px;
	padding: 0px;
	position:relative;
	float:left;
	z-index:50;
	font-weight: bold;
	text-decoration: none;
	}

.menu {
	padding: 0px 20px 0px 10px;
	margin: 6px 0px 6px 0px;
	display: block;
	font-weight: bold;
	border-left: 1px solid white;
	cursor: pointer;
	color: white;
}
#visibleMenu9 a, #visibleMenu9 a:visited{
color: white;
font-weight: bold;
}
#visibleMenu9 a:hover, #visibleMenu9 a:active{
color: #FF8C26;
font-weight: bold;
}
#visibleMenu11 a, #visibleMenu11 a:visited{
color: white;
font-weight: bold;
}
#visibleMenu11 a:hover, #visibleMenu11 a:active{
color: #FF8C26;
font-weight: bold;
}
#visibleMenu1 a, #visibleMenu1 a:visited{
color: white;
font-weight: bold;
}
#visibleMenu1 a:hover, #visibleMenu1 a:active{
color: #FF8C26;
font-weight: bold;
}
.popup {
	background-image: url(hornimenu.gif);
	background-position: top;
	background-repeat: no-repeat;
	width:150px;
	padding-top:10px;
	position: absolute;
	top:26px;
	left:0px;
	z-index:100;
	visibility: hidden;
	font-weight: bold;
	color: rgb(135,135,135);
}

.popup div{
	background-image: url(dolnimenu.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width:100%;
	padding-bottom:8px;
	color: rgb(135,135,135);
	}

.popup p{
	background-color: #FFD700;
	color: #232323;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}




.popup a, .popup a:visited, .popup a:active, .popup a:hover {
  background-color: transparent;
  text-decoration: none;
  padding: 2px 5px 3px 10px;
  display: block;
  color: #232323;
  font-size: 10 px;
	}

.popup a:hover , .popup a:active {
  background-color: #f0e085;
  color: #232323;
  font-size: 10 px;
	}

/*  contact form */
form#contactform {text-align: right; }

form#contactform input {margin: 5px}

form#contactform fieldset {padding: 10px; }

/* syntax highlighting code */
.code .br0 { color: #66CC66;  }

.code .co1 { color: #808080;  font-style: italic;  }

.code .co2 { color: #808080;  font-style: italic;  }

.code .comulti { color: #808080;  font-style: italic;  }

.code .es0 { color: #000099;  font-weight: bold;  }

.code .kw1 { color: #B1B100;  }

.code .kw2 { color: #000000;  font-weight: bold;  }

.code .kw3 { color: #000066;  }

.code .kw4 { color: #993333;  }

.code .kw5 { color: #0000FF;  }

.code .me0 { color: #006600;  }

.code .nu0 { color: #CC66CC;  }

.code .re0 { color: #0000FF;  }

.code .re1 { color: #0000FF;  }

.code .re2 { color: #0000FF;  }

.code .re4 { color: #009999;  }

.code .sc0 { color: #00BBDD;  }

.code .sc1 { color: #DDBB00;  }

.code .sc2 { color: #009900;  }

.code .st0 { color: #FF0000;  }