/* ustawienie globalnej wielkosci czcionki na 1em */
body { font-size:12px; background:url(../images/bg.gif) repeat-x top #4E9C2D; color:#000; font-family:Arial, Helvetica, sans-serif; } 

/* wyzerowanie marginesow i paddingow */
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; }

/* usuniecie obramowania obrazkow */
img { border: 0; }
.floatleft { float:left;}
.floatright { float:right;}
h1 { font-size:22px; color:#489526; padding:14px 10px 20px 14px; margin-bottom:140px}
h3 { color:#428F20; font-size:12px; padding:12px 0 12px 12px; font-weight: bold;}
a { color:#4D981A; font-weight:bold;}
.lista { list-style-type:decimal; color:#4F4E4E; padding:0 10px 0 30px; line-height:160%}

/* Main container */
#container { width:960px; margin:0 auto; }

/* header */
#header {height:130px; background:#fff; position:relative; }
#header #pasek { height:8px; background:#E0E0E0; }
#header #logo { height:85px; }
#header #logo img { float:left; }
#header #logo #slogan { float:left; color:#4E9C2D; font-size:16px; font-weight:bold; margin:20px 0 0 20px}
#header #logo #lang { position:absolute; top:22px; right:300px; color:#9E9E9E }
#header #logo #lang a { text-decoration:none; color:#9E9E9E; padding:0 6px 0 6px }
#header #logo #lang a:hover, #header #logo #lang a.active-lang { text-decoration:none; font-weight:bold; color:#4E9C2D; padding:0 6px 0 6px }
#header #logo #searchdiv { float:right; background:url(../images/form.gif) no-repeat; width:272px; height:44px; color:#737373; font-weight:bold }
#header #logo #searchdiv form { margin-top:9px }
#header #logo #searchdiv input.button { background:url(../images/ok.gif) no-repeat; width:23px; height:23px; border:0; color:#737373; font-weight:bold; font-size:11px; cursor:pointer; }
#header #logo #searchdiv input { border:1px solid #DADADA; padding:2px; width:165px }

#header ul {list-style-type:none; margin-top:1px; }
*html #header ul {list-style-type:none; margin-top:-6px; }
#header ul li {float:left; margin-right:1px;}
#header ul li a { text-decoration:none; font-weight:bold; color:#4E9C2D; display:block; padding:10px 24px 10px 24px;  }
#header ul li a:hover { text-decoration:none; font-weight:bold; background:url(../images/left-menu.jpg) #9E9E9E no-repeat; color:#fff; padding:10px 0 10px 24px; display:block; border-bottom:1px dotted #fff }
#header ul li a:hover span { background:url(../images/right-menu.jpg) right no-repeat; padding:10px 24px 10px 0; }
#header ul li a.active { text-decoration:none; font-weight:bold; background:url(../images/left-menu.jpg) #9E9E9E no-repeat; color:#fff; padding:10px 0 10px 24px; display:block; border-bottom:1px dotted #fff }
#header ul li a.active span { background:url(../images/right-menu.jpg) right no-repeat; padding:10px 24px 10px 0; }

/* content */
#content #top-content { height:319px; }
#content #top-content #left-content { float:left; width:688px; height:319px; }
#content #top-content #right-content { float:right; background:#fff; height:319px; width:272px }
#right-content-top { height:155px;}
.awatar { margin-left:35px; padding-top:5px;}
h2 { color:#428F20; font-size:16px; padding:12px 0 12px 12px}
h2.klienci-loga { padding:12px 0 2px 12px }
#right-content-top p { color:#428F20; padding:0px 0 12px 12px; background:url(../images/arrow.gif) 1px 4px no-repeat; margin-left:12px}
#right-content-bottom { height:164px; /*background:url(../images/bg-klienci.jpg) right no-repeat*/ background:transparent url(../images/k-br.gif) no-repeat scroll right bottom; border-top:1px solid #E0E0E0}

#container-1 { position:relative; }
#fragment-1, #fragment-2, #fragment-3 { background:url(../images/right-corner.gif) #4E9C2D right top no-repeat; width:672px; height:294px; border-bottom:1px dotted #fff}
#fragment-1 { background:url(../images/pic1.jpg) right no-repeat;}
#fragment-2 { background:url(../images/pic7.jpg) right no-repeat;}
#fragment-3 { background:url(../images/pic6.jpg) right no-repeat;}
#fragment-1 h2, #fragment-2 h2, #fragment-3 h2 { color:#F9FFC4; font-size:25px; padding:12px 2px; }
#fragment-1 p, #fragment-2 p, #fragment-3 p { color:#fff; font-size:14px; padding:12px 2px; }

#content #bottom-content { position:relative; width:960px; background:url(../images/bg-bottom-box.jpg) top repeat-x #DEDEDE; margin-top:16px }
#left-bottom-content img, #middle-bottom-content img, #right-bottom-content img { padding:0 0 8px 12px}
#left-bottom-content p, #middle-bottom-content p, #right-bottom-content p { padding:0 12px 8px 12px; font-size:12px; color:#4F4E4E}
#content #bottom-content #left-bottom-content { float:left; width:344px }
#content #bottom-content #middle-bottom-content { float:left; width:343px; border-right:1px dotted #B1B1B1; height:415px }
#right-bottom-content { float:left; width:272px}
.read-more { background:url(../images/read-more.gif) no-repeat; display:block; width:102px; height:27px; text-decoration:none; color:#408322; font-size:11px; font-weight:bold; padding:4px 0 0 5px; float:right; margin-right:6px}

/* contact form */
#right-bottom-content form { font-size:11px; padding:0 12px 0 12px}
#right-bottom-content form td {height:30px; }
#right-bottom-content form input { border:1px solid #DADADA; padding:2px; width:165px; }
#right-bottom-content form input.button { background:url(../images/wyslij.gif) no-repeat; width:71px; height:27px; color:#fff; font-size:11px; font-weight:bold; border:0; margin-top:5px; cursor:pointer; }
#tekst_error1, #tekst_error2, #tekst_error3, #tekst_error4 { color:red; font-size:11px}

/* subpage */
#content #top-content-sub { height:155px; }
#content #top-content-sub #awatar { float:right; background:#fff; height:155px; width:272px }
#content #top-content-sub #left-content-sub { float:left; width:688px; height:155px; background:url(../images/case-study.jpg) #4E9C2D right top no-repeat; }
#content #top-content-sub #left-content-sub.onas { background:url(../images/onas.jpg) #4E9C2D right top no-repeat; }
#content #top-content-sub #left-content-sub.oferta { background:url(../images/oferta-1.jpg) #4E9C2D right top no-repeat; }
#content #top-content-sub #left-content-sub h3 { color:#F9FFC4; padding:20px; font-size:22px}

#content #bottom-content-sub { position:relative; width:960px; background:url(../images/bg-bottom-box1.jpg) top #DCDCDC repeat-x; }
#content #bottom-content-sub #left-bottom-content { float:left; width:687px; border-right:1px dotted #B1B1B1 }
#left-bottom-content #breadcrump { height:30px; border-bottom:1px dotted #B1B1B1; text-align:left; }
#left-bottom-content #breadcrump p { padding:7px; color:#838383;}
#left-bottom-content #submenu { float:left; width:196px; }
#content #bottom-content-sub #middle-bottom-content { float:left; width:343px; border-right:1px dotted #B1B1B1 }
#left-bottom-content #subcontent { padding-bottom:15px; background:url(../images/pic5.jpg) no-repeat top; min-height:560px; float:left; width:490px; border-left:1px dotted #B1B1B1;}
#left-bottom-content #subcontent.wykresy { padding-bottom:15px; background:url(../images/oferta.jpg) no-repeat top; min-height:560px; float:left; width:490px; border-left:1px dotted #B1B1B1;}
#left-bottom-content #subcontent-2 { padding-bottom:15px; /*background:url(../images/pic5-line.jpg) repeat-x top;*/ min-height:560px; float:left; width:490px; border-left:1px dotted #B1B1B1; }
#left-bottom-content #subcontent-2 h1 { margin-bottom:10px}
#left-bottom-content #subcontent-3 { padding-bottom:15px; background:none; min-height:560px; float:left; width:100%; }
#left-bottom-content #subcontent-3 h1 { font-size:22px; color:#489526; padding:14px 10px 20px 14px; margin-bottom:0px}
#left-bottom-content #subcontent-3 p { font-size:12px}
#left-bottom-content #subcontent-3 img { padding:0 0 4px 0px}
#left-bottom-content #subcontent p, #left-bottom-content #subcontent-2 p { font-size:12px; line-height:140%; }

#klienci { height:163px; /*background:url(../images/bg-klienci1.jpg) repeat-x*/ background:#ffffff; border-top:1px solid #DCDCDC}
/* submenu */
#submenu ul { list-style-type:none; margin-left:1px; }
#submenu ul li {  border-bottom:1px solid #E5E5E5}
#submenu ul li a { text-decoration:none; background:url(../images/arr-submenu.gif) no-repeat 1px 13px; color:#4D981A; font-weight:bold; display:block; padding:7px 0px 7px 9px; margin-left:18px }
#submenu ul li a:hover { text-decoration:none; color:#fff; font-weight:bold; background:url(../images/submenu-hover.gif) repeat-x; padding:7px 7px 7px 26px; margin-left:0 }
#submenu ul li a.active { text-decoration:none; color:#fff; font-weight:bold; background:url(../images/submenu-hover.gif) repeat-x; padding:7px 7px 7px 26px; margin-left:0 }
.white-box { width:461px; background:#ffffff; margin:10px 0 10px 13px }
.white-box ul { list-style-type:none; padding:20px 25px 30px 25px}
.white-box ul li { background:url(../images/arrow2.gif) no-repeat 1px 4px; padding:6px 0 6px 25px; color:#5AA806; font-weight:bold; border-bottom:1px dotted #DFDFDF }
.order { background:url(../images/zamow-usluge.gif) no-repeat; display:block; width:115px; height:27px; text-decoration:none; color:#408322; font-size:11px; font-weight:bold; padding:4px 0 0 5px; float:right; margin-right:10px}
/* footer */
#footer { height:30px; font-size:12px; color:#fff; margin-top:4px  }
#footer a { color:#fff;}

