/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* koniec css reset */

/* html */
body {
	background: #fff url(images/kont01.jpg) top center repeat-x;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #202020;
}

div {
	margin: 0 auto;
	border: 0px;
}

a {
	text-decoration: none;
	color: #202020;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 22px;
	text-align: left;
	color: #bd2375;
}

h2 {
	font-size: 19px;
	text-align: left;
	color: #bd2375;
}

h3 {
	font-size: 16px;
	text-align: left;
	color: #bd2375;
}

/* koniec html*/


div#kontener01 {
	width: 100%;
	float: left;
	background: url(images/bg_bottom.jpg) bottom repeat-x;
}

div#kontener02 {
	width: 100%;
	float: left;
}

div.wrap {
	width: 960px;
}

/* blok 01______________________________________ */
div#blok01 {
	float: right;
	width: 960px;
}

div#top {
	float: left;
	width: 960px;
}

ul#menu_top {
	float: left;
	width: 960px;
	height: 43px;
	padding: 10px 0 0 0;
}

ul#menu_top li{
	float: left;
	display: inline;
	padding: 0 8px 0 9px;
	background: url(images/menu/separator.png) left center no-repeat;
}

ul#menu_top li a{
	float: left;
	display: block;
	height: 23px;
}

a.menu01 {
	width: 127px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) 0 0 no-repeat;
}

a.menu01:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) 0 -23px no-repeat;
}

#menu_active1 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) 0 -23px no-repeat;
}

a.menu02 {
	width: 104px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -127px 0 no-repeat;
}

a.menu02:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -127px -23px no-repeat;
}

#menu_active2 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -127px -23px no-repeat;
}

a.menu03 {
	width: 74px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -231px 0 no-repeat;
}

a.menu03:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -231px -23px no-repeat;
}

#menu_active3 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -231px -23px no-repeat;
}

a.menu04 {
	width: 67px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -305px 0 no-repeat;
}

a.menu04:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -305px -23px no-repeat;
}

#menu_active4 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -305px -23px no-repeat;
}

a.menu05 {
	width: 102px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -372px 0 no-repeat;
}

a.menu05:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -372px -23px no-repeat;
}

#menu_active5 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -372px -23px no-repeat;
}

a.menu06 {
	width: 90px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -474px 0 no-repeat;
}

a.menu06:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -474px -23px no-repeat;
}

#menu_active6 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -474px -23px no-repeat;
}

a.menu07 {
	width: 99px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -564px 0 no-repeat;
}

a.menu07:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -564px -23px no-repeat;
}

#menu_active7 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -564px -23px no-repeat;
}

a.menu08 {
	width: 75px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -663px 0 no-repeat;
}

a.menu08:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -663px -23px no-repeat;
}

#menu_active8 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -663px -23px no-repeat;
}

a.menu09 {
	width: 66px;
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -738px 0 no-repeat;
}

a.menu09:hover {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -738px -23px no-repeat;
}

#menu_active9 {
	background: url(images/menu/strony_internetowe_lublin_menu_sprites.png) -738px -23px no-repeat;
}

div#logo_box {
	float: left;
	height: 66px;
	width: 245px;
	background: url(images/logo.jpg) 0 0 no-repeat;
}

div#logo_box a{
	display: block;
	float: left;
	height: 66px;
	width: 245px;
}

div#logo_box a:hover{
	background: url(images/logo_hover.gif) 0 0 no-repeat;
}

img#logo {
	float: left;
}

img#tel {
	float: right;
}

/* banner */

div#banner_top {
	float: left;
	width: 960px;
	height: 336px;
	background: url(images/banner_top.jpg) right top no-repeat;
}

div#banner { 
	float: left; 
	height: 336px; 
	width: 623px;
	z-index: 1000;
	text-align: left;
}


div#banner_right {
	float: right;
	width: 324px;
	height: 336px;
	padding: 27px 0 0 0;
	background: url(images/tabs_bg.png) 0 37px no-repeat;
}

/* tabs */

#scroller-header a{
	text-decoration: none; 
	color: #9a9a9a; 
	padding: 0 5px 0 4px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

#scroller-header a:hover {
	text-decoration:none; 
	color:#4b412f
}

a.selected {
	text-decoration:none !important; 
	color:#bc2476 !important;
}

#scroller-header {
	float: left;
	width:317px;
	height:24px;
	font-weight:700;
	text-align: left;
}

#scroller-body {
	float: left;
	width:310px;
	margin-left: 1px;
	padding-top: 4px;
}

#mask {
	width: 310px;
	overflow: hidden;
	margin: 0 auto;
}

#panel {

}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
	list-style:none;
	padding:0;
}

#panel ul li {
}

#panel-1 {
}

#panel-1 table{
	width: 100%;
	height: 225px;
	margin-left: 4px;
}

#panel-1 table td{
	padding: 5px 3px;
	vertical-align: middle;
	width: 40%;
}

#panel-1 a{
	float: right;
	font-style: italic;
	color: #777;
	margin-top: 10px;
	display: block;
	background: url(images/wiecej2.gif) right center no-repeat;
}

#panel-1 a:hover{
	color: #bc2476;
}

#panel-2 {
}

#panel-2 table{
	width: 100%;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}

#panel-2 table td{
	vertical-align: middle;
	padding: 3px;
}

#panel-2 table td span{
	color: #bc2476;
	font-size: 12px;
}

input.inp01 {
	float: left;
	border: 1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px 3px;
	width: 220px;
	font-size: 12px;
}

input.inp01:focus {
	-moz-box-shadow: 1px 1px 2px #dedede;
	-webkit-box-shadow: 1px 1px 2px #dedede;
	box-shadow: 1px 1px 2px #dedede;
}

#panel-2 table td select{
	float: left;
	border: 1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px 3px;
	width: 227px;
	font-size: 12px;
}

#panel-2 table td select:focus{
	-moz-box-shadow: 1px 1px 2px #dedede;
	-webkit-box-shadow: 1px 1px 2px #dedede;
	box-shadow: 1px 1px 2px #dedede;
}


#panel-2 table td textarea{
	float: left;
	border: 1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding: 5px 3px;
	width: 220px;
	height: 100px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#panel-2 table td textarea:focus{
	-moz-box-shadow: 1px 1px 2px #dedede;
	-webkit-box-shadow: 1px 1px 2px #dedede;
	box-shadow: 1px 1px 2px #dedede;
}

input.inp_button01 {
	float: right;
	background: #bc2476;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 3px 10px;
	font-size: 11px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	margin: 4px 15px 0 0;
}

input.inp_button01:hover {
	-moz-box-shadow: 1px 1px 2px #b6b6b6;
	-webkit-box-shadow: 1px 1px 2px #b6b6b6;
	box-shadow: 1px 1px 2px #b6b6b6;
}

/* container */

div#cont_width {
	float: left;
	width: 900px;
	padding: 10px 0 10px 20px;
}

div#cont {
	float: left;
	width: 960px;
	padding-bottom: 15px;
	margin-top: 8px;
	background: url(images/cont_bg.jpg) 0 0 repeat-x;
}

ul#oferta {
	float: left;
	padding: 0 10px 10px 10px;
}

ul#oferta li{
	float: left;
	width: 197px;
	text-align: left;
	line-height: 16px;
	padding-left: 50px;
}

ul#oferta li img{
	float: right;
}

ul#oferta li span{
	color: #898989;
	font-size: 11px;
}

ul#oferta li h1{
	font-size: 20px;
	color: #000;
}

ul#oferta li h2{
	font-size: 20px;
	color: #000;
}

ul#oferta li p{
	padding: 5px 0;
}

ul#oferta li a{
	float: left;
	color: #bd2375;
	font-style: italic;
	display: block;
	padding-right: 19px;
	background: url(images/wiecej.jpg) right center no-repeat;
}

div#portfolio_big {
	float: left;
	width: 910px;
	padding: 10px 20px 10px 30px; 
}

div#portfolio_right {
	float: right;
	width: 500px;
}

div#portfolio_right img{
	float: right;
	width: 484px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #f9f9f9;
	padding: 8px;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
   	-moz-box-shadow: 1px 1px 2px #e6e6e6;
   	box-shadow: 1px 1px 2px #e6e6e6;
	margin-bottom: 10px;
	background: #fff url(images/loading.gif) 10px 10xp no-repeat;
}

div#portfolio_left {
	float: left;
	width: 300px;
}

div#portfolio_left p{
	text-align: left;
	line-height: 18px;
	padding: 5px 0 8px 0;
}

div#portfolio_left p a{
	text-decoration: underline;
}

div#portfolio_left p a:hover{
	text-decoration: none;
	color: #bd2375;
}


div#portfolio_left ul{
	text-align: left;
	padding: 5px 0;
}

div#portfolio_left ul li{
	text-align: left;
	padding: 6px 7px;
	background: url(images/list_style01.gif) left center no-repeat;
}

div#portfolio_left ul li a:hover{
	text-decoration: none;
}

div#portfolio_left hr{
	border: none;
	height: 5px;
	background: #fff;
	margin: 15px 0 10px 0;
	border-top: 3px solid #f0f0f0;
}

div#portfolio_left h1{
	padding: 5px 0 6px 0;
	background: url(images/plb.jpg) bottom left no-repeat;
}


div#portfolio_left h2{
	margin: 5px 0 0 0;
}

a.wiecej {
	float: left;
	color: #bd2375;
	font-style: italic;
	display: block;
	padding-right: 19px;
	background: url(images/wiecej.jpg) right center no-repeat;
}

div.wiecej_right {
	float: right;
	width: 500px;
}

div.wiecej_right a{
	float: right;
	color: #333;
	font-style: italic;
	padding: 3px 17px 0 0;
	margin: 10px 0 0 0;
	background: url(images/wiecej.jpg) right center no-repeat;
}

div.wiecej_right a:hover{
	color: #bd2375;
}

/* slider portfolio */

div#portfolio_slider {
	float: left;
	width: 980px;
}

#portfolio_slider p{
	text-align: left;
	color: #aeaeae;
	width: 940px;
	font-size: 11px;
	padding: 10px 0 5px 20px;
}

#carousel_inner {
	float: left;
	width: 890px;
	overflow: hidden !important; 
}

#carousel_ul {
	position:relative;
	left:-210px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:9999px;
	padding-bottom:10px;
}

#carousel_ul li{
	float: left;
	width: 134px;	
	padding: 0px;
	height: 68px;
	margin-top: 10px;
	margin-bottom: 10px; 
	margin-left: 6px; 
	margin-right: 6px;
	vertical-align: middle;
}

#carousel_ul li img {
	.margin-bottom:-4px;
	/* styling */
	cursor:pointer;
	border:0px;
}

#left_scroll, #right_scroll{
	float: left; 
	height: 37px; 
	width: 32px;
	padding-top: 26px;
}

#left_scroll img, #right_scroll img{
	border: 0;
	cursor: pointer;

}

table.etapy_ws {
	width: 260px;
	vertical-align: left;
	height: 100px;
	background: url(images/987.jpg) 70px 0 repeat-y;
}

table.etapy_ws td{
	padding: 0 10px;
}

table.etapy_ws span{
	font-size: 50px;
	color: #bdbec1;
	font-family: Tahoma;
}

table.etapy_ws td h2{
	margin: 5px 0 0 0;
}

h2.nagl {
	float: left;
	font-size: 30px;
	width: 450px;
	padding: 5px 0 6px 0;
	margin-left: 0;
	background: url(images/plb.jpg) bottom left no-repeat;
	padding-right: 180px;
}

h2.nagl span{
	color: #666;
}

div.info {
	padding: 20px 0 10px 70px;
	text-align: left;
	line-height: 16px;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	margin: 10px 0;
	color: #777;
	font-size: 12px;
	float: left;
	width: 560px;
	background: url(images/help_64.png) 10px 16px no-repeat;
}

table#info {
	width: 100%;
}

table#info tr td{
	padding: 20px 0 10px 70px;
	text-align: left;
	line-height: 16px;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	margin: 10px 0;
	color: #777;
	font-size: 12px;
	float: left;
	width: 560px;
	background: url(images/help_64.png) 10px 18px no-repeat;
}

table#info tr td:hover{
	color: #333;
	background: url(images/help_64_hover.png) 10px 18px no-repeat;
}


div.news {
	float: left;
	text-align: left;
	line-height: 18px;
	margin: 5px 0;
	
}

div.news span{
	float: left;
	width: 400px;
	padding: 3px 0 3px 73px;
}

div.news p{
	float: left;
	padding-left: 50px;
	width: 370px;
}

div.news p span{
	color: #666;
}

/* box left */
div#b_left {
	float: left;
	width: 213px;
	padding: 20px 0 0 27px;
}

div.box_left {
	float: left;
	width: 213px;
	margin: 0 0 15px 0;
}

img.tb {
	float: left;
}

div.bl_cont {
	float: left;
	width: 183px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 0 14px;
}

ul.menu_left {
	width: 183px;
}

ul.menu_left li{
	text-align: right;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 36px 10px 5px;
	font-size: 12px;
	background: url(images/menu_left01.jpg) right center no-repeat;
}

li#menul_active {
	padding: 10px 26px 10px 5px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/menu_left02.jpg) right center no-repeat;
}

div.box_left02 {
	float: left;
	width: 213px;
	margin: 20px 0;
}

img.tb02 {
	float: left;
}

div.bl_cont02 {
	float: left;
	width: 168px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 0 14px;
}

div.bl_cont02 h2{
	text-align: center;
	margin-bottom: 5px;
	text-transform: uppercase;
}

div.bl_cont02 h3{
	text-align: center;
	margin-top: 10px;
}

a.of_link {
	float: right;
	line-height: 14px;
	font-size: 11px;
	margin: 15px 10px 0 0;
	color: #666;
	text-align: right;
	padding: 0 16px 0 0;
	background: url(images/wiecej2.gif) right center no-repeat;
}

a.of_link:hover{
	color: #bd2375;
}

a.of_link img{
	float: right;
}

ul.menu_left02 {
	width: 163px;
}

ul.menu_left02 li{
	text-align: left;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0px 10px 25px;
	font-size: 12px;
	background: url(images/action_check.png) 5px 7px no-repeat;
}

ul.menu_left02 li strong{
	font-weight: normal;
}

ul.menu_left02 li a:hover{
	cursor: help;
	text-decoration: none;
	color: #bd2375;
}


div.box_left03 {
	float: left;
	width: 213px;
}

div.box_left03 h2{
	margin: 0;
	font-size: 17px;
	margin-bottom: 5px;
}

div.box_left03 div{
	text-align: left;
	line-height: 14px;
	padding-bottom: 5px;
}

div.box_left03 table{
	float: left;
	width: 213px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #e2e2e2;
	background: #f4f5f6;
}

div.box_left03 table td{
	border-bottom: 1px solid #e2e2e2;
	background: #f4f5f6;
	text-align: left;
	padding: 5px 3px;
	vertical-align: middle;
}

div.box_left03 table td p{
	float: left;
	padding: 7px 10px 7px 28px;
	background: #fff url(images/16x16_kommentar.png) 7px 5px no-repeat;
	margin: 0 0 0 10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ddd;
} 

div.box_left03 table td a{
	float: right;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	text-align: center;	
	padding: 7px 10px 7px 10px;
	background: #353535;
	margin-right: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	-moz-box-shadow: 2px 2px 3px #d0d0d0;
	-webkit-box-shadow: 2px 2px 3px #d0d0d0;
	box-shadow: 2px 2px 3px #d0d0d0;	
} 

div.box_left03 table td a:hover{
	background: #bd2375;
	text-decoration: none;
	-moz-box-shadow: 3px 3px 3px #d0d0d0;
	-webkit-box-shadow: 3px 3px 3px #d0d0d0;
	box-shadow: 3px 3px 3px #d0d0d0;
}

table.table_box_left tr td{
	background: #fff;
	padding: 5px 0px;
	font-size: 11px;
	line-height: 16px;
}

table.table_box_left tr td span{
	color: #777;
}

table.table_box_left tr td img{
	float: left;
	margin: 0 10px 0 10px;
}

div.box_left_bottom {
	float: left;
	height: 33px;
	width: 213px;
	background: url(images/box_l_bottom.png) top center no-repeat;
}

div.box_left_bottom a{
	float: right;
	line-height: 14px;
	font-size: 11px;
	margin: 7px 10px 0 0;
	color: #666;
	text-align: right;
	padding: 0 15px 0 0;
	background: url(images/wiecej2.gif) right center no-repeat;
}

div.box_left_bottom a:hover{
	color: #bd2375;
}

div.box_left_bottom a img{
	float: right;
}


div#b_right {
	float: right;
	width: 647px;
	padding: 10px 33px 0 0;
}

div.tresc {
	float: left;
	width: 630px;
	padding-right: 17px;
	padding-bottom: 20px;
}

div.tresc a{
	text-decoration: underline;
}

div.tresc a:hover{
	color: #bd2375;
	text-decoration: none;
}

div.tresc p{
	text-align: left;
	line-height: 18px;
	padding: 5px 0;
}

div.tresc ul{
	text-align: left;
	line-height: 16px;
	padding: 5px 0;
}

div.tresc ul li{
	line-height: 16px;
	padding: 3px 16px;
	background: url(images/list_style01.jpg) 5px 8px no-repeat;
}

div.tresc h1{
	padding-bottom: 4px;
	font-size: 30px;
	border-bottom: 1px solid #eaeaea;
}

div.tresc h2{
	margin: 10px 0 5px 0;
}

img.prev {
	float: left;
}

img.next {
	float: right;
}

div#pagin {
	float: left;
	width: 890px;
	padding: 20px 20px 10px 12px;
}

div#pagin ul{
	float: left;
	padding-left: 360px;
}

div#pagin ul li{
	float: left;
	display: inline;
	padding: 0 3px;
	line-height: 22px;
	color: #999;
}

div#stopka_top {
	float: left;
	width: 960px;
	border-bottom: 1px solid #bdbdbd;
	padding: 10px 0;
}

div#stopka_top p{
	float: left;
	color: #9a9a9a;
}

div#stopka_top ul{
	float: right;
}

div#stopka_top li{
	display: inline;
	float: left;
	padding: 0 5px;
	border-right: 1px solid #afafaf;
}

div#stopka_top li a{
	color: #636262;
	font-size: 11px;
}

div#stopka_bottom {
	float: left;
	width: 960px;
	padding: 10px 0 20px 0;
	margin-bottom: 0px;
}

div#stopka_bottom p{
	float: right;
	color: #555;
}

div#stopka_bottom a{
	text-decoration: underline;
	color: #555;
}

div#stopka_bottom a:hover{
	text-decoration: underline;
	color: #bd2375;
}