/* generic */
body {
border:0;
margin:0; 
padding:0;
font:80%/150% verdana, sans-serif; 
text-align:center;
background: #c9c9c9 url('/images/background.gif') top center repeat-y;
color:#080808;
}
#main a:link {
 color:#003d6a;
}
#main a:visited {
 color:#003d6a;
}
#main .external a:visited {
 color:#1d547c;
}
#main a:active {
 color:#006532;
}
#main a:hover {
 z-index: 2;
 color:#006532;
}
h1, h2, h3, h4 {
margin: 0 0 0.25em 0;
padding: 0;
font: bold 100% verdana, sans-serif;
line-height: 130%;
/*letter-spacing:-1px;*/
color:#003d6a;
}
h1 {
margin-bottom: 0.5em; 
font-size:1.7em;
color:#006532;
padding-bottom: 0.25em; 
margin-right: 85px;
border-bottom: 2px solid #bbbbbb;
}
h2 {
font-size:1.4em;
}
h3 {
font-size:1.2em;
}
h4 {
font-size:1.1em;
}
p {
margin: 0 0 1em 0;
text-indent: 0em;
}
* html p {  /* 3-pixel-gap fix for IE/Win */
height: 1%;
}
img {
border: 0;
margin: 0;
}

hr {
 width: 100%;
 height: 1px;
 border: 0;
 color: #bbbbbb;
 background-color: #bbbbbb;
 margin: 0.25em 0 1.25em 0;
}
.noscreen {
 display: none; 
}
.noprint {
 display: run-in; 
}
.hidden {
 display: none;
}
.uppercase {
 text-transform: uppercase;
}
.noborder {
 border: none;
}

.fix {
display:block; 
clear:both;
border:0; 
margin:0; 
padding:0; 
height:1px; 
overflow:hidden;
background-color:transparent;
}

.small {
font-size: 85%;
line-height: 120%;
}

.widthfull {
 width: 100%;
}
.widthhalf {
 width: 50%;
}
.width90 {
 width: 90%;
}
.width20 {
 width: 20%;
}
.width30 {
 width: 30%;
}

.right {
 text-align: right;
}
.left {
 text-align: left;
}
.center {
 text-align: center;
}
.right-fl  {
 float: right;
 margin-right: 0 !important;
}
.left-fl {
 float: left;
 margin-left: 0 !important;
}
.center-fl {
}

acronym {
 border-bottom: 1px dotted #404040;
 cursor: help
}
q {
 background-color: #f3f3f3;
 font-style: italic;
}
cite {
 font-style: italic;
 font-weight: bold;
}
blockquote, samp {
 margin: 0 1.5em 1em 1em;
 padding: 0.6em 1em 0.6em 1em;
 background-color: #f3f3f3;
 border-left: solid 1px #bbbbbb;
 clear: both;
}
blockquote {
 font-style: italic;
}
blockquote .source {
 font-size: 80%;
 color: #404040;
 font-weight: normal;
 text-align: right;
 margin-top: 1em;
 margin-bottom: 0.3em;
}
samp {
 font-family: monospace, "Courier New", Courier;
 font-size: 100%;
 display: block;
}
caption {
 font-style: italic;
 font-size: 90%;
}

/* layout + content */
#wrap1, #wrap2 {
 width: auto;
 background: url("/images/shadow-l.gif") repeat-y left #c9c9c9;
}
#wrap1 {
 background: url("/images/shadow-l.gif") repeat-y left #c9c9c9;
}
#all {
width: 760px; 
margin: 0 auto; 
padding: 0;
text-align: left;
}
#header {
 position: static; 
 width: 760px; 
 height: 110px; 
 overflow: hidden;
 background: url("/images/header1.jpg") no-repeat;
 margin: 0;
 padding: 0 0 0 15px;
 _padding-left: 0;
}
#logo, #logo h1 {
 margin: 10px 0 0 0;
 padding: 0;
 border: 0;
}
#logo {
 _padding-left: 15px;
}
#logo a {
 width: 174px; 
 height: 67px;
 margin: 0;
 display: block;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
 background: transparent url("/images/3Dpano-logo.gif") no-repeat top left;
 color: #000000;
}
#logo a:hover {
 text-decoration: underline;
}
#logo span {
 display: none;
}
#search {
 position: relative;
 float: right;
 right: 15px;
 bottom: 80px;
 margin: 0;
 padding: 0;
 font-size: 90%;
 background: url('/images/grid-grey.gif');
 padding: 5px;
 background: url('/images/search.gif') left top no-repeat;
 padding-left: 25px;
 padding-top: 0px;
 margin-top: 5px;
}
#search .more a {
 color: #003d6a;
}
#search .more a:hover {
 color: #006532;
}
#main {
 padding:10px;
 background-color: #ebebeb;
 border: 5px solid white;
}
#content {
 float:left;
 width:520px; 
 height:auto; 
 overflow:hidden;
 margin:0;
 padding:0;
}
#content-inner {
 height:auto; 
 margin-right: 8px;
 overflow:hidden;
 background: #ebebeb url('/images/bgn/bgn-3dpano.gif') top right no-repeat;
}
#content-inner #onas {
 background: url('/images/bgn/bgn-graph.gif') top right no-repeat;
}
#content-inner #sluzby {
 background: url('/images/bgn/bgn-camera.gif') top right no-repeat;
}
#content-inner #ukazky {
 background: url('/images/bgn/bgn-film.gif') top right no-repeat;
}
#content-inner #clanky {
 background: url('/images/bgn/bgn-article.gif') top right no-repeat;
}
#content-inner #poradna {
 background: url('/images/bgn/bgn-question.gif') top right no-repeat;
}
#content-inner #novinky {
 background: url('/images/bgn/bgn-calendar.gif') top right no-repeat;
}
#content-inner #objednavka {
 background: url('/images/bgn/bgn-clipbook.gif') top right no-repeat;
}
#content-inner #kontakt {
 background: url('/images/bgn/bgn-phone.gif') top right no-repeat;
}
#content-inner #hledani {
 background: url('/images/bgn/bgn-search.gif') top right no-repeat;
}
#content-inner #kontakt-form {
 background: url('/images/bgn/bgn-mail.gif') top right no-repeat;
}
#content-inner #akce {
 background: url('/images/bgn/bgn-gift.gif') top right no-repeat;
}
#content-inner #doporuceni {
 background: url('/images/bgn/bgn-speak.gif') top right no-repeat;
}
#content-inner #komentar {
 background: url('/images/bgn/bgn-comment.gif') top right no-repeat;
}
#content-inner #vloz-komentar {
 background: url('/images/bgn/bgn-write.gif') top right no-repeat;
}
#content-inner #slovnik {
 background: url('/images/bgn/bgn-book.gif') top right no-repeat;
}
#content-inner #download {
 background: url('/images/bgn/bgn-download.gif') top right no-repeat;
}

.col-l {
 float: left; 
 width: 242px;
}
.col-r {
 float: right; 
 margin-right: 0;
 _margin-left: 6px;
 width: 254px;
}
#sidebar {
 float: right;
 width: 200px; 
 height: auto; 
 overflow: hidden; 
/* padding: 10px 0 10px 0;*/
 padding: 5px;
 background: url("/images/bgn/bgn-sidebar.gif") no-repeat right bottom;
 font: 90%/130% verdana, sans-serif; 
 _font-size: 85%; 
 background-color: #cfdce6;
}
#menu { 
 width: 760px; 
 overflow: hidden;
 background: #ffffff url("/images/menu-bg.gif") repeat-x top; 
 clear: both
}

#menu ul { 
 margin: 0; 
 padding: 0; 
 list-style-type: none;
}

#menu ul li {
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;  
 text-align: center;
 float: left; 
 color: #ffffff;
 margin: 0; 
 border-right: 1px solid #ffffff;
 padding: 0; 
 background: url("/images/menu-li.gif") no-repeat left top;
 overflow:hidden;
 display: block;
}
#menu ul li.right {
 border: 0; 
 border-left: 1px solid #ffffff;
 float:right
}

#menu ul li.active a {
 color: #ffffff;
 background-color:#3d96e2;
 padding: 4px 8px; 
 background-position: -150px 0;
 display: block;
}

#menu ul li a { 
 color: #bfe4ff;
 text-decoration: none;
 padding: 4px 8px; 
 background: url("/images/menu-li.gif") no-repeat 0 0;
 display: block;
}
#menu ul li a:hover {
 color: #003d6b;
 background-color: #000000;
 text-decoration: none;
 background-position: -300px 0;
 display: block;
}

#footer {
 text-align: center;
 padding: 1.5em 1em 1em 1em;
 margin: 0;
 font-size: 90%;
 background-color: #909090;
 background: url("/images/3Dlogo-footer.gif") no-repeat 98% 80% #909090;
}
#footer p {
 padding: 0;
 margin: 0;
}
#footer a {
 color:#f0f0ff;
}
#footer a:hover {
 color:#ffffa0;
}

.box, #submenu, #contextmenu {
 width: 190px;
 padding: 0.2em 0.3em;
 margin-bottom: 0.1em;
}
.box h3 {
 font-size: 120%;
 color: #006532;
 text-align: right;
 padding: 0 0.2em 0 0.15em;
 margin-left: 10px;
 display: inline;
 position: relative;
 background-color: #cfdce6;
 bottom: -0.4em;
}

.box .content {
 border-top: 2px solid #006532;
 padding-top: 0.4em;
}

h3#submenu, h3#contextmenu {
 position: relative;
 right: 0;
 bottom: -0.25em;
 padding: 0;
 margin: 0;
 color: #006532;
 border: none;
 background-color: transparent;
 text-align: right;
}

#submenu, #contextmenu {
 font-size:110%;
 background-color: #ebebeb;
 border: 1px solid #006532;
 margin-bottom: 1.5em;
}
#submenu {
 margin-bottom: 0.7em;
}
#submenu ul, #contextmenu ul {
 margin: 0; 
 padding: 0; 
 list-style-type: none;
 font-weight: bold;
}
#submenu ul li a, #contextmenu ul li a {
 padding: 0.1em 0 0.1em 1.1em;
 text-indent: -1.1em;
}
#submenu ul li.active a {
 color: #006532 !important;
 background-color: #f5f5f5;
}
#submenu ul li a, #contextmenu ul li a {
 font-weight: bold;
 text-decoration: none;
 display:block; 
}
#submenu ul li a:hover, #contextmenu ul li a:hover {
 text-decoration: none;
 background-color: #ffffff;
}

.info, .info2, .thumbup, .thumbdown, .ok, .attention, .new, .plus, .minus {
 font-size: 90%;
 line-height: 125%;
 margin-bottom: 2em;
 padding: 1em 1em 0.5em 35px;
 border: 1px solid #bbbbbb;
}
.info {
 background: #f1f1f1 url("/images/orange/info.gif") no-repeat 6px 1em; 
 font-size: 93%;
 margin-right: 85px;
}
.info2 {
 background: #f1f1f1 url("/images/orange/info.gif") no-repeat 6px 1em; 
 margin-bottom: 0;
}
.thumbup {
 background: #f1f1f1 url("/images/orange/thumbup.gif") no-repeat 6px 1em;
}
.thumbdown {
 background: #f1f1f1 url("/images/orange/thumbdown.gif") no-repeat 6px 1em;
}
.ok {
 background: #f1f1f1 url("/images/orange/checked.gif") no-repeat 6px 1em;
}
.attention {
 background: #f1f1f1 url("/images/orange/attention.gif") no-repeat 6px 1em;
}
.new {
 background: #f1f1f1 url("/images/orange/news.gif") no-repeat 6px 1em;
}
.plus {
 background: #f1f1f1 url("/images/orange/plus.gif") no-repeat 6px 1em;
}
.minus {
 background: #f1f1f1 url("/images/orange/minus.gif") no-repeat 6px 1em;
}

.open {
 padding-left: 25px;
 background: url('/images/block_open.gif') center left no-repeat;
}
.closed {
 padding-left: 25px;
 background: url('/images/block_closed.gif') center left no-repeat;
}
#prices1, #prices2, #prices3, #prices4 {
 display: none;
}

/*---- forms -----*/
.tab-form, .tab-form td {
 background-color: transparent;
 background-image: none;
 border-collapse: separate;
 border-width: 0;
 border-style: none; 
}
.tab-form {
 padding: 0;
 margin: 0;
 _width: 506px;
}
.tab-form td {
 padding: 0.15em 6px 0.15em 4px;
}

form fieldset {
 border: 1px solid #909090;
}
form fieldset legend {
 font-weight: bold;
 color: #808080;
}
form input.text, form textarea {
 background-color: #fcfcfc; 
 border: 1px solid #bbbbbb;
 width: 100%;
}
form input.submit {
 font-weight: bold;
 margin: 0.5em;
 padding: 0.15em;
}
form select {
}

form#search input.text {
 width: auto;
}
form#search input.submit {
 font-weight: bold;
 margin: 0;
 padding: 0;
}

form#newsletter input.text {
 width: 120px;
}
form#newsletter input.submit {
 font-weight: normal;
 width: 60px;
 margin: 0;
 padding: 0;
}

/*---- main content -----*/

#content .header, #content .footer {
 font-size: 90%;
 line-height: 120%;
 padding: 0.5em; 
 margin: 0 0 2em 0; 
 border-top: solid 1px #bbbbbb; 
 background-color: #f3f3f3;
}
#content .header {
 text-align: center;
 border-bottom: solid 1px #bbbbbb; 
}
#content .header span {
 font-weight: bold;
}
#content .footer {
 margin-top: 3em; 
}

#content .footlink {
 font-size: 90%;
 line-height: 120%;
 padding: 0.5em; 
 margin: 2em 0 0.3em 0; 
 border-top: solid 1px #bbbbbb; 
 border-bottom: solid 1px #bbbbbb; 
 color: #000000;
 background-color: #f4f4f4;
}
#content .footlink a {
 color: #237fa6 !important;
 font-weight: bold;
 text-decoration: underline;
}
#content .footlink a:hover {
 color: #000000 !important;
 text-decoration: underline;
}
#content .footlink span {
 font-weight: bold;
}
#content ul, #content ol {
 margin: 0.6em 0 1.3em 0;
 padding-left: 2em;
 text-indent: 0em;
 line-height: 150%;
 list-style-position: outside;
 clear: both;
}
#content ul {
 list-style-type: disc;
}
#content ol {
 list-style-type: decimal;
}
#content li {
 list-style-type: disc;
 list-style-image: url('/images/li1.gif');
/* background: url('/images/li1.gif') left top no-repeat; */
}

#content li li, #content .footer li {
 list-style-type: disc;
 list-style-image: url('/images/li2.gif');
}

.subheader {
 font-size: 85%;
 padding: 0 0.5em;  
 color: #006532;
/* background-color: #f4f4f4; */
 display: block;
}
.perex, .perex-nb { 
 border-bottom: solid 1px #bbbbbb; 
 padding: 0.5em 0.5em 0.25em 0.5em;
 margin:  0 0 0.75em 0;
/* background-color: #f3f3f3; */
}
.perex p, .perex-nb p { 
/* font-size: 90%; */
 line-height: 120%;
}
.perex-nb {
 border: none;
 margin: 0;
}
  
dl {
 margin: 0;
 padding: 0;
}
dt {
 font-size: 110%;
 margin: 0;
 padding: 0 0 0.5em 0;
 font-weight: bold;
 color: #003d6a;
}

dd {
 font-size: 100%;
 margin: 0 0 0.2em 1em;
 padding: 0;
 font-weight: normal;
}
.perex dd {
 font-size: 85%;
 line-height: 120%;
 font-weight: normal;
 color:#080808;
}
table, table td, table th {
 background-color: transparent;
 background-image: none;
 border-collapse: collapse;
 margin: 0;
 padding: 0.15em 0.35em;
 border: solid 1px #bbbbbb;
}
table {
 margin: 1em 0.5em 1.5em 0.5em;
}
table.widthfull {
 width: 98%;
}
table th {
 font-weight: bold;
 background-color: #bbbbbb;
 border: solid 1px #ebebeb;
 text-align: center;
}
table th span {
 font-weight: normal;
 font-size: 85%;
 color: #080808;
}
table.noborder, table.noborder td, table.noborder th {
 border-width: 0px;
 border-style: none; 
 background-color: transparent;
 padding: 0 0.5em;
}

table td.price {
 font-family: monospace, "Courier New", Courier;
 font-weight: bold;
 text-align: right;
}

#content div.image {
 text-align: center;
 background-color: #f3f3f3;
 padding: 3px;
 /* margin: 0.3em 0.5em 0.3em 0.5em; */
 margin: 0.3em 10px 0.3em 10px;
}

#content div.image img {
 border: 1px solid #bbbbbb;
 padding: 1px;
 margin: 0;
}

#content div.image div.caption {
 font-weight: normal;
 font-size: 80%;
 line-height: 120%;
 font-style: italic;
 color: #080808;
 margin: 0.3em 0;
}

.gal-frame {
 width: 502px;
 margin: 0.5em 0 1.5em 0;
 padding: 4px;
 border: solid 1px #bbbbbb;
 text-align: center;
}

.gal-frame .pano, .gal-frame .tour {
 margin: 0 auto; 
 padding: 1px;
 border: solid 1px #bbbbbb;
}

.gal-frame .thumb-left, .gal-frame .thumb-right {
 width: 244px;
 margin: 0;
 padding: 0;
 float: left;
} 
.gal-frame .thumb-left {
 margin-right: 6px;
} 
.gal-frame .thumb-right {
 margin-left: 6px;
} 
.gal-frame .thumb-pano {
 background: url(/images/cat/galerie-pano.gif) no-repeat top left;
} 
.gal-frame .thumb-tour {
 background: url(/images/cat/galerie-tour.gif) no-repeat top left;
} 
.gal-frame p.type {
 padding-left: 36px;
 color: #808080;
}

.gal-frame p {
 font-size: 85%;
 line-height: 120%;
 text-align: left;
}

.gal-frame div.ref {
 margin-bottom: 1em;
}

/* details */
.star {
 font-size: 90%;
 font-weight: bold;
 color: #ff4000;
}
.icon-inline {
 padding: 0 0.5em 0.15em 0;
 float: left; 
}
.more, .back {
 font-size: 95%;
 font-style: italic;
 font-weight: bold;
 text-align: right;
 margin: 0px;
 padding: 0 0 0.25em 0;
 width: 87%; /* IE5/Mac bug fix */
 /*\*/
 width: auto; /* undo fix */
}
.more a {
 background: url(/images/more.gif) no-repeat 95% 0.8ex;
 text-decoration: none;
 padding-right: 30px;
}
.more a:hover {
 background-position: 100% 0.8ex;
 text-decoration: underline;
}
.back a {
 background: url(/images/back.gif) no-repeat 5% 0.8ex;
 text-decoration: none;
 padding-left: 30px;
}
.back a:hover {
 background-position: 0% 0.8ex;
 text-decoration: underline;
}
.more2 {
 font-size: 95%;
 font-style: italic;
 text-align: left;
 margin: 0px;
 padding: 0 0 0.25em 0;
}
.more2 a {
 background: url(/images/more2.gif) no-repeat 0% 0.8ex;
 text-decoration: none;
 padding-left: 25px;
}
.more2 a:hover {
 background-position: 3% 0.8ex;
 text-decoration: underline;
}
.ref-link {
 background: url(/images/ref/ref-odkaz.gif) no-repeat top right;
 padding-right: 10px;
}
.ref-email  {
 background: url(/images/ref/ref-obalka.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-gallery  {
 background: url(/images/ref/ref-obraz.gif) no-repeat top right;
 padding-right: 14px;
}
.ref-term  {
 background: url(/images/ref/ref-bublina.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-article  {
 background: url(/images/ref/ref-list.gif) no-repeat top right;
 padding-right: 12px;
}
.ref-file  {
 background: url(/images/ref/ref-disketa.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-faq  {
 background: url(/images/ref/ref-question.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-news  {
 background: url(/images/ref/ref-info.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-comment  {
 background: url(/images/ref/ref-comment.gif) no-repeat top right;
 padding-right: 15px;
}
.ref-tip  {
}
.lang-en  {
 background: url(/images/ref/lang-en.gif) no-repeat bottom right;
}
.lang-cz  {
 background: url(/images/ref/lang-cz.gif) no-repeat bottom right;
}
.lang-sk  {
 background: url(/images/ref/lang-sk.gif) no-repeat bottom right;
}

.card {
 border: 1px solid #bbbbbb;
 padding: 0.5em 0.7em 0.5em 0.7em;
 margin: 0.3em 0 0.6em 0;
 background-color: #f1f1f1;
}

/* tooltip */
#content a.tooltip {
 position: relative;
}
#content a.tooltip .main {
 z-index: 25;
 display: none;
 position: absolute;
 left: 0;
 top: 1.8em;
 width: 200px; 
 color: #000000;
 font: lighter 11px/1.2 Arial,sans-serif;
 text-decoration: none;
 text-align: left;
/* padding: 25px 8px 0 10px;
 background: url(/images/tooltip1.gif) no-repeat top; */
}

#content a.tooltip:hover {
 background-color: #ebebec;   /* IE fix */ 
}

#content a.tooltip:hover .main {
 display: block;
}

#content a.tooltip .main .top {
 display: block;
 padding: 30px 8px 0;
 color: #548912;
 background: url(/images/tooltip2.gif) no-repeat top;
}

#content a.tooltip .main .bottom {
 display: block;
 padding: 3px 8px 12px;
 background: url(/images/tooltip2.gif) no-repeat bottom;
}