@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

/* boksy informacyjne */
.ignis-error-box {
background-color:#a37c59;
padding: 5px;
color: black;
text-align: left;
font-weight: bold;
}
.ignis-info-box {
background-color:#a37c59;
padding: 5px;
color: #262626;
text-align: left;
font-weight: bold;
}

/*tabela kształtująca formularze*/
.ignis-form-table {
border: 0px;
width:80%;
margin-top: 15px;
margin-bottom: 15px;
}
.ignis-form-table td {
border: 0px;
}
.ignis-form-table th {
text-align: left;
font-weight:bold;
border: 0px;
}

/*submit, button*/
input[type=submit]{
background-color: #795d44;
display: inline-block;
padding: 6px 6px 6px 6px;
margin-right:2px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border:0;
}
input[type=submit]:hover{
background-color: #967558;
color: #ffffff;
text-decoration: none;
cursor: default;
}
input[type=submit]:active{
background-color: #3B5C70;
color: #ffffff;
text-decoration: none;
cursor: default;
}

input[type=button]{
background-color: #795d44;
display: inline-block;
padding: 5px 5px 5px 5px;
margin-right:2px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border:0;
}
input[type=button]:hover{
background-color: #967558;
color: #ffffff;
text-decoration: none;
cursor: default;
}
input[type=button]:active{
background-color: #3B5C70;
color: #ffffff;
text-decoration: none;
cursor: default;
}

#wrapper{
width:300px;
height:220px;
margin: 0 auto;

position: fixed;
left: calc(50% - 150px);
top: calc(50% - 110px);
}

#wrapper #header {
	background-color: #262626;
	width:100%;
}

#header .title{
	font-size:38px;
	color:#795d44;
	margin:0px;
	font-family: 'Playfair Display', serif;
	font-weight:bold;
	padding:10px 0px 0px;
	float: left;
}

#header .description{
	font-size:16px;
	margin-left:1px;
	color:#ffffff;
	font-family: 'Playfair Display', serif;
	float: left;
	margin-left:10px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .description .gray{
color: #595959;
}

#content{
margin-top: 50px;
height: calc(100% - 70px);
background-color: #444;
padding: 10px;
color: #fcf4f4;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqwcAAJEAh4YQ8jwAAAAASUVORK5CYII=);
border: 1px solid #7b6a3d;
}

input, textarea, select {
	font:14px "Playfair Display";
	vertical-align:middle;
	padding:3px;
	margin:0;
}

input[type=text]{
	width:100%;
	margin: 5px;
	border: 1px solid #262626;
}
input[type=password]{
	width:100%;
	margin: 5px;
	border: 1px solid #262626;
}

textarea {
	overflow:auto;
	resize:none;
}
body {
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:21px;
	color:#262626;
	background-color:#262626;
	font-family: 'Playfair Display', serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:33px;
	margin-bottom:10px;
}

h2 {
	font-size:25px;
	margin-bottom:10px;
}

h3 {
	font-size:18px;
	margin-bottom:10px;
}

h4 {
	font-size:16px;
	margin-bottom:10px;
}

h5 {
	font-size:14px;
	margin-bottom:10px;
}

h6 {
	font-size:12px;
	margin-bottom:10px;
}

	/*  links
	******************************/
	a {color: #a29081;text-decoration: underline;}
	a:hover {color: #795d44;text-decoration: none;}