/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; font-size:1px; line-height:1px; }
.replacement { position:absolute; z-index:10; background-repeat:no-repeat; }
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
a .replacement {	z-index:20; cursor:hand; }
/* </default rules> */

body { background:url(../pix/body-bg.jpg) repeat-x; font:12px Arial; color:#666; }
.separator { clear:both; width:898px; height:8px; background:url(../pix/separator.gif) repeat-x; line-height:1px; font-size:1px;}
a:link, a:visited { color:#1ab0e6; }

#wrapper { margin:0 auto; width:942px; position:relative;}

#promobox-efs { position:absolute; top:26px; left:500px; z-index:100; }

#promobox-newsletter { width:898px; height:264px; background:url(../pix/promobox-newsletter.jpg) no-repeat; position:relative; }
#promobox-newsletter .email { position:absolute; top:160px; left:112px; width:400px; height:39px; background:#fff url(../pix/newsletter-bg.gif) repeat-x; border:2px solid #63d0f6; padding:6px 0 0 5px; font:28px Arial; }
#promobox-newsletter .zapisz { position:absolute; top:156px; left:530px; }

#leftColumn { width:673px; float:left; }
#rightColumn { width:269px; float:left; }

#logo h1 { position:relative; height:134px; width:673px; overflow:hidden; float:left; }
#logo h1 .replacement { left:0; top:0; height:134px; width:673px; background:url(../pix/logo.gif) no-repeat; }

#menu { font:bold 13px Arial; }
#menu ul {list-style:none; margin:0; padding:0; }
#menu li { margin:0; padding:0; float:left; }
#menu a { color:#fff; padding: 19px 18px 18px 23px; display:block; text-decoration:none; background:url(../pix/menu-border.gif) no-repeat top left;  }
#menu a:hover { text-decoration:underline; }
#menu .first a { background:none; }
#menu a.active { color:#92e5fb; background:url(../pix/menu-active.gif) no-repeat;  }
#menu .first a.active { background:url(../pix/menu-active-first.gif) no-repeat;  }

#content { width:898px; background:#fff;}
#page { width:898px; float:left; background:#fff url(../pix/ofnews.gif) repeat-x bottom left;}

#submenu { width:302px; float:left; }
#tresc { width:596px; float:left; }

#submenu ul { padding:20px 10px 20px 50px; }
#submenu li { padding-bottom:4px; }
#submenu .active { font-weight:bold; color:#abc324; }

#tresc #box { padding: 20px;}
#tresc #box h1{ margin-bottom:15px; font-size:16px; }
#test #box h1{ margin-bottom:15px; font-size:16px; }
#tresc #box p{ margin:10px 0;}
#tresc #box ol{ margin:10px 0; list-style:decimal; margin-left:21px; }
#tresc #box ul{ margin:10px 0; list-style:square;  margin-left:17px; }
#tresc #box td { padding:3px; }

#oszkole { width:302px; float:left; }
#dlafirm { width:296px; float:left; }
#kursy { width:300px; float:left; }

#oszkole h2 { position:relative; height:42px; width:302px; overflow:hidden; float:left; }
#oszkole h2 .replacement { left:0; top:0; height:42px; width:302px; background:url(../pix/h-oszkole.gif) no-repeat; }
#oszkole p { margin:15px 30px; }

#dlafirm h2 { position:relative; height:42px; width:296px; overflow:hidden; float:left; }
#dlafirm h2 .replacement { left:0; top:0; height:42px; width:296px; background:url(../pix/h-dlafirm.gif) no-repeat; }
#dlafirm p { margin:15px 30px; }

#kursy h2 { position:relative; height:42px; width:300px; overflow:hidden; float:left; }
#kursy h2 .replacement { left:0; top:0; height:42px; width:300px; background:url(../pix/h-kursy.gif) no-repeat; }
#kursy p { margin:15px 30px; }

#ofnews { background:url(../pix/ofnews.gif) repeat-x bottom left;}
#oferta { width:598px; float:left; }
#newsletter { width:300px; float:left; }

#oferta .oferta { width:299px; float:left; }
#oferta .oferta p { margin:10px 25px; }
#oferta .oferta p.more { text-align:right; font-weight:bold;}

#newsletter form{ margin:10px 12px 0 12px;  }
#newsletter input.email { font:12px Arial; border:1px solid #d1d1d1; width:265px; text-align:center; color:#666; padding:8px 0;}
#newsletter input.zapisz { margin-left:125px; }

#footer { width:898px; height:100px; background:url(../pix/footer-bg.gif) repeat-x; }
#ue { width:219px; float:left; }
#copy { color:#016f94; width:679px; float:left; text-align:right; }
#copy p { padding:27px 25px 0 0;}



/* testy on-line */
#test { width:898px; }
#test #box { padding: 20px;}
#test #box ul { margin:10px 0;}
#test #box p { margin-bottom:20px;}

#formularz { background:#f2f2f2; border:1px solid #ccc; padding: 10px 0; text-align:left; border-collapse:collapse;}
#formularz .header { padding:5px 10px; font-weight:bold; background:#048ebf; color:#fff; }
#formularz td {padding: 5px 0;}
#formularz .label { text-align:right; padding-right:10px; font-weight:bold; }
#formularz .spec { text-align:right; padding-right:10px; }
#formularz .formularz_tekst { width: 170px; border:1px solid #ccc;padding:2px; font:12px Arial;}
#formularz .formularz_tresc { width: 170px; height:80px; border:1px solid #ccc; padding:2px; font:12px Arial;}
#formularz .form_godziny { width: 30px; border:1px solid #ccc;padding:2px; font:12px Arial;}

#formularz .current { background:#e2e2e2; }
#formularz .current td{ border:1px solid #ccc; border-bottom: 1px dashed #ccc;padding: 5px;}
#formularz .goal { background:#e2e2e2;}
#formularz .goal td{ border:1px solid #ccc;border-top: none; padding: 5px;}
#formularz .tresc td { background:#fefefe; padding: 5px; border:1px solid #ccc;}

#zgoda  { text-align:left; }
#zgoda td { vertical-align:top; font-size:11px;}

#formtest { background:#f2f2f2; border:1px solid #ccc; margin: 10px 0; text-align:left;}
#formtest td { padding: 2px 20px;}
#formtest .srodek td { padding: 0 10px 0 0; vertical-align:top; }
#tests  { width:728px; float:left; }
.kroki { border-bottom:1px solid #ccc; padding: 0 0 3px 0; color:#999;}
.kroki strong { color:#abc324;}
strong.step { color:#000;}


.partner-info { margin:30px 0 0 0; border-bottom:1px solid #69d2f7;}
.partner-info img {border:1px solid #ddd; float:left; margin:15px 15px 15px 0; }
.partner-info p { margin:15px 0; }
.partner-info .more { text-align:right; }
.partner-info h3 { margin:0; padding:0;}
#trescBox .partner-info .data { font-size:10px; color:#ccc; margin:0; padding:0;}