/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* global styles */
body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 100.01%;
    background: #fff;
    background: #fff url('./../img/bg_menu.png') 50% 286px no-repeat;
}

a, a:visited {text-decoration: none; color: #ff5200;}
a:hover {text-decoration: underline;}
a:visited {color: #ff5200;}

.red {color: #ff5200;}

h1 {margin: 0 0 0 30px}
h1 a {display: block; width: 128px; height: 44px;}
h2 {font-size: 1.2em; color: #ff5200; height: 50px; background: url('./../img/bg_h2.gif') left top no-repeat; padding-top: 10px; padding-left: 30px; margin: 5px 0}
h6 {margin-top: -3.5em; margin-bottom: 3em; color: #737272; font-weight: normal; margin-left: 30px;} /* styl uzywany do opisu naglowka h2*/
h3 {font-size: 1.1em; color: #ff5200; margin: 1em 0 1em 0}
h4 {margin-bottom: 10px; font-size: 1em}
hr {height: 0; border: none; border-bottom: 1px solid #ccc;}

div.clearfix {clear: both;}

span.activemail, span.activeadmin {color: #000; font-weight: bold; font-style: italic; font-family: Verdana}
span.activemail b {color: #3980D0;}
span.activeadmin b {color: #ff5200;}
/* layout */
#container {margin-top: 6px; font-size: 0.7em;
        background: url('./../img/bg_footer.png') bottom center no-repeat;}
    #top {width: 768px; margin: 0 auto}
        #menu {width:745px; padding-left: 1px; height: 53px; margin-left: 11px; background: url('./../img/menu_separator_last.gif') no-repeat left center;}
    #content {width: 746px;	clear: both; overflow: hidden; padding: 10px 11px; margin: 0 auto}
/*		#main {width: 478px; float: right;}*/
        #main {width: 481px; float: right;}
        #sub {width: 258px; float: left;}
    #footer {clear: both; height: 53px; width: 748px; margin: 0 auto}

/* top */
#top {background: url('./../img/bg_top.png') 0 39px no-repeat;}
    #top img {margin: 10px auto 1px auto; display: block}
    #top h1 img {margin:0;}
/* menu */
    #lang {float: right; padding-right: 9px; margin-top:10px;}
    #lang li {float: left; padding-right: 5px;}
    #lang li.pl a {background: url(../img/pl2.png) no-repeat;}
    #lang li.en a {background: url(../img/en2.png) no-repeat;}
    #lang li a {width: 24px; height: 17px; display: block;}
    #lang li a span {visibility: hidden; font-size: 0;}

  #menu ul {list-style: none; height: 53px; width: 745px; text-align: center; background: url('./../img/bg_menu_li.gif') repeat-x;}
    #menu li {height: 53px; line-height: 53px; text-align: center; float: left; width: 247px; padding-right: 1px; background: url('./../img/menu_separator.gif') no-repeat right center; padding-left: 1px; margin-left: -1px; position: relative;}
    #menu li.last-child {background: url('./../img/menu_separator_last.gif') no-repeat right center;}
    #menu li a {color: #fff; font-weight: bold; font-size: 12px; width: 247px; height: 53px; display: block; line-height: 53px;}
  #menu li a:hover, #menu li a.active {background: url('./../img/bg_menu_li_over.jpg') repeat-x; text-decoration: none; border-left: 1px #767676 solid; border-right: 1px #767676 solid; margin-left: -1px; position: absolute; z-index: 10; left: 1px;}

/* content */
#content {background: url('./../img/bg_content.png') top center repeat-x;}
#content a {text-decoration: underline}
#content p {overflow: hidden;}
#content a.more {padding-right: 10px; float: right;}
#content .center {text-align: center;}
    /* main content */
/*	#main {background: url('./../img/bg_sub.gif') left top repeat-y; padding-left: 10px}*/
    #main {background: url('./../img/bg_sub2.gif') left top repeat-y; padding-left: 5px}
    #main.bg_main {background: url('./../img/bg_sub.gif') left top repeat-y;}
  #main p, #content li {line-height: 1.25em;}
    #main p {margin-bottom: 10px; text-align: justify; }
    #main h3, #main h4 {margin-left: 10px;}
    #main li h3 {margin-left: 0}
    #main ul {margin-left: 10px;}
    #main ul ul {margin-left: 0;}
    #main h4 {line-height: 1.5em;}
    #main hr {margin-left: 10px}

    #main ol {margin-left: 10px; list-style-type: upper-roman; color: #777;}
    #main ol ol {list-style-type: decimal;}
    #main ol ol ol {list-style-type: lower-alpha;}
    #main ol ol ol ol {list-style-type: lower-roman;}

        /* main page */
        ul#services {margin-left: 0}
        #services li h3 {overflow: hidden; height: 16px; margin: 0 0 5px 10px;}
        #services li h3 a {display: block; height: 15px;}
    #services h3 span {visibility: hidden;}
        #services h3 a {text-decoration: none}
        #services a.more {padding-right: 10px; float: none; display: block; text-align: right; clear: both; margin-top: -3px}
        #services li {background: url('./../img/bg_services_li_big.png') no-repeat; padding: 8px}
        #services li div {clear: both; height: 160px; overflow: hidden; background: url('./../img/bg_nazwa.png') no-repeat; padding-left: 21px}
        #services li div div {background: url('./../img/nazwa.jpg') no-repeat; height: 152px; margin: 0; padding-top: 8px; padding-left: 154px; padding-right: 10px}
        #services li p {background: url('./../img/bg_services_li_p.png') no-repeat; padding-top: 5px; padding-left: 10px; color: #777}

    #services li.box1 div {background-image: url('./../img/bg_box1.png')}
        #services li.box1 div div {background-image: url('./../img/photo2.jpg');}

    #services li.box2 div {background-image: url('./../img/bg_box2.png')}
        #services li.box2 div div {background-image: url('./../img/photo1.jpg');}

    #services li.box3 div {background-image: url('./../img/bg_box3.png')}
        #services li.box3 h3 {background-image: url('./../img/interactive.gif');}
        #services li.box3 h3 a {width: 107px;}
        #services li.box3 div div {background-image: url('./../img/interactive.jpg');}

    #services li.box4 div {background-image: url('./../img/bg_box4.png')}
        #services li.box4 h3 {background-image: url('./../img/registrar.gif');}
        #services li.box4 h3 a {width: 70px;}
        #services li.box4 div div {background-image: url('./../img/registrar.jpg');}

    #services a.more {padding-right: 0}

        /* sub pages */
/*		#mainBgTop {background: url('./../img/bg_services_li.png') top left no-repeat; height: 8px; margin:0}
        #mainBgBottom {background: url('./../img/bg_services_li.png') bottom left no-repeat; height: 8px;}*/
        #mainBgTop {background: url('./../img/bg_up.png') top left no-repeat; height: 8px; margin:0}
        #mainBgBottom {background: url('./../img/bg_down.png') bottom left no-repeat; height: 8px;}
/*		#mainContent {background: url('./../img/bg_main.png'); padding-bottom: 30px; overflow: hidden}*/
            #mainContent {background: url('./../img/bg_main2.png') no-repeat; min-height: 400px; height: auto !important; height: 291px; padding-bottom: 30px; }
/*			#mainContent {padding-left: 30px; padding-right: 35px; position: relative;}*/
            #mainContent {padding-left: 33px; padding-right: 35px; position: relative;}
            #mainContent p {color: #777; margin-left: 10px}
            #mainContent li p {margin-left: 0}
            #mainContent h2 {margin-top:0;}

          /* biuro prasowe */
          #mainContent .komunikaty li {list-style:none; border:none;}
            #mainContent .komunikaty h3 {float:left; padding-bottom:10px; margin-top: 0}
            #mainContent .komunikaty h3 a {}
            #mainContent .komunikaty h4 {float:right; font-weight:normal; padding-bottom:10px; text-align:right;}
            #mainContent .komunikaty p {clear:both; border-bottom:1px #ccc solid; padding-bottom:10px;}
            #mainContent p.back {float:left; margin-left:10px; margin-top:10px; margin-bottom: 0; position: absolute; left: 33px; bottom: 15px;}
            #mainContent p.next {float:right; text-align:right; margin-top:10px; margin-bottom: 0; position: absolute; right: 35px; bottom: 15px;}
            #mainContent p.next a img {margin: 0;}
            #mainContent .komunikaty {padding-bottom: 20px;}

            /* press kits */
            #mainContent #presskits {padding-top: 25px;}

            /* nasze reklamy */
            #reklamy {color: #777; padding-bottom: 30px; position: relative;}
            #reklamy h3 {margin-bottom: 15px; font-size: 1.2em; margin-left: 0; color: #000}
            #reklamy li {clear: left; background: none; overflow: hidden;}
            #reklamy img {float: left; margin-right: 5px; padding-bottom: 30px;}
            #reklamy ul {margin-left: 77px; margin-top: 10px;}
            #reklamy li {border-bottom: 1px solid #CCCCCC;}
            #reklamy li li {clear: none; padding-left: 0; margin-left: 0; line-height: 1.2em; border: none;}

            /* o firmie */
            .struktura li {border-bottom: 1px solid #ccc}
            .oferta li {border-bottom: 1px solid #ccc}

            /* praca w netart */
            #mainContent h4 {color: #ff5200;}
            #mainContent h5 {margin-top:-1.0em; color:#777; font-weight: normal; margin-bottom:10px;}
            #mainContent ul.cushion {overflow: hidden; margin-bottom:10px; margin-left: 10px}
            #mainContent ul.cushion li {background: url('./../img/bg_submenu_li.gif') 0 4px no-repeat; padding-left: 15px; line-height: 1.5em; color:#777;}

            /* kontakt */
            #mainContent .kontakt li {border-bottom:1px #ccc solid;}
            #mainContent .kontakt h3 span {color:#000000; font-size:1.3em; font-weight:bold;}
            #mainContent .kontakt p {margin-bottom: 0px; padding-bottom: 10px;}
      #mainContent .kontakt p a {cursor: pointer;}
            #mainContent .kontakt p span {clear: both; display: block; margin-top:10px;}

            /* dokumenty */
            #documents #mainContent ol.number {color: #777777; list-style-type: decimal; margin-left: 30px; margin-bottom: 10px; font-size: 11px; font-weight: normal;}
            #documents #mainContent ul {overflow: hidden; margin-bottom:10px; margin-left: 10px}
            #documents #mainContent ul li {background: url('./../img/arr-sub.gif') 0px 7px no-repeat; padding-left: 15px; line-height: 1.5em; color:#777; zoom: 1;}
            #documents #mainContent ul.points{padding-left: 20px;}
            #documents #mainContent ul.points li{background: none; padding-left: 0px; list-style-type: decimal;}
            #documents .tab1 {padding-left: 10px;}
            #documents .tab2 {padding-left: 20px;}
            #documents .tab3 {padding-left: 30px;}
			#documents .tab4 {padding-left: 60px;}
            #documents #mainContent ol {color: #FF5200; font-size: 1.1em; font-weight: bold; margin-left: 15px;}
            #documents #mainContent ol ol {color: #777777; font-size: 11px; font-weight: normal; margin-top: 10px; margin-left: 10px;}
            #documents #mainContent ol ol li {margin-bottom: 10px;}


            #mainContent ul.textList
            {
                text-indent : -6px;
                color       : #777777;
                padding-left : 25px;
            }

    /* sub content */
    #sub {color: #777; padding-top: 3px}
    #sub p {margin: 15px 20px 15px 30px; line-height: 1.25em;}
    #sub h3 {margin-left: 30px;}
    #sub div.hr {width: 220px; margin: 5px 0 5px 29px;}
        #submenu {margin-left: 30px}
        #submenu > ul {margin: 0 0 10px;}
        #submenu li {background: url('./../img/bg_submenu_li.gif') 0 6px no-repeat; padding-left: 15px; line-height: 2em}
        #submenu li.odstep {margin-top: 10px; zoom: 1;}
        #submenu a, #submenu a:visited {font-weight: bold; color: #ff5200; text-decoration: none;}
        #submenu a:hover {text-decoration: underline;}
        #submenu li li {background: none}
        #submenu li li a, #submenu li li a:visited {font-weight: normal; color: #777;}

      #sub ul.cushion {overflow: hidden; margin-bottom:10px; margin-left: 30px}
            #sub ul.cushion li {background: url('./../img/bg_submenu_li.gif') 0 4px no-repeat; padding-left: 15px; line-height: 1.5em; color:#777;}

/* footer */
#footer {background: url('./../img/footer.png') top center repeat-x; color: #fff; line-height: 53px;}
#footer div {width: auto; float: left; background: url('./../img/footer_separator.png') top left no-repeat; padding-left: 10px}
#footer ul {float: right; background: url('./../img/footer_separator.png') top right no-repeat; padding-right: 10px}
#footer li {display: inline; border-right: 1px solid #fff; padding: 0 4px}
#footer li.last-child {border: none;}
#footer a {color: #fff; font-weight: bold;}

ol.alpha {list-style: lower-alpha; padding-left: 35px; color: #777;}
#content .nomrg {margin-bottom: 0px;}
#content .smallmrg {margin-bottom: 8px;}

/*strona błedu*/
#error404 {font-family: verdana; overflow: hidden; background: url('./../img/error404.jpg') 20px 20px no-repeat; margin-bottom: 20px}
#error404 h3 {font-size: 2em; line-height: 0.6em; margin-left: 20px; padding-left: 60px; margin-bottom: 0.6em}
#error404 h6 {margin: 0; font-size: 1.5em; font-weight: bold; line-height: 0.5em; margin-left: 20px; padding-left: 60px;}
#error404 ul {margin-left: 0; margin-top: 20px; }
#error404 li {float: left; width: 330px; margin: 0 20px; color: #777;}
#error404 li h4 {border-bottom: 1px solid #ccc; padding: 0.5em 0; margin: 10px 0; font-size: 1.1em}
#error404 li h4 a {text-decoration: none}
#error404 li p {font-family: verdana;}

/* mapa strony */
#main.sitemap {width: 746px; background: url('./../img/bg_sub2_wide.gif') repeat-y;}
#main.sitemap #mainBgTop {background: url('./../img/bg_up_wide.png'); width: 746px; }
#main.sitemap #mainBgBottom {background: url('./../img/bg_down_wide.png'); width: 746px;}
#main.sitemap #mainContent {background: url('./../img/bg_main2_wide.png') no-repeat; width: 746px; overflow: hidden}
#main.sitemap #colwrapper {display: table; border-spacing: 15px; border-collapse: separate; margin-left: -15px; margin-top: -15px}
#main.sitemap #col1, #main.sitemap #col2, #main.sitemap #col3 {border: 1px solid #eee; width: 214px; border-spacing: 10px; display: table-cell; padding-bottom: 10px; vertical-align: top}
#main.sitemap #col1 {}
#main.sitemap #col2 {}
#main.sitemap #col3 {}
#main.sitemap h4 {border-bottom: 1px solid #eee; margin: 10px 15px; font-size: 1.3em;}
#main.sitemap a {text-decoration: none; color: #777;}
#main.sitemap li {line-height: 1.5em;}
#main.sitemap ul {margin: 0 15px}
#main.sitemap ul ul {margin: 0}
#main.sitemap ul a {background: url('./../img/arr.gif') 0 6px no-repeat; padding-left: 10px; display: block;}
#main.sitemap ul ul a {background: url('./../img/arr-sub.gif') 10px 6px no-repeat; padding-left: 20px;}

pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 _white-space: pre;
 }