/* okraje prvkov, riadkovanie */
html, body {margin: 0; padding: 0; min-width: 780px; background: #bef;}/*ade*/

html, body, input, textarea, select, label, td, th {font: small Arial, 'Luxi Sans', Verdana, Helvetica, sans-serif;}
html, body, input, textarea, select, label, td, th {font-size: 88%;}

/* posuvniky */
body, html {
	scrollbar-track-color: #8ad;
	scrollbar-face-color: #069;
	scrollbar-highlight-color: #069;/*vnutorne*/
	scrollbar-3dlight-color: #8ad;/*vonkajsie*/
	scrollbar-shadow-color: #069;/*vnutorne*/
	scrollbar-darkshadow-color: #8ad;/*vonkajsie*/
	scrollbar-arrow-color: #006; }

/*form {margin: 0;}*/

p {margin: .5em 0;padding:0;}
p.justified {text-align: justify;}

.center {text-align: center;}
.clear {clear: both; margin: 0;}

h1, h2, h3, h4, h5, h6 {line-height: 100%; margin .1em 0; padding: 0;}
h1 {font-size: 140%; font-weight: 900; color: #017; border-bottom: #017 solid 2px}
h2 {padding: .3em 1em .11em; font-size: 111%; letter-spacing: 2px; text-transform: uppercase;}
h3 {margin: 0; font-size: 111%; text-align: center;}
h6 {padding: 0; font-size: 50%; font-weight: 100;  color: #bef; text-align: center;}

a {text-decoration: none; color: #069; font-style: oblique;}/*c82*/
a:hover {background: #017; color: #fd2;}/*eb0*/
a img {border: 0;}

table, tr, td, th {margin: 0; padding: 0; border-width: 0;}
th, td {padding: 0 .5em;}
th {font-weight: 600;}
form, input, textarea, select  {margin: 0; padding: 0;}

/*ul, ol  {margin: 0; padding: 0;}*/

#hlavicka {position: relative; width: 100%; height: 104px; overflow: hidden;}
#hlavicka {background: #069 url(pict/logo2.jpg) top left no-repeat; margin: 0; padding: 0; border:0; }
#hlavicka img {position: absolute; top: 0; right: 0; z-index: 10; background-color: transparent;}

#menu {position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0 0 20px;}
/*#menu {white-space: nowrap;}*/
#menu a {
	display: block; float: left; z-index: 20;
	margin: 0 .2em; padding: .2em .5em;
	border-width: 1px 1px 0; border-style: solid; border-color: #eb0;
	color: #eb0; background-color: #017;
	font-weight: 600; letter-spacing: 1px;
}
#menu a:hover {background: #eb0; color: #017;}
#menu a.sel {background: #bef; color: #017;}

#stlpec {float: right; width: 28%; margin: 0 2% 0 0; padding: 0; color: #017; font-size: 92%;}
#stlpec h2 {margin: 1em 0 .3em 0; background-color: #069; color: #eb0;}
#stlpec p {margin: 0; padding: 0;}

#obsah {position: relative; float: left; width: 64%; margin: 0; padding: 5em 0 0; color: #017; font-size: 100%; line-height:1.5em;}
#obsah h1 {margin: 0 0 0 20px; padding: 0; font-size: 140%; font-weight: 900; color: #017; border-bottom: #017 solid 2px}
#obsah p, #obsah table {margin: .5em 5%; padding: 0;}
#obsah ul, #obsah ol {margin: .5em 5% .5em 10%; padding: 0;}
.comment {margin: .5em 0 .5em 20px; clear: left; border-top: #01a solid 1px;}

#pruh {position: absolute; top: 0; left: 0; margin: 0; padding: .5em 20px; width: 100%; font-size: 100%; line-height:1.7em;}
#pruh a {margin: 0; padding: .1em .5em; border-width: 0 2px; border-style: solid dotted; border-color: #eb0 #bef; color: #eb0; background: #017;}
#pruh a:hover {background: #069;}
#pruh a.sel {background: transparent; color: #006; font-weight:600;}

#paticka {margin: 0; padding:  1em 0; width: 100%; clear: both;}
#paticka {background-color: #069;}
#paticka img {margin: 0 15% 0 5%; float: left;}

#clenovia {position: relative; padding: .5em 0; height: 38em; overflow: auto;}
#clenovia tr.selected {background: #069;}
#clenovia tr.selected a {color: #fd2;}
#clenovia td {text-align: center; padding: 0 .5em;}
#clenovia td.meno {text-align: left;}
#clenovia td.online {color: #fff; background: #080; font-weight: 600;}

#clen-detail {
	position: fixed; top: 20em; right: 50%; width: 20em;
	border-top: 5px solid #017; padding: .1em .5em; margin: 0 1.5em .5em 0;
	background: #069; color: #fff; line-height: 130%;
}
#clen-detail a {color: #fd2; font-style: oblique;}
#clen-detail p.maly {margin: .5em 0 0; font-size: 80%; text-align: center;}

.adsense {font-size: 12px}
.adsense a {font-style: normal; text-decoration: underline}
.adsense a:hover {background-color: transparent; color: #069}
.adsense a.url {font-size: 10px; text-decoration: none; color: #826600}

ul.galeria li {clear: left;}
#galeria-zobrazena {border: 3px solid #069; border-width: 3px 0;}
.obrazok {float: left; max-width: 150px; height: 180px;padding: .3em; margin: 0.3em; color: #006; text-align: center; font-size: 92%; line-height: 90%}
.obrazok img {margin: 0 0 .4em 0; border: 1px solid #069;}

.about-tab, .anketa {
	float: left; clear: left; width: 35%;
	border-top: 5px solid #017; padding: .5em .5em; margin: 0 20px  .5em;
	background: #069; color: #fff; line-height: 130%;
}
.about-tab a, .anketa a {color: #fd2; font-style: oblique;}

.anketa-hlasovanie {margin: 0; padding: 1em; border: 0; font-size: 90%; line-height: 100%;}
.anketa-moznost {position: relative; margin: 0; padding: 0;}
.anketa-moznost a {display: block; margin: 0 4em 0 0; padding: 0;}
.anketa-percento {position: absolute; border: 0; width: 4em; bottom: 0; right: 0; margin 0; padding: 0; text-align: right}
.anketa-palicka {position: relative; clear: both; margin: 0 0 3px; padding: 0; background-color: #bef;}

.komentar {margin: -0.7em 0 1em 1em; padding: 0; border: 0;}
.komentar .hlavicka {margin: 0; padding: 0 .5em; background: #069; color: #fff;}
.komentar .hlavicka a {color: #fd2; font-style: oblique;}
.komentar .telo {margin: -2px 0 0; padding: 0 .5em .5em;border: 1px solid #069; background: #ddc; line-height: 140%;}
.komentar form {margin-top: .5em;}
.komentar form input, .komentar textarea, .komentar label/*, .komentar select*/ {margin: 2px 0 0; border: 1px solid #069; padding: 0 .5em; color: #069;}
.komentar select {padding: 0;}
.komentar label {display: block; width: 25%; float: left; background: #069; color: #bef;}
.komentar input, .komentar select {width: 50%;}
.komentar textarea {width: 95%;}
.komentar input.center {width: auto;text-align: center;}

.clanok-ukazka {float: right; width: 55%; margin: 0; padding: 0; font-size: 90%; line-height: 120%;}
.clanok-ukazka img {float: left; width: 120px; margin: 5px;}
.clanok-ukazka h4 {clear: left; margin: 2px 0; padding: 3px 1.5em; background: #017; color: white; font-size: 90%; font-weight: normal; text-align: right;}
.clanok-ukazka .komentare {color: #017;}
.clanok-ukazka p {margin: 0 !important}

.clanok-date {margin: 0 0 0 20px;}
.clanok-hlavicka {font-weight: bold; text-align: justify;}
.clanok-hlavicka img {float: left; margin: 0 1em;}
.clanok-text {clear: both; text-align: justify;}

/* Zobrazenie okrajov */
/*
#hlavicka {border: 2px solid yellow;}
#menu {border: 2px solid yellow;}
#pruh {border: 2px solid yellow;}
#obsah {border: 2px solid yellow;}
#stlpec {border: 2px solid yellow;}
#paticka {border: 2px solid yellow;}
*/