html, body { padding:0; margin:0; }
body { font-size:13px; background-color:#ffffff; font-family:tahoma,lucida,arial,helvetica,sans-serif; }
.main-container1 { background:url(../img/gradient-top.png) repeat-x 0 0; padding-top:1px; }
.page-container { width:980px; margin:0px auto; font-size:1.0em; }
.header-top { width:980px; height:80px; background:rgb(240,240,240) url(../img/banner.png); overflow:visible !important; overflow:hidden; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:"trebuchet ms",lucida,arial,helvetica,sans-serif;}
p { margin:0; padding:0}
h2 { font-size:20px; line-height:1.2em; }
hr.clear { border:none; clear:both; }
/* BOXES */

.lewy {float:left; width:45%}
.prawy {float:right; width:45%}

/* carousel */
.carousel-box { position:relative;width:962px;overflow:hidden;margin:0; }
.carousel-box .prev { position:absolute;left:0;z-index:10;width:23px;height:315px;background:#ffffff url(../img/arrows.png) no-repeat 0 0; cursor:pointer; }
.carousel-box .next { position:absolute;right:0;z-index:10;width:23px;height:315px;background:url(../img/arrows.png) no-repeat -23px 0; cursor:pointer; }
.carousel-box .prev:hover { background-position:0 -315px; }
.carousel-box .next:hover { background-position:-23px -315px; }
.carousel-box .prev a, .carousel-box .next a {cursor:pointer; height:46px; display:block;}
.carousel-box .prev a img, .carousel-box .next a img {border:0;display:none;}
.carousel-box ul {width:962px;margin-left:24px !important}
.carousel-box ul li {width:288px;float:left;border:0;margin-right:24px;position:relative;background:#adadad url(../img/karuzela_klocek_alfa.png) no-repeat 0 0;}
.carousel-box .inner {padding:15px 15px 0 15px;}
.carousel-box h2 { font-size:20px; font-weight: bold; line-height:1.2em; margin:0 0 6px 0; }
.box { height:315px; }
.box a { color:#000000; text-decoration:none; }
/* import from style2.css */

div.mainBlock { border: 0; margin-bottom: 10px; padding: 3px; text-align: justify; line-height: 120%; }
div.mainBlock h2 { text-align: left; line-height: 110%; }
div.mainBlock h3 { font-size: 170%; margin: 2px 0; text-align: left; }
div.mainBlock img { border: none; }

/* SITEMAP */
#serviceMap, #serviceMap ul { margin: 0 0 5px 12px; color: #999999; }
#serviceMap li { list-style-type: none; background: none; padding: 0; }
#serviceMap ul li { list-style-type: disc; }
#serviceMap ul ul li { list-style-type: circle; }
#treeItemList { font-size: 110%; }

#formsMail { width: auto; background: none; border: 1px solid #999999; margin: 10px auto; }
#formsMail tr td { border: none; background: none;}
#formsMail tr td.name { text-align: right; }
#formsMail tr td.input input { border: 1px solid #999999; padding: 1px; }
#formsMail #imienazw td.input input { width: 200px; }
#formsMail #email td.input input { width: 200px; }
#formsMail #temat td.input input { width: 300px; }
#formsMail #tresc td.name { vertical-align: top; padding-top: 4px; }
#formsMail #tresc td.input textarea { width: 300px; height: 100px; border: 1px solid #999999; padding: 1px; }
#formsMail tr.hidden { display: none; }
#formsMail #submit td.input input { width: 100px; background: none; }
#formsMailSvError { font-size: 130%; font-weight: bold; color: #ff0000; margin: 0.5em 4em; padding: 4px 4px; text-align: center; border: 2px solid #ff0000; }
#formsMailSvOK { font-size: 130%; font-weight: bold; color: #00dd00; margin: 0.5em 4em; padding: 4px 4px; text-align: center; border: 2px solid #00dd00; }

#formsSearch table { font-size: .9em; width: auto; background: none; border: 1px solid #999999; margin: 10px 2px; }
#formsSearch { margin: 0; border: 0; }
#formsSearch tr td { padding: 4px; border: 0; height: auto; }
#formsSearch .name { font-family: Tahoma,Arial,sans-serif; font-weight: bold; text-align: right; padding-right: 5px; vertical-align: top; }
#formsSearch .input input { font: 0.9em Verdana, Tahoma; border:1px solid #999999; width:200px; }
#formsSearch .input select { font: 0.9em Verdana, Tahoma; border:1px solid #999999; }
#formsSearch .input textarea { font: 0.9em Verdana, Tahoma; border:1px solid #999999; }
#formsSearch input.button { font: 0.9em Verdana, Tahoma; border:1px solid #999999; width: 80px; }
#formsSearch .input input.check { width: auto; }

/* OTHER */
table { font-size: .9em; background: none; margin: 0px 2px; }


.sub-banner { height:110px; border-radius:10px; padding:30px 0; text-align:center; box-shadow:0 0 0px #adadad; text-indent:-600em; background-repeat:no-repeat; background-color:#adadad; }
.sub-page-produkty .sub-banner { background-image:url(../img/subbanner_p.png); }
.sub-page-kontakt .sub-banner { background-image:url(../img/subbanner_k.png); }
.sub-page-uslugi .sub-banner { background-image:url(../img/subbanner_u.png); }
.sub-page-oferta .sub-banner { background-image:url(../img/subbanner_o.png); }
.sub-page-mapa .sub-banner { background-image:url(../img/subbanner_m.png); }
.sub-page-no-banner .sub-banner { display:none; }
.content-box { padding-top:40px; background:url(../img/t3.png) repeat-y 280px 0; }
.content-box.subMenu0 { background-position:0 0; }
.sub-page-no-banner .content-box { padding-top:0; }
#article { width:700px; float:right; }
.subMenu0 #article { width:auto; float:none; }
#article h1 { font-size: 160%; }
#article h2 { font-size: 150%; }
#article h3 { font-size: 140%; color: #505050; margin:0 0 5px 0; font-weight: bold; }
#article h4 { font-size: 130%; font-weight: bold; margin: 0.3em 0 0.5em 0; }
#article h5 { font-size: 120%; margin: 0.2em 0 0.2em 0; }
#article h6 { font-size: 110%; margin: 0.2em 0 0.2em 0; }
#article p { line-height: 142%; margin: 0.2em 0 0.5em 0; }
#article a, .main-box a { border-bottom: 1px dotted #385b87; color: #385b87#8e1820; text-decoration: none;}
#article a:hover, .main-box a:hover { border-bottom: 1px dotted #8e1820; color:#8e1820 ; text-decoration: none;}

#article ul li { line-height: 110%; margin: 0.2em 0 0.5em 0; }
#article li { font-size:0.95em;line-height: 110% }
#article li p { margin:0; font-size:1em; }
#article img { border: none; }

#article p.intro { border-bottom: 1px solid #999999; }
#article div.item h3 { margin: 0; font-size: 150%; }
#article div.item div.text { margin-left: 25px; }
#article div.item { margin-bottom: 15px; }
#article div.item div.text a { color: #000000; font-weight: normal; }
#article img { float: none; }
#article img.right { float: right; }
#article blockquote { font-size: 100%; }

#article div.pagination div.w span,
#article div.pagination div.w ul { display:block; float:left; margin:0; padding: 0 5px; font-size:110%; }
#article div.pagination div.w ul li { display:inline; list-style-type:none; background:none; padding: 0 5px; font-size:100%; font-weight:bold; }

#article #serviceMap h4 { font-size:100%; font-weight:normal; }
#article .artTitle { margin-bottom:15px; }

.subMenu0 .sub-menu { display:none; }
.sub-menu { width:250px; float:left;  }
.sub-menu ul { margin:0; padding:6px 0 0 0; }
.sub-menu li { background:url(../img/link.png) no-repeat 2px 0; list-style-type:none; margin: 0 0 6px 0; padding: 0 0 0 24px; border:1px solid #ffffff; }
.sub-menu a { display:block; padding:5px 5px 2px 0; color:#000000; text-decoration:none; }
.sub-menu li.active { background-color:#e0ecff; border-radius:4px; }
.sub-menu li:hover { border:1px solid #e0ecff; border-radius:4px; }

.mainMenu { padding:13px 0 3px 0; }
.mainMenu ol { margin:0; padding:4px 0 0 0; height:30px; }
.mainMenu ol li { list-style-type:none; font-size:1.1em; margin:0 5px; letter-spacing:0em; float:left; }
.mainMenu ol li.thirst { border-left:none; }
.mainMenu ol li a { color:#818181; font-size:1em; padding:0; text-decoration:none; border-radius:0px 0px 0 0; padding:0 5px; border:1px solid #ffffff; }
.mainMenu ol ul { display:none; position:absolute; padding:3px; background:#C3D9FF; opacity:0.95; z-index:200; border-radius:6px 6px 6px 6px; box-shadow: 3px 3px 3px #818181; }
.mainMenu ol li:hover ul { display:block; }
.mainMenu ol li.active a { background:#C3D9FF; color:#313131; border-radius:4px; }
.mainMenu ol li:hover a { border:1px solid #C3D9FF; color:#313131; border-radius:4px; }
.mainMenu ol li:hover li.active a { border:1px solid #E2ECFF; }
.mainMenu ol ul li {float:none; border-left:none; padding:2px 3px 2px 10px; margin:2px 0; font-size:0.95em; list-style-type:none; color:#313131; list-style-position:inside; }
.mainMenu ol ul li a { text-decoration:none; font-size:0.9em; padding:0; color:#2398a9; border:none; }
.mainMenu ol ul li.active,
.mainMenu ol ul li:hover { background:#E2ECFF; border-radius:3px; }
.mainMenu ol ul li:hover a { text-decoration:underline; border:1px solid #E2ECFF; }
.mainMenu ol li:hover ul li a { background:transparent !important; }
.mainMenu ol ul li.active a { font-weight:bold; text-decoration:underline; }
.mainMenu li.space { display:none; }

.searchform {float:right; width:285px; padding:0 !important;}
.searchform form fieldset {float:right; border:none; padding:0; }
.searchform input.field {width:160px; padding:1px 0; border:1px solid rgb(200,200,200); font-family:arial,sans-serif; height:20px; }
.searchform input.button {width:20px; padding:2px 0; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); }
.searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.sitelogo { width:210px; height:40px; position:absolute; z-index:1; margin:15px 0 0 15px; background:url(../img/techne.gif); }
.sitename { width:550px; height:14px; position:absolute; z-index:1; margin:48px 0 0 20px; overflow:visible !important; overflow:hidden; }
.sitename h2 { color:#7D7D7D; font-size:11px; margin:0; font-weight:bold; }

.main { clear:both; margin-top:10px; padding:0 0 30px; }
.main h1.pagetitle { border-bottom: 2px solid #E1E1E1; color: #646464; font-size: 160%; font-weight: normal; margin: 0 0 15px 0; padding: 0 0 2px; }
.main-box h1,
.main-box h2,
.main-box h3,
.main-box h4,
.main-box h5,
.main-box h6 { margin-bottom:5px; margin-top:10px;}
.main { line-height:1.5em; }
.main ul { margin:0; padding:0 0 0 25px; }

/********************/
/*  FOOTER SECTION  */
/********************/
.footer { height: 20px; clear:both; width:980px; padding:5px 0; font-size:1.0em; overflow:visible !important; overflow:hidden; border-top: 1px solid #e1e1e1; }
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:normal; font-size:85%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover { color:rgb(80,80,80);}
.footer p.left {width:150px; position:absolute; z-index:3; margin:5px 0 5px 0;}
.footer p.right {width:100px; position:absolute; z-index:4; margin:5px 0 5px 880px;}
.footer p.center {width:450px; position:absolute; z-index:5; margin:5px 0 5px 230px;}

#pSearch { padding-left:200px; }
#pSearch br { display:none; }
#pSearch h3 { font-size:120% !important; }

#article .siteMap { padding-left:150px; }
#article .siteMap h3 { font-size:13px; }
#article .siteMap h4 { font-size:13px; font-weight:normal; }
#article .siteMap a { border:none; }

#formsMail { width: auto; background: none; border: 1px solid #999999; margin: 10px auto; }
#formsMail tr td { border: none; background: none;}
#formsMail tr td.name { text-align: right; }
#formsMail tr td.input input { border: 1px solid #999999; padding: 1px; }
#formsMail #imienazw td.input input { width: 400px; }
#formsMail #email td.input input { width: 400px; }
#formsMail #temat td.input input { width: 400px; }
#formsMail #tresc td.name { vertical-align: top; padding-top: 4px; }
#formsMail #tresc td.input textarea { width: 400px; height: 200px; border: 1px solid #999999; padding: 1px; }
#formsMail tr.hidden { display: none; }
#formsMail #submit td.input input { width: 100px; background: none; }
#formsMailSvError { font-size: 130%; font-weight: bold; color: #ff0000; margin: 0.5em 4em; padding: 4px 4px; text-align: center; border: 2px solid #ff0000; }
#formsMailSvOK { font-size: 130%; font-weight: bold; color: #00dd00; margin: 0.5em 4em; padding: 4px 4px; text-align: center; border: 2px solid #00dd00; }

#formsSearch table { width: auto; background: none; border: 1px solid #999999; margin: 10px 2px; }
#formsSearch { margin: 0; border: 0; }
#formsSearch tr td { padding: 4px; border: 0; height: auto; }
#formsSearch .name { font-family: Tahoma,Arial,sans-serif; font-weight: bold; text-align: right; padding-right: 5px; vertical-align: top; }
#formsSearch .input input { border:1px solid #999999; width:200px; }
#formsSearch .input select { border:1px solid #999999; }
#formsSearch .input textarea { border:1px solid #999999; }
#formsSearch input.button { border:1px solid #999999; width: 80px; }
#formsSearch .input input.check { width: auto; }