* {
	margin: 0; 
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	line-height: 1.3em;
	color: black;
	text-align: center;
	background: #000;
}
.frame {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#obsah-top {
	margin-top: 15px;
	height: 20px;
	float: none;
}
#obsah-bg {
	background: url(images/obsah.jpg) no-repeat center 98px,
		url(images/obsah-repeat.jpg) repeat-y center 98px;
		
	min-height: 966px;
	_height: 966px;
	text-align: left;
}
#obsah-content {
	font-size: 10pt;
	position: relative;
	/*top: -1px;*/
	
	padding: 30px 0 30px 12px;
	min-height: 966px;
	_height: 966px;
}
a#home-link {
	display: block;
	float: left;
	height: 60px;
	width: 180px;
	margin-top: 10px;
}
a#home-link span {
	display: none;
}
.clear {
	clear: both;
	margin: 0; padding: 0;
	border:none;
	visibility: hidden;
}

hr {
	margin: 10px;
	padding: 0px;
	border: none;
	height: 1px;
	background-color: #c2e087;
}

#foot {
	background: transparent url(images/obsah-bottom.png) no-repeat center top;
	height: 200px;
	clear: both;
	padding-top: 40px;
	text-align: center;
	font-size: 8pt;
}
#foot a:link, #foot a:visited {
}
#foot a:hover {

}

#top {
	background-color: black;
	height: 98px;
	padding-left: 50px;
	text-align: left;
}

#top-line {
	color: #fff;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: right;
}
#top-line a:hover {
	color: #fff;
}

a.auth {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background: transparent url(images-admin/lock.png) no-repeat left top;
}
a.auth span {
	display: none;
}
a#login {
	background: transparent url(images-admin/lock.png) no-repeat left top;
}
a#logout {
	background: transparent url(images-admin/lock_open.png) no-repeat left top;
}

ul.main-menu {
	float: left;
	margin: 0;
	width: 730px;
	height: 70px;
	padding: 0;
}
ul.main-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
ul.main-menu li:hover {
	border: none;
}

ul.main-menu li a:link,
ul.main-menu li a:visited {
	display: block;
	width: 103px;
	height: 70px;
	text-align: center;
	font-weight: bold;
	color: black;
}
ul.main-menu li a span {
	display: none;
}
a#odkaz-fotografie {
	background: url(images/fotografie.jpg) no-repeat 0px -70px;
	width: 239px;
	height: 70px;
}
a#odkaz-fotografie:hover {
	background: url(images/fotografie.jpg) no-repeat 0px 0px;
}
ul.main-menu li.current a#odkaz-fotografie {
	background: url(images/fotografie.jpg) no-repeat 0px 0px;
}

a#odkaz-ego {
	background: url(images/ego.jpg) no-repeat 0px -70px;
	width: 117px;
	height: 70px;
}
a#odkaz-ego:hover {
	background: url(images/ego.jpg) no-repeat 0px 0px;
}
ul.main-menu li.current a#odkaz-ego {
	background: url(images/ego.jpg) no-repeat 0px 0px;
}

li#odkaz-notes-wrap {
	margin-left: 50px;
}
a#odkaz-notes {
	background: transparent url(images/notes.jpg) no-repeat 0px -70px;
	width: 136px;
	height: 70px;
}
a#odkaz-notes:hover {
	background: url(images/notes.jpg) no-repeat 0px 0px;
}
ul.main-menu li.current a#odkaz-notes {
	background: url(images/notes.jpg) no-repeat 0px 0px;
}

a#odkaz-kontakt {
	background: url(images/kontakt.jpg) no-repeat 0px -70px;
	width: 159px;
	height: 70px;
}
a#odkaz-kontakt:hover {
	background: url(images/kontakt.jpg) no-repeat 0px 0px;
}
ul.main-menu li.current a#odkaz-kontakt {
	background: url(images/kontakt.jpg) no-repeat 0px 0px;
}

#podporit {
	float: right;
	margin-top: 40px;
	width: 190px;
	height: 40px;
	background: transparent url(images/dobrovolnictvo.jpg)
}
#podporit span {
	display: none;
}

#left-block {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 240px;
	padding-top: 30px;
	padding-right: 5px;
	text-align: left;
	background: transparent;
}
#left-block h2 {
	color: #660000;
	border: none;
}

#side-menu-block {
	float: left;
	width: 205px;
	text-align: left;
	background: transparent;
}
#side-menu-block h2 {
	color: #660000;
	border: none;
}

ul.left-menu {
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-left: 15px;
	line-height: 1.3em;
/* 	background: transparent url(images/side-menu-bg.png) no-repeat left top; */
}

ul.left-menu li {
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: 5px;
	background: transparent url(images/side-menu-li-bottom.png) no-repeat left bottom;
}
ul.left-menu li a {
	display: block;
	height: 22px;
	color: #3f3f3f !important;
	font-weight: bold;
	padding: 1px 0px 0px 20px;
	text-decoration: none !important;
	font-size: 9pt;
	background: url(images/side-menu-li.gif) no-repeat left 3px;
}
ul.left-menu li a:hover {
	text-decoration: none;
	color: #b0481f !important;
	font-size: 10pt;
	background: url(images/side-menu-li.gif) no-repeat 3px 3px;
}
ul.left-menu li a.current,
ul.left-menu li.expanded > a {
	color: #b0481f !important;
	font-size: 10pt;
}
ul.left-menu li a.current {
	background-position: 3px 3px;
}
ul.left-menu li ul li a.current {
	background-position: 3px center;
}
ul.left-menu li ul {
	margin: 0; padding: 0;
	margin-left: 20px;
	padding-bottom: 7px;
	 /* border-bottom: 1px dotted #000000; */
	 background: none;
/*	 background: transparent url(images/menu-li-dotted.gif) repeat-x bottom;*/
}
ul.left-menu li ul li {
	padding-top: 1px;
	background: none;
/*	background: transparent url(images/menu-li-dotted.gif) repeat-x top;*/
	border: none;
	margin: 0;
	/* border-bottom: 1px dotted #000000; */
}
ul.left-menu li ul li a {
	padding: 0px 0px 0px 13px;
	height: 20px;
	font-size: 8pt;
	background: transparent url(images/menu-li-sipka.gif) no-repeat left center;
}
ul.left-menu li ul li a:hover {
	background: transparent url(images/menu-li-sipka.gif) no-repeat 3px center;
}
ul.left-menu li:hover {
	border-bottom: none;
}


h1 {
	float: left;
	text-align: left;
	color: #000;
	font-size: 15pt;
	font-weight: bold;
	height: 53px;
	margin: 0 0 0 20px;
	width: 600px;
	line-height: 1.2em;
}
	
h2 {
	clear: both;
	font-size: 13pt;
	color: #660000;
	margin: 30px 0 10px 0;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffae00;
	line-height: 1.2em;
}
#obsah h2 a {
	text-decoration: none !important;
}

h3 {
	margin: 20px 0 10px 0;
	font-size: 10pt;
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: underline;
	color: #b0481f;
	outline: none;
}
a:hover {
	color: #434343;
}
a:focus {
	outline: 0;
}

a.back2top {
	float:right;
	margin-top:7px
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	line-height: 1.7em;
	margin: 10px;
}
ul li {
	padding-left: 13px;
	background: transparent url(images/li.gif) no-repeat left 7px;
}
ol {
	padding: 0;
	line-height: 1.5em;
	margin: 10px;
	padding-left: 20px;
}

.zoznam-clankov li {
	font-weight: bold;
}

ul.kontakt {
	float: left;
	_float: none;
	width: 580px;
	border-bottom: 1px solid #c2e087;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
	text-align: justify;
}

blockquote {
	margin: 10px;
	display: block;
	border-left: 1px dotted #ADADAD;
	padding: 0px 10px;
}

dl {
	border-top: 1px solid #FDD96B;
	padding-top: 5px;
}

dt {
    
}

dd {
	margin: 0px 0 10px 20px;
}


.editacne {
	clear: both;
	float: right;
}

/* IMAGE */
.img-product {
	float: right;
	text-align: center;
	width: 244px;
	margin: 10px 0 20px 20px;
	background: white url(images/img-bg-content.png) repeat-y;
	
}
.img-product a {
	display: block;
	width: 244px;
}
.img-top {
	width: 244px;
	height: 11px;
	background: transparent url(images/img-bg-top.png) no-repeat top;
}
.img-bottom {
	width: 244px;
	height: 11px;
	background: transparent url(images/img-bg-bottom.png) no-repeat bottom;
}
.img-product-small {
	float: right;
	width: 122px;
	margin: 0 0 10px 10px;
	text-align: center;
	background-color: #eeeeee;
	border: 1px #989898 solid;
}
.img-product-small a {
	display: block;
	width: 100px;
	padding: 5px;
	border: 1px solid #dedede;
	margin: 5px;
	background-color: #ffffff;
}

img {
	/* border: 1px black solid; */
	border: none;
}
.noborder {
	border: 0;
}
.thumb {
	text-align: center;
}
.thumb a {
	display: block;
	float: left;

	margin:15px;
	padding: 10px;
	padding-bottom: 0;
	text-decoration: none;
	border: 1px #c5c5c5 solid;
	background-color: #efefef;
}
.thumb p {
	margin-top: 10px;
	padding-top: 3px;
	/*border-top: 1px solid #dddddd;*/
}

table {
	border-collapse: collapse;
/*	padding: 0;	margin: 10px; border-width: 0; */
}
td, th {
	padding: 2px 10px; margin: 0;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #dddddd;
}
th {
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
th.title {
	padding-top: 10px;
	font-weight: bold;
	font-style: normal;
}
th.title span {
	font-style: normal;
	font-weight: normal;
}
table caption {
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	margin:0 auto;
}
.kontakty {
	width: 70%;
	margin: 0 auto;
}
.kontakty2 {
	margin-left: 20px;
}
.center {
	text-align: center;
}
.indent {
	padding-left: 10px;
}

/* FORM */
form {
	margin: 10px;
	text-align: left;
}
form fieldset {
	border: 0;
	border-top: 1px solid #a6a6a6;
	padding: 10px;
	margin: 0px;
}

form fieldset legend {
	font-size: 1.4em;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0px 5px;
}

textarea, input, button, select, option {
	padding: 1px;
	margin: 1px;
	color: #404040;
	background-color: #F8F7F1;
	border: 1px solid #a6a6a6;
	font-size: 10pt;
}

.checkbox {
	display: block;
	float: left;
	padding: 1px;
	margin: 1px;
	margin-right: 10px;
	color: #404040;
	background-color: #F8F7F1;
	border: 1px solid #a6a6a6;
	font-size: 10pt;

}

input:focus, input:hover, textarea:focus, textarea:hover {
	background-color: #FFFFFF;
}
label {
	margin:0;
	padding:0;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
}
form br {
	clear: both;
}
button.submit,
input.submit {
	margin-left: 155px;
}

.delForm {
	float: right;
	margin-top: -35px;
}
.delForm input.submit {
	margin-left: 0px;
}

.skryt {
	display: none;
}
.maxsize
{
	width: 400px;
}
.midsize
{
	width: 250px;
}

.form-search label {
	width: 100%;
	text-align: left;
}
.form-search input {
	width: 120px;
}
.form-search input.submit {
	margin-left: 10px;
	width: 100px;
}
/* buttons */

.type_blob {
	width: 300px;
	max-height: 50px;
	_height: 50px;
	overflow: auto;
}
#csv {
	float: right;
	display: block;
	width: 17px;
	height: 16px;
	background: transparent url(images/icon_csv.gif) no-repeat;
	margin-left: 4px;
}
#csv span {
	display: none;
}

/*
a[href$='.pdf']:before {
	content: url(images/icon_pdf.gif);
	padding: 0 5px 0 0;
	text-decoration: none;
}
.subor {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(images/ext_icons/page_white.png) no-repeat;
	margin-right: 4px;
}
*/
.imgbox {
	float: left;
	width: 150px;
	min-height: 150px;
    border: 1px solid #CCCCCC;
    margin: 2px;
	padding: 5px;
    text-align: center;
}
.imgbox p {
	text-align: center;
	margin: 0;
	font-size: 8pt;
}
.popis {
	color: grey;
}
.subor {
	background: transparent url(images/ext_icons/page_white.png) no-repeat;
	padding-left: 20px;
	height: 20px;
}
.pdf {
	background: transparent url(images/ext_icons/page_white_acrobat.png) no-repeat;
}
.doc{
	background: transparent url(images/ext_icons/page_white_word.png) no-repeat;
}
.xls{
	background: transparent url(images/ext_icons/page_white_excel.png) no-repeat;
}
.ppt{
	background: transparent url(images/ext_icons/page_white_powerpoint.png) no-repeat;
}
.zip {
	background: transparent url(images/ext_icons/page_white_compressed.png) no-repeat;
}
.txt {
	background: transparent url(images/ext_icons/page_white_text.png) no-repeat;
}
.c {
	background: transparent url(images/ext_icons/page_white_c.png) no-repeat;
}
.cpp {
	background: transparent url(images/ext_icons/page_white_cplusplus.png) no-repeat;
}
.php {
	background: transparent url(images/ext_icons/page_white_php.png) no-repeat;
}

.delete {
	float: left;
	display: block;
	margin-right: 5px;
	width: 17px;
	height: 16px;
	background: transparent url(images/btn_delete.gif) no-repeat;
}
.delete span {
	display: none;
}
.edit {
	float: left;
	display: block;
	width: 17px;
	height: 16px;
	background: transparent url(images/btn_edit.gif) no-repeat;
}
.edit span {
	display: none;
}
.check {
	background: transparent url(images/check.gif) no-repeat left center;
	padding-left: 10px;
}
.uncheck {
	background: transparent url(images/uncheck.gif) no-repeat left center;
	padding-left: 10px;
}
input[type=checkbox],input[type=image], input[type=checkbox] + span {
	border: none;
	background: none;
}
input[type=checkbox]:checked, input[type=checkbox]:checked + span {
	background-color: #fffcb0;
}
.s-radio {
	border: none;
	background: none;
}

.pagination {
	float: left;
	width: 660px;
	margin-left: 57px;
	text-align: center;
	font-size: 7pt;
}
/* contact */
.contact-name {
	font-weight: bold;
	padding-top: 15px;
}
.adresa {
	padding-left: 20px;
	font-family: "Courier New", monospace;
	font-weight: bold;
}

em {

}
.justify {
	text-align: justify;
}
.vytlacit {
	display: none;
	float: right;
	width: 16px;
	height: 16px;
	background: transparent url(images/printer.png) no-repeat left center;
}
.vytlacit span {
	display: none;
}

.pridat {
	display: block;
	float: right;
	width: 50px;
	height: 16px;
	padding-left: 20px;
	background: transparent url(images/add.png) no-repeat left center;
}
.upravit {
	display: block;
	float: right;
	width: 50px;
	height: 16px;
	padding-left: 20px;
	background: transparent url(images/reply.png) no-repeat left center;
}
.zobrazit {
	display: block;
	float: right;
	width: 50px;
	height: 16px;
	padding-left: 20px;
	background: transparent url(images/accept.png) no-repeat left center;
}

#admin-line {
	float: right;
}
#admin-line a {
	margin-right: 10px;
	color: black;
}

/* RIGHT BLOCK */

#right-block {
	float: right;
	width: 150px;
	font-size: 8pt;
	background: transparent url(images/small-box-bg.png) no-repeat top;
	min-height: 300px;
	_height: 300px;
	padding-right: 10px;
	padding-top: 40px;
}
#right-block ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#right-block ul li {
	padding: 0;
	margin: 0;
	padding-left: 10px;
	border-left: 1px solid #bcbcbc;
	margin-bottom: 5px;
	background: transparent url(images/li-top.gif) no-repeat left top;
	background: transparent url(images/li-top.gif) no-repeat 1px top;

}


#side-block {
	width: 200px;
	float: left;
}
#main {
	float: left;
	width: 660px;
	margin-left: 63px;
}

#node-tags {
    float: left;
/*    width: 525px; */
    margin-left: 48px;
/* 	padding-left: 50px; */
	margin-bottom: 5px;
}
.tags {
	padding-top: 1px;
	font-size: 7pt;
}
a.tag {
	margin-left: 5px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	background-color: #fff390;
}
a.tag:visited {
	text-decoration: none;
}
a.tag:hover {
	text-decoration: none;
	color: #fff;
	background-color: #df6900;
}

a.tag-del {
	color: #fff0e1;
	font-weight: bold;
	background-color: #ec7000;
	text-decoration: none;
	padding: 3px;
}
a.tag-del:hover {
	background-color: #fff0e1;
	color: #ec7000;
}
a.tag-edit {
	margin-left: 5px;
	color: #fff0e1;
	font-weight: bold;
	background-color: #ec7000;
	text-decoration: none;
	padding: 3px;
}
a.tag-edit:hover {

	background-color: #fff0e1;
	color: #ec7000;
}

#node-info {
    float: right;
    width: 150px;
/* 	padding-left: 50px; */
	/*margin-bottom: 5px;*/
}

span.datum {
	margin: 2px 5px 1px 2px;
	display: block;
	float: right;
	text-align: right;
	font-size: 0.8em;
}
span.editacne {
	display: block;
	font-size: 0.8em;
	text-align: right;
	font-weight: bold;
}

#navigacia {
	text-align: center;
}
.response {
	/*
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -100px;
	*/
	margin: 0 auto;
	width: 300px;
	padding: 4px;
	margin-bottom: 10px;
	background-color: #fff8cc;
	border: 1px solid #ffd03f;
	font-weight: bold;
	text-align: center;
	display: none;
}

.code-box {
/*
	background: #f8f8f8;
	border: 1px dotted #ADADAD;
*/
	padding: 10px;
	font-family: Courier New, Courier, monospace;
}
code {
	margin: 5px 0;
	display: block;
/* 	background: #f8f8f8; */
	border-left: 1px dotted #ADADAD;
	padding: 0px 10px;
	font-family: Courier New, Courier, monospace;
}

#main-content pre {
 	white-space: pre-wrap;
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap;	  
	white-space: -o-pre-wrap;	
	word-wrap: break-word;
}

.smaller {
	font-size: smaller;
	line-height: 1.1em;
}
.bigger {
	font-size: larger;
}

.references {
	
}
a.ref {
	text-decoration: none;
	font-size: 8pt;
}

/* AKORDY */
.chordline {
   line-height:2.5
   }
.chordline span {
   position:relative;
   }
.chordline span strong {
   position:absolute;
   top:-1em; left:0;
   font:bold 75%/1 sans-serif;
   color:green;
   }