body {font-family: Tahoma, Verdana, Arial; font-size: 11px; background: #fffffd url(img/body_bcg.jpg) repeat-x 0 0;}

.hide {display: none;}

#left_bar {position: absolute; top: 380px; left: 0; width: 49.99%; height: 80px; background: #040203 url(img/left_bar.jpg); z-index: 1;}
#right_bar {position: absolute; top: 380px; right: 0%; width: 49.99%; height: 80px; background: #040203 url(img/right_bar.jpg); z-index: 1;}

#container {width: 960px; margin: 0 auto; background: #fffffd url(img/top_main.jpg) no-repeat 0 72px; z-index: 2; position: relative; padding-top: 460px; }

h1#logo {background: url(img/top_bar.jpg) 230px 0; width: 960px; height: 72px; position: absolute; top: 0; left: 0;}
h1#logo img {background: url(img/index_logo.jpg);}

#top_text {width: 300px; position: absolute; left: 10px; top: 170px;}
#top_text p {color: #a4a4a4; line-height: 150%; margin-top: 10px; }


ul#main_menu {display: block; position: absolute; right: 20px; top: 20px;}
ul#main_menu li {display: block; float: left; padding-right: 6px; height: 24px;}
ul#main_menu li a {display: block; float: left; height: 14px; padding: 6px 10px 4px 10px; text-align: center; text-decoration: none; color: #dcdcdc;}

ul#main_menu li.act a {background: url(img/menu_hover.png) repeat-x 0 0;}

ul#main_menu li.act #menu_l {background: url(img/menu_hover_l.png) no-repeat 0 0;display: block; width: 6px; height: 24px; float: left;}
ul#main_menu li.act #menu_r {background: url(img/menu_hover_r.png) no-repeat 0 0;display: block; width: 6px; height: 24px; float: left;}

ul#main_menu li a:hover {text-decoration: underline;}
ul#main_menu li.act a {color: #373737;}


#player {width: 320px; height: 200px; position: absolute; top: 180px; right: 20px; background: #fff url(img/player.jpg)}

span#pytania {display: block; width: 356px; height: 27px; position: absolute; background: #fff url(img/masz_pytania.jpg); text-indent: -1000px; overflow: hidden; top: 420px; right: 5px;}

ul#main_offer {display: block; width: 960px; height: auto; overflow: hidden; padding: 5px 0;}

ul#main_offer li {display: block; float: left; padding: 6px 0px 6px 6px; width: 234px; height: 230px; overflow: hidden;}

ul#main_offer li .offer_name {display: block; height: 50px; padding-left: 10px; margin-bottom: 8px; font-family: Arial;}

li#main_offer_1 .offer_name {border-left: 7px solid #FAA21B;}
li#main_offer_2 .offer_name {border-left: 7px solid #88C545;}
li#main_offer_3 .offer_name {border-left: 7px solid #00B4B6;}
li#main_offer_4 .offer_name {border-left: 7px solid #8B1193;}

ul#main_offer li .offer_name .advanced {font-size: 18px; color: #202020;}
ul#main_offer li .offer_name .name {font-size: 23px;}

li#main_offer_1 .offer_name .name {color: #FAA21B;}
li#main_offer_2 .offer_name .name {color: #88C545;}
li#main_offer_3 .offer_name .name {color: #00B4B6;}
li#main_offer_4 .offer_name .name {color: #8B1193;}

ul#main_offer .offer_name .name_desc {color: #b5b5b5; font-size: 11px; display: block; clear: both; margin-top
: 3px;}

ul#main_offer li .offer_desc {color: #4a4a4a; font-size: 11px; line-height: 18px; text-align: justify; display: block; margin-left: 7px; 
padding:0 10px 0 5px;}

ul#main_offer li a.button_01 {width: 157px; height: 21px; display: block; margin: 10px; background: url(img/button_01.jpg); padding-top: 9px; color: #fff; text-decoration: none; text-align: center; background-position: 0 30px;}

ul#main_offer li a.button_01:hover {background-position: 0 0;}

#wspolpraca {width: 960px; margin-bottom: 5px; overflow: hidden; height: auto;}
#wspolpraca h4 {color: #323232; font-size: 15px; font-weight: bold; font-family: Arial;}
#wspolpraca ul {padding-top: 5px;}
#wspolpraca ul li {display: block; float: left; padding-right: 21px;}
#wspolpraca ul li.last {padding: 0;}
#wspolpraca ul li a {display: block; float: left; padding: 6px 0;}
#wspolpraca ul li a:hover {border-bottom: 2px solid #FDB812; padding: 4px 0 4px; border-top: 2px solid #88C545;}

#footer {background: url(img/hor-border.jpg) repeat-x left top;}
#footer div {width: 940px; text-align: right; padding: 10px; color: #555; margin: 0 auto;}
#footer div img {vertical-align: middle;}

#corobimy {width: 960px; margin-bottom: 5px; overflow: hidden; height: auto;}
#corobimy h4 {color: #323232; font-size: 15px; font-weight: bold; font-family: Arial;}
#corobimy ul {padding-top: 5px;}
#corobimy ul li { float: left; }
#corobimy ul li a {display: block; float: left; padding: 5px 10px 5px 0; color:#B5B5B5; font-size:10px; text-decoration:none; font-weight:bold; height:20px;}
#corobimy ul li a.medium { font-size:14px; }
#corobimy ul li a:hover { color:#333333; text-decoration:underline; }