@font-face { font-family: "Droid Sans";	src: url("DroidSans.ttf"); }
@font-face { font-family: "Droid Sans"; font-weight: bold; src: url("DroidSans-Bold.ttf"); }


/* ====== ogólny wygląd ====== */

body {
	font: 17px /1.8em "Droid Sans", sans-serif;
	background: #EEE;
	color: #222;
	max-width: 800px;
	margin: auto;
	cursor: default;
	padding: 2em 2em;
}

a {
	text-decoration: underline;
	color: #1F7298;
}

label { cursor: pointer; }
dt label:after { content: ":"; }

small {
	font-size: 0.65em;
	margin-left: 10px;
	vertical-align: top;
}
small:before { content: "("; }
small:after { content: ")"; }

h1, h2 {
	color: #1F7298;
	text-align: center;
}

header {
	font-size: 1.3em;
	line-height: 2em;
	text-align: center;
	margin-bottom: 2em;
}

header > h1 > span {
	font-size: 0.78em;
	display: block;
}
header > h1 > span span { display: none; }

header + p {
	text-align: center;
	background: #E7E7E7;
	box-shadow: 0 0 2px #9A9A9A;
	font-size: 0.9em;
	margin: 3em 0;
}

header + p.komunikat {
	font-weight: bold;
	background: #1F7298;
	color: #FFF;
}


/* ====== listy formularza ====== */

dl { margin: 1em 0; }
dd:last-child { margin-bottom: 2em; }

dt, dd {
	margin-left: 0;
	padding-left: 0;
	width: 50%;
	float: left;
	margin-bottom: 6px;
	border-top: 1px solid #d0d0d0;
	padding-top: 5px;
}
dt:first-child, dt:first-child + dd { border-top: 0; }

dl + * { clear: both; }


/* ====== pola formularza ====== */

input, select {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	font-size: 0.95em;
	padding: 0 10px;
	background: #FFF;
	border: 1px solid #9C9C9C;
	box-shadow: inset 2px 2px 4px #DDD;
}

/*
input[required], select[required] {
	box-shadow: inset 2px 2px 4px #DDD, 0 0 3px #E65F5F;
}*/

input:focus, select:focus {
	outline: 1px solid #1F7298;
}

input[type="number"] {
	width: 18%;
	text-align: center;
}

input[type="checkbox"] {
	width: auto;
	padding: 0;
	vertical-align: middle;
}

select {
	height: 2em;
}


/* ====== pola formularza - style specjalne ====== */

input[name="dataUrodzenia[rok]"], input[name="kodPocztowy[p2]"] {
	width: 23%;
}

dd label { display: block; }
dd label input { margin-right: 5px; }

input[type="submit"] {
	display: block;
	max-width: 40%;
	background: #1F7298;
	color: #FFF;
	border: 0;
	padding: 4px 10px;
	margin: 2em auto;
	font-weight: bold;
	box-shadow: none;
}
input[type="submit"]:hover, input[type="submit"]:focus {
	color: #1F7298;
	outline: 2px solid #1F7298;
	background: #DDD;
}
input[type="submit"]:active { outline-width: 4px; }

p.zgodaNaPrzetwarzanieDanych input {
	position: absolute;
	margin: 3px 0 0 -1.5em;
}
p.zgodaNaPrzetwarzanieDanych {
	margin-left: 1.5em;
	line-height: 1.2em;
	font-size: 0.93em;
}


/* ====== wersja mini ====== */

@media all and ( max-width: 600px ) {

	body { padding: 15px; }

	header { font-size: 1em; }

	dd, dt {
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding: 0;
	}

	dt { padding-top: 7px; }
	dd { padding-bottom: 14px; border: 0; }

	input[type="submit"] { width: 90%; }

	input[type="number"] { width: 23%; }
	input[name="dataUrodzenia[rok]"], input[name="kodPocztowy[p2]"] { width: 28%; }

}