#csstest                      { width: 1px; height: 1px; overflow: hidden; }

html,
body                          { padding: 0; margin: 0; }
body                          { font: normal 62.5%/1.3 Arial, Helvetica, sans-serif; color: #333; }

.hidden                       { display: none; }

a img                         { border: none; }

.fl                           { float: left; }
.fr                           { float: right; }

.clearfix                     { display: block; }
.clearfix:after               { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.webSite                      { width: 762px; margin-top: -1px; }
.webSite .header              { width: 100%; height: 165px; background: #008698 url('../img/mereni_header.jpg') no-repeat; }
.webSite .header h1           { margin: 0; padding: 0; color: #fff; font-size: 260%; line-height: 40px; text-align: center; background: #f00; width: 289px; height: 40px; overflow: hidden; position: relative; top: 115px; left: 10px; }
.webSite .header h1 span      { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/mereni_h1-nms.gif') no-repeat; }

.webSite .content             { text-align: center; padding: 10px 3px; font-size: 1.2em; line-height: 1.5em; }
.webSite .content p           { text-align: left; padding: 5px 3px; margin: 0; }

.webSite .mapWrap             { width: 755px; margin: 0 auto; background: url('../img/mereni_mapwrap.gif') left repeat-y; margin-top: 10px; text-align: left; }
.webSite .map                 { width: 100%; background: url('../img/mereni_mapwrap-bottom.gif') bottom no-repeat; }
.webSite .mapInner            { width: 100%; min-height: 408px; _height: 408px; background: url('../img/mereni_mapwrap-top.gif') top no-repeat; position: relative; }
.webSite .mapInner .padding   { padding: 1px 4px 6px 3px; }
.webSite .googleMap           { width: 748px; min-height: 400px; _height: 400px; background: #eaeaea; }

.webSite .loader,
.webSite .infoRel             { width: 748px; padding-bottom: 5px; background: #fff; text-align: center; xposition: relative; }
.webSite .infoWrap            { width: 735px; background: url('../img/mereni_infowrap.gif') left repeat-y; margin: 0 auto; }
.webSite .info                { width: 100%; background: url('../img/mereni_infowrap-bottom.gif') bottom no-repeat;  }
.webSite .infoInner           { width: 100%; min-height: 198px; _height: 198px; background: url('../img/mereni_infowrap-top.gif') top no-repeat; xposition: relative; }
.webSite .infoInner .padding  { padding: 1px 3px 6px 3px; text-align: left; }

.webSite .loader a.abort,
.webSite .infoRel a.close        { outline: none; position: relative; top: 9px; right: 10px; display: block; width: 9px; height: 9px; overflow: hidden; line-height: 9px; }
.webSite .loader a.abort         { top: -32px; }
.webSite .loader                 { height: 57px; padding: 0; }
.webSite .loader a.abort span,
.webSite .infoRel a.close span   { display: block; width: 100%; height: 100%; background: url('../img/mereni_ico-close.gif') no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
.webSite .infoRel h2             { text-align: left; margin: 0; padding: 0; font-size: 150%; color: #008698; padding: 10px 0 35px 10px; }

.webSite .info .kartyWrap     { width: 728px; min-height: 191px; _height: 191px; }
.webSite .info .karta         { width: 728px; min-height: 191px; _height: 191px; margin-bottom: 20px; }
.webSite .info .kartaInner    { padding: 10px; }
.webSite .info .karta p       { padding: 5px 0; }
.webSite .info .karta h3      { font-size: 200%; margin: 0; padding: 0; }
.webSite .info .karta .fl     { width: 420px; }
.webSite .info .karta .fr     {  }

.webSite .info .karta h3.noJS { margin: 0; padding: 10px; }

.webSite .info .karta#fotografie .kartaInner { padding: 0 10px 20px; }
.webSite .info .karta#fotografie .kartaInner div   { width: 214px; overflow: hidden; margin: 20px 50px 0 50px; float: left; }
.webSite .info .karta#fotografie .kartaInner .clearfix { width: 100%; margin: 0; float: none; } 
.webSite .info .karta#fotografie a  { width: 214px; overflow: hidden; display: block; _display: inline; text-decoration: none; background: #f6f8f9; color: #000; font-size: .9em; padding: 0; text-align: center; }
.webSite .info .karta#fotografie a img { vertical-align: bottom; margin: 10px 0; }
.webSite .info .karta#fotografie a span   { display: none; padding: 3px 0 3px 10px; text-align: left; }

.webSite .info .karta#limity-mereni p              { float: left; width: 410px; }
.webSite .info .karta#limity-mereni #limityFlash   { float: right; }

.webSite .info .karta#celkova-expozice .fl   { width: 200px; }
.webSite .info .karta#celkova-expozice .fr   {  }
.webSite .info .karta#celkova-expozice h4    { padding: 5px 10px; margin: 10px 60px 5px 0; background: #a7c6cd; font-size: 100%; }

.webSite .info .karta#ke-stazeni h4      { padding: 0 0 0 3px; margin: 80px 0 0 0; color: #008698; font-size: 100%; }
.webSite .info .karta#ke-stazeni .downloads  { margin-top: 5px; }

.webSite.JSsupport .mapInner           { overflow: hidden; height: 408px; }
.webSite.JSsupport .googleMap          { height: 400px; }
.webSite.JSsupport .loader,
.webSite.JSsupport .infoRel            { position: absolute; bottom: 7px; left: 3px; z-index: 1000; }
.webSite.JSsupport .loader h2          { font-size: 150%; margin: 1.25em 0 0; padding: 0; }
.webSite.JSsupport .loader span        { position: absolute; left: 510px; bottom: 16px; }         
.webSite.JSsupport .info               { position: relative }   
.webSite.JSsupport .infoInner          { height: 198px; overflow: hidden; }
.webSite.JSsupport .karta              { height: 191px; overflow-y: scroll; }
.webSite.JSsupport .kartyWrap    { overflow: hidden; position: absolute; top: 1px; left: 3px; }
.webSite.JSsupport .karta h3.noJS      { display: none; }
   
.webSite.JSsupport .karta#limity-mereni,
.webSite.JSsupport .karta#ke-stazeni   { overflow: hidden; }



.webSite ul.menu                    { list-style: none; text-align: left; margin: 0; padding: 0; position: absolute; top: -22px; left: 2px; z-index: 100; }
.webSite ul.menu li                 { margin: 0; padding: 0; float: left; margin-right: 1px; }
.webSite ul.menu li a               { color: #333; text-decoration: none; background: #a7c6cd; display: block; float: left; height: 23px; line-height: 23px; font-size: .9em; padding: 0 10px; outline: none; }
.webSite ul.menu li a:hover         { color: #333; text-decoration: underline; }
.webSite ul.menu li a.active        { background: #7fb0bb; font-weight: bold; }
.webSite ul.menu li a.active:hover  { text-decoration: none; }

.webSite .about               { text-align: left; padding: 3px; }
.webSite .about h2            { background: #f80000; color: #fff; margin: 10px 0; padding: 0 10px; font-weight: normal; height: 31px; line-height: 31px; overflow: hidden; position: relative; overflow: hidden; }
.webSite .about h2 span       { display: block; width: 100%; height: 100%; background: url('../img/mereni_h2-jnmsp.gif') left no-repeat; position: absolute; top: 0; left: 0; }
.webSite .about .step         { padding: 15px; }
.webSite .about .step.bg      { background: #bad4da; }
.webSite .about .step h3      { margin: 0; padding: 0 0 0 25px; line-height: 20px; font-size: 120%; }
.webSite .about .step.one h3     { background: url('../img/mereni_h3-1.gif') left no-repeat; }
.webSite .about .step.two h3     { background: url('../img/mereni_h3-2.gif') left no-repeat; }
.webSite .about .step.three h3   { background: url('../img/mereni_h3-3.gif') left no-repeat; }
.webSite .about .step.arrow            { background-image: url('../img/mereni_arrow-blue.gif'); background-position: 640px 0; background-repeat: no-repeat; }
.webSite .about .step.arrow.bg.three   { background-image: url('../img/mereni_arrow-white.gif'); }
.webSite .about .step .fl        { width: 450px; }
.webSite .about .step .fr        { width: 165px; text-align: center; padding-top: 20px; }
.webSite .about .step.one .fr    { padding-top: 0; }
.webSite .about .step.one .fr p  { font-size: .8em; text-align: center; color: #666; line-height: 1.2em; padding: 0 0 10px 0; }

.webSite .attachWrap             { width: 755px; margin: 0 auto; background: url('../img/mereni_mapwrap.gif') left repeat-y; margin-top: 10px; text-align: left; }
.webSite .attach                 { width: 100%; background: url('../img/mereni_mapwrap-bottom.gif') bottom no-repeat; }
.webSite .attachInner            { width: 100%; background: url('../img/mereni_mapwrap-top.gif') top no-repeat; position: relative; overflow: hidden; }
.webSite .attachInner .padding   { padding: 6px 8px 11px 8px; } /* added 5px; padding: 1px 3px 6px 3px; */
.webSite .attach h2              { margin: 0; padding: 5px 0 10px 5px; color: #008698; font-size: 150%; font-weight: normal; }
.webSite ul.downloads            { list-style: none; padding: 0 0 10px 3px; margin: 0; }
.webSite ul.downloads li         { padding: 0; margin: 0 14px 0 0; float: left; background: url('../img/mereni_border-dotted.gif') top repeat-x; }
.webSite ul.downloads li.last    { margin: 0; }
.webSite ul.downloads li a       { color: #333; text-decoration: none; font-size: .9em; display: block; width: 235px; height: 25px; line-height: 25px; background: url('../img/mereni_border-dotted.gif') bottom repeat-x; position: relative; }
.webSite ul.downloads li a:hover { color: #333; text-decoration: none; }           
.webSite ul.downloads li a span  { position: absolute; right: 0; top: 4px; width: 14px; height: 18px; background: url('../img/mereni_ico-download.gif') left top no-repeat; }

.mapBubble                       {  }
.mapBubble .clearfix             { width: 200px; }
.mapBubble .bubLeft              { float: left; padding-right: 5px; }
.mapBubble .bubRight             { float: left; width: 120px; min-height: 75px; _height: 75px; }