@charset "utf-8";
/* CSS Document */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display: block}
*{margin: 0; padding: 0}
a{outline: none; color: #fc6f1a}
a img{border: none}
h2{font: bold 17px/20px Times New Roman, Times, serif; color: #fff}
h3{font: bold 14px/16px Arial, Helvetica, sans-serif; color: #fd0; margin:20px 0 5px 0}
h4{font: bold 14px/16px Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 5px 0}
h5{font: bold 11px/14px Arial, Helvetica, sans-serif; color: #fc6f1a; margin: 0 0 5px 0}

.y{color: #fd0}

ol, ul{list-style: none}

section ul{list-style-type: square; list-style-position: outside}
section li{margin: 0 0 5px 20px; padding: 0 0 0 0}

li.li1{background: url(../images/punktor1.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}
li.li2{background: url(../images/punktor2.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}
li.li3{background: url(../images/punktor3.png) no-repeat center left; padding-left: 33px; margin-bottom: 20px}

html{width: 100%; height: 100%}
body{margin: 0; width: 100%; height: 100%; font: 14px/16px Arial, Helvetica, sans-serif; padding: 0; color: #fff; background: #000 url(../images/bg.jpg) no-repeat center 24px;  position: relative}
header{height: 438px; width: 960px; z-index: 2; position: relative; margin: 0 auto}
header div{position: absolute; width: 402px; right: 0px; top: 200px; text-align: right; line-height: 130%}
header div p{margin-bottom: 15px}
header div strong{color: #fd0}

/*.wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px auto; width: 960px; background: url(../images/bg_middle.jpg) no-repeat center 389px}
.push{height: 90px; clear: both}*/

.wrapper{margin: 0 auto; width: 100%}
.push{clear: both}
#home{position: absolute; text-indent: -5000px; width: 182px; height: 61px; background: url(../images/logo.png) no-repeat; top: 30px}
.arr_link{font-size: 12px; color: #fd0; background: url(../images/arr.gif) no-repeat center right; padding-right: 20px; text-decoration: none}

article{float: none; margin: 0 auto; position: relative; width: 920px; min-height: 295px; padding: 40px 20px 20px 20px; z-index: 1; background: #282828 url(../images/bg_content.png) repeat-x top left}
.section_ img{float: right; margin: 0 0 10px 10px}
article p{margin: 0 0 15px 0}
section{width: 100%; position: relative; color: #fff; text-align: justify; line-height: 150%}
section h2{background: url(../images/sprite_h2.png) no-repeat 0 0; width: 623px; height: 40px; text-indent: -5000px; margin: 30px 0 0 0}
aside{width: 972px; margin: 0 0 0 0; min-height: 160px; position: relative; z-index: 3; margin: 0 auto; font-size: 11px; line-height: 150%; overflow: hidden}
aside a{position: absolute; color: #525252; text-decoration: none; left: 10px; bottom: 10px; font-size: 10px; font-weight: bold; text-decoration: none; display: none}
#aside1,#aside2,#aside3{width: 303px;  margin: 0; float: left; position: relative; height: 129px; padding: 10px 10px 10px 10px; background: url(../images/bg_aside.png) repeat-x; border-right: 1px dashed #cfcfcf}
#aside1{}
#aside2{}
#aside3{border: none}
aside h2{background: url(../images/sprite_h2.png) no-repeat; margin: 10px 0 0 0; text-indent: -5000px; width: 187px; height: 32px}
#aside1 h2{background-position: 0 0}
#aside2 h2{background-position: 0 -32px}
#aside3 h2{background-position: 0 -64px}

a#ulubione{position: absolute; left: 50%; top: 0; width: 250px; height: 30px; text-indent: -5000px; margin-left: -500px}
.zero_padding{font-size: 1px; line-height: 1px; padding: 0 !important}
a.punktor{color: #BF8BB1; background: url(../images/arr1.png) no-repeat center left; padding: 2px 0 2px 20px; display: block; text-decoration: none}

div.border_top{width: 100%; line-height: 1px; height: 1px; background: url(../images/bg_border.gif) repeat-x; position: absolute; left: 0; top: 0}
div.border_bottom{width: 100%; line-height: 1px; height: 1px; background: url(../images/bg_border.gif) repeat-x; position: absolute; left: 0; bottom: 0}
div.hr{width: 100%; line-height: 1px; height: 1px; background: url(../images/dash1.png) repeat-x; margin: 10px 0 10px 0}
.nofloat{clear: both}
.small_link{font-size: 9px; color: #797979; text-decoration: none}



menu#main_menu{width: 475px; height: 20px; position: absolute; top: 402px; right: 20px; z-index: 3}
menu#main_menu ul{list-style: none; height: 20px}
menu#main_menu ul li{float: left; position: relative; height: 20px}
menu#main_menu ul li a{height: 20px; display: block; background: url(../images/sprite_menu.png) no-repeat top left; text-indent: -5000px; position: relative}

menu#main_menu ul li#menu_ofirmie a:link{width: 90px; background-position: 0 0}
menu#main_menu ul li#menu_ofirmie a:visited{width: 90px; background-position: 0 0}
menu#main_menu ul li#menu_ofirmie a:hover{width: 90px; background-position: 0 -20px}
menu#main_menu ul li#menu_ofirmie a:active{width: 90px; background-position: 0 -20px}

menu#main_menu ul li#menu_obsluga a:link{width: 163px; background-position: -90px 0}
menu#main_menu ul li#menu_obsluga a:visited{width: 163px; background-position: -90px 0}
menu#main_menu ul li#menu_obsluga a:hover{width: 163px; background-position: -90px -20px}
menu#main_menu ul li#menu_obsluga a:active{width: 163px; background-position: -90px -20px}

menu#main_menu ul li#menu_inne a:link{width: 134px; background-position: -253px 0}
menu#main_menu ul li#menu_inne a:visited{width: 134px; background-position: -253px 0}
menu#main_menu ul li#menu_inne a:hover{width: 134px; background-position: -253px -20px}
menu#main_menu ul li#menu_inne a:active{width: 134px; background-position: -253px -20px}

menu#main_menu ul li#menu_kontakt a:link{width: 88px; background-position: -387px 0}
menu#main_menu ul li#menu_kontakt a:visited{width: 88px; background-position: -387px 0}
menu#main_menu ul li#menu_kontakt a:hover{width: 88px; background-position: -387px -20px}
menu#main_menu ul li#menu_kontakt a:active{width: 88px; background-position: -387px -20px}

#top_menu, #top_menu a{color: #706e6e; font-size: 10px; text-decoration: none}
#bottom_menu{position: absolute; top: 30px}
#bottom_menu, #bottom_menu a{color: #fff; font-size: 11px; text-decoration: none}
#bottom_menu a{display: inline-block; padding: 0 10px 0 10px}

/*footer{clear: both; margin: 200px 0 0 30px; padding: 10px 10px 0 0; color: #fff; width: 1070px; height: 80px; z-index: 2; font-family: Arial, Helvetica, sans-serif; position: relative}*/
footer{padding: 0; color: #fff; height: 100px; font-family: Arial, Helvetica, sans-serif; background: #000 url(../images/bg_footer.png) repeat-x top left; width: 100%; position: relative}
footer span{width: 960px; margin: 0 auto; position: relative; display: block; height: 50px}
footer #created{width: 250px; color: #666565; font-size: 10px; position: absolute; z-index: 2; right: 0; top: 50px; text-align: right}
footer #copyright{width: 250px; color: #666565; font-size: 10px; position: absolute; z-index: 2; right: 0; top: 30px; text-align: right}



/* główna */

.glowna menu#main_menu ul li#menu_ofirmie a:link{background-position: 0 -20px}
.glowna menu#main_menu ul li#menu_ofirmie a:visited{background-position: 0 -20px}
.glowna article{top: 0}
.glowna section{}




/* obsługa */

.obsluga menu#main_menu ul li#menu_obsluga a:link{background-position: -90px -20px}
.obsluga menu#main_menu ul li#menu_obsluga a:visited{background-position: -90px -20px}
.obsluga article{top: 0}
.obsluga section{}



/* inne */

.inne menu#main_menu ul li#menu_inne a:link{background-position: -253px -20px}
.inne menu#main_menu ul li#menu_inne a:visited{background-position: -253px -20px}
.inne article{top: 0}
.inne section{}



/* kontakt */

.kontakt menu#main_menu ul li#menu_kontakt a:link{background-position: -387px -20px}
.kontakt menu#main_menu ul li#menu_kontakt a:visited{background-position: -387px -20px}
.kontakt article{top: 0}
.kontakt section{}