*
{
	margin:0;
	box-sizing:border-box;
	font-family:'Source Sans Pro', sans-serif;
}

html
{
	height:100%;
	display:flex;
	flex-direction:column;
}

body
{
	color:#fff;
	flex-grow:1;
	display:flex;
	flex-shrink:0;
	flex-direction:column;
	background-color:#fff;/*color loga #2c3a5d*/
}

header
{
	width:100%;
	height:83px;
	flex-shrink:0;
	position:relative;
	text-align:center;
	background-color:#2c3a5d;/*color loga #99001F*/
}

.logo
{
	top:1px;
	left:12px;
	width:296px;
	display:block;
	text-align:left;
	/*display:none;*/
	position:absolute;
	height:calc(100% - 2px);
}

/*.logo img
{
	height:100%;
}*/

.logo div
{
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url('logo_big.png');
}

@media only screen and (max-width:800px) {
	.logo
	{
		width:63px;
	}

	.logo div
	{
		background-image:url('logo.png');
	}
}

h1
{
	padding:0.67em 0;
	width:max-content;
	letter-spacing:3px;
	display:inline-block;
}

header ul
{
	top:6px;
	padding:0;
	right:18px;
	position:absolute;
	list-style-type:none;
}

header a
{
	color:#fff;
	text-decoration:none;
}

ul li
{
	margin-bottom:2px;
}

ul li:last-child
{
	margin-bottom:0;
}

header .cart
{
	/*display:flex;*/
	/*flex-wrap:nowrap;*/
	/*flex-direction:row;*/
	/*justify-content:center;*/
}

header .cart>a
{
	position:relative;
	/*padding-right:4px;*/
}

header .cart>a::after
{
	top:0;
	right:-14px;
	width:11px;
	color:#000;
	content:'';
	height:11px;
	font-size:11px;
	line-height:11px;
	position:absolute;
	text-align:center;
	border-radius:50%;
	background-color:#fff;
}

main
{
	color:#000;
	flex-grow:1;
	display:flex;
	align-items:center;
	justify-content:center;
}

main.index
{
	display:block;
	padding:0 25px 0;
}

main.index div.con
{
	gap:30px;
	color:#000;
	height:90%;
	display:flex;
	padding:30px 0;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

main.index div.con a
{
	text-decoration:none;
}

main.index div.card
{
	width:300px;
	height:300px;
	color:#2e2e2e;
	text-align:center;
	border-radius:10px;
	background-color:#dddddd;
	box-shadow:6px 10px 5px #b2bec3;
}

main.index div.title
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:50px;
	font-size:20px;
	border-radius:10px;
	background-color:#c7c7c7;
}

main.index div.img
{
	height:250px;
	display:flex;
	align-items:center;
	justify-content:center;
}

main.index div.img img
{
	max-width:100%;
	/*height:275px;*/
	height:185px;
	/*max-width:100%;*/
	/*max-height:275px;*/
	background-size:cover;
}

main.index div.description
{
	text-align:center;
}

form, table
{
	width:480px;
	padding:0.67em;
	border-radius:4px;
	background-color:#eee;
}

form table
{
	padding:0;
}

table, form.no480
{
	width:unset;
	display:block;
}

form.ok
{
	cursor:pointer;
}

tbody tr td.center
{
	/*text-align:center;*/
	text-align:-moz-center;
	text-align:-webkit-center;
	text-align:-internal-center;
}

form>input, form div input, form>label, select, .error
{
	width:100%;
	display:block;
	font-size:15px;
	margin-bottom:0.67em;
}

form input[type="radio"]
{
	width:unset;
	display:initial;
}

form input[type="radio"]+label+div
{
	display:none;
	padding-left:25px;
}

form input[type="radio"]:checked+label+div
{
	display:block;
}

.NIP
{
	width:100%;
	display:flex;
	font-size:15px;
	margin-bottom:0.67em;
}

.NIP>input
{
	width:unset;
	flex-grow:1;
	flex-shrink:0;
	margin-bottom:0;
}

.NIP>button
{
	flex-shrink:0;
	margin-left:3px;
}

/*button
{
}*/

td>input, input[type="submit"]
{
	margin-bottom:0;
}

.error
{
	color:#f00;
}

.value
{
	text-align:right;
}

footer
{
	width:100%;
	padding:2px 0;
	flex-shrink:0;
	position:relative;
	text-align:center;
	background-color:#2c3a5d;
}

.to_right
{
	bottom:0;
	right:2px;
	font-size:13px;
	text-align:right;
	position:absolute;
}