@media screen, projection {

#obsluguja {
position: absolute;
height: 51px;
width: 152px;
background: url('/img/obsluguja.png') center center no-repeat;
top: 205px; 
left: 29px;
}

#bilet { position : absolute; top: 27px; left: 27px; font-size: 1.9em; }

	.dwie_strony {
	display: block;
	width: 150px;
	height: 20px;
	background: #FFFFFF url(/img/rafio_on.jpg) no-repeat 6px;
	position: absolute;
	top: 26px;
	font-weight:bold;
	left: 270px;
	font-size: 0.9em;
	font-style: normal;

	padding-top: 2px;
	padding-left: 6px;
	width: 136px;
	height: 17px;
	padding-left: 25px;
	   cursor: pointer;

	}

	.dwie_stronyoff {
	display: block;
	background: #FFFFFF url(/img/rafio_off.jpg) no-repeat 6px;
	position: absolute;
	top: 26px;
	font-weight:bold;
	left: 270px;
	font-size: 0.9em;
	font-style: normal;

	padding-top: 2px;
	padding-left: 6px;
	width: 136px;
	height: 17px;
	padding-left: 25px;
	   cursor: pointer;


		}
		
	.jedna_strona {
	background: #FFFFFF url(/img/rafio_off.jpg) no-repeat 6px;
	display: block;
	position: absolute;
	top: 26px;
	left: 390px;
	font-weight:bold;
	font-size: 0.9em;
	padding-top: 2px;
	padding-left: 10px;
	width: 136px;
	height: 17px;
	padding-left: 25px;
	   cursor: pointer;

	}		
	.jedna_stronaoff {
	background: #FFFFFF url(/img/rafio_on.jpg) no-repeat 6px;
	display: block;
	position: absolute;
	top: 26px;
	left: 390px;
	font-weight:bold;
	font-size: 0.9em;
	padding-top: 2px;
	padding-left: 10px;
	width: 136px;
	height: 17px;
	padding-left: 25px;
	   cursor: pointer;

	}	




.czerwone {
	font-size: 0.9em;
	color: #FF6F07;
	font-weight: bold;
}
#wylot {
	position: absolute;
	left: 29px;
	top: 72px;
	height: 15px;
	width: 50px;
	text-align: left;
}
#przylot {
	position: absolute;
	height: 15px;
	width: 80px;
	left: 293px;
	top: 72px;
	text-align: left;



}
#data_w {
	position: absolute;
	height: 15px;
	width: 80px;
	left: 29px;
	top: 117px;
	text-align: left;
}
#data_p {
	position: absolute;
	height: 15px;
	width: 90px;
	left: 293px;
	top: 117px;
	text-align: left;



}
#miasto_z , #miasto_d , #wylotform , #powrotform {
	position: absolute;
	padding: 4px 0px 2px 5px;
	color: #6e6e6e;
	font-size: 1em;
	text-align:left;
	width: 200px;
	height: 16px;
	border: 1px solid #bdbdbd;
}
#miasto_z {
	left: 25px;
	top: 86px;
}
#miasto_d {
	left: 290px;
	top: 86px;
}
#wylotform {
	left: 25px;
	top: 132px;
}
#powrotform {
	left: 290px;
	top: 132px;
}
#szukaj_button {
	background-image: url(/img/szukaj.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 48px;
	width: 248px;
	left: 122px;
	top: 285px;


}
#dopisek_dol a {
	font-size: 0.85em;
	color: cfcfcf;
}
#dopisek_dol {
	position: absolute;
	height: 15px;
	width: 150px;
	left: 174px;
	top: 335px;
}
#zaawansowane_link {
	font-size: 0.8em;
	height: 15px;
	width: 200px;
	position: absolute;
	left: 349px;
	top: 22px;
	color: a9a9a9;
	display: none;
}
.separator1 {
	background-image: url(/img/main_border.png);
	background-repeat: no-repeat;
	height: 5px;
	width: 860px;
}
#linie_lotnicze {
	
	width: 860px;
}
#dorosli0 {
	font-size: 0.9em;
	color: 696969;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 55px;
	left: 552px;
	font-weight: bold;
	color: #666666;

}
#dzieci0 {

	font-size: 0.9em;
	color: 696969;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 55px;
	left: 612px;
	font-weight: bold;
		color: #666666;
}
#niemowleta0 {
	font-size: 0.9em;
	color: 696969;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 55px;
	left: 662px;
	font-weight: bold;
		color: #666666;
}
#dorosli1 {
	font-size: 0.9em;
	color: #666666;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 67px;
	left: 557px;
	font-weight: normal;
		color: #666666;
}
#dzieci1 {
	font-size: 0.9em;
	color: #666666;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 67px;
	left: 614px;
	font-weight: normal;
}
#niemowleta1 {
	font-size: 0.9em;
	color: #666666;
	position: absolute;
	height: 10px;
	width: 60px;
	top: 67px;
	left: 680px;
	font-weight: normal;
}


.select_open,	
.select {
	border: 1px solid #bdbdbd;
	position: relative;
	height: 16px;
	padding: 2px 5px 0 5px;
	font-size: 0.9em;
	color: #6e6e6e;
	z-index: 10;
	text-align: left;
	cursor: pointer;
}

.select_open .more,
.select .more{
	width: 15px;
	height: 16px;
	background: url(/img/arrow_select.gif) no-repeat 0 0 #ffffff;
	position: absolute;
	right: 1px;
	top: 1px;
}
.select div {
	display: none;
}
	
.select_open em,
.select em {
	font-style:normal;
}

.select_open div {
	display: block;
	position: absolute;
	top: 18px;
	left: -1px;
	border: 1px solid #bdbdbd;
	background: #ffffff;
	width: 151px;	
	overflow: hidden;
}


.select_open div span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	width: 135px;	
	overflow: hidden;
}

.select_open div div{
	height: 142px;
	position: absolute;
	left: 135px;
	top: 1px;
	width: 16px;
	background:#eeeeee;
	border: 0;
}

.select_open div div .up {
	background: url(/img/arrow_select2.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;

}

.select_open div div .down {
	background: url(/img/arrow_select.gif) no-repeat 0 0;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.select_open div a {
	float: left;
	clear: both;
	background: #ffffff;
	width: 124px;	
	height: 15px;
	overflow: hidden;
	position: relative;	
	padding: 1px 5px 0 5px;
}

.select_open div a.selected {
	font-weight: bold; 
	background: #bdbdbd;
}

.select_open div a.hover {
	background: #bdbdbd;
}



.doroslislct {
			position: absolute;
			left: 553px;
			top: 86px;
      		width:25px;
      		font-weight:normal;
      		font-size:12px;
  }
  

.dzieci {
			position: absolute;
			left: 611px;
			top: 86px;
      		width:25px;
      		font-weight:normal;
      		font-size:12px;
  }
  
  
  .niemowleta {
			position: absolute;
			left: 675px;
			top: 86px;
      		width:25px;
      		font-weight:normal;
      		font-size:12px;
  }  
#mapa1 {
	background-image: url(/img/mapa.png);
	position: absolute;
	height: 23px;
	width: 25px;
	top: 103px;
	left: 465px;
	cursor: pointer;

}
#mapa2 {
	background-image: url(/img/mapa.png);
	position: absolute;
	height: 23px;
	width: 25px;
	top: 103px;
	background-repeat: no-repeat;
	left: 200px;
	cursor: pointer;



}

.checkboxs {
  position:relative;
  float:left;
  left: 10px;
	width: 20px;
	height: 20px;
	display: block;
	background: url(/img/checkbox1.png) no-repeat 0 0;
	z-index:1;
	cursor: pointer;
}

.checkboxs_selected {
	background: url(/img/checkbox1.png) no-repeat 0 -20px;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
}

.dopisek_o_biletach {
	position: absolute;
	top: 58px;
	right: 100px;
	height: 19px;
	background-color: #FFFFC7;
	color: #B22E5D;
	font-size: 0.9em;
	font-weight: bold;
}
.dopisek_o_biletach_left { float: left; height: 19px; width: 6px;  background: url('/img/dopisek_o_biletach_left.png') center center no-repeat;}
.dopisek_o_biletach_txt { float: left; height: 13px; padding-top: 3px; padding-left: 7px; padding-right: 5px;}
.dopisek_o_biletach_pyt { float: left; height: 19px; width: 12px; background: url('/img/dopisek_o_biletach_pyt.png') center center no-repeat; padding-right: 2px; cursor: pointer;}
.dopisek_o_biletach_right { float: left; height: 19px; width: 7px;  background: url('/img/dopisek_o_biletach_right.png') center center no-repeat;}

.checkbox {
	width: 20px;
	height: 20px;
	display: block;
	background: url(/img/checkbox.gif) no-repeat 0 0;
	cursor: pointer;
}

.checkbox_selected {
	background: url(/img/checkbox.gif) no-repeat 0 -20px;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
}

.tanie_linie {	
   position:absolute;
   left:553px;
   top:132px;	
   z-index:1;
}
.jeden_dzien {	
   position:absolute;
   left:268px;
   top:221px;	
   z-index:2;   
}
#tanielinie {
   position:absolute;
	left:583px;
   top:133px;	
   z-index:1;
   color: #000000;
   font-weight: bold;
   font-size: 0.85em;
}
#plusminus {
   position:absolute;
   left:295px;
   top:224px;	
   z-index:2;   
   color: #305490 ;
   font-weight: bold;
   font-size: 0.85em;
}
		#szukajpol_submit {
			position: absolute;
			left: 549px;
			top: 185px;
			background: url("/img/button_szukaj_polaczen2.gif");
			height: 55px;
			width: 363px;
			cursor: pointer;
		}

#pche { 			left: 559px;
			top: 195px;}

.label_jeden_dzien {position: absolute; left: 589px; top: 197px; color: #ffffff; font-size: 0.9em; font-weight: bold;}
.label_jeden_dzien1 {position: absolute; left: 559px; top: 217px; color: #ffffff; font-size: 0.9em; font-weight: bold;}

#pytajnik {
	background: url('/img/pytajnik.png') center center no-repeat;
   position:absolute;
   left:390px;
   top:221px;	
   z-index:2;   
   width: 17px;
   height: 20px;
   cursor: pointer;
	
}

	#cal_ico1 { display: none; position: absolute; top: 149px; left: 201px; background: url('/img/cal_ico.png') center center no-repeat; width: 24px; height: 22px; cursor: pointer;}
	#cal_ico2 { display: none; position: absolute; top: 149px; left: 466px; background: url('/img/cal_ico.png') center center no-repeat; width: 24px; height: 22px; cursor: pointer;}
	
	#wylot_kalendarz { z-index: 200; position: absolute; top: 153px; left: 21px; background: url('/img/cal_tlo.png') center center no-repeat; padding-top: 7px; padding-left: 4px; width: 290px; height: 182px; }				
	#przylot_kalendarz { z-index: 200; position: absolute; top: 153px; left: 286px;  background: url('/img/cal_tlo.png') center center no-repeat; padding-top: 7px; padding-left: 4px; width: 290px; height: 182px;}

	#wylot_kalendarz { display: none; }
	#przylot_kalendarz { display: none; }
	
	.czerwony_bar { width: 284px; height: 17px; background: #b02c5d; padding-right: 3px; padding-top: 3px; }
	.czerwony_bar_1 {float: left; color: #fefeff; font-weight: bold; text-align: left; font-size: 0.8em; padding-left: 5px; width: 150px; }
	.czerwony_bar_2 {float: left; color: #fefeff; font-weight: normal; font-size: 0.8em; text-align: right; width:114px;}
  	.czerwony_bar_3 {float: right; padding-top: 2px; cursor: pointer;}
	
	  .cal_left { width: 18px; height: 15px; float: left;  border-top: 1px #ffffff solid;  border-left: 1px #ffffff solid;  border-right: 1px #fbfbfb solid; border-bottom: 1px #fbfbfb solid; color: #666666; font-size: 0.8em; text-align: center; padding-top: 2px; }
	  .cal_right { width: 18px; height: 15px; float: left;  border-top: 1px #ffffff solid;  border-right: 1px #ffffff solid;  border-left: 1px #fbfbfb solid; border-bottom: 1px #fbfbfb solid; color: #666666; font-size: 0.8em; text-align: center; padding-top: 2px; }

	.nieakt { color: #CBCBCB; }
	.zaznacznony { color: #F8FFFF; background-color: #AD2D5D; cursor: pointer; }
	.aktywny { cursor: pointer;}
	.mysz { border: 1px #B12C59 solid; cursor: pointer;}
	
	.dni { float: left; width: 16px; height: 17px; text-align: center; font-size: 0.8em; color: #676767; padding-left: 4px; padding-top: 1px;}
	.dni_lewy { width: 143px; height: 18px; padding-top: 2px; background-color: #eeeeee; float: left; border-right: 1px #cccccc solid; } 
	.dni_prawy { width: 143px; height: 18px; padding-top: 2px;  background: #eeeeee; float: left; } 

	#wylot_lewy_miesiac {width: 141px; height: 114px; background: #ffffff; float: left; border-right: 1px #cccccc solid; padding-left: 2px; padding-top: 2px;}
	#wylot_prawy_miesiac {width: 143px; height: 114px; background: #ffffff; float: left; padding-top: 2px;}

	#wylot_miesiace_lewy {width: 143px; height: 17px;  padding-top: 2px; float: left; border-top: 1px #6c457a solid; border-right: 1px #2f72b6 solid; background-color: #285f98;}
	#wylot_miesiace_prawy { width: 143px; height: 17px;  padding-top: 2px;border-top: 1px #6c457a solid;  background: #285f98; float: left;} 
	#wylot_miesiace_lewy_txt {float: right; font-size: 0.8em; padding-right: 10px; color: #d0e1f1; font-weight: bold;} 
	#wylot_miesiace_prawy_txt {float: left; font-size: 0.8em; padding-left: 10px; color: #d0e1f1; font-weight: bold;}

	#przylot_lewy_miesiac {width: 140px; height: 114px; background: #ffffff; float: left; border-right: 1px #cccccc solid; padding-left: 3px; padding-top: 2px;}
	#przylot_prawy_miesiac {width: 144px; height: 114px; background: #ffffff; float: left; padding-top: 2px;}
	
	#przylot_miesiace_lewy {width: 143px; height: 17px;  padding-top: 2px; float: left; border-top: 1px #6c457a solid; border-right: 1px #2f72b6 solid; background-color: #285f98;}
	#przylot_miesiace_prawy { width: 143px; height: 17px; padding-top: 2px; border-top: 1px #6c457a solid;  background: #285f98; float: left;} 
	#przylot_miesiace_lewy_txt {float: right; font-size: 0.8em; padding-right: 10px; color: #d0e1f1; font-weight: bold;} 
	#przylot_miesiace_prawy_txt {float: left; font-size: 0.8em; padding-left: 10px; color: #d0e1f1; font-weight: bold;}


	#helperList {
		color: #6e6e6e;
		font-size: 0.9em;
		position: absolute;
		border: 1px solid #bdbdbd;
		top: 110px;
		left: 25px;
		background: #ffffff;
	}
	#helperList2 {
		color: #6e6e6e;
		font-size: 0.9em;
		position: absolute;
		border: 1px solid #bdbdbd;
		top: 110px;
		left: 290px;
		background: #ffffff;
	}

#helperList  tr , #helperList2 tr{
		z-index: 80000;
	}

#helperList  td , #helperList2 td{
		font-size: 0.9em;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 5px;
		cursor: pointer;
		color: #6e6e6e;
		font-size: 0.9em;
	}
#helperList2 .helperTable  		{background: #ffffff;}	
#helperList2 .unselectedRow		{background: #ffffff; cursor: pointer;}
#helperList2 .selectedRow		{background: #93d8f5; cursor: pointer;}

#helperList .helperTable  		{background: #ffffff;}	
#helperList .unselectedRow		{background: #ffffff; cursor: pointer;}
#helperList .selectedRow		{background: #93d8f5; cursor: pointer;}






}