html { background-color: #fff; color: #000; }
body { margin: 0; padding: 0; font: normal small/1.3 "Trebuchet MS", sans-serif; }
* html body { font-size: x-small; }

.hidden { display: none; }
.stop-float { float: none; clear: both; font-size: 1px; height: 1px; overflow: hidden; }

/* header */
#header { background-color: #000; color: #fff; padding: 1.5em 15px; }
/*#header h1 { margin:0; font: bold 1.5em/3.5em Arial, sans-serif; background: #000 url('/img/logo_ssj.gif') no-repeat 15px 35%; padding-left: 90px; }*/
#header h3 { margin:0 0 0 15px; font: normal 1em/1.5em Arial, sans-serif; }
#header h1 { margin:0 0 0 15px; font: bold 1.5em/1.5em Arial, sans-serif; }
#header img.sopsr { display: block; float: left; margin: 0 5px 0 0; border: none; }
#header img.ssj { display: block; float: left; margin: 0 10px 0 0; }

/* languages */
#languages { position: absolute; top: 0; right: 0; color: #fff; font: normal .9em/1.5em "Trebuchet MS",sans-serif; }
#languages ul { display: block; margin: 0; padding: 0 .3em 0 0; }
#languages li { list-style: none; display: inline; }
#languages a:link,#languages a:visited,#languages a:active { color: #fff; text-decoration: underline; }
#languages a:hover { color: #fff; text-decoration: none; }

/* main menu */
#main-menu { font: bold .76em/2.5em Verdana,sans-serif; background-color: #C10222; width: 100%; }
#main-menu ul { margin: 0; padding:0; }
#main-menu li { list-style: none; float: left; margin: 0; padding: 0; white-space: nowrap; }
#main-menu a { display: block; float: left; padding: 0 1em; border: 1px solid #000; border-width: 0 1px 1px 0; }
#main-menu a:link,#main-menu a:visited,#main-menu a:active { background-color: #C10222; color: #fff; text-decoration: none; }
#main-menu a:hover { background-color: #ddd; color: #000; text-decoration: none; }
#main-menu #main-menu-stop { position: relative; top: -1px; float: none; clear: both; background-color: #000; height: 1px; font-size: 1px; overflow: hidden; margin-bottom: -1px; }

/* content header */
#content-header { position: relative; top: -1.5em; height: 172px; background-position: 0 0; background-repeat: no-repeat; overflow: auto; }
#content-header-width { max-width: 1100px; _width: expression((document.getElementById('content-header').offsetWidth > 1100) ? "1100px" : "100%"); }
#content-header h3 { margin: 0; padding: 1em 3em 0 400px; font-size: 1.5em;  }
#content-header p { margin: 0; padding: 1em 3em 0 400px; }

#content-header-flash { position: absolute; top: 0; left: 0; }
#content-header-flash object { display: block; }

/* history - nav path */
#history { position: relative; top: 172px; margin: 0; height: 2em; font: normal .76em/2em Verdana,sans-serif; text-align: right; padding-right: 1%; color: #000; }
#history a:link,#history a:visited,#history a:active { text-decoration: none; color: #000; }
#history a:hover { text-decoration: underline; color: #000; }
#history span { color: #c10222; font-weight: bold; }

/* footer */
#footer { text-align: center; font: normal .86em/1.3em Verdana,sans-serif; }
/* footer menu */
#footer-menu { padding: 1em 10%; }
#footer-menu a:link,#footer-menu a:visited,#footer-menu a:active { text-decoration: underline; color: #000; }
#footer-menu a:hover { text-decoration: none; color: #c10222; }
/* footer copyright */
#footer-copyright { padding: 1em 0; font-size: .9em; color: #333; }
#footer-copyright a { color: #333; }

/* content-container */
#content-container { width: 100%; }
#home-left { width: 370px; float: left; overflow: auto; } /* home left frame */
#content-menu { width: 21.8%; float: left; overflow: auto; padding-bottom: 3em; }
#content-menu ul { margin: 0; padding: 0; display: block; }
#content-menu li { list-style: none; display: inline; padding: 0; margin: 0; }
#content-menu ul.cm-l1 { font-weight: bold; font-size: 1em; padding: 0 1em 0 0; letter-spacing: -1px; }
#content-menu ul.cm-l2 { font-weight: normal; font-size: .9em; display: none; letter-spacing: 0; }
#content-menu li.current ul { display: block; }
#content-menu a { display: block; text-decoration: none; margin: 0; padding: 0; background-position: 0 100%; background-repeat: no-repeat; }
#content-menu ul.cm-l1 a { padding: .1em 1em; }
#content-menu ul.cm-l2 a { padding: .2em 1em .2em 2.5em; }


#content { width: 77.8%; float: right; font: normal 1em/150% "Trebuchet MS",sans-serif; }
#home-right { padding-left: 370px; font: normal 1em/150% "Trebuchet MS",sans-serif; } /* home right frame */
#content-pad { padding: 0 1% 1em 0; }
#content-in { padding: 0 2em 3em 2em; }
#home-in { padding: 1.5em; }
#content-maxinr { max-width: 800px; _width: expression((document.getElementById('content-maxini').offsetWidth > 800) ? "800px" : "100%"); }
#content-bar { float: none; clear: both; width: 100%; height: 1em; }

#content h2 { margin: 0 0 .8em 0; padding: 0; font-size: 1.8em; letter-spacing: -1px; height: 2.7em; float: none; clear: both; }
#content h2 span { display: block; float: left; margin: 0; padding: 1.5em 85px .2em 0; background-repeat: no-repeat; background-position: 100% 90%; }
#content h3 { margin: 1.5em 0 .8em 0; font-size: 1.4em; float: none; clear: both; }
#content h3 span.maly { font-size: .7em; }
#content h4 { margin: 1.5em 0 .5em 0; font-size: 1.2em; float: none; clear: both; }

#content a:link { text-decoration: underline; color: #990000; }
#content a:visited { text-decoration: underline; color: #990000; }
#content a:active { text-decoration: none; color: #990000; }
#content a:hover { text-decoration: none; color: #fff; background-color: #990000; }
#content a.name { background-color: transparent; color: inherit; }

#content p.odsadene { /*text-indent: 3em;*/ }
#content p.dobloku { text-align: justify; }
#content div.link { text-align: right; font-weight: bold; margin: .5em 0 0 0; float: none; clear: both; }
#content address { font-style: normal; }
#content address span { display: block; float: left; width: 9em; }

/* polovicne bloky v texte, podobne ako na uvode tie s tienom */
#content div.polovicaA, #content div.polovicaB { width: 47%; }
#content div.polovicaA { float: left; clear: left; }
#content div.polovicaB { float: right; clear: right; }
#content div.polovicaA p, #content div.polovicaB p { margin: 1em 0 0 0; }
#content div.polovicaA h3, #content div.polovicaB h3 { margin: 2em 0 0 0; }
#content div.polovicaA p img, #content div.polovicaB p img { width: 130px; height: 90px; float: left; margin: .5em 1em 0 0; border: 0; }

/* jaskyna */
table.jaskyna, table.cennik, table.planuloh { table-layout: auto; border-collapse: separate; border-spacing: 1px; border: none; font-size: 1em; }
table.cennik { width: 100%; }
table.jaskyna th, table.jaskyna td, table.cennik th, table.cennik td, table.planuloh th, table.planuloh td { padding: .1em .8em; border: none; }
table.jaskyna td.logo { border: none; vertical-align: top; padding: 0 1em 0 0; background-color: transparent; }
table.jaskyna th { text-align: left; }
table.cennik th { text-align: center; }
table.cennik td.cena { text-align: right; white-space: nowrap; }
table.cennik td.cislo { text-align: right; white-space: nowrap; }
table.cennik td.rok { text-align: center; }
table.cennik td.nazov { text-align: left; }
table.planuloh { margin-bottom: 2em; width: 100%; }
table.planuloh td.text { text-align: left; vertical-align: top; }
table.planuloh td.porc, table.planuloh td.zodp, table.planuloh td.term { text-align: center; }
table.planuloh th { text-align: center; font-weight: bold; }
table.planuloh td.tucny { font-weight: bold; }
table.planuloh tr.vyrazne { font-style: italic; font-weight: bold; }

table.kalendar { table-layout: auto; border-collapse: collapse; border: none; width: 100%; font-size: 1em; }
table.mkalendar { width: 40%; margin: 0 5% 0 0; float: left; }
table.mkalendar th { font-style: italic; }
#content table.mkalendar a:link, #content table.mkalendar a:visited, #content table.mkalendar a:active { text-decoration: none; }
#content table.mkalendar a:hover { text-decoration: none; }
table.kalendar td { padding:0; margin: 0; }
table.kalendar td.nazov { font-weight: bold; padding: .2em .5em; }

table.kalendar td.cas { text-align: center; vertical-align: middle; cursor: help; }
table.kalendar td.cas div.kinfo { display: none; position: absolute; left: 0; top: 0; width: 250px; text-align: left; background-color: #541c00; font-size: .9em; }
table.kalendar td.cas div.kinfo div.kinfopad { padding: .3em .5em; border: 1px solid #541c00; background-color: #fffd73; position: relative; top: -2px; left: -2px; }

table.kalendar td.mesiac { text-align: center; font-weight: bold; }
table.kalendar td.polmesiac { width: 3%; }
table.kalendar td.nazov em { font-weight: normal; }

table.lkalendar { float: none; clear: both; margin: 2em 0; table-layout: auto; border-collapse: collapse; border: none; font-size: .86em; }
table.lkalendar td { padding: .1em 2.5em .1em .5em; border: none; }
table.lkalendar td.o, table.lkalendar td.z { padding: .1em .5em; }

table.ostruktura { table-layout: auto; border-collapse: collapse; border-spacing: 0; border: none; font-size: 1em; margin-bottom: 2em; width: 100%; }
table.ostruktura td { text-align: center; vertical-align: middle; }

img.obr_vlavo { display: block; float: left; margin: .3em 1em .2em 0; }
img.obr_vpravo { display: block; float: right; margin: .3em 0 .2em 1em; }
img.velkost_text { width: 210px; height: 139px; }
img.velkost_mala_text { width: 130px; height: 90px; }
img.eu_vlavo { display: block; float: left; margin: .3em 1em .2em 0; width: 50px; height: 34px; }
div.mapa_jaskyne { text-align: center; }
div.mapa_jaskyne img { display: block; margin: 0 auto; }
div.pristup_jaskyne { text-align: center; }
div.pristup_jaskyne img { display: block; margin: 0 auto; }
#content div.jaskyne_fotogaleria div.img { width: 210px; display: block; float: left; margin: 0 15px .5em 0; text-align: center; }
#content div.jaskyne_fotogaleria div.img img { border: none; width: 210px; height: 139px; display: block; float: none; }
#content div.jaskyne_fotogaleria div.img span { display: block; padding: .1em 0 1em; height: 5em; }
#content div.jaskyne_fotogaleria_img { text-align: center; }
#content div.jaskyne_fotogaleria_img img { display: block; border: none; margin: 0 auto; }
#content div.jaskyne_fotogaleria_img span { display: block; padding: .1em 0 1em; }
#content div.jaskyna_np { } /* navstevny poriadok */
#content div.jaskyna_np h4 { text-align: center; font-size: 1.5em; }
#content div.jaskyna_np h5 { text-align: center; font-size: 1.2em; }
/* obrazky v odb. texte s popisom */
div.obr_popis_vlavo { display: block; width: 210px; float: left; margin: .3em 2em .8em 0; font-size: .9em; line-height: 1.2em; text-align: center; }
div.obr_popis_vpravo { display: block; width: 210px; float: right; margin: .3em 0 .8em 2em; font-size: .9em; line-height: 1.2em; text-align: center; }
div.obr_popis_vlavo img, div.obr_popis_vpravo img { display: block; width: 210px; height: 139px; float: none; border: none; }
div.obr_popis_vlavo span, div.obr_popis_vpravo span { display: block; float: none; padding: .5em .5em 0 .5em; }

/* formular - kontakt */
#content form.kontakt { margin: 0; padding: 0; }
#content form.kontakt input, #content form.kontakt textarea { font-size: .96em; font-family: Arial, sans-serif; }
#content form.kontakt input.button { border-width: 2px; margin: .6em 0; cursor: pointer; font-weight: bold; }

/* aktuality, su aj inde */

#content div.aktualita { margin: .5em 0; }
#content div.aktualita h4 { color: #ad011e; margin: 2em 0 .2em 0; padding: 0; }
#content div.aktualita h6 { margin: 0; padding: 0; border-top: 1px solid #541c00; text-align: right; font-size: 1em; font-weight: normal; font-style: italic; }
#content div.aktualita p { margin-top: .5em; }
#content div.xaktualita { border: 3px solid #c10222; background-color: #ffc9a1; padding: .5em 1em; }
#content div.xaktualita h4 { margin: 1em 0 0 0; }

/* BBcode 2 HTML */
ul.bb-list-unordered { }
ol.bb-list-ordered { }
ol.bb-list-ordered-d { list-style-type:decimal; }
ol.bb-list-ordered-lr { list-style-type:lower-roman; }
ol.bb-list-ordered-ur { list-style-type:upper-roman; }
ol.bb-list-ordered-la { list-style-type:lower-alpha; }
ol.bb-list-ordered-ua { list-style-type:upper-alpha; }
ol.bb-listitem { }

.bb-code,
.bb-php { border: 1px solid black; padding: 10px; font-family: Courier; white-space: nowrap; }

.bb-quote { border: 1px solid black; padding: 10px; }

.bb-email { }
.bb-url { }

.bb-image { border-width: 0; border-style: none; }