/* CSS global BODY styles */
body {
	margin: 0px;
	padding: 0px;
	font-family: "Verdana" , sans-serif;
	font-size: 10px;
	color: #6f6f6f;
	background: url('../img/bkg.jpg');
}
  
select {
	margin: 0px;
	padding: 0px;
}
ul, ol, li, dl, dt, dd, p, div, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
.textVersion {
	display: none;
}
p {
	line-height: 1.25em;
	text-align: left;
}
a, a:visited {
	color:#6f6f6f;
	text-decoration: underline;
}
a, a:visited:hover{
  text-decoration:none;
}
/* ------------------------------------------------------------------------------ MAIN DIVS */
#contener {
	width: 1000px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
/* ------------------------------------------------------------------------------ TOP DIV */
#top {
  position:relative;
  margin:0px 0px 0px 60px;
}
#top #t_banner{
  position:absolute;;
  top:76px;
  left:-6px;
  
}
#top h1 {
  margin:5px 0px 0px 16px;
	width: 269px;
	height: 61px;
	background: url('../img/t_logo.png');
}
#top h1 a {
	display: block;
	width: 269px;
	height: 61px;
}
#top h1 span {
	display: none;
}

#t_fixBkg{
  height:14px;
  width:882px;
  background: url('../img/t_bottomBkgFix.png') 0 bottom no-repeat;
}

#t_content{
  width:882px;
  background: url('../img/t_contentBkg.jpg') 0 0 repeat-y;
}

#t_welcome{
  padding:0px 25px 0px 323px;
  float:left;
  width:235px;
}
#t_welcome h2{
  height:30px;
}

#t_welcome p{
  padding:5px 0px 5px 0px;
}
#t_zapytanie{
  width:285px;
  height:98px;
  float:left;
  position:relative;
  background: url('../img/t_zapytanie.jpg');
}
#top #t_zapytanie h2 {
  margin-left:10px;
}
#top #t_zapytanie a.t_wyslij{
  position:absolute;
  top:69px;
  left:27px;
  width:54px;
  height:14px;
  display:block;
}
#top #t_zapytanie a.t_wyslij span{
  display:none;
}
/* ------------------------------------------------------------------------------ MENU DIV */


#t_navMenu #t_nav_pl{


}

#t_nav_de{
  display:none;
  
}
h2{
  background-repeat:no-repeat;
  background-position: 0 0;
  height:30px;
}
h2 span{
  display:none;
}

#t_menu{
  height:125px;
  width:882px;
  background: url('../img/pl_menuBkg.png') 0 0 no-repeat;
}
#t_menu ul{
  list-style-type:none;
}
#t_navMenu{
/*  padding:19px 0px 0px 781px; */
padding:19px 0px 0px 815px;
  width:90px;
  height:50px;
}
#t_navMenu li {
  float:left;
    height:17px;
}
#t_navMenu li a span{
  display:none;
} 
#t_navMenu li a {
  display:block;
  width:19px;
  height:17px;
}

#t_nav_pl{
  margin-right:9px;
}
#t_nav_en{
  margin-right:9px;
}
#t_nav_de{
  
}
#t_nav_pl a{
  width:19px;
  height:17px;
  background: url('../img/nav_menu_pl.jpg') 0 0 no-repeat;
}
#t_nav_en a{
  width:19px;
  height:17px;
  background: url('../img/nav_menu_en.jpg') 0 0 no-repeat;
}
#t_nav_de a{
  width:19px;
  height:17px;
  background: url('../img/nav_menu_de.jpg') 0 0 no-repeat;
}
#t_nav_pl a:hover, #t_nav_pl a.active{
  background: url('../img/nav_menu_pl_ov.jpg') 0 0 no-repeat;
}

#t_nav_en a:hover, #t_nav_en a.active{
  background: url('../img/nav_menu_en_ov.jpg') 0 0 no-repeat;
}
#t_nav_de a:hover, #t_nav_de a.active{
  background: url('../img/nav_menu_de_ov.jpg') 0 0 no-repeat;
}
#mainMenu li{
  float:left;
  height:53px;
}

#mainMenu li a{
}
#mainMenu li a span{
  display:none;
}

/* ------------------------------------------------------------------------------ CONTENT DIV */

/* ------------------------------------------------------------------------------ Nowosci strona glowna */
#c_nowosciBox{
  background: url('../img/nowosci_box.png');
  width:865px;
  height:119px;
  padding:9px 8px 8px 8px;
  margin:10px 0px 0px 60px;
  color:#fff;
}
#c_nowosciBox h3{
  float:left;
  width:283px;
  height:108px;
  padding-left:30px;
}
#c_nowosciBox #c_nowosciText{
  padding:15px 25px 0px 0px;
  float:left;
  width:240px;
}
#c_nowosciBox #c_nowosciText h4{
  font-size:1.2em;
  height:30px;
}
#c_nowosciBox #c_nowosciText h4 span{
  display:none;
}
#c_nowosciBox #c_nowosciText p{

  padding:0px 0px 0px 0px;
}
#c_nowosciBox a.coNowego{
  margin-top:5px;
  float:left;
  width:283px;
  height:108px;
}
#c_nowosciBox a.coNowego span, #c_reallizacje a span{
  display:none;
}

/* ------------------------------------------------------------------------------ Klienci strona glowna */
#c_reallizacje{
  background: url('../img/realizacje_box.png');
  width:860px;
  height:119px;
  padding:9px 13px 8px 8px;
  margin:10px 0px 0px 60px;
  
}
#c_reallizacje h2{
  float:left;
  width:283px;
  height:108px;
  padding-left:30px;
}
#c_reallizacje a{
  margin-top:6px;
  float:right;
  display:block;
  width:283px;
  height:108px;
}

/* ------------------------------------------------------------------------------ Podstrona O NAS */
#c_myOnas{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
.fixWorker{
  
  padding-bottom:20px;
}
#main ul.pracownicy{
}
#main ul.pracownicy li{
  width:275px;
  float:left;
  position:relative;
}
#main ul.pracownicy li.fixLi{
  float:none;
  clear:both;
  width:280px;
  height:20px;
  display:block;
  font-size:0px;
}

#main ul.pracownicy li img{
  float:left;
  margin-right:15px;
}
#main ul.pracownicy li div.text{
  width:162px;
  float:left;
}
#main ul.pracownicy li div.text h3{
  height:30px;
}
#main ul.pracownicy li div.text h3 span{
  display:none;
}
#main ul.pracownicy li p{
  padding:0px;
}
#main ul.pracownicy li.fixPadding{
  padding-right:30px;
}
/* ------------------------------------------------------------------------------ Podstrona OFERTA  */
#c_ofertaZakresUslug{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
#sub ul.offerList li, #main ul.offerList li{
  background: url('../img/offerLi.jpg') 0 5px no-repeat;
  width:100%;
  padding-left:15px;
  line-height:1.5em;
}
#main #offerText{
  float:right;
  width:275px;
}
#main #offerTextLeft{
  float:left;
  width:275px;
}
#main a img{
  border:none;
}
#main .banner{
  margin:20px 0px 10px 0px;
  display:block;
}
/* ------------------------------------------------------------------------------ Podstrona Aktualnosci  */
#c_nowosciCoNowegoO{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}

#main ul.news {
  padding:0px;
  margin-bottom:20px;
}
#main ul.news li{
  margin-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #cbcaca;
}

#main ul.news li h3{
  float:left;
  padding:0px;
  font-size:1em;
  height:30px;
  width:300px;
}
#main ul.news li h3 span{
  display:none;
}
#main ul.news li h4{
  height:30px;
  width:125px;
  
  float:right;
  font-weight:bold;
}
#main ul.news li span{
}

#main ul.news li p{
  clear:both;
  padding:3px 0px 3px 0px;
}

/* ------------------------------------------------------------------------------ Podstrona    */
#c_myOnas{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
#c_dolaczDoNas{  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
#main ul.praca li{
  width:275px;
  float:left;
  position:relative;
}
#main ul.praca li.fixLi{
  float:none;
  clear:both;
  width:280px;
  display:block;
  font-size:0px;
}

#main ul.praca li img{
  float:left;
  margin-right:15px;
}
#main ul.praca li div.text{
  width:162px;
  float:left;
}
#main ul.praca li b{
  display:block;
  margin-top:10px;
}
#main ul.praca li div.text h3{
  height:30px;
}
#main ul.praca div.text h3 span{
  display:none;
}
#main ul.praca strong{
  display:block;
  padding:5px 0px 5px 0px;
  float:none;
}
#main ul.praca li p{
  clear:both;
}
#main ul.praca li ul{
  float:none;
  clear:both;
  padding:0px;
}
#main ul.praca li ul li{
  float:none;
  background: url('../img/offerLi.jpg') 5px 3px no-repeat;
width:255px;
  padding-left:20px;
  line-height:1.5em;
}
#main ul.praca li ul li span{
  display:none;
}
#main ul.praca li.fixPadding{
  padding-right:30px;
  float:left;
}

#sub ul.praca li{
  padding:0px;
  float:none;
  background: url('../img/offerLi.jpg') 0px 3px no-repeat;
width:210px;
  padding-left:15px;
  line-height:1.5em;
}
#sub ul.praca{
  width:200px;
}

/* ------------------------------------------------------------------------------ Podstrona KLIENCI  */
#c_interactiveCms{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
/* ------------------------------------------------------------------------------ Podstrona KLIENCI  */
#c_klienciNaszeRealizacje{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}

#sub ul.klienci li{
  line-height:2em;
  padding-left:36px;
}
#sub ul.klienci li a{
  text-decoration:underline;
}
#sub ul.klienci li a:hover{
  text-decoration:none;
}
#sub ul.klienci li.ico1{
  background: url('../img/ico_projektowanie.jpg') 0 3px no-repeat;
}
#sub ul.klienci li.ico2{
  background: url('../img/ico_tworzenie.jpg') 0 3px no-repeat;
}
#sub ul.klienci li.ico3{
  background: url('../img/ico_prezentacje.jpg') 0 3px no-repeat;
}
#sub ul.klienci li.ico4{
  background: url('../img/ico_indentyfikacja.jpg') 0 3px no-repeat;
}
#main ul.klienci li{
  width:585px;
  position:relative;
  padding-bottom:30px;

}
#main ul.klienci li.last{
  padding-bottom:10px;
}
#main ul.klienci li div.photo{  
  float:left;
  width:277px;
  height:87px;
  margin-right:30px;
  background: url('../img/realizacjeVerticalBkg.png');
}
#main ul.klienci li div.photo img{
  position:absolute;
  top:3px;
  left:3px;
  z-index:2;
}
#main ul.klienci li div.photo span.typInfo{
  position:absolute;
  top:4px;
  left:4px;
  width:16px;
  height:15px;
  z-index:3;
  display:block;
}
#main ul.klienci li div.photo span.typInfo span{
  display:none;
}
#main ul.klienci li div.photo span.type_1{
  background: url('../img/ico_projektowanie.jpg') 0 0 no-repeat;
}
#main ul.klienci li div.photo span.type_2{
  background: url('../img/ico_tworzenie.jpg') 0 0 no-repeat;
}
#main ul.klienci li div.photo span.type_3{
  background: url('../img/ico_prezentacje.jpg') 0 0 no-repeat;
}
#main ul.klienci li div.photo span.type_4{
  background: url('../img/ico_indentyfikacja.jpg') 0 0 no-repeat;
}

#main ul.klienci li div.photo span.typInfo span{
  display:none;
}

#main span.typeMain_1{
  position:absolute;
  top:14px;
  left:4px;
  width:16px;
  height:15px;
  background: url('../img/ico_projektowanie.jpg') 0 0 no-repeat;
}
#main span.typeMain_2{
  position:absolute;
  top:14px;
  left:4px;
  width:16px;
  height:15px;
  background: url('../img/ico_tworzenie.jpg') 0 0 no-repeat;
}
#main span.typeMain_3{
  position:absolute;
  top:14px;
  left:4px;
  width:16px;
  height:15px;
  background: url('../img/ico_prezentacje.jpg') 0 0 no-repeat;
}
#main span.typeMain_4{
  position:absolute;
  top:14px;
  left:4px;
  width:16px;
  height:15px;
  background: url('../img/ico_indentyfikacja.jpg') 0 0 no-repeat;
}
#main span.typeMain_1 span, #main span.typeMain_2 span, #main span.typeMain_3 span, #main span.typeMain_4 span{
  display:none;
}

#main ul.klienci li div.text{
  float:left;
  width:274px;
  padding:3px 0px 0px 3px;
}

#main ul.klienci li div.text h4{
  height:30px;
}
#main ul.klienci li div.text h4 span{
  display:none;
}
#main ul.klienci li div.text p{
  padding:0px 0px 10px 0px;
}

#main ul.klienci li ul{
  width:140px;
  float:left;
  padding:0px;
  height:11px;
}
#main ul.klienci li ul li{
  float:left;
  margin:0px;
  padding:0px;
  margin-right:3px;
}
#main ul.klienci li ul li.icoPhp, #sub ul.techInfo li.icoPhp{
  background: url('../img/ico_php.jpg');
  width:23px;
  height:11px;
}
#main ul.klienci li ul li.icoMysql, #sub ul.techInfo li.icoMysql{
  background: url('../img/ico_mysql.jpg');
  width:34px;
  height:11px;
}
#main ul.klienci li ul li.icoFlash, #sub ul.techInfo li.icoFlash{
  background: url('../img/ico_flash.jpg');
  width:35px;
  height:11px;
}
#main ul.klienci li ul li.icoHtml, #sub ul.techInfo li.icoHtml{
  background: url('../img/ico_html.jpg');
  width:28px;
  height:11px;
}
#main ul.klienci li ul li span{
  display:none;
}
#main ul.klienci li div.links{
  width:120px;
  float:right;
}
#main ul.klienci li a.wiecej{
    width:54px;
  height:11px;
  display:block;
  float:right;
}
#main ul.klienci li a.zobacz{
    width:54px;
  height:11px;
  display:block;
  float:right;
  margin-left:5px;
}
#main ul.klienci li a span{
  display:none;
}

#main #realizacjeMainPhoto{
  width:580px;
  height:339px;
  padding:3px 0px 0px 3px;
  margin-bottom:20px;
  background: url('../img/realizacjeBig.png');
}

#sub ul.techInfo{
  width:140px;
  float:left;
  height:11px;
}
#sub ul.techInfo li{
 float:left;
 margin-right:4px;
}
#sub ul.techInfo li span{
 display:none;
}

#sub a.zobacz{
  margin-top:10px;
    width:54px;
  height:11px;
  display:block;
  float:right;
  margin-left:5px;
}
#sub a.zobacz span{
  display:none;
}
#sub ul.photoList li{
  float:left;
  margin-right:3px;
}
#sub ul.photoList li a{
  width:16px;
  height:15px;
  display:block;
  padding:1px;
}
#sub ul.photoList li a span{
  display:none;
}
#sub ul li a#photoList_1{
  background: url('../img/photoList_1.jpg') 1px 1px no-repeat;  
}
#sub ul li a#photoList_2{
  background: url('../img/photoList_2.jpg') 1px 1px no-repeat;  
}
#sub ul li a#photoList_3{
  background: url('../img/photoList_3.jpg') 1px 1px no-repeat;  
}
#sub ul li a#photoList_4{
  background: url('../img/photoList_4.jpg') 1px 1px no-repeat;  
}
#sub ul li a#photoList_5{
  background: url('../img/photoList_5.jpg') 1px 1px no-repeat;  
}
#sub ul li a#photoList_1:hover, #sub ul li a#photoList_1_active{
  width:18px;
  height:17px;
  padding:0px;
  background: url('../img/photoList_1_ov.jpg');  
}
#sub ul li a#photoList_2:hover, #sub ul li a#photoList_2_active{
  width:18px;
  height:17px;
  padding:0px;
  background: url('../img/photoList_2_ov.jpg');  
}
#sub ul li a#photoList_3:hover, #sub ul li a#photoList_3_active{
  width:18px;
  height:17px;
  padding:0px;
  background: url('../img/photoList_3_ov.jpg');  
}
#sub ul li a#photoList_4:hover, #sub ul li a#photoList_4_active{
  width:18px;
  height:17px;
  padding:0px;
  background: url('../img/photoList_4_ov.jpg');  
}
#sub ul li a#photoList_5:hover, #sub ul li a#photoList_5_active{
  width:18px;
  height:17px;
  padding:0px;
  background: url('../img/photoList_5_ov.jpg');  
}
#sub #przelacz{
  width:225px;
  height:100px;
  position:absolute;
  top:290px;
  left:95px;
}
#sub #przelacz h4{
  height:30px;
}
#sub #przelacz h4 span{
  display:none;
}
#sub #przelacz ul.nawigacja li{
  float:left;
  margin-right:3px;
}
#sub #przelacz ul.nawigacja li a{
  font-size:1px;
}
#sub #przelacz ul.nawigacja li a span{
  display:none;
}
#sub #przelacz ul.nawigacja li.pierwszy a{
 background: url('../img/pierwszy.jpg');
 width:23px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.poprzedni a{
 background: url('../img/poprzedni.jpg');
 width:20px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.nastepny a{
 background: url('../img/nastepny.jpg');
 width:20px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.ostatni a{
 background: url('../img/ostatni.jpg');
 width:23px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.pierwszyOff{
 background: url('../img/pierwszy_off.jpg');
 width:23px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.poprzedniOff{
 background: url('../img/poprzedni_off.jpg');
 width:20px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.nastepnyOff{
 background: url('../img/nastepny_off.jpg');
 width:20px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.ostatniOff{
 background: url('../img/ostatni_off.jpg');
 width:23px;
 height:11px;
 display:block;
}
#sub #przelacz ul.nawigacja li.pierwszyOff span, #sub #przelacz ul.nawigacja li.poprzedniOff span, #sub #przelacz ul.nawigacja li.nastepnyOff span, #sub #przelacz ul.nawigacja li.ostatniOff span{
  display:none;
}
#sub #przelacz ul.nawigacja li.wstecz a{
 background: url('../img/wstecz.jpg');
 width:45px;
 height:11px;
 display:block;
}

/* ------------------------------------------------------------------------------ PODSTRONA KONTAKT */
#c_kontaktNapiszDoNas{
  width:882px;
  height:135px;
  margin:10px 0px 0px 60px;
}
#daneKontaktowe{
  width:260px;
  float:left;
}
h3#c_interactive{
  height:30px;
  background: url('../img/c_interactive.png') 0 0 no-repeat;
}
h3#c_interactive span{
  display:none;
}
ul.phoneList li span{
  width:80px;
  float:left;
}
#c_zapytanieOfertoweH{
  height:30px;
}
#c_zapytanieOfertoweH span{
  display:none;
}
#content p a,  #main #daneKontaktowe ul.phoneList li a{
  text-decoration:underline;
}
#content p a:hover, #main #daneKontaktow ul.phoneList li a:hover{
  text-decoration:none;
}
/* ------------------------------------------------------------------------------ FORMULARZ */
#formContact{
  width:284px;
  float:right;
}
#sendMesage{
  width:284px;
  float:right;
}
#formContact input{
  margin:0px;
  font-size:0.9em;
}
#formContact table{
  padding:0px;
  margin:0px;
}
.inputText{
  background: url('../img/formInputBkg.jpg');
  border:1px solid #d3d3d3;
  color:#787777;
  font-family:Verdana;
  font-size:10px;
  width:270px;
  height:14px;
  line-height:1.5em;
  padding:0px 5px 0px 5px;
}
.textareaText{
  background: url('../img/formInputBkg.jpg');
  border:1px solid #d3d3d3;
  color:#787777;
  font-family:Verdana;
  font-size:10px;
  width:270px;
  height:80px;
  line-height:1em;
  padding:2px 5px 0px 5px;
  overflow:auto;
}

#formInputFix{
  position:relative;
}
#formKwota{
  width:68px;
  height:14px;
  padding-right:30px;
}
#formTermin{
  width:107px;
  height:14px;
}
#formWybierz{
  position:absolute;
 left:232px;
  top:0px;
  border:none;
  width:49px;
  height:15px;
}
#inputTypeFileFix{
  position:relative;
  margin:3px 0px 0px 3px;
}

#inputTypeFileFix .file_1{
  top:3px;
}
.file{
  background: url('../img/formInputBkg.jpg');
  border:1px solid #d3d3d3;
  color:#787777;
  font-family:Verdana;
  font-size:10px;
  width:270px;
  height:14px;
  line-height:1em;
  padding:0px 5px 0px 5px;
}
#formContact .buttontWyslij{
  width:49px;
  height:16px;
  margin-top:10px;
  float:right;
  border:none;
}

/* ------------------------------------------------------------------------------ PODSTRONA OFERTA */
/* ------------------------------------------------------------------------------ STALE DIVY */
#sub{
  position:relative;
  width:225px;
  float:left;
  padding:10px 30px 0px 95px;
}
#sub p{
  padding:10px 0px 10px 0px;
}
#sub ul{
  padding:10px 0px 10px 0px;
  list-style-type:none;
}
#main{
  position:relative;
  width:585px;
  float:left;
  padding-top:10px;
}
#main p{
  padding:10px 0px 10px 0px;
}
#main ul{
  padding:10px 0px 10px 0px;
  list-style-type:none;
}
#main h3, #main h4, #sub h3, #sub h4{
  height:30px;
}
.clearfix{
  clear:both;
  font-size:0px;
}
/* ------------------------------------------------------------------------------ FOOTER DIV */


#footer {
  margin-top:10px;
	width: 100%;
	height: 163px;
	padding:21px 0px 0px 0px;
	background: url('../img/f_bkg.png') top center no-repeat;
}
#f_content{
  width:940px;
  padding-left:60px;
  margin:0px auto;
}
#footer h3#f_h_realizacje{
  width:288px;
  height:157px;
  float:left;
}
#footer h3 span{
  display:none;
}
#footer ul{
  list-style-type:none;
}
#footer ul.realization{
  float:left;
  width:600px;
  padding:15px 0px 0px 4px;
}
#footer ul.realization li{
  float:left;
    padding-right:20px;
}
#footer ul.realization li.second{
  padding:0px 0px 0px 10px;
}
#footer ul.realization li img{
  float:left;
  border:3px solid #4b4b4b;
  margin:0px 15px 0px 0px;
}
#footer ul.realization li .textBox{
  width:150px;
  float:left;
}
#footer ul.realization li .textBox p{
  color:#FFF;
  text-align:left;
  line-height:1.1em;
  padding:0px 0px 10px 0px;

}
#footer ul.realization li h4{
  margin-top:4px;
  height:30px;
  float:left;
  width:150px;
}
#footer ul.realization li h4 span{
  display:none;
}

#footer ul.realization li a.zobacz{
  width:54px;
  height:11px;
  display:block;
  float:right;
  margin-left:5px;
}
#footer ul.realization li a.wiecej{
  width:54px;
  height:11px;
  display:block;
  float:right;
}

#footer ul.realization li a.zobacz span, #footer ul.realization li a.wiecej span{
  display:none;
}