*, html {
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.clearing {
clear: both;
width: 100%;
height: 2px;
font-size: 2px;
line-height: 2px;
}
html, body {
min-height: 100%;
_height: 100%;
}
body {
color: #515151;
text-align: center;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.25em;
}
#page {
text-align: left;
width: 1000px;
margin: 0 auto;
position: relative;
min-height:100vh;
_height:100vh;
}
ul {
list-style: none;
}
h1, h2, h3, h4, h5, form, input, select, ul, ol, table, tr, td, p {
margin: 0;
padding: 0;
border: 0;
}
table {
border-collapse: collapse;
}
img {
position:relative;
}
a, a:hover, a:visited {
color: #00deff;
}
a:hover {
text-decoration: none;
}
a img {
border: 0;
}
p {
padding-bottom: 19px;
}
h1 {
padding-top: 33px;
padding-bottom: 12px;
margin-bottom: 11px;
color: #000000;
font-size: 27px;
line-height: 1.25em;
font-weight: normal;
background: url("../obrazky/pozadi-nadpis.gif") bottom left no-repeat;
}
h2 {
padding-bottom: 12px;
color: #000000;
font-size: 22px;
line-height: 1.25em;
font-weight: normal;
}
h3 {
padding-bottom: 12px;
font-size: 16px;
line-height: 1.25em;
font-weight: bold;
}
#paticka {
height: 248px;
padding-left: 20px;
position: absolute;
bottom: 0;
left: 0;
/*background: url("../obrazky/paticka-pozadi.gif") bottom center repeat-x;*/
}
#paticka span.barva {
color: #b4b4b4;
}
#paticka span.podtrhnout {
text-decoration: underline;
}
#paticka-prava a {
text-decoration: none;
}
#paticka-leva {
color: #b4b4b4;
padding: 0px 0px 0px 0px;
width: 480px;
float: left;
font-size: 12px;
line-height: 26px;
}
#paticka-prava {
color: #b4b4b4;
padding: 0px 0px 0px 0px;
text-align: right;
width: 480px;
float: left;
font-size: 12px;
line-height: 26px;
}
#paticka-middle {
color: #b6b6b6;
height: 215px;
overflow: hidden;
}
.paticka-nadpis {
padding-top: 2px;
color: #06d1ef;
font-size: 19px;
line-height: 1.25em;
font-weight: normal;
}
#paticka-middle-leva {
padding-left: 20px;
padding-top: 19px;
width: 293px;
min-height: 180px;
_height: 180px;
float: left;
}
#paticka-middle-leva p {
color: #aeaeae;
font-size: 13px;
line-height: 19px;
padding-bottom: 15px;
}
#paticka-middle-leva .paticka-nadpis {
padding-bottom: 10px;
}
#paticka-middle-stred {
width: 334px;
min-height: 200px;
_height: 200px;
float: left;
background: url("../obrazky/certifikat.jpg") 93px 19px no-repeat;
}
#paticka-middle-stred p {
padding-left: 138px;
}
#paticka-middle-prava {
padding-left: 20px;
padding-top: 19px;
width: 310px;
min-height: 200px;
_height: 200px;
float: left;
}
#paticka-middle-prava .paticka-nadpis {
padding-bottom: 10px;
}
#paticka-middle-prava input {
width: 134px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #161616;
border: 1px solid #323232;
color: #5a5a5a;
padding: 3px;
font-size: 12px;
font-family: Arial, sans-serif;
}
#paticka-middle-prava textarea {
width: 286px;
background-color: #161616;
border: 1px solid #323232;
color: #5a5a5a;
padding: 3px;
margin-bottom: 12px;
font-family: Arial, sans-serif;
font-size: 12px;
height: 50px;
overflow: auto;
}
#formular-tlacitko, #formular-tlacitko-en {
width: 90px;
height: 28px;
overflow: hidden;
}
#formular-tlacitko a, #formular-tlacitko-en a {
width: 90px;
height: 28px;
position: relative;
overflow: hidden;
display: block;
}
#formular-tlacitko span, #formular-tlacitko-en span {
display: block;
width: 90px;
height: 28px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#formular-tlacitko span {
background: url("../obrazky/formular-tlacitko.gif") top left no-repeat;
}
#formular-tlacitko-en span {
background: url("../obrazky/formular-tlacitko-en.gif") top left no-repeat;
}
#hlavicka {
height: 125px;
padding-left: 20px;
}
#hlavicka-logo {
width: 235px;
height: 114px;
float: left;
overflow: hidden;
}
#hlavicka-logo a {
width: 235px;
height: 114px;
position: relative;
overflow: hidden;
display: block;
}
#hlavicka-logo span {
display: block;
width: 235px;
height: 114px;
position: absolute;
top: 0;
left: 0;
background: url("../obrazky/logo-hlavicka.gif") top left no-repeat;
}
#hlavicka-zbytek {
width: 725px;
height: 114px;
float: left;
overflow: hidden;
}
#hlavicka-jazyky {
padding-left: 659px;
height: 32px;
}
#hlavicka-jazyky-in {
width: 66px;
height: 23px;
padding-top: 9px;
font-size: 15px;
line-height: 15px;
background-color: #3c3c3c;
color: #00deff;
text-align: center;
}
#hlavicka-jazyky-in a, #hlavicka-jazyky-in a:visited {
color: #ffffff;
text-decoration: none;
}
#hlavicka-jazyky-in a:hover {
color: #ffffff;
text-decoration: underline;
}
#hlavicka-jazyky-in span {
color: #ffffff;
}
#hlavicka-menu-cz {
width: 725px;
height: 82px;
overflow: hidden;
}
#hlavicka-menu-en {
width: 725px;
height: 82px;
overflow: hidden;
}
#hlavicka-menu-cz #menu {
padding-left: 177px;
}
#hlavicka-menu-en #menu {
padding-left: 246px;
}
#menu li {
float: left;
}
#menu a {
display: block;
position: relative;
}
#menu li a {
display: block;
height: 82px;
position: relative;
overflow: hidden;
}
#menu li a span {
display: block;
height: 82px;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
cursor: pointer;
}
#menu li.uvod, #menu li.uvod-aktivni, #menu li.uvod a, #menu li.uvod a span, #menu li.uvod-aktivni a, #menu li.uvod-aktivni a span {
width: 69px;
}
#menu li.reference, #menu li.reference-aktivni, #menu li.reference a, #menu li.reference a span, #menu li.reference-aktivni a, #menu li.reference-aktivni a span {
width: 104px;
}
#menu li.sluzby, #menu li.sluzby-aktivni, #menu li.sluzby a, #menu li.sluzby a span, #menu li.sluzby-aktivni a, #menu li.sluzby-aktivni a span {
width: 78px;
}
#menu li.o-nas, #menu li.o-nas-aktivni, #menu li.o-nas a, #menu li.o-nas a span, #menu li.o-nas-aktivni a, #menu li.o-nas-aktivni a span {
width: 74px;
}
#menu li.vzdelavani, #menu li.vzdelavani-aktivni, #menu li.vzdelavani a, #menu li.vzdelavani a span, #menu li.vzdelavani-aktivni a, #menu li.vzdelavani-aktivni a span {
width: 107px;
}
#menu li.certifikaty, #menu li.certifikaty-aktivni, #menu li.certifikaty a, #menu li.certifikaty a span, #menu li.certifikaty-aktivni a, #menu li.certifikaty-aktivni a span {
width: 103px;
}
#menu li.kontakt, #menu li.kontakt-aktivni, #menu li.kontakt a, #menu li.kontakt a span, #menu li.kontakt-aktivni a, #menu li.kontakt-aktivni a span {
width: 86px;
}
#menu li.postup-koupe, #menu li.postup-koupe-aktivni, #menu li.postup-koupe a, #menu li.postup-koupe a span, #menu li.postup-koupe-aktivni a, #menu li.postup-koupe-aktivni a span {
width: 137px;
}
#menu li.aktuality, #menu li.aktuality-aktivni, #menu li.aktuality a, #menu li.aktuality a span, #menu li.aktuality-aktivni a, #menu li.aktuality-aktivni a span {
width: 103px;
}
#menu li.uvod a span, #menu li.uvod-aktivni a span {
background-image: url("../obrazky/menu-uvod.png");
}
#menu li.reference a span, #menu li.reference-aktivni a span {
background-image: url("../obrazky/menu-reference.png");
}
#menu li.sluzby a span, #menu li.sluzby-aktivni a span {
background-image: url("../obrazky/menu-sluzby.png");
}
#menu li.o-nas a span, #menu li.o-nas-aktivni a span {
background-image: url("../obrazky/menu-o-nas.png");
}
#menu li.vzdelavani a span, #menu li.vzdelavani-aktivni a span {
background-image: url("../obrazky/menu-vzdelavani.png");
}
#menu li.certifikaty a span, #menu li.certifikaty-aktivni a span {
background-image: url("../obrazky/menu-certifikaty.gif");
}
#menu li.kontakt a span, #menu li.kontakt-aktivni a span {
background-image: url("../obrazky/menu-kontakt.png");
}
#menu li.postup-koupe a span, #menu li.postup-koupe-aktivni a span {
background-image: url("../obrazky/menu-postup-koupe.png");
}
#menu li.aktuality a span, #menu li.aktuality-aktivni a span {
background-image: url("../obrazky/menu-aktuality.png");
}
#menu li.uvod a span, #menu li.reference a span, #menu li.sluzby a span, #menu li.o-nas a span, #menu li.vzdelavani a span, #menu li.certifikaty a span, #menu li.kontakt a span, #menu li.postup-koupe a span, #menu li.aktuality a span {
background-position: 0px 0px;
}
#menu li.uvod a:hover span, #menu li.reference:hover a span, #menu li.sluzby a:hover span, #menu li.o-nas a:hover span, #menu li.vzdelavani:hover a span, #menu li.certifikaty a:hover span, #menu li.kontakt a:hover span, #menu li.postup-koupe a:hover span, #menu li.aktuality a:hover span {
background-position: 0px -164px;
}
/*#menu li:hover a span {
background-position: 0px -164px;
}*/
#menu li.uvod-aktivni a span, #menu li.reference-aktivni a span, #menu li.sluzby-aktivni a span, #menu li.o-nas-aktivni a span, #menu li.vzdelavani-aktivni a span, #menu li.certifikaty-aktivni a span, #menu li.kontakt-aktivni a span, #menu li.postup-koupe-aktivni a span, #menu li.aktuality-aktivni a span {
background-position: 0px -82px;
}
#menu li.home, #menu li.home-aktivni, #menu li.home a, #menu li.home a span, #menu li.home-aktivni a, #menu li.home-aktivni a span {
width: 72px;
}
#menu li.references, #menu li.references-aktivni, #menu li.references a, #menu li.references a span, #menu li.references-aktivni a, #menu li.references-aktivni a span {
width: 109px;
}
#menu li.services, #menu li.services-aktivni, #menu li.services a, #menu li.services a span, #menu li.services-aktivni a, #menu li.services-aktivni a span {
width: 90px;
}
#menu li.about-us, #menu li.about-us-aktivni, #menu li.about-us a, #menu li.about-us a span, #menu li.about-us-aktivni a, #menu li.about-us-aktivni a span {
width: 97px;
}
#menu li.neco, #menu li.neco-aktivni, #menu li.neco a, #menu li.neco a span, #menu li.neco-aktivni a, #menu li.neco-aktivni a span {
width: 107px;
}
#menu li.nic, #menu li.nic-aktivni, #menu li.nic a, #menu li.nic a span, #menu li.nic-aktivni a, #menu li.nic-aktivni a span {
width: 103px;
}
#menu li.contact, #menu li.contact-aktivni, #menu li.contact a, #menu li.contact a span, #menu li.contact-aktivni a, #menu li.contact-aktivni a span {
width: 86px;
}
#menu li.vubec, #menu li.vubec-aktivni, #menu li.vubec a, #menu li.vubec a span, #menu li.vubec-aktivni a, #menu li.vubec-aktivni a span {
width: 137px;
}
#menu li.nicevo, #menu li.nicevo-aktivni, #menu li.nicevo a, #menu li.nicevo a span, #menu li.nicevo-aktivni a, #menu li.nicevo-aktivni a span {
width: 103px;
}
#menu li.home a span, #menu li.home-aktivni a span {
background-image: url("../obrazky/menu-home.png");
}
#menu li.references a span, #menu li.references-aktivni a span {
background-image: url("../obrazky/menu-references.png");
}
#menu li.services a span, #menu li.services-aktivni a span {
background-image: url("../obrazky/menu-services.png");
}
#menu li.about-us a span, #menu li.about-us-aktivni a span {
background-image: url("../obrazky/menu-about-us.png");
}
#menu li.neco a span, #menu li.neco-aktivni a span {
background-image: url("../obrazky/menu-neco.png");
}
#menu li.nic a span, #menu li.nic-aktivni a span {
background-image: url("../obrazky/menu-nic.gif");
}
#menu li.contact a span, #menu li.contact-aktivni a span {
background-image: url("../obrazky/menu-contact.png");
}
#menu li.vubec a span, #menu li.vubec-aktivni a span {
background-image: url("../obrazky/menu-vubec.png");
}
#menu li.nicevo a span, #menu li.nicevo-aktivni a span {
background-image: url("../obrazky/menu-nicevo.png");
}
#menu li.home a span, #menu li.references a span, #menu li.services a span, #menu li.about-us a span, #menu li.neco a span, #menu li.nic a span, #menu li.contact a span, #menu li.vubec a span, #menu li.nicevo a span {
background-position: 0px 0px;
}
#menu li.home a:hover span, #menu li.references:hover a span, #menu li.services a:hover span, #menu li.about-us a:hover span, #menu li.neco:hover a span, #menu li.nic a:hover span, #menu li.contact a:hover span, #menu li.vubec a:hover span, #menu li.nicevo a:hover span {
background-position: 0px -164px;
}
#menu li.home-aktivni a span, #menu li.references-aktivni a span, #menu li.services-aktivni a span, #menu li.about-us-aktivni a span, #menu li.neco-aktivni a span, #menu li.nic-aktivni a span, #menu li.contact-aktivni a span, #menu li.vubec-aktivni a span, #menu li.nicevo-aktivni a span {
background-position: 0px -82px;
}
#menu li.oddelovac {
font-size: 0px;
line-height: 0px;
width: 5px;
height: 825px;
background: url("../obrazky/menu-delitko.jpg") 0px 0px no-repeat;
}
#obsah {
padding: 0 20px 248px 20px;
min-height: 100px;
_height: 100px;
}
#obsah2-obal {
width: 1000px;
overflow: hidden;
}
#obsah2 {
padding: 0 10px 248px 10px;
min-height: 100px;
_height: 100px;
}
#obsah2-in {
padding-left: 10px;
width: 956px;
}
#levy {
width: 298px;
float: left;
}
#pravy {
width: 662px;
float: left;
}
#pravy-in {
padding-left: 31px;
float: left;
}
#pravy h1 {
width: 631px;
}
#cely {
width: 960px;
}
#cely table {
width: 960px;
}
#cely table td {
vertical-align: top;
}
#obsah-clanek p {
line-height: 19px;
}
#obsah-clanek ul {
padding: 0 0 16px 0;
}
#obsah-clanek ul li {
padding: 0 0 2px 32px;
background: url("../obrazky/li-iko.gif") 17px 6px no-repeat;
}
/* aktuality */
#aktualita-nadpis {
padding-top: 33px;
padding-bottom: 12px;
color: #000000;
font-size: 27px;
line-height: 1.25em;
background: url("../obrazky/pozadi-nadpis.gif") bottom left no-repeat;
}
.aktualita-licha, .aktualita-suda {
height: 85px;
position: relative;
}
#pravy .aktualita-licha, #pravy .aktualita-suda {
height: auto;
position: relative;
}
.aktualita-licha {
background-color: #fafafa;
}
.aktualita-obsah {
padding-top: 22px;
height: 62px;
border-bottom: 1px solid #dadada;
overflow: hidden;
}
.aktualita-datum {
width: 54px;
height: 40px;
float: left;
border-right: 1px dotted #a9a9a9;
}
.aktualita-datum-den {
font-size: 22px;
line-height: 22px;
color: #00deff;
font-weight: bold;
padding-right: 15px;
text-align: right;
}
.aktualita-datum-mesic {
font-size: 13px;
line-height: 13px;
color: #000000;
font-weight: bold;
padding-right: 15px;
text-align: right;
}
.aktualita-obsah-text {
float: left;
width: 160px;
height: 40px;
overflow: hidden;
padding-left: 15px;
color: #505050;
font-size: 13px;
line-height: 18px;
}
#pravy .aktualita-obsah-text {
width: 560px;
height: auto;
}
#pravy .aktualita-obsah {
padding-bottom: 22px;
height: auto;
}
.aktualita-vice {
height: 22px;
width: 22px;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
.aktualita-vice a {
display: block;
height: 22px;
width: 22px;
position: relative;
overflow: hidden;
}
.aktualita-vice a span {
display: block;
height: 22px;
width: 22px;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
cursor: pointer;
background-image: url("../obrazky/plus.gif");
background-position: 0px 0px;
}
.aktualita-vice a:hover span {
background-position: 0px -22px;
}
#aktualita-archiv-obal {
padding: 17px 0;
}
#aktualita-archiv, #aktualita-archiv-en {
width: 115px;
height: 35px;
}
#aktualita-archiv a, #aktualita-archiv-en a {
display: block;
width: 115px;
height: 35px;
position: relative;
overflow: hidden;
}
#aktualita-archiv a span, #aktualita-archiv-en a span {
display: block;
width: 115px;
height: 35px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#aktualita-archiv a span {
background: url("../obrazky/aktuality-tlacitko.gif") top left no-repeat;
}
#aktualita-archiv-en a span {
background: url("../obrazky/aktuality-tlacitko-en.gif") top left no-repeat;
}
#odkaz-reference-obal {
padding: 17px 0 17px 7px;
}
#odkaz-sreference-obal {
padding: 17px 0 17px 430px;
}
#odkaz-reference, #odkaz-reference-en {
width: 120px;
height: 32px;
}
#odkaz-reference a, #odkaz-reference-en a {
display: block;
width: 120px;
height: 32px;
position: relative;
overflow: hidden;
}
#odkaz-reference a span, #odkaz-reference-en a span {
display: block;
width: 120px;
height: 32px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#odkaz-reference a span {
background: url("../obrazky/sluzby-tlacitko.gif") top left no-repeat;
}
#odkaz-reference-en a span {
background: url("../obrazky/sluzby-tlacitko-en.gif") top left no-repeat;
}
#menu-2-uroven {
padding: 79px 0 79px 0;
}
ul#menu-uroven-2 {
padding: 0 0 0 0;
}
ul#menu-uroven-2 li {
font-size: 16px;
line-height: 1.25em;
}
ul#menu-uroven-2 li a {
text-decoration: none;
padding-left: 24px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
background-color: #141414;
color: #ffffff;
}
ul#menu-uroven-2 li.od0 a {
background: #141414 url("../obrazky/menu-2-prvni.gif") top left repeat-x;
}
ul#menu-uroven-2 li.od0 a:hover {
color: #282828;
background-color: #02dafb;
background-image: none;
}
ul#menu-uroven-2 li.od1 a:hover {
color: #282828;
background-color: #02dafb;
background-image: none;
}
ul#menu-uroven-2 li a:hover {
text-decoration: none;
color: #282828;
background-color: #02dafb;
background-image: none;
}
ul#menu-uroven-2 li a:visited {
color: #ffffff;
background-color: #141414;
}
ul#menu-uroven-2 li.aktivni a {
color: #282828;
text-decoration: none;
display: block;
background-color: #02dafb;
font-weight: bold;
}
#menu-uroven-2-top {
height: 15px;
background: url("../obrazky/menu-2-top.gif") top left repeat-x;
}
#menu-uroven-2-bottom {
height: 14px;
background: url("../obrazky/menu-2-bottom.gif") top left repeat-x;
}
ul#menu-uroven-2 li.oddelovac {
font-size: 0;
line-height: 0;
height: 2px;
overflow: hidden;
background: url("../obrazky/menu-2-oddel.gif") top left repeat-x;
}
#loaderDiv {
position: fixed;
left: 0%;
top: 0%;
background: url("../obrazky/ajax-loader.gif") center center no-repeat;
z-index: 9500;
height: 100%;
width: 100%;
display: block;
}
#darken {
position: fixed;
left: 0%;
top: 0%;
background: url("../obrazky/darken.png") top left repeat;
z-index: 8000;
height: 100%;
width: 100%;
display: none;
}
#detailPopUp {
position: fixed;
left: 50%;
top: 50%;
z-index: 9000;
height: 640px;
margin-top: -320px;
width: 1000px;
margin-left: -481px;
display: none;
}
#detailPopUp-in {
text-align: left;
position: relative;
height: 640px;
width: 1000px;
/*margin-left: 40px;*/
background: url("../obrazky/darken2.png") top left repeat;
overflow: hidden;
color: #000000;
}
#detail-prave-ovladani {
width: 40px;
height: 640px;
position: absolute;
top: 0;
right: 0;
background-color: #c7c7c7;
}
#zaviratko {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
background: url("../obrazky/detail-zaviratko.gif") top left repeat;
cursor: pointer;
}
#info-z {
width: 40px;
height: 40px;
position: absolute;
top: 66px;
right: 0;
background: url("../obrazky/detail-i-seda.gif") top left no-repeat;
display: none;
}
#sipka-z {
width: 40px;
height: 40px;
position: absolute;
top: 299px;
right: 0;
background: url("../obrazky/detail-sipkai-seda.gif") top left no-repeat;
display: none;
cursor: pointer;
}
#sipka-o {
width: 40px;
height: 40px;
position: absolute;
top: 299px;
left: 0;
background: url("../obrazky/detail-sipkai-bila.png") top left no-repeat;
cursor: pointer;
}
#detail-fotka-sipka-l {
width: 40px;
height: 40px;
position: absolute;
top: 299px;
left: 0;
background: url("../obrazky/detail-sipkag-leva.gif") top left no-repeat;
cursor: pointer;
}
#detail-fotka-sipka-p {
width: 40px;
height: 40px;
position: absolute;
top: 299px;
left: 590px;
background: url("../obrazky/detail-sipkag-prava.gif") top left no-repeat;
cursor: pointer;
}
#detail-info-okno {
width: 330px;
height: 640px;
position: relative;
background: url("../obrazky/lighten.png") top left repeat;
overflow: hidden;
position: absolute;
top: 0;
left: 630px;
display: block;
}
#detail-info-okno-obsah {
padding-top: 66px;
}
#detail-info-okno-nadpis {
padding: 12px 10px 10px 45px;
font-weight: bold;
background: url("../obrazky/detail-i-bila-pozadi.png") top left no-repeat;
margin-bottom: 25px;
}
#detail-info-okno-text {
padding: 0px 10px 0px 45px;
}
#detail-info-okno-text h3 {
font-size: 14px;
line-height: 1.25em;
padding-bottom: 3px;
}
#detail-info-okno-text p {
padding-bottom: 20px;
}
#detail-obrazek {
width: 960px;
height: 640px;
overflow: hidden;
}
#detail-obrazek table {
width: 960px;
height: 640px;
}
#detail-obrazek table td {
width: 960px;
height: 640px;
vertical-align: middle;
text-align: center;
}
#detail-fotka-ovladani {
position: absolute;
top: 0;
left: 0;
width: 590px;
height: 40px;
}
#detail-fotka-ovladani-in {
padding: 13px 0 0 13px;
}
.bod {
width: 10px;
height: 10px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background-image: url("../obrazky/detail-bod-white.gif");
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#bod0 {
background-image: url("../obrazky/detail-bod-blue.gif");
margin-bottom: 11px;
}
#detail-info-okno-text h3.dole5 {
padding-bottom: 10px;
}