/* html & body */
html, body {padding: 0; margin: 0; width: 100%;}
html, body, td, th, div, span, p {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #b3cfea;}
body {background-color: #052965; -webkit-text-size-adjust: 100%;}
/* layout */
#wrap {position: relative; width: 100%; margin: 0; padding: 0; background: #06387b url('https://www.astromapy.pl/_images/bgm3.png') repeat-x top left;}
#outer {position: relative; width: 100%; margin: 0; padding: 0; background: transparent url('https://www.astromapy.pl/_images/bgm1.png') no-repeat top center;}
#inner {position: relative; width: 970px; margin: 0 auto;}
#bot {position: relative; width: 970px; margin: 0 auto; background: transparent url('https://www.astromapy.pl/_images/_bgc_bot.png') no-repeat top left; height: 30px;}
#bot div.mbkLogo {width: 200px; margin: 0 auto; padding: 10px 0; text-align: center;}
/* header */
#header {position: relative; width: 970px; height: 132px; text-align: center;}
#header div.topPage {position: absolute; left: 0; top: 0;}
#header div.topLogo {position: absolute; left: 0; top: 35px;}
#header div.topText {position: absolute; left: 189px; top: 35px;}
#header div.topText h1 {display: none;}
#header div.topText h2 {display: none;}
#header div.addthis {z-index: 99; position: absolute; top: 113px; right: 0; display: inline-block; text-align: right; color: #052965; padding: 8px 6px 8px 20px; margin: 0; background: transparent url('https://www.astromapy.pl/_images/_atld.png') no-repeat bottom left;}
#header div.addthis .dsc {font-size: 11px; text-decoration: none; display: inline-block; float: left; padding: 0 5px 0 0; margin-top: 2px; color: #052965;}
#header div.addthis .addthis_button_facebook_like {margin-top: -2px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #c6ddf3;}
#header div.topSH {position: absolute; margin: 0; width: 970px; height: 14px; top: 0; left: 0; background: transparent url('https://www.astromapy.pl/_images/_menu_top_shadow.png') no-repeat top center;}
/* footer */
#footer {position: relative; top: 0; padding: 0; margin: 0; width: 100%; background: transparent url('https://www.astromapy.pl/_images/bgfsh.png') repeat-x top left;}
#footer div.footerContent {padding: 7px 0 15px 0; margin: 0 auto; width: 970px; background: transparent url('https://www.astromapy.pl/_images/bgfls.png') no-repeat top center; font-size: 10px; color: #6683ac}
#footer div.footerCopyright {padding: 0; margin: 0 auto; width: 970px; font-size: 10px; color: #6683ac; text-align: center;}
#footer div.footerCopyright span {color: #1a3a6d; font-size: 12px; padding: 0 5px;}
#footer div.footerCopyright a {color: #6683ac; text-decoration: none;}
#footer div.footerCopyright a:visited {color: #6683ac;}
#footer div.footerCopyright a:hover {color: #c6ddf3;}
#footer div.footerCopyright a:active {color: #c6ddf3;}
/* content */
#content {position: relative; width: 970px; margin: 0; z-index: 11; padding-bottom: 10px;}
#content #left {position: relative; display: inline-block; width: 210px; vertical-align: top; float: left;}
#content #center {position: relative; display: inline-block; width: 550px; vertical-align: top; min-height: 345px;}
#content #right {position: relative; display: inline-block; width: 140px; vertical-align: top; margin-left: 10px; float: right;}
#content #wide {position: relative; display: inline-block; width: 700px; vertical-align: top;}
#content #superwide {position: relative; width: 970px; margin: 0; min-height: 345px;}
/* menu:top */
#menuMain {position: absolute; width: 100%; top: 80px; height: 33px; left: 0; background: #0855a5 url('https://www.astromapy.pl/_images/_menu_top_shadow.png') no-repeat top center; z-index: 100; text-align: left;}
#menuMain ul {margin: 0; padding: 0; list-style-type: none; display: inline-block}
#menuMain li {margin: 0; padding: 0 0 0 15px; display: inline-block; color: #fff; float: left;}
#menuMain a {display: inline-block; width: auto; padding: 9px 5px 5px 5px; text-decoration: none; color: #c6ddf3; font-size: 14px;}
#menuMain a.sel {color: #fff !important; border-bottom: 5px solid #052965;}
#menuMain a.sel:hover {color: #fff !important;}
#menuMain a:visited {color: #c6ddf3;}
#menuMain a:hover {color: #fff;}
#menuMain a:active {color: #fff;}
/* menu:footer */
#menuFooter {position: absolute; top: 6px; width: 970px; text-align: center; margin: 0 auto;}
#menuFooter ul {margin: 0; padding: 0; list-style-type: none;}
#menuFooter li {margin: 0; padding: 0; display: inline; color: #6683ac;}
#menuFooter a {display: inline-block; width: auto; padding: 3px 5px 3px 5px; text-decoration: none; color: #6683ac; font-size: 10px;}
#menuFooter a.sel {color: #c6ddf3 !important;}
#menuFooter a.sel:hover {color: #fff !important;}
#menuFooter a:visited {color: #6683ac;}
#menuFooter a:hover {color: #fff;}
#menuFooter a:active {color: #c6ddf3;}
/* sidereal time */
#astroClock {position: relative; margin: 0 auto; width: 483px; height: 43px; top: 0; background: transparent url('https://www.astromapy.pl/_images/_topclkbg.png') no-repeat top center;}
#astroClock div.acInfo {position: absolute; right: 238px; top: 8px; font-size: 12px; color: #fff; text-align: right;}
#astroClock div.acTime {position: absolute; left: 266px; top: 10px; font-size: 24px; color: #fff; text-align: left;}
#astroClock div.acInfo1 {position: absolute; left: 372px; top: 7px; font-size: 8px; color: #fff; text-align: center; width: 95px; color: #a0bcdc;}
#astroClock div.acTime1 {position: absolute; left: 372px; top: 18px; font-size: 13px; color: #fff; text-align: center; width: 95px;}
#astroClock div.acPL {position: absolute; right: 238px; top: 22px; font-size: 11px; text-align: right;}
#astroClock div.acPL a {color: #a0bcdc !important;}
#astroClock div.acPL a:hover {color: #fff !important;}
/* star wheels */
#starWheels {position: relative; width: 970px; height: 570px; padding: 0; margin: 0;}
#starWheels .bgDay {background: transparent url('https://www.astromapy.pl/_images/_map_bgd.png') no-repeat top center;}
#starWheels .bgNight {background: transparent url('https://www.astromapy.pl/_images/_map_bgn.png') no-repeat top center;}
#starWheels #addN {position: absolute; width: 800px; height: 460px; left: 85px; top: 0; display: none;}
#starWheels #addN span {display: block; position: absolute; font-size: 10px; color: #c6ddf3; padding: 2px 3px;}
#starWheels #addN span.zenith {left: 370px; top: 20px; width: 60px; text-align: center;}
#starWheels #addN span.north {left: 370px; top: 440px; width: 60px; text-align: center;}
#starWheels #addN span.east {right: 0; top: 440px; width: 60px; text-align: right;}
#starWheels #addN span.west {left: 0; top: 440px; width: 60px; text-align: left;}
#starWheels #addS {position: absolute; width: 800px; height: 460px; left: 85px; top: 0;}
#starWheels #addS span {display: block; position: absolute; font-size: 10px; color: #c6ddf3; padding: 2px 3px;}
#starWheels #addS span.zenith {left: 370px; top: 20px; width: 60px; text-align: center;}
#starWheels #addS span.south {left: 370px; top: 440px; width: 60px; text-align: center;}
#starWheels #addS span.west {right: 0; top: 440px; width: 60px; text-align: right;}
#starWheels #addS span.east {left: 0; top: 440px; width: 60px; text-align: left;}
#starWheels #map {position: absolute; width: 800px; height: 419px; left: 85px; top: 40px;}
#starWheels #map div.mHN {visibility: visible; display: none;}
#starWheels #map div.mHS {visibility: visible;}
#starWheels #map div.maplayer {position: absolute; left: 0; top: 0; width: 800px; height: 400px;}
#starWheels #controlPanel {position: absolute; width: 970px; height: 100px; left: 0; bottom: 10px; background: transparent url('https://www.astromapy.pl/_images/_map_bgfb.png') no-repeat top center;}
#starWheels #controlPanel div.b1 {position: absolute; width: 330px; left: 10px; top: 18px;}
#starWheels #controlPanel h1 {display: none;}
#starWheels #controlPanel h2 {display: none;}
#starWheels #controlPanel div.b1 img.b1-img1 {border: 0;}
#starWheels #controlPanel div.b1 p.b1-txt1 {padding: 1px 0 0 0; margin: 0; font-size: 10px; color: #89aed4;}
#starWheels #controlPanel div.b1 p.b1-txt2 {padding: 5px 0 0 0; margin: 0; font-size: 14px; color: #89aed4;}
#starWheels #controlPanel #horSouth {position: absolute; left: 361px; top: 12px; width: 248px; text-align: center; z-index: 10050;}
#starWheels #controlPanel #horNorth {position: absolute; left: 361px; top: 12px; width: 248px; text-align: center; z-index: 10050; display: none;}
#starWheels #controlPanel span.hswitcher {display: inline-block; padding: 6px 7px 0 0; cursor: pointer; color: #89aed4; width: 248px;}
#starWheels #controlPanel span.hswitcher:hover {color: #c6ddf3;}
#starWheels #controlPanel span.hswitcher span.ax {color: #89aed4; background: transparent url('https://www.astromapy.pl/_images/_lnkarr.png') no-repeat right center; padding-right: 8px; font-size: 14px;}
#starWheels #controlPanel span.hswitcher:hover span.ax {color: #c6ddf3; background: transparent url('https://www.astromapy.pl/_images/_lnkarron.png') no-repeat right center; padding-right: 8px; font-size: 14px;}
#starWheels #controlPanel #layerSwitcher {position: absolute; left: 355px; top: 67px; width: 260px; text-align: center; font-size: 12px; color: #89aed4;}
#starWheels #controlPanel #layerSwitcher label {padding-top: 5px;}
#starWheels #controlPanel #layerSwitcher label:hover {color: #c6ddf3; cursor: pointer; font-size: 12px;}
#starWheels #controlPanel div.b3 {position: absolute; width: 330px; left: 635px; top: 13px;}
#starWheels #controlPanel div.b3 div.b3-img1 {position: absolute; left: 0; top: 3px;}
#starWheels #controlPanel div.b3 div.b3-img2 {position: absolute; left: 144px; top: 5px;}
#starWheels #controlPanel div.b3 p.b3-txt1 {position: absolute; left: 144px; top: 11px; padding: 0; font-size: 13px; line-height: 17px;}
#starWheels #controlPanel div.b3 p.b3-txt1 a.lnkbtn {margin-top: 7px;}
/* html content */
#content h1 {font-size: 20px; font-weight: normal; padding: 60px 20px 0 20px; margin: 0; color: #fff;}
div.mainContent {position: relative; width: auto; padding: 20px; font-size: 13px; line-height: 18px;}
div.mainContent p {font-size: 13px; color: #b3cfea; line-height: 18px; padding: 0 0 10px 0; margin: 0;}
div.mainContent p.fp {font-size: 16px !important; color: #fff !important; line-height: 20px !important; margin: 0;}
div.mainContent p.fp a {color: #c6ddf3;}
div.mainContent p.fp a:hover {color: #fff;}
div.mainContent h1 {font-size: 21px; font-weight: normal; padding: 0 0 10px 0; margin: 0; color: #fff;}
div.mainContent h2 {font-size: 16px; font-weight: normal; padding: 15px 0 5px 0; margin: 0; color: #fff;}
div.mainContent h2 a {color: #c6ddf3;}
div.mainContent h2 a:hover {color: #fff;}
div.mainContent h2 a img {margin-bottom: 5px;}
div.mainContent h3 {font-size: 16px; font-weight: normal; padding: 15px 0 5px 0; margin: 0; color: #fff;}
div.mainContent h4 {font-size: 14px; font-weight: normal; padding: 15px 0 5px 0; margin: 0; color: #fff;}
div.mainContent ul {margin: 0; padding: 0 0 5px 0; list-style-type: none; font-size: 13px;}
div.mainContent ul li {margin: 0; padding: 0 0 3px 15px; background: transparent url('https://www.astromapy.pl/_images/_el-square.png') no-repeat 3px 6px;}
div.mainContent ul.dot li {margin: 0; padding: 0 0 3px 15px; background: transparent url('https://www.astromapy.pl/_images/_el-dot.png') no-repeat 3px 5px;}
div.mainContent ul.arr li {margin: 0; padding: 0 0 3px 15px; background: transparent url('https://www.astromapy.pl/_images/_el-arr1.png') no-repeat 3px 5px;}
div.mainContent ul.check li {margin: 0; padding: 0 0 3px 16px; background: transparent url('https://www.astromapy.pl/_images/_el-check.png') no-repeat 2px 4px;}
div.mainContent ul.inline li {margin: 0; padding: 0 6px 3px 16px; background: transparent url('https://www.astromapy.pl/_images/_el-check.png') no-repeat 2px 4px; display: inline-block; color: #b3cfea;}
div.mainContent ul.clean li {margin: 0; padding: 0 0 3px 0; background: none;}
div.mainContent strong {font-weight: normal; color: #fff;}
div.mainContent .glnk {display: inline-block; font-size: 10px; margin-top: -2px; padding: 3px 3px 2px 3px; background: transparent url('https://www.astromapy.pl/_images/_blue50.png') repeat top left; text-decoration: none; line-height: 10px;}
div.mainContent .glnk img {margin: 0 0 -4px 0; padding: 0; opacity: 0.70; -moz-opacity: 0.70; -khtml-opacity: 0.70; filter: alpha(opacity=70);}
div.mainContent .glnk:hover img {opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}
div.ppiodo ol ol {list-style-type: lower-alpha; padding-left: 19px;}
/* product */
#productContent .fbIFrame {margin: -3px 0 10px 10px; background: transparent; visibility: hidden;}
/* contact & form */
#formContact {font-size: 13px;}
#formContact div.dleft {width: 50%;}
#formContact div.dright {width: 40%; margin-top: 14px;}
#formContact ul {padding: 0 !important; float: left;}
#formContact ul li {display: block; padding-bottom: 3px !important;}
#formContact ul li span {display: inline-block; font-size: 13px; color: #89aed4; width: 80px; vertical-align: top; overflow: hidden; white-space:nowrap;}
#formContact ul li strong {display: inline-block; font-weight: normal; font-size: 13px; color: #c6ddf3; vertical-align: top;}
#formContact ul li strong small {display: block;}
#formContact ul li strong a {text-decoration: none; color: #c6ddf3;}
#formContact ul li strong a:hover {text-decoration: underline; color: #fff;}
#formContact form {display: block; width: auto;}
#formContact form p {padding: 3px 0 !important; min-width: 225px; display: inline-block; float: left;}
#formContact form p.b {width: 435px; text-align: right; display: block; padding: 10px 0 20px 0 !important; clear: both;}
#formContact form p.r {width: 435px; text-align: right; display: block; padding: 10px 0 0 0 !important; clear: both;}
#formContact form label {color: #89aed4; font-size: 11px;}
#formContact form label:hover {color: #c6ddf3;}
#formContact form label:active {color: #c6ddf3;}
#formContact form input[type=text] {width: 205px; background: transparent url('https://www.astromapy.pl/_images/_blue80.png') repeat top left; border: 0; padding: 0 2px; height: 23px; color: #fff;}
#formContact form input[type=submit] {width: 125px; background: transparent url('https://www.astromapy.pl/_images/_blue80.png') repeat top left; border: 0; color: #89aed4; height: 25px; font-size: 12px; padding: 5px; cursor: pointer;}
#formContact form input[type=submit]:hover {color: #c6ddf3;}
#formContact form input[name=message] {width: 133px; text-align: center; padding: 0 2px; height: 23px; color: #fff; margin-left: 5px;}
#formContact form textarea {width: 431px; height: 125px; background: transparent url('https://www.astromapy.pl/_images/_blue80.png') repeat top left; border: 0; padding: 0 2px; color: #fff;}
#msgDiv {width: 370px; margin: 0 10px 10px 0; font-size: 14px;}
div.msgDivOK {background: transparent url('https://www.astromapy.pl/_images/_ico_ok.png') no-repeat 10px 10px; color: #fff; padding: 17px 10px 15px 55px;}
div.msgDivERR {background: #dd0000 url('https://www.astromapy.pl/_images/_ico_alert.png') no-repeat 10px 10px; color: #fff; padding: 10px 10px 10px 55px;}
/* prettyCheckboxes */
label.checkbox span.holder {height:61px;background:url('https://www.astromapy.pl/_images/checkbox.png') 0 -2px no-repeat}
label.radio span.holder {height:61px;background:url('https://www.astromapy.pl/_images/radio.png') 0 -2px no-repeat}
label.checkbox:hover span.holder,label.radio:hover span.holder {top:-21px !important}
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {top:-42px !important}
label.list {float:left;clear:left;margin:0 0 5px 0}
label.inline {float:left;margin:0 10px 0 0}
input.hiddenCheckbox {position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap {display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder {display:block;position:absolute;top:0;left:0}
/* gallery */
div.gallery {margin: 0; padding: 0; clear: both;}
a.imgThumb {padding: 5px; display: inline-block; position: relative; margin: 0 0 -5px -5px;}
a.imgThumb img {margin: 1px;}
a.imgThumb:hover {background-color: #ffffff40;}
a.imgThumb span {display: block; width: 18px; height: 18px; position: absolute; bottom: 7px; right: 7px; background: none;}
a.imgThumb:hover span {background: transparent url('https://www.astromapy.pl/_images/_el-lupa.png') no-repeat top left;}
/* fileBox */
ul.fileBox {width: 100%; padding: 0; margin: 0; list-style-type: none;}
ul.fileBox li {margin: 5px 0; padding: 0 0 1px 0 !important; display: inline-block; background: none !important; width: 100%;}
ul.fileBox li:hover {background: transparent url('https://www.astromapy.pl/_images/_blue20.png') repeat top left !important;}
ul.fileBox li a {display: inline-block; width: 100%; padding: 9px 8px 6px 48px; text-decoration: none; color: #fff; font-size: 13px;}
ul.fileBox li a small {font-size: 11px; color: #89aed4; line-height: 12px;}
ul.fileBox li a:visited {color: #fff;}
ul.fileBox li a:hover {color: #fff;}
ul.fileBox li a:active {color: #fff;}
/* common */
form {display: inline-block; padding: 0px; margin: 0px;}
table {empty-cells: show; border: 0px; margin: 0px; padding: 0px;}
img {border: 0;}
label {cursor: pointer;}
ins {text-decoration: none;}
hr {height: 1px; border: none; border-top: 1px solid #60554a;}
sup {font-size: 60%;}
.clear {clear: both;}
.dleft {width: 48%; float: left;}
.dright {width: 48%; float: right;}
/* error msg */
#msgError {position: relative; width: auto; height: 300px; background: transparent url('https://www.astromapy.pl/_images/_bgefla.png') no-repeat center 131px;}
#msgError p.L1 {position: absolute; width: 100%; top: 125px; font-size: 60px; font-weight: bold; color: #c6ddf3; padding: 0; margin: 0; text-align: center;}
#msgError p.L2 {position: absolute; width: 100%; top: 210px; font-size: 17px; color: #89aed4; text-align: center; padding: 0; margin: 0;}
/* links */
.lnkarr {display: inline-block; padding-right: 7px; background: transparent url('https://www.astromapy.pl/_images/_lnkarr.png') no-repeat right center;}
.lnkarr:hover {background: transparent url('https://www.astromapy.pl/_images/_lnkarron.png') no-repeat right center;}
.lnkbtn {display: inline-block; padding: 3px 7px; background: #0054a6; color: #c6ddf3; font-size: 12px; text-decoration: none;}
.lnkbtn img {vertical-align: middle; opacity: 0.60; -moz-opacity: 0.60; -khtml-opacity: 0.60; filter: alpha(opacity=60);}
.lnkbtn:hover {background: #0054a6; color: #fff;}
.lnkbtn:hover img {opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}
a.extLink {display: inline-block; padding-right: 12px; background: url('https://www.astromapy.pl/_images/_el-extwin.png') no-repeat right center;}
a {color: #89aed4;;}
a:link {color: #89aed4;}
a:visited {color: #89aed4;}
a:hover {color: #c6ddf3;}
a:active {color: #c6ddf3;}
/* debug */
#debugTools {width: 970px; margin: 0 auto; text-align: center; font-size: 10px; padding-top: 5px;}
#debugTools ul {margin: 0; padding: 5px 0 1px 0; list-style-type: none;}
#debugTools ul li {margin: 0; padding: 0; display: inline;}
#debugTools ul li a {display: inline-block; font-size: 10px; padding: 0 12px 0 6px; text-decoration: none; color: #c6ddf3;}
#debugTools ul li a:visited {color: #c6ddf3;}
#debugTools ul li a:hover {color: #c6ddf3;}
#debugTools ul li a:active {color: #c6ddf3;}
/* RODO */
div.rodo p {padding: 0 0 3px 0;}
div.rodo ul {padding: 0;}