body, select {
	font-family: tahoma;
	font-size: 12px;
	color:#000000;
	margin:5px;
}
td, div {
	font-family: tahoma;
	font-size: 12px;
	color:#000000;
}

input {
	vertical-align:middle;
}

a {
	text-decoration: none;
	color: #ea0000;
}
a:hover {
    text-decoration: underline;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
.body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-image: url(tlo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	backgorund-color:#e6e6e6;
}
hr, .hr {
	width: 100%;
	color: #eae5df;
	height: 1px;
	size: 1px;
}
ul, ol {
	list-style-position: outside;
	margin: 5px 0px 5px 25px;
	padding: 0px;
}
li { 
	list-style: none url(ikol.gif) outside;
	margin: 0px;
	padding: 0px;
}

.nomargs {
    margin: 0px;
    padding: 0px;
}
.tytul {
	color:#c9574d;
	font-weight: normal;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
}
#gl {
	width: 840px;
	position: relative;
	text-align: center;
	margin: auto;
}
.tfoto {
	padding:1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
}

.tfoto2 { 
	padding:1px;
	border: 1px solid #e6e6e6;
}
.data_kol {
	font-size:10px;
	padding: 3px 0px 3px 0px;	
	color:#8a8989;
}
.tfoto_p {
    text-align:center;
	padding:5px;
}
.text, .text_tab {
	vertical-align: top;
	line-height: 18px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.text_tab td {
	font-size:11px;
}



.text_16 {
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 25px;
}

.text_td {
	vertical-align: top;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.text14 {
	vertical-align: top;
	line-height: 18px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.text2 {
	vertical-align: top;
	line-height: 18px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.text3 {
	vertical-align: top;
	line-height: 18px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.foto_u1 {
	float:left;
	padding-right:10px;
}

.foto_u2 {
	float:right;
	padding-left:10px;
}

.foto_u3 {
	width:30%;
	float: left;
}

.text_u3 {
	width:68%;
	float: left;
	padding-left:10px;
	line-height: 16px;
}

.foto_u4 {
	width:30%;
	float: left;
}

.text_u4 {
	width:68%;
	float: left;
	padding-right:10px;
	line-height: 16px;
}

.foto_u5 {
	clear:both;
	padding-bottom:10px;
	padding-top:5px;
}
.foto_u6 {
	clear:both;
	padding-top:10px;
}
.input_form {
	border: solid 1px #d3d3d3;
	background-color:#ededed;
	font-size:12px;
	font-family:arial;
	padding:2px;
	margin-bottom:5px;
	color:#212121;
	width:380px;
}
.button_form {
	border: solid 1px #d3d3d3;
	background-color:#F1F1F1;
	color:#212121;
	font-size:12px;

}
.offset {
	text-align:center;
	padding: 10px 0px 10px 0px;
}
#dpsTop {
	float: left;
	width: 969px;
	height: 86px;
	position: relative;
}
.tlos {
	width: 969px;
}
#dpsHaslo {
	float: right;
	padding-top: 22px;
	padding-right: 7px;
}
#dpsMenutt {
	background-image: url(belka.gif);
	background-repeat: repeat-x;
	text-align: left;
	position:relative;
	clear: both;
	float: left;
	height: 36px;
	width: 100%;
}
#menu {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#menu li {
	float: left;
	list-style-image: none;
}
.menupoz  a, .menupoz2 a {
	color: #FFFFFF;
}

#dpsLogo {
	width: 222px;
	height: 86px;
	float:left;
}
#dpsLogo a {
	font-size:11px;
	color:#cccccc;
}

#dpsLogo span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 222px;
	height: 86px;
	background-image: url('netcoding.gif');
	cursor:pointer;
}

#lang {
	float: right;
	padding-top: 11px;
	padding-right: 15px;
	color: #8e8e8e;
	font-size: 11px;
}
#lang img {
	vertical-align: middle;
}

#dpsStopka {
	text-align: left;
	clear: both;
	width: 969px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ea0000;
	padding-top: 10px;
	padding-bottom: 12px;
}
.czerwo {
	color: #ea0000;
}

.czerwo12 {
	color: #ea0000;
	font-size:12px;
}
#menub a {
	color: #000000;
	margin-left:8px;
	margin-right:8px;
}

#copy a {
	color: #212121;
	font-weight:bold;
	margin:0px;
}

#copy {
	font-size: 11px;
	padding-left: 10px;
	float: left;
	padding-top:10px;
	clear:left;
	color: #212121;
}

#rzetelna {
	float:right;
	width:200px;
	text-align:right;
	margin-right:10px;
}

#menub {
	float: left;
	padding-left:2px;
	width:400px;
	padding-bottom:10px;
	font-size: 11px;
}
.tlol {
	background-image: url(lewa1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#dpsContent {
	background-image: url(content1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 20px;
}
#dpsContent2 {
	background-image: url(content2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 20px;
}

h3, h2 {
	font-family: tahoma;
	font-size: 22px;
	color: #000000;
	margin: 0px;
	font-weight: normal;
	clear: both;
}
#sekcja1 {
	background-image: url(linia969.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 969px;
	padding-bottom: 1px;
}
.box270 {
	float: left;
	width: 270px;
}
.sepa177 {
	background-image: url(liniap177.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 177px;
	width: 40px;
	margin-right: 10px;
}
.box_kont    a {
	color: #000000;
}
.box_kont {
	float: left;
	width: 300px;
	background-image: url(iko_kontakt.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.marg30 {
	float: left;
	height: 100px;
	width: 30px;
}
.pad_nag1 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.text_l21 {
	vertical-align: top;
	line-height: 21px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.text_l21   img, .text_l212 img {
	vertical-align: middle;
	padding-right: 10px;
}
.box250 {
	float: left;
	width: 250px;
}
#sekcja2_pusta {
	float: left;
	width: 969px;
	clear: both;
	padding-top: 25px;
}
.sepa435 {
	background-image: url(liniap435.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 435px;
	width: 40px;
	margin-right: 10px;
}

.sepa420 {
	background-image: url(liniap435.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 420px;
	width: 40px;
	margin-right: 10px;
}

.sepa400 {
	background-image: url(liniap400.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 400px;
	width: 40px;
	margin-right: 10px;
}


.sepa365 {
	background-image: url(liniap365.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 365px;
	width: 40px;
	margin-right: 10px;
}

.box410 {
	float: left;
	width: 410px;
}

.box410_10 {
	float: left;
	margin-left:10px;
	width: 410px;
}

.box_pad  a  {
	color: #000000;
}
.box_pad  h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.box_pad {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 95px;
	color: #464545;
}
#projektowanie_stron {
	background-image: url(tlo_gl1.gif);
	clear: both;
	float: left;
	height: 80px;
	width: 398px;
	margin-top: 13px;
	cursor:pointer;
}

#projektowanie_sklepow {
	background-image: url(tlo_gl2.gif);
	clear: both;
	float: left;
	height: 80px;
	width: 398px;
	margin-top: 19px;
	cursor:pointer;
}
#systemy_bazodanowe {
	background-image: url(tlo_gl3.gif);
	clear: both;
	float: left;
	height: 80px;
	width: 398px;
	margin-top: 19px;
	cursor:pointer;
}
#pozycjonowanie {
	background-image: url(tlo_gl4.gif);
	clear: both;
	float: left;
	height: 80px;
	width: 398px;
	margin-top: 19px;
	cursor:pointer;
}
.box_glowna {
	float: left;
	width: 479px;
	background-image: url(facet.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#loga_gl {
	background-image: url(linia330.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	float: left;
	width: 330px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#loga_gl img {
	margin-left: 20px;
	margin-bottom: 15px;
}
h3 small, h2 small {
	font-size: 11px;
	font-weight: normal;
	color: #646464;
}
.tlol2 {
	background-image: url(lewa2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.box_ofirmie {
	float: left;
	width: 618px;
	background-image: url(fota_ofirmie.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.box479 {
	float: left;
	width: 479px;
}
#sekcja1_pusta {
	float: left;
	width: 969px;
	clear: both;
	padding-bottom: 1px;
}
.sepa647 {
	background-image: url(liniap647.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 617px;
	width: 1px;
	margin-right: 25px;
	margin-left: 25px;
}
.box485 {
	float: left;
	width: 485px;
}
.linia529 {
	background-image: url(sepa_d.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
	height: 1px;
	width: 529px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -20px;
}

.box400 {
	float: left;
	width: 400px;
}
#projektowanie_stron2 {
	background-image: url(tlo_of1.gif);
	clear: both;
	float: left;
	height: 95px;
	width: 398px;
	margin-top: 15px;
	cursor:pointer;
}
#projektowanie_sklepow2 {
	background-image: url(tlo_of2.gif);
	clear: both;
	float: left;
	height: 95px;
	width: 398px;
	margin-top: 20px;
	cursor:pointer;
}
#systemy_bazodanowe2 {
	background-image: url(tlo_of3.gif);
	clear: both;
	float: left;
	height: 95px;
	width: 398px;
	margin-top: 20px;
	cursor:pointer;
}
#pozycjonowanie2 {
	background-image: url(tlo_of4.gif);
	clear: both;
	float: left;
	height: 95px;
	width: 398px;
	margin-top: 20px;
	cursor:pointer;
	margin-bottom: 25px;
}
.wiecej a {
	font-weight: bold;
	color: #ea0000;
	text-align: right;
}
.wiecej {
	text-align: right;
	padding-top: 7px;
	font-size: 11px;
}
.box225 {
	float: left;
	width: 225px;
}
.box280 {
	float: left;
	width: 280px;
}
.text   small, .text2  small, .text3  small, .text14  small {
	font-size: 11px;
}
.box300 {
	float: left;
	width: 300px;
}
.box290 {
	float: left;
	width: 290px;
}
.box240 {
	float: left;
	width: 240px;
}
.text_l212 {
	vertical-align: top;
	line-height: 21px;
	width:100%;
	clear:both;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.margb6 {
	padding-bottom: 6px;
}
.box470 {
	float: left;
	width: 470px;
}
h3 img, h2 img {
	vertical-align: middle;
}
.box_log {
	float: left;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
}
.box320 {
	float: left;
	width: 320px;
}
.box200 {
	float: left;
	width: 200px;
}
.box330 {
	float: left;
	width: 330px;
}
.box440 {
	float: left;
	width: 440px;
}
.box430 {
	float: left;
	width: 430px;
}
.box420 {
	float: left;
	width: 420px;
}
.box450 {
	float: left;
	width: 450px;
}
.box_referencje {
	float: left;
	width: 270px;
	background-image: url(referencje.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.box150 {
	float: left;
	width: 150px;
}
.box180 {
	float: left;
	width: 180px;
}
.box170 {
	float: left;
	width: 170px;
}
.box380 {
	float: left;
	width: 380px;
}
.box390 {
	float: left;
	width: 390px;
}
.box930 {
	float: left;
	width: 930px;
}
.sepapp {
	float: left;
	height: 100px;
	width: 40px;
	margin-right: 10px;
}
.szary11 {
	color: #757575;
	font-size: 11px;
}
.box_kontakt {
	float: left;
	width: 290px;
	background-image: url(kontakt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -10px;
	padding-top: 10px;
}
.box680 {
	float: left;
	width: 680px;
}

.box700 {
	float: left;
	width: 700px;
}


/* glowne */

#menu_rozwijane, #menu_rozwijane ul {padding:0px; margin:0px; list-style-type: none;}

#nav {
	float:left;
}

#nav li {
	float:left;
}

#nav li li {
	float:none;
}

#nav li ul { 
	position: absolute; 
	left: -999em;
} 
		
#nav li:hover ul { 
	top: 30px; 
	left: 0; 
	margin:0px;
}

#nav li ul li ul { 
	position: absolute; 
	display:none; 
	list-style:none;
	list-style-image: none;
}

#nav li ul li:hover ul { 
	top:auto; 
	display:block; 
	position:absolute;  
	margin:-17px 0px 0px 125px;
}
	

/* wiecej */

li.wiec {
	background-image: url(wiec.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* poziom 1 */

.menupoz {
	background-image: url(sepm.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;
	background-position: right top;
	list-style-image: none;
}

.menupoz:hover, .menupozs {
	background-image: url(menupoz2.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;
	list-style-image: none;
}

.menupoz a {
	color:#ffffff;
}

.menupoz:hover a, .menupozs a {
	color:#ffffff;
	text-decoration:none;
}

/* kolor na link 2 i 3 poziom */

#nav li ul li a { 
	color:#ffffff;
}


/* poziom 2 */

.menupoz2 {
	width:120px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	text-align:left;
	background-color: #676767;
	font-size:11px;	
	font-family:tahoma;
	font-weight:normal;
	margin:0px;
	display: block;
	border-bottom: solid 1px #000000;
}

.menupoz2:hover {
	width:120px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	text-align:left;
	background-color: #454545;
	font-size:11px;	
	font-family:tahoma;
	margin:0px;
	display: block;
	border-bottom: solid 1px #000000;
}
	
.menupoz2 a {
	color:#FFFFFF;
	font-weight:normal;
}


/* poziom 3 */

.menupoz3 {
	width:120px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	text-align:left;
	background-color: #232323;
	font-size:11px;	
	font-family:tahoma;
	font-weight:normal;
	margin:0px;
	display: block;
	border-bottom: solid 1px #4d4d4d;
}

.menupoz3:hover {
	width:120px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	text-align:left;
	background-color: #0f0f0f;
	font-size:11px;	
	font-family:tahoma;
	margin:0px;
	display: block;
	border-bottom: solid 1px #4d4d4d;
}
	
.menupoz3 a {
	color:#FFFFFF;
	font-weight:normal;
}














/* root element for scrollable */
.vertical {  
	position:relative;
	overflow:hidden;	
	float:left;	
	height: 405px;	 
	width: 672px;
}

.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

.item {
	background-image: url(tlo_portfolio.gif);
	background-repeat: no-repeat;
	background-position:top left;
	height:200px;
	width:672px;	
	line-height:18px;
	margin-bottom:8px;
}

.foto_list {
	width:295px;
	float:right;
	text-align:right;
}

.opis_list {
	float:left;
	width:345px;
	font-size:11px;
	height:163px;
	margin-left:10px;
}

.opis_list h2 a {
	color: #000000;

}

.item_pad {
	padding:10px;
}

.item h2 {
	margin:10px 0px 0px 0px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding-bottom:5px;
}

.disabled {
	visibility:hidden;		
}

#actions {
	float:right;
	background-image: url(pasek.gif);
	background-repeat: no-repeat;
	height:396px;
	width:17px;
	margin-top:4px;
}
.next img {
	margin-top:347px;
	cursor:pointer;
}
.prev img {
	cursor:pointer;
}

#foto_karta {
	float:right;
	width:315px;
	text-align:center;
	padding-top:24px;
	padding-bottom:24px;
}

#foto_karta a {
	color:#6c6c6c;
	font-size:11px;
}

#wla_karta {
	float:left;
	width:350px;
	padding-top:20px;
	line-height:17px;
	font-size:11px;
	padding-bottom:24px;
	margin-left:20px;
}

#wla_karta img {
	vertical-align:middle;
}

.text_karta {
	float:left;
	background-image: url(tlo_karta.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	min-height:340px;
	width:686px;
	margin-top:10px;
}

#poz_kart {
	padding: 10px 10px 0px 10px;
	font-size:11px;
	text-align:center;
	clear: both;
	color:#9d9d9d;
	/*font-style: italic;*/
}
#poz_kart a {
	color:#9d9d9d;
}

#form_strefa {
	padding:40px 60px 30px 20px;
	text-align:right;
}

#form_strefa input {
	margin-top:5px;
	margin-left:15px;
	margin-bottom:5px;
}

.input_form2 {
	border: solid 1px #d3d3d3;
	background-color:#ededed;
	font-size:12px;
	font-family:arial;
	padding:2px;
	margin-bottom:5px;
	color:#212121;
	width:210px;
}

.kom {
	border-bottom: solid 1px #e8e6e6;
}

.kom a {
	color:#3d3d3d;
}

.komn {
	background-image: url(sepa_d2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #ea0000;
}

.link_p {
	float:right;
	padding: 9px 5px 0px 5px;
}

.czarny {
	color:#000000;
}