* { padding:0; margin:0; border:0; }
html, body { width:100%; height:100%; font-family:tahoma, verdana; }
html { background:url(images/html_bg.jpg) repeat-x 0 0; }
body { background-image:url(images/body_bg.jpg); background-repeat:no-repeat; }
a:focus, object { outline:none; }
h2, h3, h4, h5, h6 { color:#ec2a5c; margin:7px 0 }
h2 { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

#all { width:1000px; margin:0 auto }
#sticker { width:1000px; float:left; }

#top { width:1000px; height:333px; background:url(images/top_bg.jpg) no-repeat; }
#top #logo { width:200px; height:80px; float:left; display:block; position:relative; left:145px; text-indent:-9999px; }
#top .menus { width:405px; height:80px; float:right; }

#top .menus .main { width:100%; height:38px; }
#top .menus .main li { height:35px; padding:3px; display:inline; list-style:none; float:left; position:relative; top:0; z-index:1; }
#top .menus .main li#a2 { position:relative; top:0; z-index:0; }
#top .menus .main li#a2:hover { background:url(images/top_menu_active.jpg) 10px 100% no-repeat; }
#top .menus .main li a { display:block; float:left; height:15px; padding:8px; text-decoration:none; }
#top .menus .main li:hover a { background:#aadaff; }
#top .menus .main li:hover li a { background:none; }
#top .menus .main li a strong { float:left; display:block; text-indent:-9999px; height:15px; }
#top .menus .main li a.a1 strong { background:url(images/top_menu_a1.png) no-repeat; width:99px; }
#top .menus .main li a.a2 strong { background:url(images/top_menu_a2.png) no-repeat; width:48px; }
#top .menus .main li a.a3 strong { background:url(images/top_menu_a3.png) no-repeat; width:62px; }
#top .menus .main li a.a4 strong { background:url(images/top_menu_a4.png) no-repeat; width:51px; }
#top .menus .main li:hover a.a1 strong { background:url(images/top_menu_a1_over.png) no-repeat; }
#top .menus .main li:hover a.a2 strong { background:url(images/top_menu_a2_over.png) no-repeat; }
#top .menus .main li:hover a.a3 strong { background:url(images/top_menu_a3_over.png) no-repeat; }
#top .menus .main li:hover a.a4 strong { background:url(images/top_menu_a4_over.png) no-repeat; }

#top .menus .main li .sub { height:32px; text-align:center; float:left; position:relative; margin-right:-200px; padding-top:40px; width:200px; left:-150px; display:none }
#top .menus .main li .sub li { height:24px; padding:0 3px; display:inline; list-style:none; float:left; }
#top .menus .main li .sub li a { display:block; float:left; height:15px; padding:4px; text-decoration:none; }
#top .menus .main li .sub li:hover a { background:#aadaff; }
#top .menus .main li .sub li a strong { float:left; display:block; text-indent:-9999px; height:15px; }
#top .menus .main li .sub li a.a1 strong { background:url(images/top_submenu2_a1.png) no-repeat; width:63px; }
#top .menus .main li .sub li a.a2 strong { background:url(images/top_submenu2_a2.png) no-repeat; width:41px; }
#top .menus .main li .sub li a.a3 strong { background:url(images/top_submenu2_a3.png) no-repeat; width:33px; }
#top .menus .main li .sub#ab { left:124px; }

#navi { width:1000px; text-align:center; background:#f2f4f4; float:left }
#navi #main-nav { border-top:1px solid #e8e8e8; position:relative; left:100px; border-bottom:1px solid #e8e8e8; padding:3px; font-weight:bold; float:left; width:800px; }
#navi #main-nav li { display:inline; float:left; list-style:none; color:#000; font-size:8px; padding:8px; }
#navi #main-nav li:hover { background:url(images/navi_arrow.jpg) 50% 0 no-repeat; }
#navi #main-nav .current { background:url(images/navi_arrow.jpg) 50% 0 no-repeat; padding-top:12px; margin-top:-8px; }
#navi #main-nav li a { color:#ec2a5c; font-size:11px; padding:4px 5px 4px 2px; text-decoration:none; float:left; display:block; }
#navi #main-nav li:hover a { background:#ddf0ff; padding-top:4px; margin-top:0px;  }

#navi #sub-nav { width:100%; }
#navi #sub-nav ul { width:100%; display:none; float:left; padding:3px; }
#navi #sub-nav ul li { display:inline; color:#808080; list-style-image:url(images/navi_bull.jpg); padding:3px 10px; }
#navi #sub-nav ul li:hover { background:url(images/nav_sub_arrow.jpg) 50% 0 no-repeat; }
#navi #sub-nav ul li a { color:#808080; font-size:11px; text-decoration:none; }
#navi #sub-nav .current { background:url(images/nav_sub_arrow.jpg) 50% 0 no-repeat; }

#content { width:1000px; float: left; margin-top:20px; font-size:11px }
#content.index { background:url(images/content_index_bg.jpg) top no-repeat; min-height:460px; }
#content .ui-slider-handle { background:url(images/aktualnosci_suwak.jpg) no-repeat; width:34px; height:21px; }

#content #left { width:630px; float:left; }
#content #left #news { width:540px; padding:30px; float:left; overflow:hidden; position:relative; }
#content #left #news h1 { display:none; }
#content #left #news #slider { width:204px; height:21px; float:right; background:url(images/aktualnosci_tlo_suwaka.jpg) 0 7px repeat-x; }
#content #left #news ul { position:relative; overflow:hidden; height:200px; width:1000px; }
#content #left #news ul li { width:250px; padding:20px; display:inline; list-style:none; float:left; color:#fff; background:url(images/aktualnosci_p_bg.jpg) 0 50% no-repeat; }
#content #left #news ul li.first { background:none; }
#content #left #news ul li h3 { font-size:12px; color:#c8e7ff; margin:0 10px }
#content #left #news ul li span { color:#c8e7ff; margin:0 10px; }
#content #left #news ul li p { padding:5px 0 }
#content #left #news .more { float:right; background:url(images/icon_more.jpg) 100% 3px no-repeat; color:#fff; text-decoration:none; padding-right:16px; line-height:17px; font-size:10px }
#content #left #news .more:hover { text-decoration:underline; }

#content #left #realizacje { width:540px; padding:0px 30px 30px 30px; float:left; color:#ae2044 }
#content #left #realizacje h1 { width:100%; height:19px; float:left; text-indent:-9999px; margin:10px 0 }
#content #left #realizacje h1.ostatnia { background:url(images/txt_ostatnia_realizacja.jpg) no-repeat; }
#content #left #realizacje .min { border:4px solid #999; float:left; margin:0 10px; vertical-align: middle; padding: 0px; width: 195px; padding: 5px; }
#content #left #realizacje dl { width:300px; float:right; padding:5px 0 }
#content #left #realizacje dt { font-weight:bold; float:left; padding:2px 4px 0px 0 }
#content #left #realizacje dd { padding:2px 0 }
#content #left #realizacje .more { background:url(images/icon_more2.jpg) 100% 5px no-repeat; color:#ae2044; text-decoration:none; padding:5px 16px 5px 20px; line-height:17px; font-weight:bold; }
#content #left #realizacje .more:hover { text-decoration:underline; }

#content #right { width:370px; float:right; }
#content #right #panel { width:370px; height:30px; padding-top:30px; float:left; background:url(images/box_panel_klienta_bg.jpg) top center no-repeat; }
#content #right #panel h1 { display:none; }
#content #right #panel div { width:132px; float:left; height:25px; background:url(images/panel_filed.jpg) right no-repeat; margin-left:20px; }
#content #right #panel div label { width:42px; height:25px; display:block; float:left; text-indent:-9999px; }
#content #right #panel div label.login { background:url(images/panel_login.jpg) 0 7px no-repeat; }
#content #right #panel div label.pass { background:url(images/panel_haslo.jpg) 0 7px no-repeat; }
#content #right #panel div input { width:88px; float:right; color:#fff; background:none; position:relative; top:2px; }
#content #right #panel .in { position:relative; left:5px; top:3px; }

#content #right #onas { width:340px; padding-top:50px; padding-left:30px; line-height:17px; float:left; color:#ae2044 }
#content #right #onas h1 { display:none; }
#content #right #onas .more { background:url(images/icon_more2.jpg) 100% 5px no-repeat; color:#ae2044; text-decoration:none; padding:5px 16px 5px 20px; line-height:17px; font-weight:bold; position:relative; top:10px; left:40px; }
#content #right #onas .more:hover { text-decoration:underline; }

#content #right #kontakt { display:none; }

#content #klienci { width:1000px; height:140px; background:url(images/klienci_bg.jpg) top no-repeat; padding:30px 0; float:left; }
#content #klienci a.prev { width:60px; height:140px; background:url(images/klienci_arrow_left.jpg) 50% 50% no-repeat; float:left; display:block; text-indent:-9999px; cursor:pointer }
#content #klienci a.prev:hover { background:url(images/klienci_arrow_left_over.jpg) 50% 50% no-repeat; }
#content #klienci a.next { width:60px; height:140px; background:url(images/klienci_arrow_right.jpg) 50% 50% no-repeat; float:right; display:block; text-indent:-9999px; cursor:pointer }
#content #klienci a.next:hover { background:url(images/klienci_arrow_right_over.jpg) 50% 50% no-repeat; }
#content #klienci div { width:860px; height:120px; padding:10px; float:left; position:relative; overflow:hidden; position:relative; top:20px; }
#content #klienci div ul { width:10000px; float:left; height:120px; position:relative }
#content #klienci div ul li { width:auto; list-style:none; display:inline; height:120px; margin:0 10px; }
#content #klienci div ul li img { vertical-align:middle; }

#content #portfolio { width:872px; float:left; padding:20px 64px; }
#content #portfolio h1 { width:202px; height:28px; float:left; text-indent:-9999px; margin:10px 0; background:url(images/txt_portfolio.jpg) no-repeat; }

#content #portfolio #switch { float:left; width:120px; height:20px; margin:15px; }
#content #portfolio #switch li { float:left; width:60px; height:20px; list-style:none; }
#content #portfolio #switch li a { display:block; float:left; width:60px; height:20px; text-indent:-9999px; cursor:pointer }
#content #portfolio #switch li a.laquo { background:url(images/switch_arrow_left.jpg) no-repeat; }
#content #portfolio #switch li a.raquo { background:url(images/switch_arrow_right.jpg) no-repeat; }
#content #portfolio #projekty { width:872px; float:left; }
#content #portfolio #projekty li { width:862px; padding:5px; float:left; background:#ec2a5c; list-style:none; color:#fff; margin-bottom:10px; }
#content #portfolio #projekty li a { color:#fff; }
#content #portfolio #projekty li img { height:150px; width:862px; float:left; }
#content #portfolio #projekty li img.off { margin-bottom:-150px; }
#content #portfolio #projekty li img.on { visibility:hidden; }
#content #portfolio #projekty li dl { width:411px; float:left; padding:10px; display:none }
#content #portfolio #projekty li dl.desc dd { float:right; width:380px; } 
#content #portfolio #projekty li dt { font-weight:bold; float:left; padding:2px 4px 0px 0 }
#content #portfolio #projekty li dd { padding:2px 0 }
#content #portfolio #projekty li.on dl { display:block; }
#content #portfolio #projekty li.on img.off { visibility:hidden; }
#content #portfolio #projekty li.on img.on { visibility:visible; }

#content #ekipa { width:872px; float:left; padding:20px 64px; }
#content #ekipa h1 { width:155px; height:32px; float:left; text-indent:-9999px; margin:10px 0; background:url(images/txt_nasza_ekipa.jpg) no-repeat; }

#content #ekipa #switch { float:left; width:120px; height:20px; margin:15px; }
#content #ekipa #switch li { float:left; width:60px; height:20px; list-style:none; }
#content #ekipa #switch li a { display:block; float:left; width:60px; height:20px; text-indent:-9999px; cursor:pointer }
#content #ekipa #switch li a.laquo { background:url(images/switch_arrow_left.jpg) no-repeat; }
#content #ekipa #switch li a.raquo { background:url(images/switch_arrow_right.jpg) no-repeat; }

#content #ekipa #sklad { float:left; width:510px; clear:left; }
#content #ekipa #sklad li { width:508px; float:left; margin-bottom: 10px; border-right:1px solid #ededed; border-top:1px solid #ededed; background:url(images/ekipa_li_leftborder.jpg) left top no-repeat; padding:1px 0 1px 1px; list-style:none; }
#content #ekipa #sklad li img { border:5px solid #e4e4e4; background:#e4e4e4; margin:1px 2px; float:left; }
#content #ekipa #sklad li.on img { border:5px solid #ec2a5c; }
#content #ekipa #sklad li strong { color:#ec2a5c }
#content #ekipa #sklad li table { float:right; width:316px; border-collapse:collapse; margin:10px 0; color:#808080; background:url(images/ekipa_li_bottomborder.jpg) right bottom no-repeat; }
#content #ekipa #sklad li table td { padding:2px 0 }

#content #txt { width:872px; float:left; padding:20px 64px; color:#ec2a5c; font-size:12px; line-height:1.4em; }
#content #txt h1 { width:100%; height:32px; float:left; text-indent:-9999px; margin:10px 0; }
#content #txt h1.aktualnosci { background:url(images/txt_aktualnosci.jpg) no-repeat; }
#content #txt p { margin:8px 0 }
#content #txt img {  /*margin:5px; float:right;*/ } 
#content #txt ul { margin-left: 30px; }
#content #txt a { color: #EC2A5C; }
#content #txt a:hover { color: #000; }

#content #kontakt { width:872px; float:left; padding:20px 64px; color:#ec2a5c; margin-bottom:-25px; }
#content #kontakt h1 { width:100%; height:32px; float:left; text-indent:-9999px; margin:10px 0; }
#content #kontakt h1.kontakt { background:url(images/txt_kontakt_z_nami.jpg) no-repeat; }

#content #kontakt #dane { width:230px; float:left; }
#content #kontakt #dane h1 { background:url(images/txt_dane-adresowe.jpg) no-repeat; margin-top:20px; }
#content #kontakt #dane #kompas { display:block; float:left; text-indent:-9999px; background:url(images/kontakt_kompas.jpg) no-repeat; width:213px; height:154px; margin-bottom:10px; }
#content #kontakt #dane ul { padding:10px 0; }
#content #kontakt #dane ul li { list-style:none; }

#content #kontakt #tele { width:275px; padding:10px; height:410px; float:left; color:#fff; background:#eb2a5b;  }
#content #kontakt #tele h1 { background:url(images/txt_kontakt_rose.jpg) no-repeat; margin-bottom:-5px; }
#content #kontakt #tele p { padding:0 10px 10px 10px; }
#content #kontakt #tele .dane { padding:0; font-size:0; background:url(images/kontakt_dane.png) no-repeat; width:250px; height:160px; float:left; display:block; text-indent:-9999px; }

#content #kontakt #form { width:280px; float:left; padding:0 20px; }
#content #kontakt #form h1 { background:url(images/txt_formularz_kontaktowy.jpg) no-repeat; margin-top:20px; }
#content #kontakt #form div { width:273px; float:left; background:url(images/kontakt_input_bg.jpg) right no-repeat; height:27px; padding:0 7px 0 0; margin:2px 0; }
#content #kontakt #form div label { width:50px; padding-right:10px; height:22px; float:left; text-align:right; padding-top:7px; font-weight:bold; }
#content #kontakt #form div input { width:210px; float:right; font-size:11px; line-height:17px; color:#eb2a5b; margin-top:7px; background:none; }
#content #kontakt #form div.textarea { background:url(images/kontakt_textarea.jpg) right no-repeat; height:130px; }
#content #kontakt #form textarea { width:210px; height:120px; float:right; font-size:11px; line-height:17px; color:#eb2a5b; margin-top:7px; background:none; }
#content #kontakt #form .submit { float:right; margin:2px 0 }

#footer { width:1000px; height:23px; float: left; background:url(images/footer_bg.png) no-repeat; color:#ae2044; text-align:center; padding-top:15px; }
#footer address { font-style:normal; font-size:11px; }
#footer a { font-weight:bold; color:#ae2044; text-decoration:none }

.input {
	border: 1px solid #211867;
	padding: 3px;
	color: #211867;
	font-weight: bold;
	margin: 3px;
}

.przycisk {
	border: none;
	background: #EC2A5C;
	color: #FFFFFF;
}

.title {
	margin-top: 13px;
	height: 15px;
	margin-bottom: 20px;
	padding: 12px 0 0 20px;
	letter-spacing: -.5px;
	color: #EC2A5C;
}

.title a {
	color: #EC2A5C;
	border: none;
}

.meta {
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

#stronicowanie { height:27px;  text-align:center; padding:5px 0; font-size: 12px; float: right; }
#stronicowanie li { display:inline; width:27px; height:22px; background-color: #268B9D; float:left; font-weight:bold; margin:0 2px; }
#stronicowanie li a { color:#fff; display:block; float:left; width:100%; height:100% }
#stronicowanie li a:hover { text-decoration:underline; }
#stronicowanie li.w { background: #fff; color: #000; }
#stronicowanie li.quo a { color:#fff402;}
#stronicowanie li.act {  background-color: #EC2A5C; color: #fff; font-weight: bold; font-size: 13px; }

#komentarz .loginKomentarz { background: #268B9D; color: #fff; margin: 0px; padding-left: 10px; }
#komentarz .trescKomentarz { border-left: 1px solid #268B9D; border-right: 1px solid #268B9D; border-bottom: 1px solid #268B9D;  padding: 5px; }

#komentarz2 .loginKomentarz { background: #8A8A8A; color: #000; margin: 0px; padding-left: 10px; }
#komentarz2 .trescKomentarz { border-left: 1px solid #8A8A8A; border-right: 1px solid #8A8A8A; border-bottom: 1px solid #8A8A8A; padding: 5px; }

.loginKomentarzN { background: #EC2A5C; color: #fff; margin: 0px; padding-left: 10px; }
.trescKomentarzN { border-left: 1px solid #EC2A5C; border-right: 1px solid #EC2A5C; border-bottom: 1px solid #EC2A5C; padding: 5px; }

.specialDate {
	color: #fff !important; 
	background: #FF5A00 !important; 
	border: 1px solid red !important;
}

#portPokaz .mini { border:4px solid #999; float:left; margin:0 10px 0; width:205px; padding-bottom: 0px; }
#portPokaz dl { width:600px; float:left; padding:5px 0 }
#portPokaz dt { font-weight:bold; float:left; padding:2px 4px 0px 0 }
#portPokaz dd { padding:2px 0 }
#portPokaz .more { background:url(images/icon_more2.jpg) 100% 5px no-repeat; color:#ae2044; text-decoration:none; padding:5px 16px 5px 20px; line-height:17px; font-weight:bold; }

.error { color: red; }
.message { font-weight: bold; }