﻿/****************************************/
/*  naglowek  */
div.BelkaTyt, div.BelkaTyt span.on, div.BelkaTyt span.voy { font-family: Verdana, Tahoma, Sans-Serif; }
div.BelkaTyt
{	width: 454px;
	border-style: solid;
	border-width: 1px;
	padding: 4px 0;
	margin: 2px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
div.BelkaTyt span.on {	font-size: 18px;	font-weight: bold; }
div.BelkaTyt span.voy{	margin-left: 10px; font-size: 10px; font-weight: normal; }
div.BelkaTyt div.voy{ float:right; font-size: 10px; font-weight: normal; }

div.BelkaTyt { background: #FFFFFF; border-color: #B3B3B3; color: #183A6A;	}
div.BelkaTyt span.on {	color: #2591E1;	}
div.BelkaTyt span.voy, div.BelkaTyt div.voy { color: #555555;	}
/****************************************/
/*  buttony  */
#WaitSection a {padding: 0 10px 0 10px;}
#WaitSection {margin: 5px;}

div.buttons
{	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 5px 5px 5px 5px;
	vertical-align : super;
}
div.buttons button, div.komunikat button, #WaitSection a
{	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	float: none;
}
div.buttons {
	background-color : #D9E9FA;
	border-top-color: #555;
}
div.buttons button, div.komunikat button, #WaitSection a {
	background-color: #FFF;
	color: #345686;
	border-color: #345686;
}
#Payment a{
	background-color : #FFF;
	color: #345686;
	border-color: #345686;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;
	height: 18px;
	margin-bottom: 10px;
}

/****************************************/
	.akcent {
	background-color : #FCC74C;
	font-size : 4px;
	border-bottom:1px solid #383465;
}
	.space {
	background-color : #FFFFFF;
	font-size : 9px;
	font-family : Arial;
	font-style : normal;
	font-weight : normal;
	color : #4A6784;
}
	.naglowek {
	background-color : #FFE19B;
	font-family : Verdana, Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #A07000;
	border-bottom:1px solid #383465;
}
	.pomoc_naglowek {
	background-color : #DBDBDB;
	font-family : Verdana, Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #4A6784;
}
	.opis {
	background-color : #FFFFFF;
	font-family : Verdana, Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #4A6784;
}
	.pomoc {
	background-color : #F1F1F1;
	font-family : Arial;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : #4A6784;
}
	.pomocspace {
	background-color : #F1F1F1;
	font-size : 4px;
}
	.wybor {
		background-color : White;
		font-family : Verdana, Arial;
		font-size : 11px;
		font-style : normal;
		font-weight : normal;
		color : #4A6784;
	}
	INPUT.wybor {
		background-color : White;
		font-family : Verdana, Arial;
		font-size : 11px;
		font-style : normal;
		font-weight : normal;
		color : #4A6784;
		border: 1px solid #4A6784;
	}
	TEXTAREA.wybor {
		background-color : #FFFFFF;
		font-family : Verdana, Arial;
		font-size : 11px;
		font-style : normal;
		font-weight : normal;
		color : #4A6784;
		border: 1px solid #4A6784;
	}
	.wybortlo {
		background-color : #FDFEFE;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
		border: 0px;
		text-align : right;
	}
	A.link {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #D7D7FF;
	}
	A.link:active {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #D7D7FF;
	}
	A.link:hover {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
	}
	.kursw {
	background-color : #D9E9FA;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	color : #4A6784;
}
	.kursp {
	background-color : #D9E9FA;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	color : #4A6784;
}
	.kursalert {
	background-color : #FFFFFF;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FF9030;
}
	.naglowekkurs {
		background-color : #9EBAD7;
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #FFFFFF;
	}
	.naglowekkursalert {
	background-color : #FF9030;
	font-family : Verdana, Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #FFFFFF;
}
	.waluta {
		background-color : #9EBAD7;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
	}
	.przewoznik {
		background-color : #C3E4FC;
		font-family : Verdana, Arial;
		font-size : 14px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
	}
	.podsumowanie {
		background-color : #FAFFFF;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : normal;
		color : #4A6784;
		border-bottom:1px solid #4A6784;
	}	
	.rozklad_text {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : normal;
		color : black;
	}
	.krok_aktywny_akcent {
	background-color : #FCC74C;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FFFFFF;
}
	.krok_aktywny {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #9EBAD7;
	}
	.krok_nieaktywny {
		background-color : #DADADA;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4E4E4E;
	}
	.krok_nastepny {
	background-color : #FFFFFF;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FFFFFF ;
	border: 1px solid #DADADA;
}
	A.krok, A.krok:active {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : bold;
		color : #9EBAD7;
	}
	A.krok:hover {
	font-family : Verdana, Arial;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #FF9030;
}
	A.enver, A.enver:active{
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #123D8C;
	}
	A.enver:hover{
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FF9030;
}
	A.warunki, A.warunki:active {
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
	}
	A.warunki:hover {
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4C5F77;
	}
	.rozklad_text {
		font-family : Verdana, Arial;
		font-size : 12px;
		font-style : normal;
		font-weight : normal;
		color : black;
	}
	A.warunki, A.warunki:active {
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
	}
	A.warunki:hover {
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4C5F77;
	}
	.stopka_buttons {
	background-color : #D9E9FA;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FFFFFF;
	border-top:1px solid #FFFFFF;
}
	.epay_stopka {
		background-color : #EAEAEA;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #FFFFFF;
		border-top:1px solid #FFFFFF;
	}
	.epay_stopka_naglowek {
		background-color : #EAEAEA;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : bold;
		color : #4A6784;
		}
	.stopka {
	background-color : #447BB2;
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #FFFFFF;
}
	.stopka_przewoznik {
	font-family : Verdana, Arial;
	font-size : 10px;
	font-style : normal;
	font-weight : bold;
	color : #183A6A;
}
	img.obligatory {
		width:10px;
		height:12px;
		display:none;
	}
/* ----- styl do kalendarzyka w js ----------*/
.kal_tekst {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : bold;
} 
	.CardOwner, .PaymentInfo, #ExtraInfo  {
		font-size : 10px;
		font-family : Verdana, Arial;
		font-style : normal;
		font-weight : normal;
		color : #000000;		
		padding-left: 20px;
	}
	.CardOwner INPUT {
		background-color : #FFFFFF;
		font-family : Verdana, Arial;
		font-size : 10px;
		font-style : normal;
		font-weight : normal;
		width: 100px;
		color : #484848;
		border: 1px solid #484848;		
	}