/* import klas */
@import url("reset.css");
@import url("rzem.css");

/* glówne */
body {font-size:11px;font-family:Arial, Helvetica, sans-serif;background: url(../images/top_bg.jpg) top left repeat-x}
#wrapper {width:977px;height:775px;margin:0 auto}
.header {height:99px;width:100%;margin-top:7px}
.menu {height:70px;width:100%;background:#EBF5EF}
.flash {height:276px;width:100%}
.content {height:223px;width:100%;border-bottom:6px solid #f6f7f1}
.bottom_menu {height:51px;width:100%}
.footer {height:43px;width:100%;border-top:1px solid #f2f3eb}

/* header */
.header .logobox {height:74px;width:200px;margin-left:12px;display:block;margin-top:14px;position:relative;float:left}
.header a.logo {height:74px;width:200px;background: url(../images/logo.png) top left no-repeat;display:block;position:relative}
.header .contact {width:217px;height:18px;float:right;margin-top:69px;color:#007c33;font-family:Arial, Helvetica, sans-serif;margin-right:28px}
.header .contact p {text-align:right;white-space:pre}
.header .contact a {color:#007c33;font-weight:400}

/* menu */
.topmenu {height:38px;width:100%;background: url(../images/menu_bg.jpg) top left repeat-x;margin-top:2px}
.topmenu ul{float:left;margin-top:0px;list-style:none;margin-left:0px}
.topmenu ul li {float:left}
.topmenu ul li a.stronaglowna {width:108px;height:38px;display:block;background:url(../images/stronaglowna.jpg) top left no-repeat}
.topmenu ul li a.stronaglowna:hover {width:108px;height:38px;display:block;background:url(../images/stronaglowna.jpg) bottom left no-repeat}
.topmenu ul li a.onas {width:65px;height:38px;display:block;background:url(../images/onas.jpg) top left no-repeat}
.topmenu ul li a.onas:hover {width:65px;height:38px;display:block;background:url(../images/onas.jpg) bottom left no-repeat}
.topmenu ul li a.active{width:65px;height:38px;display:block;background:url(../images/onas.jpg)  bottom no-repeat}
.topmenu ul li a.oferta {width:67px;height:38px;display:block;background:url(../images/oferta.jpg) top left no-repeat}
.topmenu ul li a.oferta:hover {width:67px;height:38px;display:block;background:url(../images/oferta.jpg) bottom left no-repeat}
.topmenu ul li a.zamowusluge {width:113px;height:38px;display:block;background:url(../images/zamowuslue.jpg) top left no-repeat}
.topmenu ul li a.zamowusluge:hover {width:113px;height:38px;display:block;background:url(../images/zamowuslue.jpg) bottom left no-repeat}
.topmenu ul li a.ogloszenia {width:92px;height:38px;display:block;background:url(../images/oglosznia.jpg) top left no-repeat}
.topmenu ul li a.ogloszenia:hover {width:92px;height:38px;display:block;background:url(../images/oglosznia.jpg) bottom left no-repeat}
.topmenu ul li a.kontakt {width:77px;height:38px;display:block;background:url(../images/kontakt.jpg) top left no-repeat}
.topmenu ul li a.kontakt:hover {width:77px;height:38px;display:block;background:url(../images/kontakt.jpg) bottom left no-repeat}
.topmenu ul li a.linki {width:60px;height:38px;display:block;background:url(../images/linki.jpg) top left no-repeat}
.topmenu ul li a.linki:hover {width:60px;height:38px;display:block;background:url(../images/linki.jpg) bottom left no-repeat}

/* content */

/* content left*/
.left {width:291px;height:223px;float:left;background:#f6f7f1}
.left ul {width:260px;list-style:none;margin:22px 0px 0px 18px}
.left ul li {width:260px;height:50px;margin-bottom:11px;background: url(../images/leaf.jpg) top left no-repeat}
.left ul li .msg {margin-left:50px;padding-top:10px;}
.left ul li .msg a {color:#047d32;}

/* content center*/
.center {width:271px;height:223px;float:left;background:#102131}
.center div.zloz_zamowienie {width:271px;height:70px;background:url(../images/zloz_zamowienie.jpg) top left no-repeat}
.center a.zloz_zamowienie {width:271px;height:70px;display:block}
.center div.kontener {width:271px;height:48px;background:url(../images/kontener.jpg) top left no-repeat}
.center div.kontener:hover {width:271px;height:48px;background:url(../images/kontener.jpg) bottom left no-repeat}
.center a.kontener {width:271px;height:48px;display:block}
.center div.pojemnik {width:271px;height:48px;background:url(../images/pojemnik.jpg) top left no-repeat}
.center div.pojemnik:hover {width:271px;height:48px;background:url(../images/pojemnik.jpg) bottom left no-repeat}
.center a.pojemnik {width:271px;height:48px;display:block}
.center div.worki {width:271px;height:54px;background:url(../images/worki.jpg) top left no-repeat}
.center div.worki:hover {width:271px;height:54px;background:url(../images/worki.jpg) bottom left no-repeat}
.center a.worki {width:271px;height:54px;display:block}

/* content right*/
.right {width:413px;height:222px;float:right;border-bottom:1px solid #e6e7d8}
.right .msg {margin:25px 0px 0px 25px}
.right .msg h3 {font-size:12px;font-weight:600;color:#102131;margin-bottom:30px;border-top:1px solid #e6e7d8;padding-top:23px;margin-top:-23px}
.right .msg p {color:#76797d;margin-left:8px}
.right .msg span {color:#76797d;font-weight:600}

/* bottom_menu*/
.bottom_menu ul{float:right;margin-top:18px;list-style:none}
.bottom_menu ul li {float:left;margin-left:34px;}
.bottom_menu ul li a {font-weight:400;color:#f5b804}

/* footer*/
.footer .copy {float:left;margin-top:11px;color:#919598}
.footer .go3 {float:right;margin-top:11px;color:#919598}
.footer .go3 a {font-weight:400;color:#919598}

/* subsite */
#subsite_wrapper {width:977px;height:auto;margin:0 auto}
.subsite_flash {height:161px;width:100%}
.subsite_menu {height:70px;width:100%;}
.subsite_content {height:auto;width:100%;border-bottom:1px solid #e6e7d8;margin-top:35px;padding-bottom:27px}
.subsite_left {width:246px;height:319px;float:left;background: url(../images/lady.jpg) bottom right no-repeat #e6e7d8}
.subsite_left .adress {margin-left:12px;margin-top:50px;color:#505050}
.subsite_left .menu {width:100%;height:auto;background:#09903c}
.subsite_left .menu ul {width:100%;height:auto;list-style:none}
.subsite_left .menu ul li {width:100%;height:auto;background:url(../images/leftmenu_bg.jpg) top left repeat-x;padding-top:4px;overflow:hidden}
.subsite_left .menu ul li span {font-size:10px}
.subsite_left .menu ul li a {margin-left:10px;color:#FFF;font-weight:400;display:block;width:236px;height:20px}
.subsite_left .menu ul li a:hover {color:#f5b804;}
.subsite_left .menu ul li a.active {margin-left:10px;color:#f5b804;font-weight:400}
.subsite_left .menu ul.drugie {width:100%;height:auto !important;}
.subsite_left .menu p {margin-left: 20px;padding: 3px;padding-bottom:0;}
.subsite_center {width:445px;height:auto;float:left;padding-left:40px}
.subsite_center h3 {font-size:12px;font-weight:600;color:#102131;margin-bottom:15px;}
.subsite_center p {color:#505050;width:90%}
.subsite_right {width:246px;height:504px;float:right;background:#e6e7d8}
.subsite_right a {cursor:pointer}
.subsite_right .box {width:230px;height:140px;margin-top:20px;margin-left:5px}
.subsite_right .kontener2 {display:block;width:230px;height:45px;background:url(../images/kontener2.jpg) top left no-repeat}
.subsite_right .pojemnik2 {display:block;width:230px;height:45px;background:url(../images/pojemniki2.jpg) top left no-repeat}
.subsite_right .worki2 {display:block;width:230px;height:45px;background:url(../images/worki2.jpg) top left no-repeat}
.subsite_right h3 {font-size:12px;font-weight:600;color:#102131;margin-bottom:20px;margin-top:33px;margin-left:17px}
.subsite_right p {color:#505050;margin-left:17px}
.subsite_right span {color:#505050;font-weight:600}
.subsite_bottom_menu {height:51px;width:100%;border-top:6px solid #f6f7f1}

/* subsite bottom_menu*/
.subsite_bottom_menu  ul{float:right;margin-top:18px;list-style:none}
.subsite_bottom_menu  ul li {float:left;margin-left:34px;}
.subsite_bottom_menu  ul li a {font-weight:400;color:#f5b804}

/* dynamic menu */
.nav, .nav ul { list-style: none;margin: 0;padding: 0;}
.nav {font-family: Arial, Helvetica, sans-serif;z-index: 100;position: relative;}
.nav li {float: left; margin: 0; padding: 0;position: relative; width:auto}
.nav ul {display:inline !important;height:29px;width:auto;background: url(../images/submenu_bg.jpg) top left repeat-x;position: absolute;top: -909em;}
.nav ul li {border: 0;float: none;}
#nav-one li.sfHover a { color: #000;}
.nav li:hover ul,.nav li.sfHover ul {top: 38px;}
.submenubox    {margin-left:10px;margin-top:6px;margin-right:10px;width:auto;height:29px;overflow:hidden;display:block}
.submenubox a {font-weight:400;margin:0 7px;color:#000000; display:block;float:left}
.submenubox a:hover {color:#FFF}
ul.sublist01 {width:530px}
ul.sublist02 {width:530px}
ul.sublist03 {width:530px}
ul.sublist04 {width:530px}
ul.sublist05 {width:530px}
ul.sublist06 {width:530px}
ul.sublist07 {width:530px}