/****************************************** * DEF. CONT. STYLY * ******************************************/ body,td,th { color: #696969; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} body {background: #fff; margin: 0px; padding: 0px;} h1, h2, h3, h4, h5, p, div, ul, li, form, input, select, textarea, img, span {padding: 0px; margin: 0px;} /*** def. tag style ***********************************************/ a {color: #007EC2; text-decoration: underline;} a:hover {color: #00736e; text-decoration: none;} a.img { border: solid 1px #faa35b; overflow: hidden; display: block;} a.img:hover { border: solid 1px #FF6347; } li {list-style: disc;} img {border: none;} .noBord { border: none;} /*** float / clear style ***********************************************/ .clear {clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px;} .clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;} .flLeft {float: left; margin: 0 10px 10px 0;} .flLeft img { border: solid 5px #EDEDED;} .flRight {float: right; margin: 0 0 10px 10px;} .flRight img { border: 5px solid #EDEDED;} /*** ods. odtrz. style ***********************************************/ .odsS { font-size: 6px; height: 6px; line-height: 6px;} .odsM { font-size: 12px; height: 12px; line-height: 12px;} .odsL { font-size: 18px; height: 18px; line-height: 18px;} .odsXL { font-size: 24px; height: 24px; line-height: 24px;} .odsXXL { font-size: 30px; height: 30px; line-height: 30px;} .odtrz { border-top: 1px solid #ccc; height: 0px;} .odtrzS { border-top: 1px solid #ccc; height: 0px; /*margin-top: 6px;*/ padding-bottom: 6px;} .odtrzM { border-top: 1px solid #ccc; height: 0px; /*margin-top: 12px;*/ padding-bottom: 12px;} .odtrzL { border-top: 1px solid #DFDFDF; height: 0px; /*margin-top: 18px;*/ padding-bottom: 18px;} .odtrzXL { border-top: 1px solid #ccc; height: 0px; /*margin-top: 24px;*/ padding-bottom: 24px;} .odtrzXXL { border-top: 1px solid #ccc; height: 0px; /*margin-top: 30px;*/ padding-bottom: 30px;} /****************************************** * VELIKOSTI PRVKU * ******************************************/ .sizeS {width: 50px;} .sizeSm {width: 75px;} .sizeM {width: 100px;} .sizeMl {width: 125px;} .sizeL {width: 150px;} .sizeLl {width: 175px;} .sizeXl {width: 200px;} .sizeXxl {width: 225px;} .sizeXxxl {width: 250px;} .sizeMax1 {width: 350px;} .sizeMax2 {width: 400px;} .sizeMax3 {width: 450px;} /****************************************** * NADPISY * ******************************************/ h1,h2,h3,h4,h5,h6 {color: #007ec2; font-weight: normal; text-align: left;} h1 { letter-spacing: -1px;} h3,h4,h5 { font-weight: bold;} h1 {font-size: 160%;} h2 {font-size: 150%; background: url(../img/h2-ico.gif) no-repeat left 8px; border-bottom: solid 1px #007EC2; letter-spacing: -1px; padding: 5px 0 2px 20px;} h3 {font-size: 130%;} h4 {font-size: 110%;} h5 {font-size: 100%;} /****************************************** * FORM PRVKY * ******************************************/ input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif;} input.butt { color: #FAA35B; font-weight: bold;} input, select, textarea { margin: 2px 6px 2px 0;} input { padding: 0 1px;} input.check { margin: 0px;} html>body input.check { margin: 5px 0 0 0;} /****************************************** * TABULKY * ******************************************/ /*table { border-collapse: collapse; padding: 0px;}*/ /*** klasicka tabulka s okrajem *********************************/ /*table.bord {border: 1px solid #ccc; color: Gray; font-weight: bold; padding: 5px;} table.bord td, th {border: 1px solid #ccc;} table.bord th { background: #6A6A6A;} table.bord td { vertical-align: top; font-weight: normal; padding: 0 4px;}*/ /*** radkova tabulka *******************************************/ /*table.line {border: none; border-top: 1px solid #6A6A6A; color: Gray; font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px;} table.line th, td { border: none; border-bottom: 1px solid #6A6A6A;} table.line th { } table.line td { vertical-align: top; font-weight: normal; padding: 0 4px;}*/ table.gray {margin: 25px 0 20px 20px; width: 623px; border-left: #cccccc 1px solid; border-top: #bbbbbb 1px solid; border-spacing: 0px; border-collapse: collapse; /*font-size: inherit; text-align : left; font-family: "Arial CE" , Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 0.75em;*/} table.gray input, select {margin: 0; padding: 0;/* font-family: "Arial CE" , Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 1em;*/} table.gray select.long, input.long, textarea.long {width: 400px;} /**/ td.top {padding: 10px 15px; border-bottom: #cccccc 1px solid; text-align: center;} td.top a {text-decoration: none;} td.left {padding: 10px 15px; width: 160px; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; } td.right {padding: 10px 15px; width: 360px; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; background: #ffffff;} td.unique {padding: 10px 15px; width: 520px; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; background: #ffffff;} td.unique input#submitq {/*display: block; */margin-top: 25px; padding: 0 5px; clear: both;} table.stat {margin: 25px 20px 20px 20px; text-align: left; border-left: #cccccc 1px solid; border-top: #bbbbbb 1px solid; border-spacing: 0px; border-collapse: collapse; /*letter-spacing: -1px;*/ /* font-size: inherit; text-align : left; font-family: "Arial CE" , Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 0.7em;*/ } /**/ table.stat th {padding: 5px; border-right: #cccccc 1px solid; font-weight: normal; font-size:11px; border-bottom: #cccccc 1px solid; } table.stat td {padding: 5px; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;} table.stat td.number {text-align: right; } table.stat tr.bg { background: #F9F9F9; } table.stat td img {vertical-align: middle; margin-top: 0px; margin-bottom: 0px;} .helpbutton img {border:0 none; margin-top:0;} /****************************************** * DEF. CONT. STYLE * ******************************************/ /*** ZAKLADNI OBSAHOVE BLOKY ***************************************/ .contBlOds { padding: 5px 0;} ul { padding: 0 0 0 16px;} ul li { margin: 4px 0;} p { padding: 10px 0; line-height: 140%;} .bold { font-weight: bold;} .nowr {white-space: nowrap;} .tabulka { width: 325px; border: 0; color: black; margin-bottom: 25px;} .tabulka td {padding: 4px;} td.nahoru { vertical-align: top;} .text { width : 140px;} .dashed { background: url(../img/bg_dashed.gif) left top repeat-y; padding-left: 10px; } .odeslat {padding-top: 15px; text-align : right;} .signal {border:1px solid red;} .nofl {clear: both; font-size:0;} .seda {color:#ACA899;} .underline {text-decoration: underline;} p.warn { color: Red; border: Red solid 1px; padding: 10px;} p.okwarn { color: Green; border: Green solid 1px; padding: 10px;} .standard_pozadi { background: #f0f0f0;} .porody_pozadi { background: #f0f0f0;} .infarkty_pozadi { background: #f0f0f8;} .tep_pozadi { background: #f0f0f0;} .nasledna_pece_pozadi { background: #f0f0e0;}/*#D8F5D9;} /*#D7E0E7*/ #modry {background:#007CC0; color:white; padding:3px;} #modry a {color:#FFDE00;} #faq {} #graficka-napoveda { margin: 25px 75px; } #graficka-napoveda td { /*font-size: 0.7em;*/ } #graficka-napoveda img {margin:0px; } #TooltipContainer {position:absolute; z-index:100; width: 190px; height:90px; overflow:auto; visibility: hidden; background-color: #FFFFE0; color: black; border: 1px solid #000000; padding: 5px; font-size: 90%;} .napoveda-list { float:left; width:300px; margin:0 10px;} .ohraniceni { border: 1px solid #cccccc; margin: 20px 20px; padding: 3px 10px; width: 300px;} .ohraniceni label { font-weight: bold;} #timecalc {margin: 25px 0 0 0; font-size: 2.2em; font-weight: normal;} #graf {margin: 10px 20px; padding: 5px 5px; } #graf #copy {margin: 10px 30px; padding: 5px 30px; /*font-size: 0.8em;*/} #graf #copy h3 {text-align:center;} .nan {color:red;} .blue {color: #6699cc; font-weight: bold;} .spacerright {margin: 0 8px 0 5px;} p.pokracovat { text-align: center;} div.vlozit-kod {background: #F4F4F4; width:250px; padding:3px; margin:0 auto; /*font-size:13px;*/} div.vlozit-kod input {margin:10px 0 0 0;} div.vlozit-kod form {margin:0; padding:5px;} div.vlozit-kod a {} div.vstup-stred {text-align:center; background: #F4F4F4; width:100px; height:42px; padding:15px; margin:0 auto;} #tabulka { width: 649px; overflow: auto; padding:20px 5px;} /*#mainright div.top a {margin:-5px 0px 0px -10px; padding:0px;}*/ .copy {margin-left:20px; /*font-size: 0.75em;*/} #mainclear {margin: 0; padding: 0; width: 100%; height: 0; clear: both;} .mainclear {margin: 0; padding: 0; width: 100%; height: 0; clear: both;} #POP {margin: 0px; padding: 10px; border: #cccccc 1px solid; text-align: left;} #POP h2,h3 {margin: 20px 20px 0 20px; text-align:center;} #POP p {margin: 15px 20px 0 20px;/* font-size: 0.75em;*/} #POP p img { margin: 0px;} /*#POP td,th {font-size: 0.7em;}*/ #namapu {margin-left:20px;} .button {margin: 25px 15px 0 15px; /*font-family: inherit; font-size: 0.75em;*/} .noshow {text-align: center; border-width: 0px; font-size: 2.5em; font-weight: bold} #rekapitulace {/*font-size:0.9em;*/} /**** BLOK MENU *************************************************/ #menu { width: 207px; padding: 0 15px 0 0; float: left; } #menu li { list-style: none; padding: 0px; margin: 0px;} #menu li a { background: url(../img/bg-menu.gif) no-repeat left 5px; font-size: 120%; font-weight: bold; text-decoration: none; letter-spacing: -1px; display: block; padding: 4px 0 4px 20px; } #menu li.active { background: url(../img/bg-menu.gif) no-repeat left 5px; font-weight: bold; font-size: 120%; padding: 4px 0 4px 20px;} #menu li a span { /*color: #7CFC00;*/ font-size: 70%; font-weight: normal;} /*** NEPODRIZENE OBSAHOVE PRVKY *********************************/ .anketa div { background: #A9A9A9; height: 5px;} .advert { text-align: center; margin: 0 0 15px 0;} .advert a { text-decoration: none;} .detail { border-top: solid 1px #f2f2f2; font-size: 90%; font-weight: bold; margin: 5px 0 10px 0; clear: both;} .text { line-height: 160%; margin-bottom: 12px;} /****************************************** * LAYOUT * ******************************************/ #extra1, #extra2, #extra3, #extra4, #extra5, #extra6 { display: none; } #main { /*background: #E0FFFF;*/} #head { /*background: #FFFACD;*/ width: 100%; /*height: 120px;*/} .bgOds { background: #f0f0f0; height: 16px;} #headTop { background: url(../img/head-top-line.gif) no-repeat; height: 75px; padding: 10px 0 0 15px;} a#logo { background: url(../img/logo_nrc.gif) no-repeat; text-decoration: none; width: 179px; height: 58px; display: block;} #headCont { background: url(../img/head-img.jpg) no-repeat right top; height: 188px; padding: 15px;} #headText { width: 250px; float: left;} #headBott { background: url(../img/head-bott-line.gif) no-repeat left top; font-size: 6px; height: 6px; line-height: 6px;} /*** HLAVICKA *******************************************************/ #headImg { padding: 10px 0; height: 110px;} #headImg #textBlock { border-left: solid 1px #007EC2; width: 460px; margin-left: 200px; padding: 20px; /*float: left;*/} #navig { border-bottom: solid 1px #007EC2; padding: 10px 0; margin-bottom: 15px;} #navig span { font-size: 120%; font-weight: bold;} /*** LEVY SLOUPEC ****************************************************/ #mainleft { width: 207px; padding: 0 15px 0 0; float: left; /*display: none;*/} #mainleft h2 {} #mainleft .menu a { /*background: #CD5C5C;*/} #mainleft .menu a:hover { color: #000;} #mainleft .menu li a.act { color: #000;} /*** STREDOVY SLOUPEC ****************************************************/ #mainright { width: 683px; padding: 0 0 0 15px; float: right;} #mainright h2 {margin-bottom: 10px;} #mainright .odtrzL { background: url(../img/bg-opdtrz-centr.gif) no-repeat center 1px;} #mainright #graf_vse {display:block; float:right; margin-right:3px; margin-top:-20px; width:70px} #mainright .nadpisgrafu {margin: 20px 0 -7px 20px; /*font-size:0.85em;*/} #mainright #poznamka {margin: 10px 20px 20px 20px; /*font-size:0.85em;*/ color:#616360;} #mainright .napov {margin: 10px 10px 2px 17px;/* font-size:0.7em;*/ color:#616360;} #mainright .zpet {margin: 10px 10px 0 17px; /*font-size:0.8em;*/} #mainright p.otazka {margin-bottom:-5px} #mainright p.odpoved {padding:5px; font-style : italic; margin-bottom:30px;} #mainright div.top {margin:25px 0 50px 20px; border-top:1px solid #cccccc; width:120px;} .stred {margin:10 50;} /*** FOOTER BLOK ******************************************************/ #foot { background: url(../img/bg-foot.gif) no-repeat; height: 57px; } #footerleft {float: left; text-align: left; font-size:0.8em;} #footerleft a {color: #000000;} #footerright {float: right; text-align: right; font-size:0.8em;} #footerright a {color: #000000;} #footerleft span {margin-left:170px;} t; width: 100px; height: 26px; margin: 0 80px 0 10px; } html>body #logoFoot { margin-left: 20px; margin-top: 10px; } #footMenu { float: right; /*background: #FFDEAD;*/ float: left; width: 540px; padding: 0 20px; margin-left: 20px;} #footMenu a { /*color: #7CFC00;*/} .bgOds.boot { height: 22px;} .bgOds.boot p { font-size: 90%; text-align: center; padding: 0px; line-height: 22px;} .colBg01 { background: #F5F5F5; padding: 5px 10px;} #bgColum { background: url(../img/bg-cont-colum.gif) repeat-y center top;} #mainenvelope {margin: 0 auto; width: 920px;} #main {} #TooltipContainer { background-color: #FFFFE0; color: black; border: 1px solid #000000; position: absolute; z-index: 100; width: 190px; height: 400px; left: 200px; top: 600px; overflow: auto; visibility: hidden; padding: 5px; font-size: 90%;} #TooltipContainer .close {text-align: right;} .bgBlock { border: 1px solid #cccccc; background: #f5f5f5; padding: 10px;} #anketa { } #anketa img { margin-bottom: 6px; margin-top: 3px;} #nav { padding: 8px 0; } #nav li { float: left; list-style-type: none;} #nav .cur a { border-width:1px; color:#007EC2; font-weight:bold;} #nav li a { border:0pt solid #CCCCCC; color:#6E7E7D; display:block; padding:10px 18px; text-align:center; text-decoration:none; width:150px;} /****************************************** * MAPA * ******************************************/ #mapa { margin: 15px 20px; padding: 0 0 0 15px;} #mapa #mapaIn1 { width: 620px; height: 340px; margin: 0px; padding: 0px; position: relative;} #mapa #mapaIn1 img { /*background: #f4f4f4;*/ margin: 0px; padding: 0px;} #mapa #mapaIn1 #okr29 { background: url(../img/okr01.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr24 { background: url(../img/okr02.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr47 { background: url(../img/okr03.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr45 { background: url(../img/okr04.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr50 { background: url(../img/okr05.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr48 { background: url(../img/okr06.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr34 { background: url(../img/okr07.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr35 { background: url(../img/okr08.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr31 { background: url(../img/okr09.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr32 { background: url(../img/okr10.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr40 { background: url(../img/okr11.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr39 { background: url(../img/okr12.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr38 { background: url(../img/okr13.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr33 { background: url(../img/okr14.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr51 { background: url(../img/okr15.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr74 { background: url(../img/okr16.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr76 { background: url(../img/okr17.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr66 { background: url(../img/okr18.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr71 { background: url(../img/okr19.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr68 { background: url(../img/okr20.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr72 { background: url(../img/okr21.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr67 { background: url(../img/okr22.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr69 { background: url(../img/okr23.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr70 { background: url(../img/okr24.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr49 { background: url(../img/okr25.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr43 { background: url(../img/okr26.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr46 { background: url(../img/okr27.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr42 { background: url(../img/okr28.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr44 { background: url(../img/okr29.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr08 { background: url(../img/okr30.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr07 { background: url(../img/okr31.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr36 { background: url(../img/okr32.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr37 { background: url(../img/okr33.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr100 { background: url(../img/okr34.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr30 { background: url(../img/okr35.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr23 { background: url(../img/okr36.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr13 { background: url(../img/okr37.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr04 { background: url(../img/okr38.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr11 { background: url(../img/okr39.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr10 { background: url(../img/okr40.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr09 { background: url(../img/okr41.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr05 { background: url(../img/okr42.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr06 { background: url(../img/okr43.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr41 { background: url(../img/okr44.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr65 { background: url(../img/okr45.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr52 { background: url(../img/okr46.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr59 { background: url(../img/okr47.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr73 { background: url(../img/okr48.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr75 { background: url(../img/okr49.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr63 { background: url(../img/okr50.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr58 { background: url(../img/okr51.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr62 { background: url(../img/okr52.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr54 { background: url(../img/okr53.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr53 { background: url(../img/okr54.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr60 { background: url(../img/okr55.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr57 { background: url(../img/okr56.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr17 { background: url(../img/okr57.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr02 { background: url(../img/okr58.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr101 { background: url(../img/okr59.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr01 { background: url(../img/okr60.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr102 { background: url(../img/okr61.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr03 { background: url(../img/okr62.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr28 { background: url(../img/okr63.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr26 { background: url(../img/okr64.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr22 { background: url(../img/okr65.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr27 { background: url(../img/okr66.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr12 { background: url(../img/okr67.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr21 { background: url(../img/okr68.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr16 { background: url(../img/okr69.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr64 { background: url(../img/okr70.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr55 { background: url(../img/okr71.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr56 { background: url(../img/okr72.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr61 { background: url(../img/okr73.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr25 { background: url(../img/okr74.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr20 { background: url(../img/okr75.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr18 { background: url(../img/okr76.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr14 { background: url(../img/okr77.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr15 { background: url(../img/okr78.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #okr19 { background: url(../img/okr79.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr04 { background: url(../img/kr01.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr12 { background: url(../img/kr02.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr06 { background: url(../img/kr03.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr05 { background: url(../img/kr04.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr01 { background: url(../img/kr05.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr07 { background: url(../img/kr06.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr08 { background: url(../img/kr07.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr03 { background: url(../img/kr08.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr11 { background: url(../img/kr09.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr15 { background: url(../img/kr10.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr02 { background: url(../img/kr11.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr09 { background: url(../img/kr12.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr10 { background: url(../img/kr13.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kr13 { background: url(../img/kr14.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra04 { background: url(../img/kra01.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra12 { background: url(../img/kra02.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra06 { background: url(../img/kra03.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra05 { background: url(../img/kra04.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra01 { background: url(../img/kra05.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra07 { background: url(../img/kra06.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra08 { background: url(../img/kra07.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra03 { background: url(../img/kra08.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra11 { background: url(../img/kra09.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra15 { background: url(../img/kra10.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra02 { background: url(../img/kra11.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra09 { background: url(../img/kra12.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra10 { background: url(../img/kra13.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} #mapa #mapaIn1 #kra13 { background: url(../img/kra14.png) no-repeat; width: 620px; height: 340px; position: absolute; z-index: auto;} .clear {clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px;} .clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;} #mapa #mapaIn1 .graf { width: 16px; height: 25px; position: absolute; z-index: 1000; cursor: default; } #mapa #mapaIn1 .graf div { height: 0px; line-height: 0px; font-size: 0px; } #mapa #mapaIn1 .graf .col01 { background: #9ACD32; float: left; width: 4px; } #mapa #mapaIn1 .graf .col02 { background: #FF4500; float: left; width: 4px; } #mapa #mapaIn1 .graf .col03 { background: #9ACD32; float: left; width: 4px; } #mapa #mapaIn1 .graf .col04 { background: #FF4500; float: left; width: 4px; }