/* typography */ body {font-size:75%;} body, table, textarea {font-family:sans-serif;} table, input, select, textarea, button {font-size:100%;} caption {font-weight:bold; text-align:left; font-size:1em;} th, td {text-align:left; vertical-align:top;} dt {font-weight:bold;} h1 {font-size:1.5em;} h2 {font-size:1em;} h3 {font-size:1em; text-transform:uppercase;} h1 a, h2 a, h3 a {text-decoration:none;} blockquote {font-style:normal;} em {font-weight:bold; font-style:normal;} .left {text-align:left;} .right {text-align:right;} .center {text-align:center;} .small {font-size:smaller;} .big {font-size:bigger;} #menu a {text-decoration: none;} #menu li {font-size:1em; letter-spacing: 0.9px;} h1 {font-size:1em; letter-spacing: 0.9px; font-weight:bold;} .hlavicka {font-size:1em; letter-spacing: 6px; text-transform:uppercase;} .hlavicka a {text-decoration:none; font-weight:bold;} .hlavicka a:hover {text-decoration:underline;} .author {text-align:right; margin-right:4px; font-style:italic;} /* layout */ body {margin:0; padding:0;} img {border:none;} hr {display:none;} del {display:none;} h1 {margin:0 0 0.5em 0; padding:0;} h2 {margin:0; padding:0;} h3 {margin:0 0 0.5em 0; padding:0;} p {margin:0 0 0.5em 0; padding:0;} ul {margin:0; padding:0;list-style:none;} li {margin:0 0.2em 0; padding:0; list-style:none;} ul li {padding-left: 15px;} .hidden {display:none;} .invisible {visibility:hidden;} .printOnly {display:none;} .floatLeft {float:left;} .floatRight {float:right;} .reset {display:block; clear:both; line-height:0;} .reset hr {display:inline;line-height:0;height:0;visibility:hidden;} .hidden {display:none;} .invisible {visibility:hidden;} .inline {display:inline;} .fullWidth {width:100%;} .frame {width:100%; position:relative;} .block {margin:0 0 1em 0; width:100%; position:relative;} .section {margin:0 0 2em 0; width:100%; position:relative;} .mainFrame {position:relative; width:1000px; height:768px; margin:0 auto; margin-bottom:10px;} #intro #menu {display:none;} #menu {position:absolute; top:735px; left:100px;} .lng_en #menu {left:100px;} #start #menu {top:0; left:0;} #menu li {float:left;} .start img {visibility:hidden;} a.start {display:block; width:1024px; height:768px;} .hlavicka {position:absolute; top:10px; left:20px;} .info {position:absolute; top:100px; left:250px;} .info {font-size:1.3em;font-weight:bold;} .hlasokrajsipky img {visibility:hidden;} .hlasokrajsipky a {display:block; position:absolute; width:40px; height:40px; background-position:100% 100%;} .hlasokrajsipky a:hover {display:block; position:absolute; width:40px; height:40px; background-position:0% 0%;} .hlasokrajsipky a.down {top:628px; left:430px;} .hlasokrajsipky a.up {top:628px; left:490px;} .hyper li {font-weight:bold;float:left;text-align:center;padding-bottom:1em;} #dilny .hyper {padding-left:130px;} #koncertySolo .hyper {padding-left:120px;} #koncerty .hyper {padding-left:90px;} #fotogalerie .hyper {padding-left:195px;} #dalsi .hyper {padding-left:20px;} #naVrcholuTrPoint {position:absolute; width:1000px; top:768px; text-align:right;} .ilustrace img {margin:1em;} .content h1 {text-align:center; padding-bottom:1em;} #dilny .content {width:520px; height:310px; position:absolute; top:350px; left:250px; overflow:auto;} #koncerty .content, #koncertySolo .content, #hlasokraj .content {width:400px; height:400px; position:absolute; top:280px; left:290px; overflow:auto;} #kdykde .content {width:300px; height:330px; position:absolute; top:260px; left:360px; overflow:auto;} #autorka .content {width:400px; height:330px; position:absolute; top:360px; left:280px; overflow:auto;} #ukazky .contentOverflow {width:240px; height:250px; position:absolute; top:280px; left:410px; overflow:auto;} #ukazky .content {width:220px; height:250px;} #kontakt .content {width:300px; height:250px; position:absolute; top:240px; left:350px; overflow:auto;} #dalsi .content {width:400px; height:300px; position:absolute; top:240px; left:320px; overflow:auto;} #jaga .content {width:500px; height:500px; position:absolute; top:280px; left:250px; overflow:auto;} #jaga .galleryIcon {width:150px; height:115px; margin-right:16px; margin-top:16px; float:left;} #linky .content {width:250px; height:300px; position:absolute; top:290px; left:380px; overflow:auto;} #fotogalerie .content {width:540px; height:620px; position:absolute; top:145px; left:250px; overflow:auto; text-align:center;} #cd .contentOverflow {width:350px; height:460px; position:absolute; top:220px; left:360px; overflow:auto;} #cd .content {width:330px; height:450px; } /* #list .content {width:280px; height:450px; position:absolute; top:220px; left:375px; overflow:auto;} */ #fotogalerie #image1 {position:absolute; top:102px; left:224px; z-index:8;} #fotogalerie #image4 {position:absolute; top:38px; left:122px; z-index:1;} #fotogalerie #image2 {position:absolute; top:226px; left:312px; z-index:7;} #fotogalerie #image3 {position:absolute; top:365px; left:285px; z-index:6;} #fotogalerie #image5 {position:absolute; top:418px; left:159px; z-index:5;} #fotogalerie #image6 {position:absolute; top:347px; left:38px; z-index:4;} #fotogalerie #image7 {position:absolute; top:251px; left:124px; z-index:3;} #fotogalerie #image8 {position:absolute; top:173px; left:11px; z-index:2;} /* gallery layout */ #galleryNavigationFrame {padding-top:10px; font-weight:bold;} #galleryNavigationFrame a {margin-right:10px;} .galleryIcon {width:150px; height:160px; margin-right:16px; margin-top:16px; float:left;} .galleryIcon img {border:0px solid Black;} body.js_galleryDetail #menuSubsite, body.js_galleryDetail #addonFrame {display:none;} .galleryIconAuthor {display:block;font-weight:bold;text-align:center;} .galleryIconTitle {display:block;text-align:center;} body.js_galleryDetail #galleryDetailFrame {padding-top:20px;} /* colors */ body {background:#000; color:#FFF;} a {color:#FFF;} .content li a {color:#FFF;} .content a {color:#66FFFF;} #kdykde .content a {color:#FFF;} .mainFrame {background: url(images/rucemenu.jpg) no-repeat -24px 0;} #intro .mainFrame {background: url(images/ruce.jpg) no-repeat -24px 0;;} #dilny .mainFrame {background: url(images/bgr_dilny.jpg) no-repeat -24px 0;;} #koncerty .mainFrame {background: url(images/bgr_koncerty.jpg) no-repeat -24px 0;;} #koncertySolo .mainFrame {background: url(images/bgr_koncertySolo.jpg) no-repeat -24px 0;;} #hlasokraj .mainFrame {background: url(images/bgr_hlasokraj.jpg) no-repeat -24px 0;;} #kdykde .mainFrame {background: url(images/bgr_kdykde.jpg) no-repeat -24px 0;;} #autorka .mainFrame {background: url(images/bgr_autorka.jpg) no-repeat -24px 0;;} #ukazky .mainFrame {background: url(images/bgr_ukazky.jpg) no-repeat -24px 0;;} #kontakt .mainFrame {background: url(images/bgr_kontakt.jpg) no-repeat -24px 0;;} #dalsi .mainFrame, #jaga .mainFrame {background: url(images/bgr_dalsi.jpg) no-repeat -24px 0;;} #linky .mainFrame {background: url(images/bgr_linky.jpg) no-repeat -24px 0;;} #fotogalerie .mainFrame {background: url(images/bgr_fotogalerie.jpg) no-repeat -24px 0;;} #cd .mainFrame {background: url(images/bgr_list.jpg) no-repeat -24px 0;;} #autorka ul li {padding-left: 0px; margin:0;} #cd ul li {padding-left: 0px; margin:0;} #cd ol li {padding-left: 0px; margin:0;} #cd ol {padding: 0;} /* #list .mainFrame {background: url(images/bgr_list.jpg) no-repeat -24px 0;;} */ .hlasokrajsipky a.down {background-image: url(images/down.jpg);} .hlasokrajsipky a.up {background-image: url(images/up.jpg);} #start #roll_dilny {display:block; width:132px; height:117px; position:absolute; top:308px; left:652px;} .lng_cz#start #roll_dilny span {visibility:hidden; position:absolute; top:427px; left:-535px; display:block; height:0;} .lng_en#start #roll_dilny span {visibility:hidden; position:absolute; top:427px; left:-535px; display:block; height:0;} .lng_cz#start #roll_dilny:hover {background: url(images/menu_cz_dilny.jpg) no-repeat; } .lng_en#start #roll_dilny:hover {background: url(images/menu_en_dilny.jpg) no-repeat; } #start #roll_koncerty {display:block; width:232px; height:133px; position:absolute; top:450px; left:487px;} .lng_cz#start #roll_koncerty span {visibility:hidden; position:absolute; top:285px; left:-264px; display:block; height:0;} .lng_en#start #roll_koncerty span {visibility:hidden; position:absolute; top:285px; left:-245px; display:block; height:0;} .lng_cz#start #roll_koncerty:hover {background: url(images/menu_cz_koncerty.jpg) no-repeat;} .lng_en#start #roll_koncerty:hover {background: url(images/menu_en_koncerty.jpg) no-repeat;} #start #roll_kdykde {display:block; width:76px; height:90px; position:absolute; top:472px; left:427px;} .lng_cz#start #roll_kdykde span {visibility:hidden; position:absolute; top:263px; left:-132px; display:block; height:0;} .lng_en#start #roll_kdykde span {visibility:hidden; position:absolute; top:263px; left:-111px; display:block; height:0;} .lng_cz#start #roll_kdykde:hover {background: url(images/menu_cz_kdykde.jpg) no-repeat;} .lng_en#start #roll_kdykde:hover {background: url(images/menu_en_kdykde.jpg) no-repeat;} #start #roll_autorka {display:block; width:102px; height:135px; position:absolute; top:574px; left:424px;} .lng_cz#start #roll_autorka span {visibility:hidden; position:absolute; top:161px; left:-66px; display:block; height:0;} .lng_en#start #roll_autorka span {visibility:hidden; position:absolute; top:161px; left:-16px; display:block; height:0;} .lng_cz#start #roll_autorka:hover {background: url(images/menu_cz_autorka.jpg) no-repeat;} .lng_en#start #roll_autorka:hover {background: url(images/menu_en_autorka.jpg) no-repeat;} #start #roll_ukazky {display:block; width:182px; height:175px; position:absolute; top:372px; left:260px;} .lng_cz#start #roll_ukazky span {visibility:hidden; position:absolute; top:363px; left:177px; display:block; height:0;} .lng_en#start #roll_ukazky span {visibility:hidden; position:absolute; top:363px; left:270px; display:block; height:0;} .lng_cz#start #roll_ukazky:hover {background: url(images/menu_cz_ukazky.jpg) no-repeat;} .lng_en#start #roll_ukazky:hover {background: url(images/menu_en_ukazky.jpg) no-repeat;} #start #roll_dalsi {display:block; width:108px; height:110px; position:absolute; top:212px; left:303px;} .lng_cz#start #roll_dalsi span {visibility:hidden; position:absolute; top:523px; left:195px; display:block; height:0;} .lng_en#start #roll_dalsi span {visibility:hidden; position:absolute; top:523px; left:302px; display:block; height:0;} .lng_cz#start #roll_dalsi:hover {background: url(images/menu_cz_dalsi.jpg) no-repeat;} .lng_en#start #roll_dalsi:hover {background: url(images/menu_en_dalsi.jpg) no-repeat;} #start #roll_fotogalerie {display:block; width:96px; height:82px; position:absolute; top:329px; left:260px;} .lng_cz#start #roll_fotogalerie span {visibility:hidden; position:absolute; top:406px; left:346px; display:block; height:0;} .lng_en#start #roll_fotogalerie span {visibility:hidden; position:absolute; top:406px; left:452px; display:block; height:0;left:} .lng_cz#start #roll_fotogalerie:hover {background: url(images/menu_cz_fotogalerie.jpg) no-repeat;} .lng_en#start #roll_fotogalerie:hover {background: url(images/menu_en_fotogalerie.jpg) no-repeat;} #start #roll_kontakt {display:block; width:126px; height:127px; position:absolute; top:294px; left:465px;} .lng_cz#start #roll_kontakt span {visibility:hidden; position:absolute; top:441px; left:228px; display:block; height:0;} .lng_en#start #roll_kontakt span {visibility:hidden; position:absolute; top:441px; left:309px; display:block; height:0;} .lng_cz#start #roll_kontakt:hover {background: url(images/menu_cz_kontakt.jpg) no-repeat;} .lng_en#start #roll_kontakt:hover {background: url(images/menu_en_kontakt.jpg) no-repeat;} #start #roll_linky {display:block; width:85px; height:91px; position:absolute; top:366px; left:510px;} .lng_cz#start #roll_linky span {visibility:hidden; position:absolute; top:381px; left:262px; display:block; height:0;} .lng_en#start #roll_linky span {visibility:hidden; position:absolute; top:369px; left:328px; display:block; height:0;} .lng_cz#start #roll_linky:hover {background: url(images/menu_cz_linky.jpg) no-repeat;} .lng_en#start #roll_linky:hover {background: url(images/menu_en_linky.jpg) no-repeat;} #start #roll_cd {display:block; width:115px; height:115px; position:absolute; top:290px; left:560px;} .lng_cz#start #roll_cd span {visibility:hidden; position:absolute; top:444px; left:247px; display:block; height:0;} .lng_en#start #roll_cd span {visibility:hidden; position:absolute; top:446px; left:330px; display:block; height:0;} .lng_cz#start #roll_cd:hover {background: url(images/menu_cz_cd.jpg) no-repeat;} .lng_en#start #roll_cd:hover {background: url(images/menu_en_cd.jpg) no-repeat;} /* #start #roll_list {display:block; width:115px; height:115px; position:absolute; top:291px; left:559px;} .lng_cz#start #roll_list span {visibility:hidden; position:absolute; top:444px; left:247px; display:block; height:0;} .lng_en#start #roll_list span {position:absolute; top:444px; left:330px; display:block; height:0;} #start #roll_list:hover {background: url(images/menu_cz_list.jpg) no-repeat;} */ /* pozicovani anglickeho textoveho menu .lng_en#start #roll_dilny span {left:-535px;} .lng_en#start #roll_koncerty span {left:-245px;} .lng_en#start #roll_kdykde span {left:-111px;} .lng_en#start #roll_autorka span {left:-16px;} .lng_en#start #roll_ukazky span {left:270px;} .lng_en#start #roll_dalsi span {left:302px;} .lng_en#start #roll_kontakt span {left:309px;} .lng_en#start #roll_linky span {left:333px;} .lng_en#start #roll_list span {left:330px;} */ #menu2 a {text-decoration: none;} #menu2 li {font-size:1em; letter-spacing: 0.9px;} #menu2 {position:absolute !important; top:775px !important; left:180px !important;} #menu2 li {float:left !important;} #menu2 li a {color:red !important;} #backBtn {position:absolute; top:10px; right:10px;} #backBtn a {font-weight:bold; text-transform:uppercase; text-decoration:none;} /* formular v CMS made simple */ p.required { display: inline; margin-right: 10px; } .lng_cz .kontakt-form-en { display: none } .lng_cz .kontakt-form-cz { text-align: center; } .lng_en .kontakt-form-en { text-align: center; } .lng_en .kontakt-form-cz { display: none } .img-gallery img { margin: 5px; } p span.noprint { display: none; } /* Album - fotogalerie */ .thumb a { background-color:transparent; border:0; } li.thumb {height: 170px; } .thumb p { padding-top: 20px; margin-top: 20px; text-align: center; }