* { border: none; margin: 0; padding: 0; }

body { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; 
	   background-color: #fff; text-align: center; color: #000; width: 100%; background: url('../images/bg.jpg') no-repeat top center; }

a { color: #CD5E00; text-decoration: underline; }
a:hover { color: #CD5E00; text-decoration: none; }
a.noDecoration { text-decoration: none; }

/* full: 1300px left: 127px right: 173px; */
#frame { margin: 0 auto; width: 100%; position: relative; text-align: left; }
#frame #background-left { width: 127px; height: 354px; float: left; display: block; background: url('../images/left-bg.png') no-repeat right top; }
#frame #background-right { width: 173px; height: 472px; float: right; display: block; background: url('../images/right-bg.png') no-repeat; }
#frame #page { width: 1000px; display: block; float: left; position: relative; overflow: hidden; }
#frame #page #page-bg { width: 1000px; display: block; position: relative; background-image: url('../images/subpage-bg.gif'); overflow: hidden;  }

#frame #page #top { width: 1000px; height: 287px; background-image: url('../images/top.jpg'); position: relative; }
#frame #page #top #top_baner { position: absolute; top: 25px; left: 0px; }
#frame #page #top ul { list-style: none; position: absolute; top: 6px; right: 130px; }
#frame #page #top ul li { display: inline; color: #fff; }
#frame #page #top ul li a { color: #fff; text-decoration: none; }
#frame #page #top ul li a:hover { color: #FFB843; }

#frame #page #top form { position: absolute; top: 263px; left: 300px; }
#frame #page #top form input { width: 105px; height: 18px; background-color: #F6D3BB; border: 1px solid #998B88; }
#frame #page #top form input.submit { width: 31px; height: 20px; background: url('../images/submit-search.jpg') no-repeat; border: none; cursor: pointer; }
html>body #frame #page #top form input.submit { padding-bottom: 3px; height: 18px; }

#frame #page #subpage { width: 1000px; background: url('../images/left-bottom.png') no-repeat left bottom; } 
#frame #page #subpage #contents { width: 1000px; min-height: 470px; height: auto !important; height: 470px; background: url('../images/page-bg.png') no-repeat left top; } 
html>body #frame #page #subpage #contents { overflow: hidden; }

#left { width: 293px; float: left; }
#right { width: 700px; float: right; }
html>body #right { width: 707px; } 

#right h1, #right h2, #right h3, #right h4 { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 18px; font-weight: normal; color: #E36B05; }
#right h5, #right h6 { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #000; font-weight: bold; margin-top: 16px; }
#right h1.black, #right h2.black, #right h3.black, #right h4.black, .black { color: #000; }
#right h5.orange, #right h6.orange, .orange { color: #E36B05; }
#right h1.blue, #right h2.blue, #right h3.blue, #right h4.blue, #right h5.blue, #right h6.blue, .blue { color: #005F98; }

/* GLÓWNY BANNER */
#main-banner { width: 666px; height: 128px; position: relative; clear: right; margin-left: 7px; margin-top: 12px; background: url('../images/jak-uczymy-bg.jpg') no-repeat left top; }
html>body #main-banner { margin-left: 14px; }
#main-banner h1 { position: absolute; top: 12px; left: 155px; }
#main-banner p { position: absolute; top: 36px; left: 157px; width: 440px; }
#main-banner a#najblizsze-terminy-kursow { display: block; position: absolute; top: 90px; left: 390px; width: 260px; height: 30px; }

#banners-slideshow { width: 650px; height: 150px; display: block; position: relative; clear: right; margin-left: 15px; }
#banners-slideshow .one_banner { opacity: 0%; display: none; position: absolute; top: 0px; left: 0px; z-index: 1; }
#banners-slideshow #switches { position: absolute; top: 2px; right: 0px; z-index: 5; }
#banners-slideshow #switches span { opacity: 0.8; cursor: pointer; display: block;color: #CD5E00; margin: 0px; padding: 5px; font-size: 11px; background-color: white; font-weight: bold; float: left; margin-left: 2px; }

a.button { display: block; width: 87px; height: 25px; background-image: url('../images/button-bg.jpg'); text-decoration: none; color: #fff; position: relative; }
a.button b { position: absolute; left: 35px; top: 5px; font-weight: normal; }
a.button:hover { background-position: 0px -25px; color: #fff; }

div.hr { width: 100%; height: 1px; display: block; background-color: #C6CCCC; }
div.hr hr { display: none; }

#box-left { width: 401px; float: left; margin-top: 18px; }
#box-left .box { width: 401px; height: 110px; position: relative; }
#box-left .box h2, #box-left .box h3 { position: absolute; top: 12px; left: 115px; }
#box-left .box img { position: absolute; top: 12px; left: 17px; border: 2px solid #B6B6B6; }
#box-left .box p { position: absolute; top: 41px; left: 116px; width: 260px; }
#box-left .box a { position: absolute; top: 85px; left: 290px; }
#box-left div.hr { width: 355px; margin-left: 17px; margin-top: 6px; margin-bottom: 6px; }

/*#box-doskonalenie { width: 270px; height: 274px; float: left; margin-top: 18px;  background: url('../images/box-doskonalenie.jpg') no-repeat left top; clear: right; position: relative; }*/
#box-doskonalenie { width: 270px; height: 274px; float: left; margin-top: 18px; background: url('../images/box-doskonalenie.jpg') no-repeat left top;  position: relative; }
#box-doskonalenie #doskonalenie { position: absolute; left: 0px; top: 0px; z-index: 1; }
#box-doskonalenie a { position: absolute; left: 0px; top: 0px; width: 270px; height: 274px; display: block; z-index: 9999; }


#box-testy-online { width: 180px; height: 90px; float: left; margin-top: 18px; position: relative; }

/*#box-doskonalenie p { position: absolute; top: 91px; left: 16px; width: 230px; }
#box-doskonalenie p a { color: #fff; text-decoration: none; }
#box-doskonalenie p a:hover { color: #FFB000; }*/


.box-line { margin-left: 5px; float: left; margin-top: 14px; width: 690px; height: 200px; clear: both; }
.box-line { width: 380px; height: auto; }
.box-line .box { width: 323px; margin-bottom: 10px; height: 197px; border: 1px solid #C6CCCC; position: relative; float: left; margin-left: 7px; display: inline; }
html>body .box-line .box  { margin-left: 10px; }
.box-line .box a { position: absolute; top: 163px; left: 218px; }
.box-line .box img { float: left; margin-top: 12px; margin-left: 14px; border: 2px solid #B6B6B6; margin-right: 8px; }
.box-line .box h4 { margin-top: 15px; margin-bottom: 10px; }
.box-line .box p { padding-left: 14px; padding-right: 10px; }

.box-line2 { margin-left: 7px; float: left; margin-top: 20px; width: 660px; height: 110px; clear: both; }
.box-line2 .box { width: 323px; height: 110px; position: relative; float: left; margin-left: 7px; display: inline; }
.box-line2 div.hr { width: 660px; margin-left: 0px; margin-top: 6px; margin-bottom: 6px; clear: both; }
html>body .box-line2 div.hr { margin-left: 7px; }
.box-line2 .box h2, .box-line2 .box h3 { position: absolute; top: 2px; left: 98px; }
.box-line2 .box img { position: absolute; top: 0px; left: 0px; border: 2px solid #B6B6B6; }
.box-line2 .box p { position: absolute; top: 28px; left: 100px; width: 220px; }
.box-line2 .box a.read-more { position: absolute; top: 85px; left: 240px; }

.line { margin-left: 17px; width: 640px; margin-top: 18px; margin-bottom: 20px; font-size: 12px; position: relative; }
.line p, .line table { margin-top: 12px; }
.line ul { list-style-position: outside; margin-top: 12px; margin-left: 30px; }
.line ul li strong { color: #005F98; } 
.line ol { list-style: none; margin-top: 12px; margin-left: 16px; }
.line ol.numbers { list-style-type: decimal; list-style-position: outside; margin-left: 28px; }
.line ol.alpha { list-style-type: lower-alpha; list-style-position: outside; margin-left: 28px; }
.line ol.upperAlpha { list-style-type: upper-alpha; list-style-position: outside; margin-left: 28px; }
.line ul li ol { margin: 8px 0px 12px 16px; }

.line p.short { width: 360px; }

.line table { border-collapse: collapse; }
.line table td { padding: 6px; text-align: center; border: 1px solid #C6CCCC; }
.line table tr.alt td { background-color: #F6F6F6; }
.line table thead td { background: #E56B06; color: #fff; font-family: Arial, Tahoma, Verdana, sans-serif; font-weight: bold; font-size: 13px; }
.line table td.alignLeft { text-align: left; } 
.line table td.center { text-align: center; } 
.line table td.alignRight { text-align: right; }  
.line table td small { font-size: 10px; }

.line .center { text-align: center; }
.line #doskonalenie-szkolenie-kurs { position: absolute; top: 20px; left: 410px; border: 2px solid #B6B6B6; }
.line #pp-logotypy { position: absolute; top: 120px; left: 400px; }
.line #pp-karta { position: absolute; top: 15px; left: 380px; }
.line #nasze-osrodki { position: absolute; top: 15px; left: 380px; border: 2px solid #B6B6B6; }
.line #banner-promocja { position: absolute; top: -10px; right: -22px; }

#right .line .float-left { float: left; }
#right .line .float-right { float: right; }
#right .line .left { text-align: left; }
#right .line .center { text-align: center; }
#right .line .right { text-align: right; }
#right .line h5.right { margin-right: 20px; }

#right .line p span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
#right .line p span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }
#right .line p span img { border: 2px solid #B6B6B6; }

#right .imagesContainer { margin-top: 14px; }
#right .imagesContainer img { float: left; border: 2px solid #B6B6B6; margin: 5px 5px 0px 0px; }
#right .imagesContainer img.last { margin-bottom: 14px; }
#right .tor-rakietowa { margin: 14px 0px 14px 40px; }

#right .pages-nav { position: relative; width: 629px; height: 40px; background: url('../images/pages-nav-bg.jpg'); clear: both; margin-left: 0px; }
#right .pages-nav a.prev { position: absolute; left: 14px; top: 20px; font-weight: bold; color: #000; }
#right .pages-nav a.next { position: absolute; right: 14px; top: 20px; font-weight: bold; color: #000; }
#right .pages-nav a.prev:hover, #right .pages-nav a.next:hover { color: #144E8D; } 
#right .pages-nav p { position: absolute; display: block; left: 150px; top: 20px; padding: 0; margin: 0; }

#right #terminarz-mapka { width: 500px; height: 322px; margin-top: 20px; background: url('../images/mapka.png'); position: relative; }
#right #terminarz-mapka #chorzow-terminarz { position: absolute; top: 179px; left: 307px; width: 176px; height: 57px; display: block; }
#right #terminarz-mapka #zabrze-terminarz { position: absolute; top: 80px; left: 24px; width: 136px; height: 45px; display: block; }
#right #terminarz-mapka #gliwice-terminarz { position: absolute; top: 175px; left: 3px; width: 135px; height: 57px; display: block; }
#right #terminarz-mapka #bytom-terminarz { position: absolute; top: 70px; left: 356px; width: 127px; height: 50px; display: block; }

/* FORMULARZ KONTAKTOWY/ZGŁSOZENIOWY */
#right form { width: 600px; margin-top: 10px; margin-bottom: 20px; }
#right form fieldset { margin: 0; border: none; }
#right form legend { color: #000; font-family: Verdana, Tahoma, sans-serif; font-weight: bold; font-size: 11px; color: #02395D; padding-left: 3px; padding-top: 10px; padding-bottom: 10px; }
#right form fieldset div { clear: both; overflow: hidden; margin-top: 6px; }
#right form fieldset div span.sep { float: left; width: auto; padding: 0px 4px; }
#right form fieldset div p { margin-left: 160px; }
#right form label { width: 160px; float: left; padding-top: 3px; text-align: right; }
#right form label span { margin-right: 10px; }
#right form label span.b { font-weight: bold; }
#right form input, 
#right form select, 
#right form textarea { width: 360px; float: left; background: #EBEBEB; border: 1px solid #acacac; } 
#right form input.submit-first { margin-left: 160px; margin-top: 6px; display: inline; width: 87px; height: 24px; background: url('../images/f-send.jpg'); border: none; cursor: pointer; }
#right form input.submit { margin-left: 16px; margin-top: 6px; display: inline; width: 87px; height: 24px; background: url('../images/f-cancel.jpg'); border: none; cursor: pointer; }
#right form input span { float: left;  display: inline; }
#right form input.hidden { visibility: hidden; }
#right form input.short, #right form textarea.short { width: 300px; }
#right form input#kod1 { width: 60px; }
#right form input#kod2 { width: 100px; }
#right form input#numer { width: 60px; }
#right form select#dd { width: 60px; }
#right form select#mm { width: 100px; margin-left: 6px;}
#right form select#yyyy { width: 60px; margin-left: 6px; }

#right .cena-kursu-zawiera { margin-top: 14px; margin-bottom: 10px; width: 652px; height: 268px; background: url('../images/cena_zawiera_bg.png'); position: relative; }
.cena-kursu-zawiera .ckz-standard { font-weight: bold; position: absolute; left: 370px; bottom: 16px; font-size: 12px; }
.cena-kursu-zawiera .ckz-opcja { font-weight: bold; color: #fff; position: absolute; left: 370px; top: 0px; width: 265px; font-size: 15px; }
.cena-kursu-zawiera ul { position: absolute; left: 0px; top: 0px; color: #fff; line-height: 17px; }
.cena-kursu-zawiera ul a { color: #fff; }
.cena-kursu-zawiera .u-standard { top: 174px; color: #000; }

/* HEADERS AS LINKS */
#main-banner h1 a, #box-left .box h2 a, #box-left .box h3 a, .box-line .box h4 a { position: relative; left: 0px; top: 0px; text-decoration: none; color: #E36B05; }
#main-banner h1 a:hover, #box-left .box h2 a:hover, #box-left .box h3 a:hover, .box-line .box h4 a:hover { text-decoration: underline; }

#left ul { list-style: none; list-style-position: inside; margin-left: 80px; margin-top: 125px; width: 200px; margin-bottom: 100px; }
html>body #left ul { margin-left: 94px; }
#left ul li { height: 22px; cursor: pointer; }
#left ul li.more { min-height: 22px; height: auto !important; height: 22px; }
#left ul li a, #left ul li h3 { padding-left: 14px; background: url('../images/ul-bullet.png') no-repeat 0% 50%; text-decoration: none; display: block; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #000; }
#left ul li a strong, #left ul li h3 strong { color: #D95103; }
#left ul li a:hover { color: #3D3D3D; }
#left ul li h3 { cursor: pointer; }
#left ul li h3:hover {  color: #3D3D3D; }

#left ul li ol { margin-left: 0px; list-style: none; }
html>body #left ul li ol { margin-left: 15px; }
#left ul li ol li { height: 20px; }
#left ul li ol li.first { margin-top: 10px; }
#left ul li ol li.last { padding-bottom: 10px; }
#left ul li ol li.2line { height: auto !important; }
#left ul li ol li.under2line { padding-top: 6px; }
html>body #left ul li ol li.under2line { padding-top: 14px; }
#left ul li ol li a { padding-left: 14px; font-weight: normal; background: url('../images/ol-bullet.png') no-repeat 0% 50%; text-decoration: none; display: block; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000; }
#left ul li ol li a:hover { color: #D95103; }

#frame #page #footer { width: 1000px; height: 83px; clear: both; background-image: url('../images/footer-bg.png'); position: relative; }
#frame #page #footer p { color: #fff;position: absolute; left: 142px; top: 46px; }
#frame #page #footer span { color: #fff;position: absolute; right: 71px; top: 46px; }
#frame #page #footer span a { color: #fff; text-decoration: underline; }
#frame #page #footer span a:hover { color: #005B95; text-decoration: none;  }
#frame #page #footer ul { list-style: none; position: absolute; top: 14px; left: 184px; }
#frame #page #footer ul li { display: inline; color: #fff; }
#frame #page #footer ul li a { color: #fff; text-decoration: underline; }
#frame #page #footer ul li a:hover { text-decoration: none; }

img, div, li, a, input { behavior: url('styles/iepngfix.htc'); }