@import url("reset.css");
div, p, span, img, ul, li, h1, h2 { behavior: url(css/iepngfix.htc); }

p {font-size: 13px; line-height:1.4em; text-align: left; padding:5px;}
a {font-size: 13px; color:#c8002e; text-decoration: none;}
a:hover {text-decoration: underline;}
span {font-weight:600;}
span.green {font-weight:500;color:#33a740;}
	
body {background:#fff url(../images/www/bg.jpg) no-repeat center top; margin:0; padding:0; font-family:Arial, sans-serif; font-size:14px; line-height: 1.4em; z-index:1;}

#container {width: 100%; height:100%; padding:0; margin:0;background: url(../images/www/bgtop.jpg) no-repeat center top;}

#wrapper {width:953px; margin:0 auto; padding:0;}

/*top*/
#top {width:953px;margin:0; padding:0;background: url(../images/www/pasek.jpg) no-repeat bottom center;}
#header {width:953px;height: 223px;}

#menu {height: 53px;margin:0;}
#menu ul {margin:0;}
#menu ul li {float:left;display: inline;}
#menu ul li a {display: inline-block;padding:0;margin:0;}
#menu ul li a.glowna {background: url(../images/www/glowna.gif) no-repeat left top;width:241px;height:53px;}
#menu ul li a.glowna:hover {background: url(../images/www/glowna_over.gif) no-repeat left top;}
#menu ul li a.onas {background: url(../images/www/onas.gif) no-repeat left top;width:103px;height:53px;}
#menu ul li a.onas:hover {background: url(../images/www/onas_over.gif) no-repeat left top;}
#menu ul li a.jak {background: url(../images/www/jak.gif) no-repeat left top;width:175px;height:53px;}
#menu ul li a.jak:hover {background: url(../images/www/jak_over.gif) no-repeat left top;}
#menu ul li a.pomagamy {background: url(../images/www/pomagamy.gif) no-repeat left top;width:210px;height:53px;}
#menu ul li a.pomagamy:hover {background: url(../images/www/pomagamy_over.gif) no-repeat left top;}
#menu ul li a.kontakt {background: url(../images/www/kontakt.gif) no-repeat left top;width:224px;height:53px;}
#menu ul li a.kontakt:hover {background: url(../images/www/kontakt_over.gif) no-repeat left top;}

#bannery {width:900px;margin:0 auto;height: 142px;}
#bannery ul {height: 142px;}
#bannery ul li {float:left;margin:0;padding:0;height:71px;}
#bannery ul li.banner1 a {background: url(../images/www/ban1.gif) no-repeat left top; width:449px;height:71px;display:inline-block;}
#bannery ul li.banner1 a:hover {background: url(../images/www/ban1_over.gif) no-repeat left top;}
#bannery ul li.banner2 a {background: url(../images/www/ban2.gif) no-repeat left top; width:451px;height:71px;display:inline-block;}
#bannery ul li.banner2 a:hover {background: url(../images/www/ban2_over.gif) no-repeat left top;}
#bannery ul li.banner4 a {background: url(../images/www/ban4.gif) no-repeat left top; width:449px;height:71px;display:inline-block;}
#bannery ul li.banner4 a:hover {background: url(../images/www/ban4_over.gif) no-repeat left top;}
#bannery ul li.banner3 a {background: url(../images/www/ban3.gif) no-repeat left top; width:451px;height:71px;display:inline-block;}
#bannery ul li.banner3 a:hover {background: url(../images/www/ban3_over.gif) no-repeat left top;}

/*content*/
#content {margin:0 auto; padding:20px 0; width:900px; clear:both; text-align: left;}
#video {float:left;display:inline;}
#art {float:left;display:inline;width:620px; padding:5px;}
#art h1 {font-size:14px;padding:5px;color:#157495;}
#nav {float:right;}
#nav ul li {width:259px;height:48px;margin:0;padding:0;}
#nav ul li.sklep a {background:url(../images/www/sklep.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.sklep a:hover {background:url(../images/www/sklep_over.jpg) no-repeat left bottom;}
#nav ul li.media a {background:url(../images/www/media.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.media a:hover {background:url(../images/www/media_over.jpg) no-repeat left bottom;}
#nav ul li.partnerzy a {background:url(../images/www/partnerzy.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.partnerzy a:hover {background:url(../images/www/partnerzy_over.jpg) no-repeat left bottom;}
#nav ul li.sponsorzy a {background:url(../images/www/sponsorzy.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.sponsorzy a:hover {background:url(../images/www/sponsorzy_over.jpg) no-repeat left bottom;}
#nav ul li.galeria a {background:url(../images/www/galeria.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.galeria a:hover {background:url(../images/www/galeria_over.jpg) no-repeat left bottom;}
#nav ul li.newsletter a {background:url(../images/www/newsletter.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.newsletter a:hover {background:url(../images/www/newsletter_over.jpg) no-repeat left bottom;}
#nav ul li.szkolenia a {background:url(../images/www/szkolenia.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.szkolenia a:hover {background:url(../images/www/szkolenia_over.jpg) no-repeat left bottom;}
#nav ul li.linki a {background:url(../images/www/linki.jpg) no-repeat left bottom; display:block;width:259px;height:52px;}
#nav ul li.linki a:hover {background:url(../images/www/linki_over.jpg) no-repeat left bottom;}

#content p {font-size: 13px;}

#galeria {width:900px;margin:20px auto 10px auto;background:url(../images/www/bgpartnerzy.jpg) no-repeat top center;}
#galeria ul {padding:55px 0 0 0;}
#galeria ul li {float:left;display:inline;padding:0 10px; border-right:1px solid #DADADA;height:105px;}
#galeria ul li.last {border:none;}
/*footer*/

#footercontainer {margin:0; padding:0; height:80px; width:100%;}
#footer {width:900px; margin:0 auto;background: url(../images/www/bgfooter.jpg) no-repeat bottom center;height:55px;text-align: center;padding:25px 0 0 0;}
#footer p {font-size:12px; text-align:center; line-height:1.0em;padding:2px 0;}
#copyright {background:#fff;margin:0;padding:0;width:100%;text-align: center;}
#copyright p, #copyright a {font-weight: 600;font-size: 11px;color:#757575;text-align: center;}