body { margin: 0; padding: 0; background: #18181b; color: #48c1ff; font: 15px/20px arial, sans-serif; }

#main { margin: 0 auto; width: 948px; background: url(../images/bg.jpg) center top repeat-y; }
#header { height: 160px; background: url(../images/header.jpg) top left no-repeat; }
  h1 { margin: 0; padding: 0; height: 160px; width: 180px; float: left; }
  h1 a { display: block; height: 160px; width: 180px; text-indent: -3000px; }
#menu { width: 758px; height: 50px; float: right; margin-top: 128px;background: #18181b; }
  #menu ul, #menu li { list-style-type: none; margin: 0; padding: 0; }
  #menu ul { height: 50px; }
  #menu li { float: left; font-size: 15px; }
  #menu li a { display: block; height: 50px; line-height: 50px; padding: 0 30px 0 0; color: #79787c; text-decoration: none; font-weight: bold; }
  #menu li a:hover { text-decoration: none; color: #48c1ff;}
  #menu li.active a, #menu li.active a:hover { color: #48c1ff; cursor: default; }

#submenu { padding-top: 12px; height: 20px; margin-bottom: 40px; }
  #submenu ul, #submenu li {list-style: none; margin: 0; padding: 0; }
  /* submenu level 1 */
  ul.dropdown { position: relative; }
  ul.dropdown li { float: left; zoom: 1; font-size: 12px; margin-right: 15px; }
    ul.dropdown li:before { content: "" !important;}
  ul.dropdown li a:hover { color: #48c1ff; }
  ul.dropdown a:active { color: #ffa500; }
  ul.dropdown li a { display: block; padding: 0px 8px; color: #79787c; text-decoration: none; }
  ul.dropdown li a span { color: #48c1ff;}
  ul.dropdown li.hover, ul.dropdown li:hover { color: #48c1ff; position: relative; }
  /* submenu level 2 */
  ul.dropdown ul { width: 130px; visibility: hidden; position: absolute; top: 100%; left: 0; }
  ul.dropdown ul li { font-weight: normal; background: #18181b; border-bottom: 1px solid #000; float: none; border-left: 1px solid #48c1ff; }
  ul.dropdown ul li a	{ color: #79787c; border-right: none; width: 100%; display: inline-block; } 
  ul.dropdown ul li a:hover { color: #48c1ff;}

#content { min-height: 800px; height: auto !important; height: 800px; background: top center no-repeat; padding: 0 70px 30px 70px ; margin-top: 6px; position: relative; }

h2 { font-size: 26px; line-height: 28px; margin-top: 0;}
h3 { font-size: 17px;}
h4 { font-size: 15px;}
p { text-align: justify; }
a { text-decoration: underline; color: #48c1ff; }
a:hover { text-decoration: none; color: #fff; }

#content ul, #content li { list-style: none; }
  #content li:before { content: "* ";}

.l { float: left; }
.r { float: right; }

.l50 { width: 48%; float: left; }
.r50 { width: 48%; float: right; }

.column2, .column3 { padding-bottom: 1em; }
  .column2 h3 { margin-top: 0;}
  .column2 .l { width: 230px; }
  .column2 .r { width: 570px; }

  .column_predstavenia .l { width: 523px; padding-right: 20px; border-right: 1px solid #255570; }
  .column_predstavenia .r { width: 243px; }
  .column_predstavenia .r ul, .column_predstavenia .r li { padding-left: 0; margin-left: 0; }
  .column_predstavenia .r li { text-indent: -.7em; }
  

.cl { font-size:0px; height: 0px; clear: both; }
.center { text-align: center; }
.sponzori { margin: 0 auto; }
  .sponzori img { padding: 3px; border: none; }
.predel {  }
  .predel span { border-top: 1px solid #255570; width: 370px; display: block; padding-top: 17px; }

h2.btnblok { margin: .5em 0 0 0; padding-left: 30px; background: url(../images/arrow.gif) top left no-repeat; font-size: 15px;}
h2.active { background-position: bottom left;}
  h2.active a { color: #fff;}
  
/* galery */
h2.gallery { text-align: center; text-transform: lowercase; margin-top: 1em; }
  h2.gallery span { padding: 5px 20px 0 20px; border-top: 1px solid #255570; }

div.gallery { text-align:center; }
div.gallery a { margin: 0; }
div.gallery a img { padding: 5px; background: transparent; border: none; }
div.gallery a:hover img { background: #48c1ff; }
  
/* galery */

#footer { background: url(../images/footer.png) top left no-repeat; height: 24px; width: 270px; line-height: 24px; margin-left: -45px; position: absolute; bottom: 0; }
#footer, #footer a, #footer a:hover { color: #79787c; text-decoration: none; font-size: 10px; }
  #footer a:hover { text-decoration: underline; }
  
.s01 #content { background-image: url(../images/01.jpg); }
.s02 #content { background-image: url(../images/02.jpg); }
.s03 #content { background-image: url(../images/03.jpg); }
.s04 #content { background-image: url(../images/04.jpg); }
.s05 #content { background-image: url(../images/05.jpg); }
.s06 #content { background-image: url(../images/06.jpg); }