body,td
{
    margin: 0;
    padding: 0;
}
body
{
    font-size: 11pt;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    text-align:center;
}
.fill
{
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}
#page
{
    text-align:left;
    background-color:#fff;
}
.abs
{
    position:absolute;
}
.rel
{
    position:relative;
}
.outside
{
    text-align:left;
}
.NONE
{
    display:none;
}
.pageInsideControls
{
    height:52px;
    padding-left:2px;
    left:0px;
    right:0px;
    bottom:0px;
    border-top:1px solid #999;
    overflow:hidden;
}
.pageOutsideControls
{
    width:52px;
    right:0px;
    top:0px;
    bottom:0px;
    border-left:1px solid #999;
    display:block;
    overflow:hidden;
}
.options.landscape .pageOverControls
{
    width:160px; height:52px; background-color:#fff; border:1px solid #999;
    padding-top:0px; padding-left:4px; padding-bottom:0px;
    right:55px; top:2px; 
}
.options.portrait .pageOverControls
{
    width:52px; height:160px; background-color:#fff; border:1px solid #999;
    padding-top:4px; padding-left:3px; padding-right:2px;
    bottom:54px; left:2px; 
}
.options.landscape .pageInsideControls
{
    display:none;
}
.options.landscape .map
{
    right:53px;
}
.options.portrait .pageOutsideControls
{
    display:none;
}
.options.portrait .map
{
    bottom:53px;
}

.button
{
    width:44px;
    height:44px;
    background-image:url(img/SimpleMap/button.png);
    margin:4px;
    float:left;
    cursor:pointer;
}
.options.tooSmall .button
{
    margin-top:4px;
    margin-bottom:1px;
}
.button:hover
{
    background-image:url(img/SimpleMap/buttonHover1.png);
}
.buttonLayers
{
    background-image:url(img/SimpleMap/buttonLayers.png);
}
.buttonRefresh
{
    background-image:url(img/SimpleMap/buttonRefresh.png);
}
.buttonBw20
{
    background-image:url(img/SimpleMap/buttonBw20a.png);
}
.buttonBw50
{
    background-image:url(img/SimpleMap/buttonBw50.png);
}
.buttonOrto
{
    background-image:url(img/SimpleMap/buttonOrto.png);
}
.buttonZoomAll
{
    background-image:url(img/SimpleMap/buttonZoomAll.png);
}
.buttonZoomOut
{
    background-image:url(img/SimpleMap/buttonZoomOut.png);
}
.buttonZoomIn
{
    background-image:url(img/SimpleMap/buttonZoomIn.png);
}
.buttonAll
{
    background-image:url(img/SimpleMap/buttonAll.png);
    float:none;
    position:absolute;
}
.options.landscape .buttonAll
{
    bottom:52px;
    right:0px;
}
.options.portrait .buttonAll
{
    bottom:0px;
    right:52px;
}
.buttonStops
{
    background-image:url(img/SimpleMap/buttonStops.png);
    float:none;
    position:absolute;
    bottom:0px;
    right:0px;
}
.options.disabledZoomOut .buttonZoomOut
{
    background-image:url(img/SimpleMap/buttonZoomOut_disabled.png);
    cursor:auto;
}
.options.disabledZoomIn .buttonZoomIn
{
    background-image:url(img/SimpleMap/buttonZoomIn_disabled.png);
    cursor:auto;
}

.buttonLayers:hover
{
    background-image:url(img/SimpleMap/buttonLayers_hover.png);
}
.buttonBw20:hover
{
    background-image:url(img/SimpleMap/buttonBw20a_hover.png);
}
.buttonBw50:hover
{
    background-image:url(img/SimpleMap/buttonBw50_hover.png);
}
.buttonOrto:hover
{
    background-image:url(img/SimpleMap/buttonOrto_hover.png);
}
.buttonRefresh:hover
{
    background-image:url(img/SimpleMap/buttonRefresh_hover.png);
}
.buttonZoomAll:hover
{
    background-image:url(img/SimpleMap/buttonZoomAll_hover.png);
}
.buttonZoomOut:hover
{
    background-image:url(img/SimpleMap/buttonZoomOut_hover.png);
}
.buttonZoomIn:hover
{
    background-image:url(img/SimpleMap/buttonZoomIn_hover.png);
}
.buttonAll:hover
{
    background-image:url(img/SimpleMap/buttonAll_hover.png);
}
.buttonStops:hover
{
    background-image:url(img/SimpleMap/buttonStops_hover.png);
}
.options.disabledZoomOut .buttonZoomOut:hover
{
    background-image:url(img/SimpleMap/buttonZoomOut_disabled.png);
    cursor:auto;
}
.options.disabledZoomIn .buttonZoomIn:hover
{
    background-image:url(img/SimpleMap/buttonZoomIn_disabled.png);
    cursor:auto;
}

.zoomCloser { font-size:75%; font-weight:bold; color:#fff; }
.zoomMe { text-align:center; }
.zoomCloser { top:0px; height:44px; background-image:url(img/SimpleMap/zoomCloser.png); }
.zoomMe { left:50%; top:50%; width:26em; margin-left:-13em; margin-top:-.5em; }
.options.landscape .zoomCloser { left:0px; right:52px; }
.options.portrait .zoomCloser { left:0px; right:0px; }
@media screen and (min-width: 500px) and (min-height: 500px) 
{ .zoomCloser { font-size:90%; }}
@media screen and (min-width: 750px) and (min-height: 750px) 
{.zoomCloser { font-size:120%; }}


/*################################################
# labely: zastavky a zpravy (prevzato z iMPV)    #
#################################################*/

.ml { white-space:nowrap; color:#000000; font-weight:normal; position:absolute; }

.mls, .mlz             { margin-left:17px; margin-top:-8px; font-size:90%; padding:0px 6px 1px 6px; }
.mls.mlof2, .mlz.mlof2 { margin-left:14px; margin-top:-5px; font-size:70%; }
.mls.mlof1, .mlz.mlof1 { margin-left:7px; margin-top:0px; font-size:60%;  }

.mlH, .mlC             { margin-left:17px; margin-top:0px; font-size:90%; padding:0px 6px 1px 6px; }
.mlH.mlof2, .mlC.mlof2 { margin-left:14px; margin-top:0px; }
.mlH.mlof1, .mlC.mlof1 { margin-left:7px; margin-top:0px; }

.mlH,
.mlC,
.mlT,
.mlP,
.mlQ { border:1px solid #000000; }

.mlH { background-color:#f88; }
.mlC { background-color:#8f8; }
.mlT { background-color:#fea; }
.mlP, .itemButton.mapFstopP,
.mlQ, .itemButton.mapFstopQ  { background-color:#d2d5ff; no-background-image:url(../../../img/SimpleMap/MapBkgrs/BkP.png); }

.ml.hv:hover { background-image: none !important; background-color:#000000; color:#ffffff; border-color:#000000; }

.mlst { display:none }
.ml:hover .mlst { display:inline; }



/* bublina */
.bubblediv { position:absolute; width:260px; z-index:101; }
.bubble-top { background:url(img/bubble-bl.png) no-repeat top; padding:20px 1px 0px; }/* padding - vlastne vyska DIVu*/
.bubble-top-left { background:url(img/bubble-tl.png) no-repeat top; padding:30px 1px 0px; }/* padding - vlastne vyska DIVu*/
.bubble-top-right { background:url(img/bubble-tr.png) no-repeat top; padding:30px 1px 0px; }/* padding - vlastne vyska DIVu*/
.bubble-mid { background:url(img/bubble_in.png) repeat-y bottom; padding:0 20px 0 10px; font-size:85%; }
.bubble-mid .head { font-weight:bold; color:#2486CE; border-bottom:1px solid #9DBFD0; }
.bubble-mid .note { color:#AAA;  font-size: 80%; margin-top: 5px; }
.bubble-mid span { font-weight:bold; }
.bubble-bot { background:url(img/bubble-tl.png) no-repeat bottom; padding:20px 1px 0px; } /* padding - vlastne vyska DIVu*/
.bubble-bot-left { background:url(img/bubble-bl.png) no-repeat bottom; padding:30px 1px 0px; } /* padding - vlastne vyska DIVu*/
.bubble-bot-right { background:url(img/bubble-br.png) no-repeat bottom; padding:30px 1px 0px; } /* padding - vlastne vyska DIVu*/
.bubblediv .fxtb { margin-left:4px; }