/* IE */
* html div.groups h3 {margin-bottom: 2px;}

/* hidden elements */
ul#menu li.home, div.groups img, div.siblings {display: none;}

body {margin: 80px 0 0 0; padding: 0; text-align: center; font: 80%/150% Verdana, Arial, Helvetica; letter-spacing: -1px;overflow-y:scroll;}

a {color: #46A1FF; text-decoration: none;}
a:hover {color: #007CFD; text-decoration: none;}
a img {border: none;}
h1 {margin: 0 0 30px 0; text-align: center; text-transform: uppercase; font-size: 195%; line-height: normal; color: #46A1FF; font-weight: normal;}
h2 {font-size: 150%; text-transform: uppercase; line-height: 120%; color: gray;}
h2 span.date {display: none;}
h3 {margin: 0 0 10px 0; font-size: 150%; line-height: normal; color: #46A1FF; font-weight: normal;}
h4 {font-size: 120%;}

hr {background: none; color: white; border: none; border-bottom: 1px solid #CCCCCC;}
td {vertical-align: top; padding: 0 10px;}

/* menu */
ul#menu {list-style: none; margin: 75px 5px 20px 0; padding: 0; text-align: right; letter-spacing: -2px; font-size: 195%; text-transform: uppercase; line-height: 120%;}
ul#menu a, div.groups h3 a {color: #CCCCCC;}
ul#menu a:hover, ul#menu li#current a, div.groups h3 a:hover {color: #46A1FF;}
ul#menu li.home {display: none;}
ul#menu li.sitemap {display: none;}

a.back {margin: 0 0 20px 325px; display: block;}
a#logo {display: block; width: 250px; height: 67px; background: url(../img/logo.gif) no-repeat; text-indent: -9999px;}

div#base {margin: 0 auto; text-align: left;}
div#nav {width: 250px; float: left; position: relative;font-size:0.95em;}
div#content {margin-left: 280px; position: relative;}
div#flash {position: absolute; left: 350px; top: 0; z-index: 0;}
div#context {position: absolute; top: 5px; left: 10px; color: gray;}

/* groups */
div.groups {background: url(../img/bg-groups.gif) no-repeat; position: absolute; top: 290px; left: -5px; z-index: 100;padding:0;}
div.groups h3 {letter-spacing: -2px; margin: 1px 0; text-align: left; font-size: 195%; text-transform: uppercase; line-height: 120%; font-weight: normal;}
div.groups h3 a {padding-left: 55px;}
div.groups h3 a:hover {background: url(../img/bg-subgroup.gif) left no-repeat;}
div.groups div{padding:0;float:none;}

/* products */
div.product {float: left; /*width: 130px; overflow: hidden;*/ margin: 10px 10px 0 0;height:auto;width:auto;}
div.product h4 {display: none;}

/* articles */
div.article {padding: 10px 0; float: left;}
div.article img {float: right; margin: 5px 0 5px 5px;}
div.article span.name {/*font-weight: bold;*/ font-size: 150%; display: block;}
div.article span.name a {font-size:1em;font-weight:normal;}
.article .date {font-style: italic; float: right;}
div.article p {margin: 5px 0 0 0;}
div.item-focus h2, div.item-focus p {width: 380px;}
div.item-focus h1 {font-size: 100%; width: 470px; display: none;}

/* language change */
#lang-change {position: absolute; top: 5px; color: white; right: 150px; visibility: hidden;}
a#switch-lang {position: absolute; top: 5px; right: 15px;}
#lang-change a, #lang-change span {display: block; float: left; text-indent: -9999px; width: 30px; height: 19px; margin: 0 5px 2px 0; background-repeat: no-repeat;}
#lang-change #cz {background-image: url(../img/flag-cz.gif);}
#lang-change #en {background-image: url(../img/flag-en.gif);}
#lang-change #fr {background-image: url(../img/flag-fr.gif);}
#lang-change #ru {background-image: url(../img/flag-ru.gif);}
#lang-change span {background-position: 0 -19px;}

div.attachments {float: right;}
.attach-video-flash {background: url(../img/bg-video.jpg) no-repeat; padding: 70px 25px 50px 20px;}
.attach-video-flash p {font-size: 150%; color: #46A1FF; margin: 0; padding: 5px 0 10px 20px;}

/* pager */
.pager {text-align: center; padding-bottom: 20px;}
.pager a, .pager span {padding: 3px;}
.pager h3 {font-size: 100%; display: none;}

/* PHOTOGALLERY */
/* link to gallery from item */
span.link-to-gallery a {padding-left: 20px; background: url(../img/camera.gif) no-repeat;}
span.link-to-gallery a:hover {background-position: 0 -34px;}
/* link to gallery from the list of attachments */
div.attachments span.link-to-gallery a, div.attachments span.link-to-gallery a:hover {width: 278px; padding: 8px 42px 8px 0; display: block; text-align: right; background: url(../img/camera-big.gif) right no-repeat; font-weight: bold;}
/* size change +/- */
div#gallery-focus p {text-align: center;}
div#gallery-focus p img {border: 1px solid black;}
div#gallery-focus a {padding: 0 0 0 20px; margin: 0 5px; background: url(../img/zoom.gif) no-repeat;}
div#gallery-focus a:hover {background-position: 0px -34px;}
div#gallery-focus dl {display: none; width: 270px; float: right; font-size: 85%; padding: 0 0 20px 0; margin: 0;}
div#gallery-focus dt {float: left; width: 100px;}
/* browsing other pictures */
div#gallery-thumbs {width: 100%; overflow: auto; overflow-y: visible; white-space: nowrap; clear: both;}
div#gallery-thumbs img {margin-right: 5px;}
div#gallery-thumbs a img {border: 1px solid gray;} div#gallery-thumbs span.current-img img, div#gallery-thumbs a:hover img {border: 1px solid black;}
/* fixes IE */
* html div#gallery-thumbs {padding-bottom: 20px;}

#foot {clear: both; height: 55px; padding: 10px; line-height: 140%; font-size: 85%; position: fixed; bottom: 0; right: 0;}
#foot a {text-decoration: none;}
#foot a:hover {text-decoration: underline;}
#foot p {margin: 0; float: left;}
#foot p.copy {padding-top: 40px;}
#foot p.info {float: right; text-align: right;}
#foot p.info a {display: block; float: left; width: 80px; padding: 0 5px; text-align: center;}
#foot p.info img {display: block; margin: 0 auto;}
#foot p.info a img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#foot p.info a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}