/*********************************/
/* GENERIC STYLES                */
/*********************************/

body {
  font: 10pt Tahoma, sans-serif;
  background: #6FC6EF;
  text-align: center;
  margin: 0; padding: 20px 0;
}

img, a img { border: none; }

a { outline: none; }

a:link, a:visited, a:active { color: #fff06f; text-decoration: none; }
#sidebar-right a.active { color: #fff06f; font-weight: bold; }
a:hover { color: #ffe617; text-decoration: underline; }

#main a:link { color: #0235c6; }
#main a:hover { color: #01227f; }
#main a:visited, #content a:active { color: #4265c6; }

#main code { background: #eeeeee; }

p { margin: 0.8em 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font: bold small-caps 2em Tahoma, sans-serif; margin: 0.5em 0; padding: 0; }
h1 { margin: 0.3em 0; }
h2, h3 { font-size: 1.5em; }
h4 { font-weight: normal; font-size: 1.4em; }
h5 { font-weight: normal; font-size: 0.8em; }
h6 { font-weight: normal; font-size: 0.6em; }

#content .block ul,    /* TODO temporary workaround kym su "aktualne oznamy" blok */
ul { margin: 0.4em 0; padding-left: 25px; list-style: disc; }
ol { margin: 0.4em 0; padding-left: 3em; }
li { padding-bottom: 0.2em; }
dd { margin: 0 0 0 1.5em; }
dt { font-weight: bold; }

table { margin: 1em 0; width: 100%; text-align: left; }
table th { border-bottom: 2px solid #ccc; }
tbody { border-top: none; }   /* bohuzial vacsinou mame tabulky bez theadu (textile ho nevie) */
td, th { padding: 0.2em; }
tr.even, tr.odd { border: solid #d3e7f4; border-width: 1px 0; }
tr.odd, tr.info { background-color: #b2dbef; color: black; }
tr.even { background-color: #ffffff; color: black; }
tr.drag { background-color: #FFFFF0; }
tr.drag-previous { background-color:#FFFFDD; }
td.active { background-color:#DDDDDD; }
td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #063150;
  background-color: #6fc6ef;
  font-weight: bold;
  padding: 0.3em;
}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

.description { color: #888; }
.messages, .preview, div.error, tr.error { margin: .5em 0; padding: .5em 1em; }
.preview { background-color: #ffffea; }
.messages { background-color: #fff; border: 1px solid #b8d3e5; }
div.status { color: #33a333; border-color: #c7f2c8; }
div.error, tr.error { color: #a30000; }

#simplemenu { position: absolute; left: 0; top: 0; }


/*********************************/
/* LAYOUT                        */
/*********************************/


#page {
  margin: 0 auto;
  width: 800px;
}

#logo { display: none; }

#site-name {
  margin: 0; padding: 0;
  background: #6FC6EF;
}

#site-name a {
  display: block;
  margin: 0 auto;
  width: 700px;
  height: 30px;
  overflow: hidden;
  background: url(images/title.png);
}

#site-name a span { display: block; position: absolute; left: -9999px; }

#site-slogan { display: none; }

#container {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-top: 40px;
  color: #ffffff;
}

#footer {
  clear: both;
  padding: 10px 50px;
}

#main-squeeze { padding: 40px 0; }
#main-inner {
  padding: 1px 0;   /* prevent collapsing margins */
  background-color: white;
  color: black;
  text-align: justify;
}
#content {
  /* http://www.dustindiaz.com/min-height-fast-hack/ - IE6 min-height */
  min-height: 150px; height: auto !important; height: 150px;
  background: url(images/logo.png) no-repeat bottom right;
  margin: 0 10px -20px 10px;
  padding-bottom: 20px;
  font: 10.5pt Verdana, sans-serif;
}

.two-sidebars #main {
  width: 550px;
  float: left;
}

#sidebar-right { width: 249px; float: left; text-align: left; }
#sidebar-right .block { margin: 8px; }

#page { background: #0b5387 url(images/bodybottom.jpg) no-repeat bottom left; color: white; }
#container { background: url(images/bodytop.jpg) no-repeat top left; }

#main { background: url(images/maintop.png) no-repeat top left; }   /* ALPHA */
.two-sidebars #main { background-image: url(images/maintopsmall.png); }   /* ALPHA */
#main-squeeze { background: url(images/mainbottom.png) no-repeat bottom left; }   /* ALPHA */
.in-maintenance #main-squeeze {background-color:#fff; color:#333; border-radius:30px}

.two-sidebars #main-squeeze { background-image: url(images/mainbottomsmall.png); }   /* ALPHA */

#breadcrumb { margin: -20px 20px 10px 20px; }

/* TODO: JavaScriptovo schovavany sivy napis "Hladat" vnutri textboxu. */
#search-box { margin: -20px 20px 0 0; }
#search-box form { float: right; margin: 0 0 5px 5px; }
#search-box input.form-text {
  border: solid 1px #ccc; padding-left: 18px;
  /* http://commons.wikimedia.org/wiki/File:Searchtool_right.svg
   * Source: GNOME source, flipped with Inkscape. Author: Tisza Gergő. License: GNU LGPL. */
  background: url(images/16px-Searchtool_right.svg.png) no-repeat 1px 50%;   /* ALPHA */
}
#search-box input.form-text:focus { border-color: #063150; }
#search-box label, #search-box input.form-submit { position: absolute; left: -9999px; display: block; height: 0; overflow: hidden; }


/*********************************/
/* FRONT PAGE                    */
/*********************************/


.front #main { background: none; }
.front #main-squeeze { padding-top: 0; }
.front #main-inner { padding-top: 20px; }
.front #search-box { margin-top: 0; }

.front #sidebar-left .block-menu_block, .front #sidebar-left .block-menu { height: 60px; background: url(images/bodytopfront.png) no-repeat top left; }   /* ALPHA */

#sidebar-left .block-block { position: relative; width: 800px; height: 300px; overflow: hidden; }
#sidebar-left .block-block .slide { position: absolute; left: 0; top: 0; display: none; }
#sidebar-left .block-block .slide.first { position: static; display: block; }
#sidebar-left .block-block img { display: block; }
#sidebar-left .block-block .slideshow-bottom { position: absolute; bottom: 0; left: 0; width: 800px; height: 20px; background: url(images/maintopfront.png) no-repeat top left; }   /* ALPHA */


/*********************************/
/* IMAGE GALLERY                 */
/*********************************/


body.node-type-gallery #footer-wrapper { background: url(images/mainbottomblack.png) no-repeat top left; padding-top: 40px; }   /* ALPHA */
body.node-type-gallery #container { background: #111 url(images/bodytopblack.jpg) no-repeat top left; }
body.node-type-gallery #main, body.node-type-gallery #main-squeeze { background: transparent; padding-bottom: 0; }
body.node-type-gallery #main-inner { background: transparent; color: white; }
body.node-type-gallery #content { background-image: none; }
body.node-type-gallery #search, body.node-type-gallery #breadcrumb { display: none; }
body.node-type-gallery .node-form { background: white; color: black; margin: -3px -10px; padding: 3px 10px; }

.field-field-gallery-images .field-items { margin: 0 40px; }
.two-sidebars .field-field-gallery-images .field-items { margin: 0 33px; }
.field-field-gallery-images .field-item { float: left; }
.field-field-gallery-images .field-item img { display: block; }

.field-field-gallery-images .field-item a { border: solid #666666 1px; padding: 1px; margin: 6px; display: block; }
.field-field-gallery-images .field-item a:hover { border-color: #AAAAAA; }

body.two-sidebars.gallery-viewer-active #main { width: 800px; }
body.two-sidebars.gallery-viewer-active #sidebar-right { display: none; }

.gallery-viewer { text-align: center; }
.gallery-viewer .caption { padding-top: 0.9em; color: #aaa; }
.gallery-controls { position: relative; width: 580px; margin: 0 auto 20px; }
.gallery-controls .prev, .gallery-controls .next, .gallery-controls .up, .gallery-controls .slideshow {
  cursor: pointer;
  position: absolute;
  background: url(images/gallery.png) no-repeat -32px 0;
}
.gallery-controls .prev { right: 582px; top: 50px; width: 16px; height: 16px; background-position: 0px -32px; }
.gallery-controls .prev:hover { background-position: 0px 0px; }
.gallery-controls .prev:active { background-position: 0px -32px; }
.gallery-controls .next { left: 582px; top: 50px; width: 16px; height: 16px; background-position: -16px -32px; }
.gallery-controls .next:hover { background-position: -16px 0px; }
.gallery-controls .next:active { background-position: -16px -32px; }
.gallery-controls .up { left: 625px; bottom: 50%; width: 32px; height: 32px; background-position: -32px -32px; }
.gallery-controls .up:hover { background-position: -32px 0px; }
.gallery-controls .up:active { background-position: -32px -32px; }
.gallery-controls .slideshow { left: 625px; top: 50%; width: 32px; height: 32px; background-position: -64px -32px; }
.gallery-controls .slideshow:hover { background-position: -64px 0px; }
.gallery-controls .slideshow:active { background-position: -64px -32px; }
.gallery-controls .slideshow.active { background-position: -96px -32px; }
.gallery-controls .slideshow.active:hover { background-position: -96px 0px; }
.gallery-controls .slideshow.active:active { background-position: -96px -32px; }
.gallery-controls .field-field-gallery-images .field-items { margin: 0; }

.gallery-frame { display: block; position: relative; }
.gallery-frame img { display: block; margin: 0 auto; }
.gallery-frame .prev, .gallery-frame .next { display: block; position: absolute; top: 0; bottom: 0; width: 25%; }
.gallery-frame .prev { left: 0; }
.gallery-frame .next { right: 0; }
.gallery-frame a.prev:hover { background: url(images/gallery-prev.png) no-repeat center left; }
.gallery-frame a.next:hover { background: url(images/gallery-next.png) no-repeat center right; }


/*********************************/
/* DROPDOWN MENU                 */
/*********************************/


#sidebar-left .block-menu_block, #sidebar-left .block-menu {
  position: absolute; left: 0; top: 0;   /* relative to #container */
  width: 800px; height: 40px;
}

#sidebar-left h2 { position: absolute; left: -9999px; }

#sidebar-left .block-menu_block .content, #sidebar-left .block-menu .content {
  position: relative;
  height: 40px;
  background: url(images/menu.png) no-repeat top left;   /* ALPHA (TODO remove alpha) */
}

#sidebar-left li, #sidebar-left ul { list-style: none; margin: 0; padding: 0; }

/* first-level li */
#sidebar-left li { float: left; position: relative; }
#sidebar-left li li { float: none; position: static; }

/* a.first-level */
#sidebar-left a.first-level { display: block; height: 40px; }
#sidebar-left a.first-level span { position: absolute; left: -9999px; }
#sidebar-left li.sfhover a.first-level,
#sidebar-left li:hover a.first-level { background: url(images/menuarrow.png) no-repeat 50% 100%; }

/* first-level li > ul */
#sidebar-left li ul {
  position: absolute; left: -9999px;
  top: 40px;
  width: 160px;
  padding-bottom: 10px;
  padding-left: 0;
  z-index: 2;
  background: url(images/menubottom.png) no-repeat bottom left;   /* ALPHA */
}
#sidebar-left li ul ul { position: static; width: auto; padding-bottom: 0; margin-left: 15px; background-image: none; }

#sidebar-left li li { background: #063150; }
#sidebar-left li ul a {
  display: block;
/*  background: red;*/
  padding: 2px 2px 2px 9px; text-indent: -7px;
  color: white; font: bold 10.5pt Tahoma, sans-serif;
}
#sidebar-left li ul a.active { text-decoration: underline; }

#sidebar-left li.sfhover ul,
#sidebar-left li:hover ul { left: auto; }

/* vzdialenost ku dalsiemu menu itemu */
#sidebar-left ul { padding-left: 22px; }
a.first-level.menu-node-2425 { width: 72px; }
a.first-level.menu-node-2427 { width: 124px; }
a.first-level.menu-node-2424 { width: 123px; }
a.first-level.menu-node-1627 { width: 93px; }
a.first-level.menu-node-2595 { width: 96px; }
a.first-level.menu-node-2423 { width: 89px; }
a.first-level.menu-node-2426 { width: 160px; }