body {text-align:center; background:#e3e3e3 url(img/body-bg.gif) repeat-x; color:#3f4343; font-family:Arial, Verdana, sans-serif; font-size:14px;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clearing float */
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

/* common styles */
img {border: 0;}
.floatleft {float:left;}
.floatright {float:right;}
p {line-height:140%;}

/* main container */
#container {width:923px; margin:15px auto;}
ol {padding-left:20px;}

/* page header */
#header {width:923px; height:372px; text-align:left; background:url(img/content-bg.gif) repeat-y left;}
#header-top {width:923px; height:93px; background:url(img/header-top-bg.png) no-repeat top; position:relative;}
p.counter {position:absolute; top:2px; left:290px; color:#353939;}
#header .logo {position:absolute; left:50px; top:10px;}
#header #menu {list-style-type:none; position:absolute; top:56px; right:48px; margin:0; padding:0;}
#header #menu li {float:left; padding-left:54px;}
#header #menu li a {text-transform:uppercase; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;}
#header #menu li a:hover, #header #menu li.current_page_item a {text-decoration:underline;}
#header #infobox {width:846px; height:267px; background:#f2f2f2 url(img/car.jpg) no-repeat right; border:1px solid #d6d7d7; margin:10px auto 0 auto;}
#header #smallmenu {list-style-type:none; position:absolute; top:6px; right:3px;}
#header #smallmenu li {display:inline; color:#7f7f7f;}
#header #smallmenu li a {color:#7f7f7f; text-decoration:none; font-size:12px;}
#header #smallmenu li a:hover {text-decoration:underline;}
#infobox h3 {font-size:20px; margin:26px 0 0 36px;}
#infobox ul {font-size:18px; margin:16px 0 0 50px;  line-height:140%;}
#infobox a.button-1 {margin:30px 0 0 70px; display:block; width:236px;}
#infobox a:hover.button-1 img {filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}

/* main content */
#content {width:923px; text-align:left; background:url(img/content-bg.gif) repeat-y left; padding:12px 0 0 0;}
#content p {padding:2px 0 12px 0;}
#content .box {background:#3e4242 url(img/box-bg.jpg) repeat-x top; width:848px; margin:0 auto; height:191px; color:#fff;}
#content .box h3 {font-size:20px; border-bottom:1px solid #6c7070; width:418px; padding-bottom:10px; margin-bottom:20px;}
#content .box p {font-size:18px; line-height:150%; padding:0;}
#content .box p.big {font-size:23px; font-weight:bold;}
#content .box .floatleft {text-align:center; padding:30px 0 30px 30px;}
#content .box.oferta {height:175px;}
#content .box.oferta .floatleft {text-align:left; background:url(img/oferta-box.jpg) no-repeat top left; height:145px; padding:30px 30px 0px 30px; width:361px;}
#content .box.oferta .floatleft .quote {font-style:italic; font-size:18px; line-height:120%}
#content .box.oferta .floatleft .user {font-size:16px; font-weight:normal; text-align:right}
#content .box .floatright {padding:30px 30px 0 0;}
#content .box.oferta .floatright {padding:20px 90px 0 0; /padding-top:60px;}
#content .box .floatright ul {font-size:16px; text-align:center;}
#content .box .floatright a.button-2 {display:block; margin:40px 0 0px 26px}
#content .box .floatright a:hover.button-2 img {filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}

h2 {background:url(img/h2-bg.png) no-repeat; width:401px; margin-bottom:20px; height:48px; color:#fff; font-size:16px; text-transform:uppercase; line-height:300%; padding-left:20px}
#leftside {float:left; padding:13px 0 0 36px; width:401px; display:inline;}
a.button-3 {float:left; display:block; margin:20px 0 20px 100px}
a.button-4 {float:left; display:block; margin:20px 0 20px 200px}
a:hover.button-3 img, a:hover.button-4 img {filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
#rightside {float:right; width:401px; margin:13px 56px 0 0; display:inline; _margin:13px 36px 0 0;}
#rightside img.floatleft {padding-right:6px;}
#rightside p.kurs {font-style:italic;}
#rightside p.floatright {text-align:right; padding:10px 0;}

/* jak to robimy */
.jakrobimy #leftside {float:left; padding:13px 0 0 36px; width:499px; display:inline;}
.jakrobimy #leftside h2 {background:url(img/h2long-bg.png) no-repeat; width:499px;}
.jakrobimy #rightside {float:right; width:295px; margin:13px 56px 0 0; display:inline; _margin:13px 36px 0 0;}
.jakrobimy #rightside h2 {background:url(img/h2short-bg.png) no-repeat; width:295px;}
a.button-6 {margin:20px auto 0 auto; text-align:center; display:block; padding-bottom:20px; width:253px;}
a:hover.button-6 img {filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}

/* rejestracja */
.page-id-11 #header, .page-id-36 #header {height:98px;}
.page-id-11 #content .box {height:auto; text-align:center; padding:20px 0;}
.page-id-11 #content .box p.bigger {font-style:italic; font-size:20px;}
.page-id-11 #content .box p.smaller {font-style:italic; font-size:17px;}
#middle {width:811px; padding:13px 0 0 36px;}
#middle h2 {background:url(img/h2full-bg.png) no-repeat; width:827px;}
#middle form {padding:8px 0 20px 0; margin-left:260px;}
#middle form p {font-size:12px; color:#745555;}
#middle form input {border-top:1px solid #abadb3; border-bottom:1px solid #e3e9ef; border-left:1px solid #e3e9ef; border-right:1px solid #e3e9ef; width:350px; height:19px;}
#middle form .wpcf7-checkbox input, #middle form input.wpcf7-acceptance {width:auto; height:auto; border:0; padding:0;}
#middle form input.submit {border:0; font-size:0; cursor:pointer; padding:0; background:url(img/button6.png) no-repeat; width:253px; height:55px; margin:20px 0 14px 60px;}
#middle form input.submit:hover {filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
#middle form p.smaller {font-size:11px;}
#middle form a {color:#000; text-decoration:none; border-bottom:1px dotted #000;}
.thanku {padding:50px 0 120px 20px; font-size:16px; }

/* pomoc */
#content.pomoc .box{height:auto; overflow:hidden; text-align:center;}
#content .box .wrap {padding:25px;}
.pomoc form {padding:0 0 8px 8px;}
.pomoc form input {border:1px solid #d6d7d7; width:347px; height:22px; padding:0 3px;}
.pomoc form textarea {border:1px solid #d6d7d7; width:347px; height:101px; padding:0 3px;}
.pomoc form input.submit2 {border:0; cursor:pointer; color:#fff; width:137px; height:35px; text-align:center; margin-left:120px; font-size:14px; font-weight:bold; text-transform:uppercase; background:#464a4a;}
.pomoc h4 {background:url(img/h2-bg.png) no-repeat; width:401px; margin-bottom:20px; height:48px; color:#fff; font-size:16px; text-transform:uppercase; line-height:300%; padding-left:20px}
#content.pomoc #leftside p {padding:0;}
#content.pomoc #leftside p.faq-question {text-decoration:underline; background:url(img/dot.gif) no-repeat 1px 8px; padding:0 0 0 14px;}
#content.pomoc #leftside .faq-answer {padding:8px 8px 8px 14px;}

/*sitemap*/
#sitemap {margin:0 0 0 50px; padding-bottom:40px;}
#sitemap ul {padding:5px 0 0 14px;}
#sitemap a {color:#3f4343}

/* footer */
#footer {width:923px; background:url(img/footer-bg.gif) no-repeat top;  font-size:12px; height:60px; text-align:left;}
#footer ul {list-style-type:none; padding:12px 0 0 10px;}
#footer ul li {display:inline; border-right:1px solid #353939;}
#footer ul li.page-item-57 {border:0;}
#footer ul li a {color:#353939; text-decoration:none; padding:0 3px 0 2px; /padding:0 2px 0 3px;}
#footer ul li a:hover {text-decoration:underline;}
#footer .copy {text-align:center; color:#777F7F; padding:8px 0 2px 0}