/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
26.02.2009                  
Kodowanie: Tomasz Piłat                                
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~
GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
    color: #999999;
}

a:hover {
    text-decoration: underline;
}

img, fieldset {
    border: none;
}

ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.2em;
    font-weight: bold;
}

body {
    padding: 0;
    background: url(/_p/gfx/body_bg.jpg) center 0 no-repeat #FFF;
    color: #999999;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#wrapper	
~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper {
    margin: 0 auto;
    width: 980px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#top
~~~~~~~~~~~~~~~~~~~~~~~*/
#top {
    float: left;
    height: 514px;
    width: 980px;
    background: url(/_p/gfx/top_bg_main.jpg) 0 bottom no-repeat;
    padding: 24px 0 0 0;
}

#top.subpage {
    height: 440px;
    background: url(/_p/gfx/top_bg_sub.jpg) 0 bottom no-repeat;
}

#top a {
    outline: none;
}

#top h1 {
    float:left;
    padding: 0 0 24px 0;
}

#top h1 a {
    display: block;
    width: 335px;
    height: 151px;
    background: url(/_p/gfx/logo.gif) no-repeat;
}

#top h1 a span {
    display: none;
}

ul#navi_menu {
    float: left;
    padding: 0 0 0 30px;
    width: 222px;
}

ul#navi_menu li {
    display: block;
    clear: left;
}

ul#navi_menu li a {
    float: left;
    padding: 10px 0 10px 42px;
    margin: 0 0 4px 0;
}

ul#navi_menu li.sitemap a {
    background: url(/_p/gfx/ico_map.gif) no-repeat;
}

ul#navi_menu li.homepage a {
    background: url(/_p/gfx/ico_home.gif) no-repeat;
}

ul.main_menu {
    float: left;
    padding: 33px 12px 0 0;
}

ul.main_menu1 {
    width: 224px;
}

ul.main_menu2 {
    width: 139px;
}

ul.main_menu li {
    float: left;
    clear: left;
    padding: 0 0 6px 0;
}

ul.main_menu li a {
    float: left;
    height: 31px;
}

ul.main_menu li a span {
    display: none;
}

ul.main_menu li.menu_item1 a {
    width: 122px;
    background: url(/_p/gfx/menu1.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item2 a {
    width: 175px;
    background: url(/_p/gfx/menu2.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item3 a {
    width: 224px;
    height: 53px !important;
    background: url(/_p/gfx/menu3.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item4 a {
    width: 109px;
    background: url(/_p/gfx/menu4.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item5 a {
    width: 139px;
    background: url(/_p/gfx/menu5.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item6 a {
    width: 120px;
    background: url(/_p/gfx/menu6.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item1 a.active, ul.main_menu li.menu_item1 a:hover {
    background: url(/_p/gfx/menu1o.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item2 a.active, ul.main_menu li.menu_item2 a:hover {
    background: url(/_p/gfx/menu2o.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item3 a.active, ul.main_menu li.menu_item3 a:hover {
    background: url(/_p/gfx/menu3o.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item4 a.active, ul.main_menu li.menu_item4 a:hover {
    background: url(/_p/gfx/menu4o.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item5 a.active, ul.main_menu li.menu_item5 a:hover {
    background: url(/_p/gfx/menu5o.gif) 0 0 no-repeat;
}

ul.main_menu li.menu_item6 a.active, ul.main_menu li.menu_item6 a:hover {
    background: url(/_p/gfx/menu6o.gif) 0 0 no-repeat;
}

#top h4 {
    float: left;
    clear: both;
    padding: 49px 0 0 581px;
    width: 342px;
    height: 166px;
    background: url(/_p/gfx/slogan1.jpg) right bottom no-repeat;
}

#top h4 span {
    display: none;
}

#top.subpage h4 {
    float: left;
    clear: both;
    padding: 38px 0 0 581px;
    width: 287px;
    height: 143px;
    background: url(/_p/gfx/slogan2.jpg) right bottom no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#content
~~~~~~~~~~~~~~~~~~~~~~~*/
#content {
    float: left;
    width: 980px;
    overflow: hidden;
    background: url(/_p/gfx/dott.gif) 304px 0 repeat-y;
    margin: 0 0 20px 0;
}

#content p {
    padding: 0 0 10px 0;
    line-height: 1.3em;
}

#content img {
    float: left;
    margin: 0 10px 10px 0;
}
#main img { float: none; }
#main td { border: 1px solid #e3e3e3 !important; }
#content strong {
    font-size: 1.0em;
    font-weight: bold;
}

#content small {
    font-size: 1.0em;
    font-weight: normal;
    font-style: normal;
}

#content em {
    font-size: 1.0em;
    font-style: italic;
}

#content h3 {
    font-family: serif;
    font-size: 24px;
    padding: 10px 0 5px 0;
    margin: 0 0 20px 0;
    font-weight: normal;
    color: #1B4F68;
    border-bottom: 1px solid #20BAE6;
}

#content h3 span {
    font-size: 34px;
    color: #20BAE6;
}

#sub_index h3, #main_index h3 {
    border-bottom: none;
    margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#main_index
~~~~~~~~~~~~~~~~~~~~~~~*/
#main_index {
    float: left;
    width: 610px;
    padding: 0 0 20px 0;
    background: url(/_p/gfx/main_bottom.gif) 0 bottom no-repeat #F5F5F5;
}

.main_index_bg {
    float: left;
    width: 566px;
    padding: 30px 22px 0px 22px;
    background: url(/_p/gfx/main_top.gif) 0 0 no-repeat;
}

#main_index  .col1 {
    float: left;
    overflow: hidden;
    width: 262px;
    padding: 0 42px 0 0;
    background: url(/_p/gfx/dott.gif) 283px 0 repeat-y;
}

#main_index  .col2 {
    float: left;
    overflow: hidden;
    width: 262px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#sub_index
~~~~~~~~~~~~~~~~~~~~~~~*/
#sub_index {
    float: left;
    width: 320px;
    padding: 30px 0 0 50px;
}

#sub_index.sub_contact {
    width: 186px;
    padding: 30px 134px 0 50px;
    background: url(/_p/gfx/sub_contact_bg.jpg) right bottom no-repeat;
}

ul.contact_list {
    padding: 20px 0 40px 0;
}

ul.contact_list li {
    font-family: serif;
    font-weight: bold;
    color: #20BAE6;
    font-size: 26px;
    padding: 0 0 10px 0;
}

ul.contact_list li small {
    color: #A6A6A6;
    font-size: 13px !important;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#main
~~~~~~~~~~~~~~~~~~~~~~~*/
#main {
    float: right;
    width: 640px;
    padding: 26px 10px 0 26px;
    background: url(/_p/gfx/main_white_bg.gif) 0 0 no-repeat;
}

#content.wide #main { width: 955px; background: none; }
#content.wide { background: none; }

#main h2 {
    font-size: 15px;
    color: #20BAE6;
    padding: 0 0 15px 0;
    font-weight: bold;
}

h6.file_header {
    position: relative;
    padding: 12px 120px 12px 40px;
    background: url(/_p/gfx/link_header_bg.gif) no-repeat;
    font-size: 11px;
    margin: 0 0 20px 0;
    zoom: 1;
}

h6.file_header a {
    float: right;
    padding: 0 23px 0 0;
    text-transform: uppercase;
    color: #20BAE6;
    background: url(/_p/gfx/ico_download.gif) right 0 no-repeat;
    position: absolute;
    top: 12px;
    right: 22px;
}

h4.tech_details {
    float: left;
    padding: 6px 10px;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #FFF;
    margin: 0;
    position: relative;
    bottom: -1px;
    font-size: 15px;
    color: #1B4F68;
}

ul.tech_details {
    border: 1px solid #E5E5E5;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
}

ul.tech_details li {
    border-bottom: 1px solid #FFF;
    padding-bottom: 0 !important;
}

ul.tech_details li h4 {
    display: block;
    color: #1B4F68;
    padding: 5px 28px 5px 3px;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    overflow: hidden;
    zoom: 1;
}

ul.tech_details li h4.less {
    background: url(/_p/gfx/arrow3.gif) 614px 6px no-repeat #D7EFF5;
}

ul.tech_details li h4.less.more {
    background: url(/_p/gfx/arrow2.gif) 612px 9px no-repeat #D7EFF5;
}

ul.tech_details dl {
    display: none;
}

ul.tech_details dl dd {
    border-bottom: 1px solid #EEE;
    padding: 5px 18px 5px 10px;
    text-align: right;
    color: #1B4F68;
}

.content_col1 {
    float: left;
    clear: both;
    width: 221px;
    padding: 0 29px 30px 0;
}

.content_col1 .image_box {
    width: 221px;
    overflow: hidden;
    padding: 0 0 4px 0;
}

.content_col1 .image_box img {
    float: none !important;
    margin: 0 auto !important;
    display: block;
}

a.azoom {
    display: block;
    background: #F5F5F5;
    text-align: center;
    padding: 6px 0;
    font-weight: bold;
}

a.azoom img {
    float: none !important;
    margin: 0 10px 0 0 !important;
    display: inline;
}

a.azoom:hover {
    text-decoration: none;
    color: #000;
}

.content_col2 {
    float: left;
    width: 390px;
    padding: 0 0 30px 0;
}

#main .content_col2 h2 {
    font-size: 19px;
}

#main .content_col2 h2 small {
    color: #999999;
    font-size: 14px;
    font-weight: bold;
}

h2 a.download_link {
    float: right;
    text-transform: uppercase;
    padding: 9px 35px 3px 4px;
    background: url(/_p/gfx/ico_pdf.gif) right 0 no-repeat;
    color: #20BAE6;
    font-size: 11px;
}

.content_col2 dl.detail_list {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0 10px 0;
    overflow: hidden;
    margin: 0 0 6px 0;
    overflow: hidden;
    zoom: 1;
}

.content_col2 dl.detail_list dt {
    width: 100%;
    font-weight: bold;
    padding: 0 0 12px 0;
}

.content_col2 dl.detail_list dd {
    float: left;
}

.content_col2 dl.detail_list dd.col1 {
    width: 147px;
    margin: 0 35px 0 0;
    border-right: 1px solid #E5E5E5;
}

.content_col2 dl.detail_list dd.col2 {
    width: 207px;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#sub
~~~~~~~~~~~~~~~~~~~~~~~*/
#sub {
    float: left;
    width: 280px;
    background: url(/_p/gfx/sub_bottom.gif) 0 bottom no-repeat #F5F5F5;
    padding: 0 0 17px 0;
}

.sub_bg {
    float: left;
    width: 256px;
    background: url(/_p/gfx/sub_top.gif) 0 0 no-repeat;
    padding: 31px 12px 0 12px;
}

#sub h3 {
    font-family: serif;
    font-size: 20px;
    padding: 5px 0 10px 40px !important;
    margin: 0 0 15px 0;
    font-weight: normal;
    color: #1B4F68;
}

#sub h3.categories_h3 {
    padding: 4px 0 5px 40px;
    background: url(/_p/gfx/categories_ico.gif) no-repeat;
}

ul.sub_menu {
    clear: both;
    width: 255px;
    overflow: hidden;
    margin: 0 0px 20px 0px;
}

ul.sub_menu li {
    float: left;
    clear: both;
    padding: 0 0 1px 0;
    background: url(/_p/gfx/dott.gif) 0 bottom repeat-x;
}

ul.sub_menu li a {
    float: left;
    width: 219px;
    padding: 13px 10px 15px 51px;
    background: url(/_p/gfx/arrow1.gif) 28px 13px no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~
=#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
    clear: both;
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 30px 0;
}

#footer ul {
    float: left;
    width: 100%;
    display: block;
    clear: both;
    padding: 17px 0 14px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 16px 0;
}

#footer ul li {
    float: left;
    padding: 0 3px 0 0;
    background: url(/_p/gfx/footer_sep.gif) right 3px no-repeat;
}

#footer ul li.last {
    background: none;
}

#footer ul li a {
    float: left;
    padding: 0 22px 0 22px;
}

#footer p, #footer p a {
    color: #CCC;
}

/*~~~~~~~~~~~~~~~~~~~~~
=GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
.left {
    float: left;
}

.right {
    float: right;
}

img.left {
    float: left !important;
    margin: 0 0 10px 10px !important;
}

img.right {
    float: right !important;
    margin: 0 10px 10px 0 !important;
}

img.center {
    float: none !important;
    margin: 0 auto 10px auto !important;
}

img.border {
    border: 1px solid #CECECE;
}

.aright {
    text-align: right;
}

.acenter {
    text-align: center;
}

a.color {
    color: #20BAE6;
}

a.details {
    clear: both;
    float: right;
    background: url(/_p/gfx/button_details.gif) no-repeat;
    width: 96px;
    height: 23px;
    margin: 0 0 10px 0;
}

a.details span {
    display: none;
}

#main ul {
    padding: 0 0 0 30px;
    line-height: 1.3em;
    list-style: disc;
    list-style-position: inside;
}

#main ul li {
    padding: 0 0 10px 0;
}

div.clear {
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    margin: 0;
}

#zapis label { float: left; width: 120px; }
#zapis div { padding: 3px 0; }
#zapis .text { border: 1px solid #e3e3e3; padding: 3px; }
#zapis textarea { height: 100px; width: 300px; }
.submit_button { position: relative; left: 120px; border: 1px solid #6993C3; background: #6993C3; color: #ffffff; }

.errors { color: red; }