body {
	 background-color:#E7E2DF; 
     font-family: verdana, tahoma, arial, helvetica, sans-serif;
	 color: #4a4a4a; 
	 font-size: 8pt;
	 margin: 0 auto;
	 padding: 0;
	 width: 100%;
	 }

a:link, a:visited {text-decoration: none; color: #4a4a4a;} 	 
a:hover {color: #F9A01E;} 	 


.bold {font-weight: bold;}

img {border: 0;}

small a {text-decoration: none;}

/* --------- dla png --------- */
div#png, div#projektowanie_stron, div#hosting, div#poligrafia, div#domeny, div#aplikacje, div#turystyka, div.title_projektowanie_stron, div.title_hosting, div.title_domeny, div.title_aplikacje, div.title_poligrafia, div.title_turystyka, div.title, div.link_partners, div.title_poczta , div.title_promotion, div.title_menu_sys_cms, div.title_search, div.title_nasze_rozwiazania, div.title_nasze_realizacje, div.bg_img, div.under_zak_cms  { behavior: url(iepngfix.htc) }

.bg {width: 896px; margin: 0 auto; padding: 0 0 0 45px; overflow: hidden; background-image: url(images/bg.gif); background-color:#fff; }

.bg_planet {width: 851px; float: left; background-image: url(images/bg_planet.jpg); background-repeat: no-repeat; background-position: 11px 100%;}

/* --------- top --------- */
.bg_top {width: 851px; height: 275px; background-image: url(images/bg_topaaa.gif); background-repeat: repeat-x; background-position: center 62px;}
.top {width: 850px; margin: 0 auto;}
.top_left {width: 590px; height: 275px; float: left;}
.top_left a {display: block; width: 226px;  height: 53px; position: relative; top: 5px; left: 55px;  background-image: url(images/logo.gif);}

/* --------- top - panel logowania --------- */
.top_right {width: 230px ; height: 255px; padding: 20px 0 0 30px; float: left; background-image: url(images/top_right.jpg);}
.top_right select {width: 180px; float: left; font-size: 7pt; border-width: 1px; border-style: solid; border-color: #fe6001; }  
#link_top {display: block; width: 200px; float: left; margin: 10px 0 0 0; text-decoration: underline; color: #fff; font-size: 7pt;}
#aaabutton_1:hover {display: block; width: 81px; height: 20px; float: left; padding: 22px 0 0 0; text-align: center; background-image: url(images/button3.gif); color: #fff;}

#button_1:hover {text-align: center; color: #F3F3F3; display: block; width: 81px; height: 27px; float: left; padding: 15px 0 0 0; background-image: url(images/button4.gif);  }
#button_1 {text-align: center; color: #fff; display: block; width: 81px; height: 27px; float: left; padding: 15px 0 0 0; background-image: url(images/button4.gif);  }

#button_2 {display: block; width: 81px; height: 20px; float: left; padding: 22px 0 0 0; text-align: center; background-image: url(images/button5.gif); color: #fff; }
#button_2:hover {display: block; width: 81px; height: 27px; float: left; padding: 15px 0 0 0; background-image: url(images/button6.gif);  }

#button_3:hover {text-align: center; color: #F3F3F3; display: block; width: 81px; height: 27px; float: left; padding: 15px 0 0 0; background-image: url(images/button4.gif);  }
#button_3 {text-align: center; color: #fff; display: block; width: 81px; height: 20px; float: left; padding: 22px 0 0 0; background-image: url(images/button3.gif);  }

.title_poczta {width: 115px; height: 13px; float: left; margin: 30px 0 20px 0; background-image: url(images/title_poczta.png); }

.form {width: 145px; height: 18px; float: left; margin: 5px 0 5px 0; padding: 7px 0 0 5px; background-image: url(images/bg_form.gif); background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #fff; font-size: 7pt; color: #474747;}
.button {width: 47px; height: 25px; float: left; margin: 6px 0 0 5px; background-image: url(images/button2.gif); border: 0; text-align: center; font-weight: bold; color: #fff;}

/* --------- tresc --------- */
.content {width: 810px; margin: 0 auto; line-height: 18px;}

/* --------- menu --------- */
.shadow {width: 814px; background-image: url(images/bg_shadow.gif); background-repeat: no-repeat; background-position: 0 100%;} /* cien menu */
#bg_content_menu {width: 747px; height: 328px; margin: 0 0 0 34px; background-image: url(images/bg_content_menu.jpg);}
#bg_content_menu a {color: #fff; text-decoration: none;}

#projektowanie_stron {width: 247px; height: 162px; float: left; border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; background-image: url(images/bg_menu_projektowanie.png);}
#projektowanie_stron:hover {background-image: url(images/);}
.title_projektowanie_stron {width: 212px; height: 25px; margin: 20px auto 5px auto; background-image: url(images/title_projektowanie.png);}

#hosting {width: 247px; height: 162px; float: left; border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; background-image: url(images/bg_menu_hosting.png);}
#hosting:hover {background-image: url(images/);}
.title_hosting {width: 50px; height: 27px; margin: 20px auto 5px auto; background-image: url(images/title_hosting.png);}

#domeny {width: 247px; height: 162px; float: left;  border-width: 2px 0 2px 2px; border-style: solid; border-color: #fff; background-image: url(images/bg_menu_domeny.png);}
#domeny:hover {background-image: url(images/);}
.title_domeny {width: 60px; height: 24px; margin: 20px auto 5px auto; background-image: url(images/title_domeny.png);}

#aplikacje {width: 247px; height: 162px; float: left; border-width: 0 0 2px 2px; border-style: solid; border-color: #fff; background-image: url(images/bg_menu_aplikacje.png);}
#aplikacje:hover {background-image: url(images/);}
.title_aplikacje {width: 142px; height: 25px; margin: 20px auto 5px auto; background-image: url(images/title_aplikacje.png);}

#poligrafia {width: 247px; height: 162px; float: left; border-width: 0 0 2px 2px; border-color: #fff;  border-style: solid; background-image: url(images/bg_menu_poligrafia.png);}
#poligrafia:hover {background-image: url(images/);}
.title_poligrafia {width: 63px; height: 27px; margin: 20px auto 5px auto; background-image: url(images/title_poligrafia.png);}

#turystyka {width: 247px; height: 162px; float: left; border-width: 0 0 2px 2px; border-style: solid; border-color: #fff; background-image: url(images/bg_menu_turystyka.png);}
#turystyka:hover {background-image: url(images/);}
.title_turystyka {width: 68px; height: 25px; margin: 20px auto 5px auto; background-image: url(images/title_turystyka.png);}

.link_menu a {display: block; width: 210; margin: 0 0 5px 0; padding: 0 0 0 30px; background-image: url(images/p.gif); background-repeat: no-repeat; background-position: 20px 5px;}
.more {display: block; margin: 0 10px 0 0; text-align: right; text-decoration: underline;}

.odbicie_content_menu {width: 749px; height: 53px; margin: 0 0 20px 34px; background-image: url(images/bg_odbicie.gif);}

/* --------- lewa strona --------- */
.left {width: 470px; float: left; margin: 0 30px 0 35px;}
.left a {color: #4a4a4a;}
.left a:hover {color: #f9a01e;}

/* --------- "WITAMY" --------- */
.welcome {width: 460px; float: left;}
.welcome a {text-decoraion: none;}
.welcome p {line-height: 16px; color: #4a4a4a;}
.welcome img {float: left; margin: 0 10px 0 0;}
.title {width: 445px; height: 21px; padding: 0 0 0 5px; background-image: url(images/line.png); font-size: 9pt; font-weight: bold;}
.grey {color: #686868;}
.orange {color: #f60;}

/* --------- "OSTATNI PROJEKT" --------- */
.last {width: 460px; float: left; margin: 0px 0 0 0;} 
.last2 {width: 460px; float: left; margin: 20px 0 0 0;} 
#nav {width: 440px; margin: 5px 0 20px 5px; color: #636363; font-size: 7pt;}
#nav a {color: #636363; font-size: 7pt;}
#miniaturka {width: 150px; float: left; padding: 2px; border-width: 1px; border-style: solid; border-color: #eeeded; text-align: center;}
#miniaturka a { font-size: 7pt; color: #636363;}

.info {width: 250px; float: left; margin: 0 0 0 10px; padding: 0 0 0 15px; background-image: url(images/bg_info.gif); background-repeat: repeat-y; background-position: left top}
.info2 {width: 400px; float: left; margin: 0 0 0 10px; padding: 0 0 0 15px; background-image: url(images/bg_info.gif); background-repeat: repeat-y; background-position: left top}
.info a {display: block; text-decoration: underline;}
aaa.info2 a {font-size: 7pt; display: block; text-decoration: none;}
.info p {margin: 15px 0;}
.info2 p {margin: 5px 0;}

.link_last { margin: 10px 0 0 10px; width: 250px; float: left;}
.link_last a {display: block; margin: 5px 0 0 0; font-size: 7pt; text-decoration: underline;}

/* --------- prawa strona --------- */
.right {width: 245px; float: left;}
.right a {color: #4a4a4a;}
.right a:hover {color: #f9a01e;}

.grey_menu {width: 242px; float: left; background-image: url(images/bg_grey_menu.gif);}
.grey_menu_top {width: 242px; float: left; background-image: url(images/bg_top_grey_menu.gif); background-repeat: no-repeat; background-position: center top;}
.grey_menu_bottom {width: 242px; float: left; background-image: url(images/bg_bottom_grey_menu.gif); background-repeat: no-repeat; background-position: center 100%;}
.title_contact {width: 60px; height: 20px; margin: 30px 0 0 50px; background-image: url(images/title_contact.gif); background-repeat: no-repeat;}
.contact_2 {width: 200px; margin: 20px 0 30px 20px;}
.contact_2 p {margin: 0;}
.contact_2 a {display: block; text-decoration: none;}
.contact_2 a:hover {display: block; text-decoration: none; color: #EE5A00}

.promotion {width: 273px; float: left; margin: 20px 0 0 0; background-image: url(images/bg_shadow_menu.gif); background-repeat: no-repeat; background-position: right 100%;}
.blue_menu {width: 242px; float: left; background-image: url(images/bg_blue_menu.gif);}
.blue_menu_top {width: 242px; float: left; background-image: url(images/bg_top_blue_menu.gif); background-repeat: no-repeat; background-position: center top;}
.title_promotion {width: 66px; height: 18px; margin: 30px 0 0 50px; background-image: url(images/title_promotion.png); background-repeat: no-repeat;}
.blue_menu_bottom {width: 242px; float: left; background-image: url(images/bg_blue_grey_menu.gif); background-repeat: no-repeat; background-position: center 100%;}
.promotion_2 {width: 200px; margin: 20px 0 20px 20px; color: #fff;}
.promotion_2 a {display: block; text-decoration: none; color: #fff}}
.promotion_2 a:hover {display: block; text-decoration: none; color: #DBDBDB}
.promotion_2 p {margin: 10px;}

.contact_podstrona {width: 195px; float: left; text-align: justify; padding: 0 0 20px 20px;}
.contact_podstrona p {color: #fff}

/* --------- stopka --------- */
.bg_footer {width: 851px; height: 156px; float: left; margin: 50px 0 0 0; background-image: url(images/bg_footer.gif); background-repeat: repeat-x; background-position: center 12px;}
.bg_footer a {color: #4a4a4a; text-decoration: none;}
.bg_footer a:hover {color: #f9a01e;}
.footer {width: 850px; height: 156px; margin: 0 auto; background-image: url(images/footer.jpg); background-repeat: no-repeat; background-position: center 12px;}
.menu_footer {width: 706px; height: 20px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; background-image: url(images/menu_footer.gif);}
.menu_footer a {margin: 0 10px 0 0;}

.partners {width: 630px; float: left; margin: 10px 0 0 80px;}
.partners a {display: block; width: 18px; height: 17px; float: left; margin: 0 2px 0 0; padding: 2px 0 0 0; text-align: center; background-image: url(images/bg_partners.gif); color: #d35c03;}
.partners a:hover {display: block; width: 18px; height: 17px; float: left; margin: 0 2px 0 0; padding: 2px 0 0 0; text-align: center; background-image: url(images/bg_partners_on.gif); color: #d35c03;}

.link_partners a {color: #d35c03; text-decoration: none;}
.link_partners a:hover {color: #d35c03;}

.partners p {float: left; margin: 0 10px 0 0; padding: 2px 0 0 0; color: #fff;}

#link_up {display: block; float: left; margin: 10px 0 0 0;}
#link_up a {color: #ff6c00;}
.link_up a:hover {color: #ff6c00;}

.footer_2 {width: 100%; float: left;}

.map {width: 107px; height: 30px; float: left; margin: 50px 0 0 130px; }
.map a {display: block; float: left; width: 107px; height: 30px; background-image: url(images/bg_map.gif);}
.map a:hover {display: block; float: left; width: 107px; height: 30px; background-image: url(images/bg_map_on.gif);}

#footer_info {float: left; margin: 30px 0 0 90px; text-align: center; color: #fff; }
#footer_info a {color: #fff; font-weight: bold;}
.footer_info_1 {color: #ffbc8c;}

/* -*-*-*-*-*-*--*- PODSTRONA  -*-*-*-*-*-*-*-*- */

.bg_top_podstrona {width: 851px; height: 275px; position: relative; margin: 10px 0 40px 0; background-image: url(images/bg_top_podstrona.jpg); background-repeat: repeat-x; background-position: -65px 62px;}

.img_logo {position: absolute; float: left; left: 40px;}

.bg_img {width: 335px; height: 285px; float: left; margin: 10px 0 0 0px;  background-image: url(images/bg_img.png);}
.bg_img img {margin: 8px 0 0 7px;}

.top_right_podstrona {width: 200px ; height: 255px; padding: 20px 0 0 0; float: left;}
.top_right_podstrona select {width: 180px; float: left; font-size: 7pt; margin: 0 0 0 10px; border-width: 1px; border-style: solid; border-color: #fe6001; }  

.top_left_podstrona {width: 630px; height: 275px; float: left;}

.menu_top_podstrona {width: 207px; height: 169px; float: left; margin: 75px 0 0 70px; }
div#menu_top_podstrona a {width: 181px; height: 24px; padding: 7px 0 0 10px; display: block; float: left; background-image: url(images/bg_linia.gif); background-repeat: repeat-x;  background-position: 0 100%; font-size: 8pt; color: #fff;}
div#menu_top_podstrona a:hover {width: 181px; height: 24px; padding: 7px 0 0 10px; display: block; float: left; background-image: url(images/bg_linia_on.gif); background-repeat: repeat-x; font-size: 8pt; color: #FF8B02;}

.title_nasze_rozwiazania {width: 92px; height: 12px; float: left; margin: 30px 0 5px 10px; background-image: url(images/title_nasze_rozwiazania.png);}
.title_nasze_realizacje {width: 81px; height: 12px; float: left; margin: 10px 0 5px 10px; background-image: url(images/title_nasze_realizacje.png);}


/* -*-*-*-*-*-*--*- SYSTEM CMS  -*-*-*-*-*-*-*-*- */

.form_search {width: 178px; height: 18px; float: left; margin: 0 10px 0 0; padding: 7px 0 0 5px; background-image: url(images/bg_form.gif); background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #a1a1a1; font-size: 7pt; color: #474747;}

.bg_top_sys_cms {width: 851px; height: 292px; float: left; background-image: url(images/bg_topaaa.gif); background-repeat: repeat-x; background-position: center 100%; }

.left_sys_cms {width: 245px; float: left; margin: 0 0 0 37px;}
.right_sys_cms {width: 470px; float: left; margin: 0 0 0 25px;}

.top_sys_cms {width: 852px; margin: 0 auto;}
.img_top_sys_cms {width: 100%; height: 292px; margin: 0 auto; background-image: url(images/bg_top_sys_cms.jpg); background-repeat: repeat-x; background-position: center 100%;}
.under_top {width: 100%; float: left; margin: 0 0 30px 0; }

.top_right_sys_cms {width: 322px; height:292px; padding: 0px 0 0 0; float: right;  background-image: url(images/topb.jpg); background-repeat: no-repeat;}
.top_left_sys_cms {width: 520px; float: left;}

.menu_sys_cms {line-height: 13px; width: 273px; float: left; margin: 20px 0 0 0; background-image: url(images/bg_shadow_menu.gif); background-repeat: no-repeat; background-position: right 100%;}
.orange_menu {width: 237px; float: left; background-image: url(images/bg_orange_menu.gif);}
.orange_menu_top {width: 237px; float: left; background-image: url(images/bg_top_orange_menu.gif); background-repeat: no-repeat; background-position: center top;}

.title_menu_sys_cms {width: 130px; height: 28px; margin: 30px 0 0 30px; background-image: url(images/title_sys_cms.png); background-repeat: no-repeat;}
.orange_menu_bottom {width: 237px; float: left; background-image: url(images/bg_bottom_orange_menu.gif); background-repeat: no-repeat; background-position: center 100%;}

.menu_sys_cms_2 {float: left; padding: 0 0 20px 20px;}
#menu_sys_cms a { line-height: 13px; display: block; width: 180px; height: 18px; float: left; padding: 7px 0 0 5px; margin: 4px 0 0 0; color: #fff; background-image: url(images/bg_memu.gif); background-repeat: repeat-x; background-position: 0 100%;}
#menu_sys_cms a:hover {background-color:#ff9f66;}

.menu_top {float: left; margin: 5px 0 0 60px; }
#menu_top a {display: block; width: 112px; height: 22px; text-align: center; padding: 18px 0 0 0; margin: 0 0 0 1px; float: left; background-image: url(images/menu_sys_cms.gif); color: #a9a9a9;}
#menu_top a:hover {display: block; width: 112px; height: 28px; text-align: center; padding: 12px 0 0 0; margin: 0 0 0 1px; float: left; background-image: url(images/menu_sys_cms_on.gif); color: #686868;}

.logo {width: 226px; height: 50px; margin: 6px 0 0 70px; }

.search {float: left; padding: 0 0 20px 0;}
.search a {display: block; float: left; width: 185px; text-decoration: underline;}
.search a:hover {color: #fff;}
.search_2 {float: left; padding: 0 0 20px 20px;}
.search select {width: 185px; float: left; margin: 5px 0 0 0; font-size: 7pt;}
.search_menu {width: 237px; float: left; background-image: url(images/bg_wyszukiwarka.jpg);}
.search_top {width: 237px; float: left; background-image: url(images/bg_wyszukiwarka_top.jpg); background-repeat: no-repeat; background-position: center top;}
.search_bottom {width: 237px; float: left; background-image: url(images/bg_wyszukiwarka_bottom.jpg); background-repeat: no-repeat; background-position: center 100%;}

.title_search {width: 91px; height: 29px; margin: 30px 0 10px 30px; background-image: url(images/title_wyszukiwarka.png); background-repeat: no-repeat;}
.button_7 {width: 60px; height: 26px; float: left; margin: 5px 0 10px 0; text-align: center; background-image: url(images/button7.gif); color: #fff; border: 0;}

.txt {display: block; float: left; margin: 10px 0 0 0; width: 100%; text-align: justify;}

.top_right_sys_cms {width: 322px; height:292px; padding: 0px 0 0 0; float: right; background-image: url(images/topb.jpg); background-repeat: no-repeat;}

.under_zak_cms {width: 416px; height:101px; float: left; background-image: url(images/c_05.png); }