/*layout*/ body, #wrapper, #subwrapper, #left, #collapsible, #right, #collapsible a { height:100%;} #lefttop img, #rightttop img { margin: 0; border: 0;} body { background: #fff; font: 11px "Trebuchet MS","Lucida Grande",Verdana,sans-serif; margin:0; padding:0;} input[type="hidden"] {display:none !important; border:0 !important;} /*FX fix*/ #wrapper { background: url('bg_bottom.png') repeat-x scroll center 30px;} #subwrapper { background: url('bg_top.png') repeat-x;} #header { height:60px; background: url('top.png') no-repeat scroll 40px 0; border-bottom:2px solid #fff;} #subheader { display:none;} #content { height:564px; margin:8px auto 10px;} #left { width:310px; float:left; border:1px solid gray;}/*width:25%;*/ #lefttop { height:20px; background:#E7F4FF; border-bottom:1px solid gray; } /*#lefttop { position:absolute; background:none; margin-top:0; margin-left:23%;border:0;}*/ #sidebar { height:540px; width:100%; background:#fff; overflow:auto;} #right { margin-left:320px; border:1px solid gray;}/*width:73%; float:left*/ #righttop { height:20px; background:#E7F4FF; border-bottom:1px solid gray;} #map { height:540px; background: #fff; border:1px solid #aaa;} #collapsible { width:8px; border:0; float:left; background: url('arrow_inactive.gif') no-repeat center center;} #collapsible a { display:block; border:0;} #collapsible a:hover { display:block; border:1px solid #a60; background:#fd5 url('arrow_active.gif') no-repeat center center;} #arrow { float:right; display:block; height:20px; width:20px; border:0; margin:0; padding:0;} #arrow img {border:0; margin:0; height:20px; width:20px;} #footer { height:40px; text-align:center; border-top:2px solid #111; padding-top:0px; color:white; background:#111 url('bg_top.png') repeat-x;} /*{ background: url('bg_bottom.png') repeat-x scroll bottom center;}*/ #footer p { margin:0; padding:0;} #footer p a { text-decoration:none; color:#acc; font-weight:bold;} #footer p a:hover { color:#cff; text-decoration:underline;} /* #footer p a.v_html:before { content:url('html_valid.png');} #footer p a.v_css:before { content:url('css_valid.png');} */ #footer p a.v_html { background:url('xhtml_valid.png') no-repeat; padding-left:18px;} #footer p a.v_css { background:url('css_valid.png') no-repeat; padding-left:18px;} /*okienka informacyjne*/ .balloon, .maxballoon { color:#000; background:#fff;} .balloon p, .maxballoon p { text-align: left;} .balloon { width: 270px; font-family: Verdana; } .balloon h3, .maxballoon h3 { font-weight: bold; font-size: 14px; border-bottom: 2px solid orange; padding-bottom: 1px; margin-bottom: 2px; color: black;} .balloon h4, .maxballoon h4 { font-weight: bold; font-size: 12px; border-bottom: 1px solid navy; padding-bottom: 1px; margin-bottom: 1px; color: black;} .balloon h4 {display:block; width:140px; margin-top: 1px;} .balloon img { height:90px; width:90px; float: right; border: 1px solid black; padding: 1px; margin: 2px; margin-left: 4px; } .balloon .zoom { height:16px; width:50px; clear:right; float: right; border-bottom: 1px solid black; padding: 1px; margin: -2px 20px 2px 4px;} .balloon p { font-size: 10px; } .maxballoon p { font-size: 12px; } .balloon a, .maxballoon a { color: green; text-decoration: none;} .balloon a:hover, .maxballoon a:hover { color: black;} #dirform fieldset {border:1px solid #ee2; background:#FDFFCB; margin:0; padding:4px;} #dirform fieldset legend {font-weight:bold;} #dirform fieldset label {display:block;} #dirform fieldset input {display:block; border:1px solid #888; width:20%; float:left;} #dirform fieldset input.auto {width:78%;} /*sidebar*/ .tabberlive .tabbertabhide { display:none;} .tabber { display:none;} .tabberlive { height:92%;background:#E8ECF9;color:#000; } ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 11px Verdana, sans-serif;} ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448;} ul.tabbernav li a:visited { color: #667;} ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227;} ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff;} ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white;} .tabberlive .tabbertab { padding:5px; overflow:auto;height:100%;background:#fff;} .tabberlive .tabbertab h2 { display:none;} .tabberlive .tabbertab h3 { display:none;} .tabberlive form { margin: 0;} .tabberlive form fieldset { padding-left: 0; border: 0; } span.route_sp { display: block; padding: 0 4px; clear: both; height: 30px; width:280px;} span.search_sp { display: block; } span.route_sp label { display: block; width: 10%; float: left;} span.route_sp input { display: block; width: 86%; border: 1px solid gray; float:left;} span.route_sp select { display: block; width: 60%; border: 1px solid gray; float:left;} span.route_sp_type input { display: block; width: 28%; border: 1px solid gray; float:left;} span.search_sp input { border: 1px solid gray; } .tabberlive form fieldset span input:hover { border: 1px solid orange; background: #ff8;} .tabberlive form fieldset span input:focus { border: 1px solid #0df; background: #cdf;} .tabberlive legend { margin: 0; padding: 4px; padding-left: 0; font: bold 11px verdana, arial, sans-serif;} /*tymczasowe*/ #searchtext { border: 1px solid gray; display: block; width:100%; margin-bottom:2px;} #searchtext:hover { border: 1px solid orange; background: #ff8;} #searchtext:focus { border: 1px solid #0df; background: #cdf;} #tabsVert { height:82%;} #tabsVert .tabbertab { padding:5px 5px 0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; overflow:auto; height:100%;} #tabsVert ul.tabbernav { margin:0; padding: 3px 0; display:block; float:left; border: 0; height:100%; border-right:1px solid #aaa;} #tabsVert ul.tabbernav li { list-style: none; margin-right: -1px; display:block; width:26px; padding:2px 0; font: bold 9px Verdana, sans-serif; line-height:100%; text-align:center;}/*line-height:98%;*/ #tabsVert ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #DDE; text-decoration: none; display:block;} #tabsVert ul.tabbernav li a:hover {background: #aae;} #tabsVert ul.tabbernav li.tabberactive a { background-color: #fff; border-right: 1px solid #fff;} #tabsVert ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-right: 1px solid white;} /*#tabsVert .tabbertab */ .tabinfo { margin:0 auto; padding:2px 0; border-bottom:1px solid #aaa;width:94%;}/*background:#e0e3ff;*/ #tabsVert .tabbertab .selected {background:#aaf;} .tabinfo div { overflow:hidden; clear:right;} .tabinfo:hover { border:1px solid gray; border-top:0;} .marker { border:0; margin:5px 2px 0; float:left;} .pic { border:0; margin:2px 4px 2px 2px; width:40px; height:30px; float:left;} .pic2 { width:30px;} /*do wynikow*/ .tihl {text-decoration:none; color:#06D; width:100%; display:block; padding:2px 0; font: normal 12px Verdana, sans-serif; border-bottom:1px solid gray; }/*background:#f0f3ff;*/ .tihl:hover{ border-bottom:1px solid blue; background:#eff; color:#000;} /* testowy*/ .tabinfoinput {width:99%; color:#06D; border:0; border-bottom:1px solid gray; cursor:pointer;} .tabinfoinput:hover {border-bottom:1px solid blue; background:#eff; color:#000;} /*#tabsVert .found {color:#05b; font-weight:bold; text-decoration:underline;} #tabsVert .found {border: 1px solid #0df; color:blue; background: #cdf; display:inline;} */ #tabsVert .found {border:1px solid green;color:green;background:#afa;display:inline;} .auto { background: #fff url('arrow_down.png') no-repeat scroll right center;} .auto:focus { background:#fff;} #auto { display:none; position:absolute; max-height:200px; overflow:auto; border:1px solid #000; z-index:40; background:#fff;} #auto .auto_option {padding:0 2px; border-bottom:1px solid #cce; background:#fff; cursor:pointer;} #auto .auto_option_name { padding:0 2px; display:block; background:#e7e7ff; text-decoration:none; border:1px solid #cce; border-width:0 1px 1px;} #auto .auto_option_name:first-letter {font-weight:bold; color:#a00;} #auto .auto_option_adr { display:block; } #auto .auto_option:hover { background:#aaf; border-bottom:1px solid blue;} #auto .selected { background:#88d; border-bottom:1px solid #00a;} #auto .selected .auto_option_name { background:#44a; color:#fff;} #auto .selected .auto_option_name:first-letter {color:#f22;} #auto .found {border:1px solid green;color:green;background:#afa;display:inline;} .remove, .tInfo { float:right; border:0 none; margin:4px 4px 0 4px;} .remove img, .tInfo img { border:0;} #direction {width:280px; } #condir { border-bottom:2px solid #222; border-left:2px solid #222; display:block; padding:4px 30px 4px 5px; color:#000; font-size:12px;background:#cce; } #condir:hover { background:#229; color:#fff;} .routeBox {clear:both; width:100%;} .routeBoxLeft {width:8%; float:left; height: 40px; text-align:center; line-height:40px; border:1px solid #000; border-width:0 1px 1px; font-weight:bold; text-shadow: white 1px 1px 2px; cursor:pointer;} .routeBoxRight {width:91%; float:left; } .dirhref, .dirhref:visited { display:block; text-decoration: none; color:#06D; border-bottom:1px dashed #000;} .dirhref:hover, dirhref:active{ background:#cef; color:#000; text-decoration: underline;} .dirhref span { display:block; line-height:20px; padding:0 4px;} #maplink {float:right;font-weight:bold;color:navy;margin:auto 4px; border:0;} #maplink:hover {text-decoration:none; color:black;} #maplink img {border:0;} .maplinkform {display:block; background:#cce; border:1px solid #aad; margin:0; padding:8px; width:340px; } .maplinkform input {display:block; border:1px solid #aad; width:100%;} #sb_Opt_form fieldset {border-bottom:1px solid #aaa;margin:0;padding:6px;} #sb_Opt_form fieldset legend{border-bottom:1px solid #aaa;margin:0;} #sb_Opt_form fieldset div {margin:4px; clear:both; text-align:right;} #sb_Opt_form fieldset div label {display:block; cursor:pointer;} #sb_Opt_form fieldset div:hover {background:#ddf; font-style:italic;} #sb_Opt_form fieldset div:hover input {font-style:normal;} #sb_Opt_form fieldset div input {float:left; margin-left:4px;} #sb_Opt_form label img {margin:0 2px -2px 16px;} #faq a {display:block; color:#06a; text-decoration:none; line-height:20px; border-bottom:1px dashed gray;} #faq a:hover {color:#000; background:#cef; text-decoration:underline;} #faq p{margin-left:20px; border-bottom:1px solid #06a; border-top:1px solid #06a;} #faq p img {width:12px; height:12px;} #faq a img {border:0;float:right;} /* #print {float:right;font-weight:bold;color:navy;margin:auto 4px; border:0;} #print:hover {text-decoration:none; color:black;} #print img {border:0;} */ #header a, #header h1 {display:none;} #infotable { background:#fff; color:#000;margin:0 2px; } /*padding:0 2px 10px;*/ #infotable table{ font-size:12px; border-spacing:0; border-collapse:collapse; border:1px solid #888; width:100%;} /*#infotable table tr:nth-child(2n) { background: #eef;}*/ #infotable table td { border:1px solid #888; } #infotable table td.tfloor { text-align:center; } #infotable table th { background: #bea;} #infotable table tfoot { background: #abe; text-align:right;} /*#infotable table tr.tfoot { background: #abe; text-align:right;}*/ #infotable table caption {font-weight:bold; background:#abe; border:1px solid #888;} #infotable table caption span { font-size:14px; display: block; margin:2px;} #infotable table a { text-decoration:none; color:#008;} #infotable table a:hover { text-decoration:underline; color:#22a;} #foto p{ font-weight: bold; font-size: 14px; border-bottom: 2px solid orange; padding-bottom: 1px; margin-bottom: 2px; color: black; clear:both;} #foto div.highslide-gallery, .maxballoon div.highslide-gallery{ clear:both; margin: 0; padding: 0; } #foto .highslide-gallery div, .maxballoon .highslide-gallery div { width: 80px; height: 60px; float: left; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; text-align: center; display: table;} #foto .highslide-gallery div a, .maxballoon .highslide-gallery div a{ vertical-align: middle; display: table-cell;}