/*--------------------------------------------------------
	css theme name: pyrzowiceekpress
	author: bartosz mediger (http://mediger.net)

	created: 17 jan 2008
	
*/


* { margin: 0; padding: 0; }


a, address, body, input, h1, h2, h3, h4, h5, h6, label, legend, p, select, textarea {
	line-height: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333; }




address {
	font-family: Tahoma;
	font-style: normal;
	color: #fff; }


body, html { min-height: 100%; height: 100%; }



body { background: #fff url(../images/header_pl.jpg) no-repeat top; }

body#gb { background: #fff url(../images/header_en.jpg) no-repeat top; }
body#de { background: #fff url(../images/header_de.jpg) no-repeat top; }

fieldset { border: none; }


html {
	overflow: auto;
	overflow-x: hidden; }



img { border: none; }








label {
	float: left;
	font-size: 9px;
	font-weight: bold;
	margin: 0 7px 0 0; }


label span { display: block; }




legend {
	font-size: 17px;
	padding: 10px; }





p {
	position: relative;
	padding-bottom: 15px;
	text-align: justify; }
	
	
	p img {
		float: left;
		margin: 3px 10px 0 0; }
		
	


textarea {
	height: 60px;
	overflow: auto; }



th {
	background: #efefef;
	font-size: 110%;
	font-weight: bold;
	text-align: left; }



ul {
	list-style: none;
	padding: 0 0 15px 0; }


	



/* nawgiacja */

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

a:hover { color: #003399 !important; }








/* headers */

caption {
	font-size: 20px;
	padding: 1em 1em 2.5em 1em; }
	
	caption img { margin: 0 0 1em 0; }


h1 {
	padding: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	color: #172983; }

h4 {
	position: relative;
	padding: 0 0 25px 0;
	font-size: 13px;
	font-weight: bold; }
	
	h4.center { text-align: center; }

	h4.error {
		font-weight: normal;
		font-size: 11px;
		color: #d71300; }
		
	h4 .info { right: 0; }

h7 {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #172983; }


h4.bg {
	clear: both;
	margin: 5px 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	color: #162983; }
	
	h4 span {
		color: #000;
		text-transform: none; }




#actions {
	float: right !important;
	width: 260px !important; }
	
	#actions.full {
		width: 100% !important;
		clear: both !important;
		float: none !important;
		padding: 40px 0 40px 0; }
	
	#actions.full .dalej { float: right; }	
	

#actions a {
	position: relative;
	float: left;
	height: 30px;
	text-indent: -10000px; }

	#actions a:hover { background-position: 0 -30px; }

	#actions .basket {
		position: absolute; left: 48px; bottom: -15px;
		text-indent: 0;
		font-size: 10px; }

	#actions .dalej {
		width: 76px;
		background: url(../images/button_dalej.gif) no-repeat;
		margin: 0 0 0 20px; }
		
		#gb .dalej { background: url(../images/button_dalej_gb.gif) no-repeat; }
		#de .dalej { width: 106px; background: url(../images/button_dalej_de.gif) no-repeat; }

	#actions .drukuj {
		float: right;
		width: 143px; height: 39px;
		background: url(../images/button_drukuj.gif); }

	        #gb .drukuj  { background: url(../images/button_drukuj_gb.gif) no-repeat; }
		#de .drukuj  { background: url(../images/button_drukuj_de.gif) no-repeat; }

	#actions .powrot {
		width: 106px;
		background: url(../images/button_powrot.gif) no-repeat; }
		
		
		#gb .powrot { background: url(../images/button_powrot_gb.gif) no-repeat; }
		#de .powrot { background: url(../images/button_powrot_de.gif) no-repeat; }


	#actions .powrot2 {
		width: 161px;
		background: url(../images/button_powrot2.gif) no-repeat; }
       
	   #gb .powrot2 { background: url(../images/button_powrot2_gb.gif) no-repeat; }
	   
	#actions .basket {
		width: 106px;
		background: url(../images/button_koszyk.gif) no-repeat; }

	#actions .zamow {
		width: 207px; height: 26px;
		background: url(../images/button_zamow.gif) no-repeat; }
		
		.gb .zamow { background: url(../images/button_zamow_gb.gif) no-repeat; }
		
	#actions .zamow:hover { background-position: 0 -26px; }

	










#cars { 
	width: 520px;
	margin: 14px auto 0 auto; }
	
	#cars .big {
		line-height: 18px;
		padding: 0 0 5px 0;
		font-size: 18px;
		color: #172983; }
	
	#cars .info { position: absolute; left: 0; top: 0px; }

	#cars .car-item1,
	#cars .car-item2 {
		position: relative;
		float: left;
		width: 260px; height: 233px;
		padding: 25px 0 0 0;
		 }
		
	#cars .kierunki {
		position: absolute; top: 180px; left: 20px;
		color: #000;
		text-align: left; }

 	#cars .medium {
position: absolute; top: 180px; left: 20px;
		font-size: 12px;
		color: #172983; }

	.car-item1 .car,
	.car-item2 .car {
		float: left;
		position: relative;
		display: block;
		width: 248px; height: 223px;
		border: 1px solid #ccc;
		padding: 10px 0 0 0;
		text-align: center;
		font-family: Tahoma; }
		
	.car-item1 .car { background:url(../images/car1.jpg) no-repeat bottom; }
	.car-item2 .car { background: url(../images/car2.jpg) no-repeat bottom; }
	
	.car-item1 .car:hover,
	.car-item2 .car:hover {
		border: 1px solid #0675ce;
		text-decoration: none !important;
		 }




















#center {
	width: 900px;
	position: relative;
	margin: 0 auto; }


	

#container { padding: 249px 0 0 0; }






#content {
	float: left;
	position: relative;
	width: 832px;
	padding: 0 31px 0 37px;
	margin: 40px 0 0 0;
	background: url(../images/backc.gif) repeat-y; }
	






#content_foot {
	clear: both;
	width: 900px; height: 36px;
	background: url(../images/backc_foot.gif) no-repeat; }







#content, #content_foot {
	background-position: 1px 0 !important;
	_background-position: 3px 0; }



#content ul, ol {
	margin: 0px;
	padding: 0px 0px 10px 2em;
	list-style-position: outside; }



#flagi { position: absolute; top: 0; _top: -70px; right: 0; z-index: 100; }

	#flagi a { height: 19px; }













#foot {
	position: relative;
	width: 895px; height: 122px;
	background: url(../images/foot_pl.jpg) no-repeat;
	padding: 5px 0 0 10px; }
	
#gb #foot {
	position: relative;
	width: 895px; height: 122px;
	background: url(../images/foot_en.jpg) no-repeat;
	padding: 5px 0 0 10px; }
	
#de #foot {
	position: relative;
	width: 895px; height: 122px;
	background: url(../images/foot_de.jpg) no-repeat;
	padding: 5px 0 0 10px; }		

#foot a {
		position: absolute; right: 20px; top: 65px;
		font-family: Tahoma;
		font-size: 10px;
		color: #000; }

















#gallery a {
	float: left;
	border: 1px solid #626262;
	margin: 0 4px 0 0; }














#krok1 {
	width: 590px; _width: 590px;
	margin: 0 auto; }

	#krok1 div {
		clear: both;
		float: left;
		width: 100%;
		padding: 10px 0 10px 0; }
		
	#krok1 input, #krok1 span { float: left; }

	#krok1 label {
		position: relative;
		width: 100%; }
		
	#krok1 select {
		width: 150px;
		margin: -5px 0 0 5px; _margin-top: 0; }

	#krok1 span {
		font-size: 12px;
		line-height: 12px; _line-height: 16px;
		padding: 0 0 0 10px; }
		
	#krok1 .info { right: 140px; top: 0; }






#krok1 #cars2 {
	padding: 25px 0 0 0; }

	#krok1 #cars2 div {
		float: left !important;
		clear: none !important;
		width: 190px !important; height: 100px !important;
		text-align: center !important; }
		
	#krok1 #cars2 input { float: none !important; }

	#krok1 #cars2 p {
		padding: 0 0 15px 20px;
		font-size: 12px; }
	
	#krok1 #cars2 .car1,
	#krok1 #cars2 .car2,
	#krok1 #cars2 .car3 { position: relative; margin: 0 6px 0 0; }
	

	#krok1 #cars2 .car1 { background: url(../images/car3.jpg) no-repeat bottom; }
	#krok1 #cars2 .car2 { background: url(../images/car4.jpg) no-repeat bottom; }
	#krok1 #cars2 .car3 { background: url(../images/car5.jpg) no-repeat bottom; }

	#krok1 #cars2 .info { left: 65px; top: 8px; }




















#left {
	float: left;
	position: relative;
	width: 600px; }

#left a  {
	text-decoration: none;
	color: #003399; }

#left a:visited   {
	text-decoration: none;
	color: #003399; }

#left a:hover {
	text-decoration: underline;
	color: #003399; }
















#loga {
	float: left;
	clear: both;
	width: 569px; height: 59px;
	background: url(../images/loga.gif);
	margin: 25px 0 0 0; }
















#menu {
	position: relative;
	height: 20px;
	margin: -66px 0 0 20px; }

	
	#menu a {
		float: left;
		background: #172983;
		margin: 0 4px 0 0;
		padding: 3px 5px 3px 5px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff; }
		
	#menu a:hover,
	#menu a.hit {
		background: #ffff00;
		color: #172983; }

	







#na-lotnisko label,
#z-lotniska label { position: relative; }


#na-lotnisko option,
#z-lotniska option { padding-right: 5px; }

#na-lotnisko p,
#z-lotniska p { clear: both; }


#na-lotnisko .row,
#z-lotniska .row {
	clear: both;
	width: 535px; position: relative;
	margin: 0 auto;
	padding: 5px 0 5px 0; }
	
	
#na-lotnisko .info,
#z-lotniska .info { right: 40px; }
	
	
#na-lotnisko .space,
#z-lotniska .space {
	float: left;
	width: 65px; height: 10px; }


#na-lotnisko .space2,
#z-lotniska .space2 {
	float: left;
	width: 10px; height: 10px; }


#na-lotnisko label span,
#z-lotniska label span {
	line-height: 18px;
	padding: 0 0 3px 0;
	font-size: 12px;
	font-weight: normal; }










.nofloat { float: none !important; }










#platnosci {
	width: 500px;
	margin: 0 auto;
	padding: 20px 0 0 0; }

	#platnosci div {
		clear: both; height: 30px; width: 100%;
		float: left;

		 }
		
	#platnosci input, #platnosci span { float: left; }

	#platnosci label {
		position: relative;
		line-height: 12px; _line-height: 20px;
		width: 100%; }

	#platnosci span {
		font-size: 12px;
		
		padding: 0 0 0 10px; }
		
	#platnosci .info { right: 0; top: 0; }



















#podziekowanie h1 { font-size: 18px; }

#podziekowanie h2 {
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #172983; }

#podziekowanie h2 .big {
	font-size: 18px; }

#podziekowanie .podsumowanie { padding: 25px 0 25px 0; }

#podziekowanie .podsumowanie,
#podzielogwanie .epilog { font-size: 12px; }


















#right {
	float: right;
	width: 223px;
	padding: 10px 0 0 0; }
	
	.ban {
		float: right;
		margin: 0 0 5px 0; }







#rezerwacja {
	position: relative;
}

#rezerwacja div {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 5px 0; }


#rezerwacja input,
#rezerwacja select {
	float: left; height: 18px;
	border: 1px solid #7f9db9; }

#rezerwacja input {
	height: 15px;
	padding: 3px 0 0 0; }

















#sprawdz {
	float: left;
	width: 285px; height: 31px;
	background: url(../images/sprawdz.gif) no-repeat;
	padding: 30px 0 0 48px; }
	
	#gb #sprawdz {
	float: left;
	width: 285px; height: 31px;
	background: url(../images/sprawdz_gb.gif) no-repeat;
	padding: 30px 0 0 48px; }
	
	#de #sprawdz {
	float: left;
	width: 285px; height: 31px;
	background: url(../images/sprawdz_de.gif) no-repeat;
	padding: 30px 0 0 48px; }
	
	#sprawdz input {
		float: left;
		width: 128px; height: 18px;
		background: #fff;
		border: 1px solid #666; }
	
	#sprawdz .submit {
		width: 60px; height: 20px;
		background: url(../images/button_sprawdz.gif);
		margin: 0 0 0 10px; }
		
		#gb #sprawdz .submit {
		width: 60px; height: 20px;
		background: url(../images/button_sprawdz_gb.gif);
		margin: 0 0 0 10px; }
		
		#de #sprawdz .submit {
		width: 60px; height: 20px;
		background: url(../images/button_sprawdz_de.gif);
		margin: 0 0 0 10px; }


#tabelka {
	border : 0px;
	width : 100%;
	border: 0px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-collapse: collapse; }

#tabelka td {
	border: 1px solid #ccc;
	border-spacing: 0px;
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding: 1px;
	text-align: left;
	vertical-align: middle; }

#tabelka td div {
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-align: center; }


















#trasa {
	border: 1px solid #ccc;
	padding: 9px 20px 0 20px;
	margin: 0 auto 20px auto; }

	#trasa div { float: left; }
	
	#trasa p {
		font-size: 14px;
		text-align: center; }
		
	#trasa p .info { right: 120px !important; }

	#trasa .big {
		font-size: 18px;
		font-weight: bold;
		color: #cc0000; }















#underpage {
	clear: both;
	width: 859px; height: 90px;
	background: #f7f7f7;
	padding: 0 22px 0 19px; }



#warunki ul {
	margin: 0px;
	padding: 10px 0 10px 20px;
	list-style-position: outside;
	list-style-image: url(images/strzalki.gif);
	list-style-type: none; }

#warunki ol {
	margin: 0px;
	padding: 10px 0 10px 20px;
	list-style-position: outside; }






















#wybierz {
	position: relative;
	width: 517px; height: 57px;
	background: url(../images/wybierz-usluge.gif);
	margin: 0 auto;
	text-align: center;
	font-family: Tahoma;
	font-size: 14px;
	padding: 10px 0 0 0;
	color: #172983; }


	#wybierz .big { font-size: 24px; line-height: 18px; }
	
	#wybierz .info { position: absolute; left: 434px; top: 12px; }
























/* klasy */


.airplane {
	position: relative;
	width: 50px; height: 24px;
	background: url(../images/icon_airplane.gif) no-repeat;
	margin: -6px 0 0 0; }

.bilet1 {

	margin-bottom: 5px; 
	color: #FF0000;
	font-size: 14px;
	font-weight: bold; }


.bilet2 {

	color: #FF0000;
	font-size: 12px;
	font-weight: bold; }

.bus {
	width: 28px; height: 17px;
	background: url(../images/icon_bus.gif) no-repeat; }


.cena {
	float: left;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold; }


.cena span { font-weight: normal; }


.clear, .clear2 {
	clear: both;
	width: 100%; height: 2em; }
	
.clear2 { height: 1px; }


.constans span { width: 85px; }


.dane * { font-size: 10px; }


.dane {
	width: 287px;
	padding: 0 0 2px 0; }

.dane, .dane dt, .dane dd { float: left; }


.dane dt {
	width: 84px;
	font-weight: bold; }


.dane dd { }


.dane span {
	float: left;
	width: 150px; }


.data {
	width: 45px;
	margin-right: 5px; }



.dorosli { width: 60px; }

.drukBiletu {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/ticket.gif) no-repeat left;
	padding: 3px 10px 5px 25px; }



.dzieci { width: 40px; }



.field {
	border: 1px solid #7f9db9;
	padding: 2px 3px 2px 3px; }


.flyto {
	width: 100px; height: 17px;
	background: url(../images/icon_flyto.gif); }


.flyto2 {
	width: 94px; height: 17px;
	background: url(../images/icon_flyto2.gif); }



.godzina_odjazdu { width: 301px; }







.info {
	position: absolute;
	width: 15px; height: 15px;
	background: url(../images/button_info.gif) no-repeat; }



.inline { display: inline; float: left; width: 60px; }



.kierunek span {
	float: left;
	font-family: Tahoma;
	font-weight: bold;
	color: #162983; }

.komunikat {
margin-top: 10px;
font-size: 12px;
	font-weight: normal;
	color: #ff0000; }



.labelLeft span {
	float: left;
	padding: 0 5px 0 0;
	line-height: 20px; }


.linie { width: 200px; }



.long { width: 100px !important; }



.long2 {
	width: 570px !important;
	height: 50px; }


.long3 { width: 570px !important; }


.long4 { width: 365px !important; }


.months { width: 100px; }


.no-center { margin: 0 !important;}


.note {
	float: left;
	width: 250px;
	padding: 0 0 0 10px; }





.przystanek { width: 150px; }


.radio {
	float: left;
	margin: 0 10px 0 0; }


.right {
	padding-right: 5px !important;
	text-align: right; }


.rozliczenie {
	position: absolute; right: 0; top: 26px;
	float: right;
	clear: both;
	width: 302px !important;
	background: #f0f0f0;
	padding: 5px 5px 10px 5px !important;
	text-align: left;
	font-size: 10px; }
	
	#rozliczenie-taxi { width: 550px; background: red; }
	
	#rozliczenie-taxi .rozliczenie {
		position: relative;
		width: 160px !important;
		float: none;
		background: none;
		padding: 0 !important;
		margin: -15px auto 0 auto; }
	
	#rozliczenie-taxi label { margin: 0 5px 10px 0; }





.rozliczenie label { margin:  5px 0 0 0; }


.rozliczenie label input {
	width: 69px;
	background: #f0f0f0; }


.rozliczenie label span {
	width: 40px !important;
	text-align: right;
	padding: 0 3px 0 0;
}




.rozliczenie2 { width: 100%; background: red; margin: 0 auto; }


.section {
	float: left;
	border-bottom: 1px solid #bcbcbc;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0; }




.short { width: 50px !important; }


.submit {
	border: none !important;
	cursor: pointer; }




/* menu rozwijane */

.transMenu {
	position: absolute; left: -1000px; top: -1000px;
	overflow: hidden;
	margin-top: 1px;
	color: #fff; }

.transMenu .content { position: absolute; color: #fff; }

.transMenu .items { position:relative; left: 0; top: 0; z-index: 2; }
	
.transMenu.top .items { border-top: none; }

.transMenu .item {
	color: #494949;
	font-size: 11px;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer; }

.transMenu .background {
	position: absolute; left: 0; top: 0; z-index: 1;
	-moz-opacity:.90; }

.transMenu .shadowRight {
	position:absolute; z-index: 3; top:3px; width: 2px;
	-moz-opacity:.4; }

.transMenu .shadowBottom {
	position: absolute; z-index: 1; left: 3px; height: 2px;
	-moz-opacity: .4; }

.transMenu .item.hover {
	background: #ffff00;
	color: #172983; }

.transMenu .item img {
	margin-left: 10px; }