/* ogolne */
* {	margin: 0;	padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;}
body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;padding:0pt; margin: 0;vertical-align:baseline;}
body{color: #21252e;font-family: Tahoma, Helvetica, sans-serif; font-size: 11px;}
#main_bg {background: #84a0aa url(../images/bg.png) repeat-x; overflow: hidden;}
#sub_bg {background: #84a0aa url(../images/sub_bg.png) repeat-x; overflow: hidden;}
#container{width: 978px; margin: auto;}

/* top */
#top{width: 960px; padding: 0 0 0 18px; background: url(../images/top_bg.png) no-repeat 0 44px; height: 386px;}
#top_subpage{width: 960px; padding: 0 0 0 18px; background: url(../images/top_subpage_bg.png) no-repeat 0 44px; height: 201px;}

/* menu */
#top_menu {height: 44px; list-style: none; background: url(../images/menu_separator.png) no-repeat; padding: 0 0 0 1px;}
#top_menu li {float: left;background: url(../images/menu_separator.png) no-repeat top right; padding: 0 1px 0 0;}
#top_menu a{text-decoration: none; color: #fff; font-size: 14px; display: block; line-height: 44px; padding: 0 31px;}
#top_menu a:hover, #top_menu .current a{text-decoration: none; color: #7fb4ee;background: url(../images/menu_hover.png) no-repeat bottom center;}

/* belka pod menu */
#first_bel {list-style: none; float: right; height: 20px;}
#first_bel li{padding: 0 7px 0 36px; font-size: 12px; color: #fff; font-weight: bold; float: left;}
#first_bel .tx {padding: 3px 0 0 0;}
#first_bel .facebook_ico{width: 20px; height: 20px; display: block; background: url(../images/facebook_ico.png) no-repeat; float: left; padding: 0 3px 0 0; text-indent: -2000em;}
#first_bel .youtube_ico{width: 20px; height: 20px; display: block; background: url(../images/youtube_ico.png) no-repeat; float: left; padding: 0 3px 0 0; text-indent: -2000em;}

/* belka z logiem */
#second_bel {height: 56px; overflow: hidden; width: 100%;}
#second_bel h1 {text-indent: -2000em; float: left; padding: 0;}
#second_bel h1 a {background: url(../images/logo.png) no-repeat; display: block; width: 298px; height: 55px;}
#second_bel ul {background: #1d3c5a; -moz-border-radius: 6px;border-radius: 6px; margin: 7px 0 0 0; float: right; padding: 7px 5px 0 7px; height: 35px; list-style: none;}
#second_bel li {float: left; font-size: 12px; color: #fff;}
#second_bel .tel {background: url(../images/tel_ico.png) no-repeat; padding: 2px 20px 0 42px;height: 33px;}
#second_bel .gg {background: url(../images/gg_ico.png) no-repeat 0 4px; padding: 8px 20px 0 32px;height: 32px;}
#second_bel .chat {background: url(../images/chat_ico.png) no-repeat 0 1px; padding: 3px 10px 0 52px;height: 32px;}
#second_bel a {text-decoration: none; color: #fff;}
#second_bel a:hover {text-decoration: underline;}
#second_bel .chat a{font-weight: bold;}

/* boxy z opsem */
.box {width: 489px; float: left; background: url(../images/box_top.png) no-repeat top right; padding: 10px 0 0 0; margin: 0 0 20px 0;}
.box_footer {width: 489px; height: 10px; font-size: 1px; background: url(../images/box_footer.png) no-repeat top right; clear: both;}
.pudelko{width: 200px; float: left; padding: 0 5px 0 0;}
.pudelko .program_a{width: 200px; height: 210px; background: url(../images/pudelko_a.png) no-repeat; text-indent: -2000em; display: block;}
.pudelko .program_b{width: 200px; height: 210px; background: url(../images/pudelko_b.png) no-repeat; text-indent: -2000em; display: block;}
.pudelko .program_c{width: 200px; height: 210px; background: url(../images/pudelko_c.png) no-repeat; text-indent: -2000em; display: block;}
.pudelko .program_d{width: 200px; height: 210px; background: url(../images/pudelko_d.png) no-repeat; text-indent: -2000em; display: block;}
.box .opis {float: left; width: 274px; padding: 0 10px 0 0;}
.box .opis h2{font-weight: bold; font-size: 18px; padding: 0 0 10px 0;}
.box .opis h3{font-weight: normal; font-size: 14px; padding: 0 0 10px 0;}
.box .opis p{line-height: 18px;}
.box .opis .cena{color: #cb0101; padding: 10px 0 0 0; font-size: 14px;}
.box .nav {padding: 10px 0 0 169px; overflow: hidden; clear: both; width: 320px;}
.box .nav a {margin: 0 5px 0 0;}
.box .nav .button_blue{background: url(../images/bb.png) repeat-x; width: 100px; height: 24px; display: block; color: #fff; text-decoration: none; float: left; font-weight: bold; padding: 7px 0 0 0; text-align: center;}
.box .nav .button_orange{background: url(../images/bo.png) repeat-x; width: 100px; height: 24px; display: block; color: #fff; text-decoration: none; float: left; font-weight: bold; padding: 7px 0 0 0; text-align: center;}
.box .nav .button_silver{background: url(../images/bs.png) repeat-x; width: 100px; height: 24px; display: block; color: #fff; text-decoration: none; float: left; font-weight: bold; padding: 7px 0 0 0; text-align: center;}

/* footer */
#footer_container {width: 100%; background: #0b2035; clear: both; overflow: hidden;}
#footer {width: 960px;  padding: 0 0 0 18px; margin: auto; overflow: hidden;}
#footer #stopka {height: 11px; padding: 54px 0; font-size: 11px; color: #afcae5;background: url(../images/footer.png) no-repeat top right; clear: both;}
#footer #stopka p {float: left; width: 40%;}
#footer #stopka ul {float: right; list-style: none;}
#footer #stopka li {float: left; border-right: 1px solid #afcae5; padding: 0 5px;}
#footer #stopka li:last-child {border-right: none;}
#footer #stopka a {color: #afcae5; text-decoration: none;}
#footer #stopka a:hover {color: #afcae5; text-decoration: underline;}

#footer .box_blue,#footer .box_blue2 {background: #132f4b; -moz-border-radius: 6px;border-radius: 6px; padding: 10px; color: #afcae5; width: 940px; margin: 20px 0 0 0; overflow: hidden;}
#footer .box_blue dt{width: 100px; padding: 0 0 10px 0;}
#footer .box_blue dd{padding: 0 10px 0 0; float: left;}
#footer .box_blue2 dt{float: left; width: 100px;}
#footer .box_blue2 dd{float: left; padding: 0 10px 0 0;}

/* podstrona */
.subpage {width: 960px; clear: both; overflow: hidden; background: url(../images/wide_box_res.png); margin: 0 0 20px 0;}
.wide_box_top {width: 960px; height: 14px; overflow: hidden; background: url(../images/wide_box_top.png);}
.wide_box_footer {width: 960px; height: 23px; overflow: hidden; background: url(../images/wide_box_bottom.png);}
#sidebar {width: 241px; float: left; background: url(../images/sidebar_top.png) no-repeat; padding: 10px 0;}
#sidebar .ads{width: 241px; text-align: center;}
#sidebar .ads a{margin: 0 0 10px 0;}
#sidebar .opcje{width: 234px; padding: 10px 0 10px 7px;}
#sidebar .opcje .kup{width:228px; height: 71px; display: block; background: url(../images/button_kup.png); text-indent: -2000em;}
#sidebar .opcje .demo{width:228px; height: 65px; display: block; background: url(../images/button_demo.png); text-indent: -2000em;}
#sidebar .opcje .kup:hover{background: url(../images/button_kup_h.png);}
#sidebar .opcje .demo:hover{background: url(../images/button_demo_h.png);}
#sidebar .sidebar_nav{list-style: none;}
#sidebar .sidebar_nav li{padding: 10px 0 11px 15px; background: url(../images/li_bg.png) no-repeat bottom;}
#sidebar .sidebar_nav li:last-child {background: none;}
#sidebar .sidebar_nav li a{text-decoration: none; color: #0b2035; font-weight: bold;background: url(../images/arrow.png) no-repeat 5px 4px; padding: 0 0 0 20px;}
#sidebar .sidebar_nav li a:hover{text-decoration: underline;}

.szczegoly {width: 719px; float: left;}
.szczegoly  h2{background: url(../images/h2bg.png) no-repeat bottom right; padding: 10px 0 10px 35px; font-weight: bold; font-size: 24px;}
.szczegoly  h3{font-size: 14px; font-weight: normal; display: block; padding: 10px 0 30px 35px;}
.szczegoly .opis {float: left; line-height: 20px; font-size: 14px; width: 460px; padding: 0 20px 0 34px;}
.szczegoly .opis p {padding: 0 0 20px 0;}

.subpage .nav {list-style: none; background: url(../images/h2bg.png) no-repeat bottom right; padding: 10px 20px 10px 35px; overflow: hidden; height: 50px;}
.subpage .nav .cena{color: #0b2035; font-weight: bold; font-size: 30px; width: 200px; float: left;}
.subpage .nav .cena span{font-size: 18px; display: block; float: left;}
.subpage .nav .cena strong,.subpage .nav .cena .zl {font-size: 30px;}
.subpage .nav .cena .crodzaj{padding: 0 0 0 5px;}
.subpage .nav .cena .netto{font-size: 11px; color: #646464; font-weight: normal; clear: both; display: block;}
.subpage .nav .button_blue{background: url(../images/bb.png) repeat-x; width: 100px; height: 24px; display: block; color: #fff; text-decoration: none; float: left; font-weight: bold; padding: 7px 0 0 0; text-align: center;}
.subpage .nav .button_red{background: url(../images/br.png) repeat-x; width: 100px; height: 24px; display: block; color: #fff; text-decoration: none; float: left; font-weight: bold; padding: 7px 0 0 0; text-align: center;}
.subpage .nav .op {float: right; padding: 18px 0 0 0;}

/* ogolne */
.red {color: #cb0101;}
.green {color: #11671b;}
.brown {color: #644d21;}
.violet {color: #5d096a;}