body {
	padding:0px;
	margin:0px;
	color:#0b0a08;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:19px;
	
}
del {
display:none;
}
.page_width {
	width:959px
	
}
#box_top {
	background-color:#f7f7f7;
	width:100%;
	height:9px;
	position:relative;

}
.dotted  {
	width:100%;

	border-bottom:1px solid #dbdada;
	height:1px;
	background-color:#FFF;
	position:relative;


}
.dotted_darken {

	width:auto;
	height:1px;
	margin-bottom:30px;
	
	
	
	
}
#contener_top {

	margin-left:auto;
	margin-right:auto;
	height:92px;
	position:relative;
	
}
#logo_main {
	
	position:absolute;
	left:0px;
	top:22px;
	
}
#contener_menu_top {
	
	height:66px;
	
}
#contener2_menu_top {
	position:absolute;
	right:0px;
	top:22px;
	
	height:34px;
	color:#FFF;
	
	
}
#content_menu_top {
	position:relative;
	z-index:10;
	padding-left:35px;
	padding-right:35px;
	background-color:#0b0a08;
	height:27px;
	float:left;
	padding-top:7px;
	font-size:12px;
	

	
}

#content_menu_top a {
	text-decoration:none;
	color:#fff;
		position:relative;
	z-index:100;


}
#content_menu_top a:hover {
	text-decoration: underline;
	color:#c30017;
}
.spacer_menu_top {
	height:17px;
	width:1px;
	border-left:1px #acabab dotted;
	margin-left:28px;
	margin-right:28px;
	
}


#box_baner {
	width:100%;
	background-color:#010101;
	background-repeat:repeat-x;
	background-position:top;

	

	height:236px;
	margin-bottom:58px;
	
}
#contener_baner {
	margin-left:auto;
	margin-right:auto;
	
}
#contener_main {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	
}
#contener_right {
	width:266px;
	float:left;
	margin-left:32px;
	
	
}
#contener_left {
	width:660px;
	float:left;
	


}
#header_right  {
	width:100%;
	
}

#content_left {

	width:100%-28px;

	padding-bottom:30px;
	
}
.baner_ostatnie_realizacje {
	
	
}
.baner_klienci {
	
	
}
#content_right {
	width:100%;
	
	padding-bottom:50px;
	clear:both;
	
}
#contener_menu_right {
	width:175px;
	float:left;
	position:relative;
	z-index:100;

	
}
#content_menu_right {
	width:100%;
	background-color:#c30118;
	padding-top:7px;
	padding-bottom:7px;
	
}

ul.right_menu  {
	
	color:#fff;
}
ul.right_menu a  {
	
	color:#fff;
	text-decoration:none;
}
ul.right_menu  {
	padding:0px;
	margin:0px;
	
	
}
ul.right_menu li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	color:#FFF;
	
	
	

	
}
div.menu_txt {
		margin-left:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:22px;
	
	
	background:url(../images/tick_right_menu.gif) left;
	background-position:10px;
	background-repeat:no-repeat;
	width:100%-22px;
	cursor:pointer;
	
}


.menu_txt_hover {
	margin-left:-3px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:31px;
	color:#fff;
	cursor:pointer;
	
	
	background:url(../images/back_menu_hover.gif) left;
	background-position:10px;
	background-repeat:no-repeat;

	
}
#contenerPorfolio{
	 width:465px;
	 margin-left:17px;
	 float:left;
	 position:relative;
	 
	 
}
.contenerRealizacja {
	padding:10px;

	
}
.realizacjaOpis {
	padding-top:10px;
	
}
.realizacjeDot {
	margin-top:5px;
	margin-bottom:45px;
	border-color:#dbdada;
	
	
}
.contenerRealizacja a {
	color:#aa0014;
	text-decoration:underline;
	
}
.realizacjeNumerek {
	position:absolute;
	z-index:1;
	top:50px;
	left:-50px;
	
	
}
.realizacjaSingle {
	position:relative;
	z-index:100;
}
#contenerFooter {
	
	width:100%;
	background-color:#0b0a08;
	
}
#contentFooter {
	width:959px;
	color:#cecdcd;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	line-height:18px;
	
}
.logo_footer {
	clear:both;
	margin-top:30px;
	
}
#contener_pages {
	text-align:center;
	
}
.page_button {
	padding:0px 0px 0px 0px;
	margin-right:5px;
	color:#FFF;
	width:17px;
	height:18px;
	
	
	display:inline-block;
	
}
#contener_pages a {
	text-decoration:none;
	color:#0b0a08;
	
	
}
#dalejWstecz:hover {
	text-decoration: underline;

	
	
}
.line_grey {
	background-image:url(../images/dot_grey.gif);
	width:100%-32px;
	
	height:1px;
	
}
h2.h2_red {
		font-weight:bold;
	color:#c30118;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
h3.h3_black {
	font-weight:bold;
	color:#0b0a08;
	margin-bottom:0px;
	padding-bottom:0px;
		font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
}
ul.oferta {
	
	
}
.content_oferta {
	margin:10px;
	width:100%-20px;
	overflow:hidden;
	
}
.icon_dedykowane {
	margin-right:30px;
	margin-left:30px;
	float:left;
	
}
.etapy_dedykowane {
	text-align:justify;
	width:100%;
	margin-top:35px;

}
.hoverTop {
	position:absolute;
	height:69px;
	top:-22px;
	z-index:10;
	
}
.active_oferta {
	background-image:url(../images/active_oferta.png); 
	left:143px; 
	width:91px;
}
.active_strona_glowna {
		background-image:url(../images/active_praca.png); 
	left:4px; 
		width:91px;
	
}
.active_o_firmie {
		background-image:url(../images/active_o_firmie.png); 
	left:96px; 
	width:98px;
	
}
.active_oferta {
		background-image:url(../images/active_oferta.png); 
	left:195px; 
	width:91px;
	
}

.active_portfolio {
		background-image:url(../images/active_portfolio.png); 
	left:287px; 
	width:101px;
	
}

.active_praca {
	background-image:url(../images/active_praca.png); 
	left:387px; 
	width:91px;
}

.active_kontakt {
	background-image:url(../images/active_kontakt.png); 
	left:589px; 
	width:101px;
	
}
.active_ogloszenia {
		background-image:url(../images/active_portfolio.png); 
	left:480px; 
	width:101px;
	
}
.inputTextField {
	background-image:url(../images/back_input.gif);
	background-repeat:no-repeat;
	width:180px;
	height:16px;
	border:0px;
	padding:5px 12px 3px 12px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#6d6d6d;
	vertical-align:middle;
	display:block;
	
}
.inputTextarea{
	background-image:url(../images/inputTextarea.gif);
		background-repeat:no-repeat;
	width:180px;
	height:119px;
	border:0px;
	padding:5px 12px 3px 12px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#6d6d6d;
	vertical-align:middle;
	display:block;
	
}
.wyslijButton {
		background-image:url(../images/wyslij.gif);
		background-repeat:no-repeat;
	width:63px;
	cursor:pointer;
	height:23px;
	border:0px;

	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#6d6d6d;
	vertical-align:middle;

	
}
ul.lista_kolka {
	padding-left:0px;
	
	margin-left:25px;
}
ul.lista_kolka li {
		list-style-image:none;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:30px;
		list-style-type:none;
	background-image:url(../images/lista_kolo.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	position:relative;

	
}
.counter_list {
	position:absolute;
	left:6px;
	font-size:10px;
	font-family: Tahoma, Geneva, sans-serif;
	top:10px;
	color:#fff;
	font-weight:bold;
}
/* =============================================================================== */
#gallery{

	/* The width of the gallery */
	width:464px;
	overflow:hidden;
}

#gallery #slides, #slides2, #slides3, #slides4, #slides5, #slides6, #slides7, #slides8, #slides9{
	/* This is the slide area */
	height:274px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:464px;
	overflow:hidden;
}



#gallery .slide{
	float:left;
}

#gallery #menu{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu3{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu4{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu5{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu6{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu7{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu8{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}
#gallery #menu9{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}

#gallery #menu2{
	/* This is the container for the thumbnails */
	
	background-image:url(../images/tlo.jpg); 
	background-repeat:no-repeat;
	width:464px; height:45px;
	padding-top:13px;
}

#gallery ul{
	margin:0px;
	padding:0px;
}

#gallery li{
	/* Every thumbnail is a li element */
	width:18px;
	display:inline-block;
	list-style:none;
	height:20px;
	overflow:hidden;
		
	
}



#gallery  li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../images/active_bg.gif) no-repeat 0px 1px;
	
	
	
}

#gallery li.act a{
	cursor:default;
}

#gallery .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#gallery li a{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	outline:none;
	margin:-0px 0 0px 6px;
}
#gallery li{
	margin-left:2px;
	margin-right:2px
}



/* =============================================================================== */



/* ======================= galery 2 ============================================ */
#gallery2{

	/* The width of the gallery */
	width:651px;
	overflow:hidden;
}

#gallery2 #slides, #slides2, #slides3, #slides4, #slides5, #slides6, #slides7, #slides8, #slides9{
	/* This is the slide area */
	height:274px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:651px;
	overflow:hidden;
}



#gallery2 .slide{
	float:left;
}

#gallery2 #menu{ background-color:#FFF;	background-image:none; }
#gallery2 #menu2{ background-color:#FFF;	background-image:none; }
#gallery2 #menu3{ background-color:#FFF;	background-image:none; }
#gallery2 #menu4{ background-color:#FFF;	background-image:none; }
#gallery2 #menu5{ background-color:#FFF;	background-image:none; }
#gallery2 #menu6{ background-color:#FFF;	background-image:none; }
#gallery2 #menu7{ background-color:#FFF;	background-image:none; }
#gallery2 #menu8{ background-color:#FFF;	background-image:none; }
#gallery2 #menu9{ background-color:#FFF;	background-image:none; }


#gallery2 ul{
list-style:none;
}

#gallery2 li{

		
	
}



#gallery2  li.act,li.act:hover{

	
	
	
}

#gallery2 li.act a{

}

#gallery2 .fbar{

}

#gallery2 li a{

}
#gallery2 li{

}



/* =============================================================================== */



.footer_a a{
	text-decoration:none;
	color:#CECDCD;
}
.footer_a a:hover{
	text-decoration:underline;
}

.os_foto{
	float:left;	
	width:355px;
	background-image:url(../images/os_tlo_foto.jpg);
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	height:217px; 
}

.os_foto2{
	width:660px;
	background-image:url(../images/os_tlo_foto.jpg);
	background-repeat:no-repeat;
	padding:5px 4px 4px 5px;
	height:217px; 
}

.os_tytul{
	float:left; width:400px; margin-top:21px; font-weight:bold; font-size:12px; color:#C30118;
}

.os_linia_kr{
	padding-bottom:10px;
}

.os_opis{
	float:left;
	width:295px;
}
.os_tresc{
	font-size:12px;
	height:100px;
}
.os_wiecej{
	outline:none;
	text-align:right;
}
.os_linia_dl{
	margin:5px 0 25px 0;
}



.menu_bok_l{
	float:left;
	background:url(../menu_bok_l.gif) no-repeat; width:3px; height:35px;
}
.menu_bok_p{
	float:left;
	background:url(../menu_bok_p.gif) no-repeat; width:3px; height:35px;
}
ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 600px;
	background: #222;
	font-size: 1.2em;
	background: url(../topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color:#C00;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #000;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	margin: 0; padding: 0;
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #000 url(../dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../dropdown_linkbg2.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}