@font-face
{
	font-family: 'Merriweather';
	src: url("../fonts/Merriweather-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'Merriweather';
	src: url("../fonts/Merriweather-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

/* potrzebne do rozciągania niektórych elementów na całą wysokość */
html
{
	min-height: 100%;
	position: relative;
}

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #b9daff;
	color: #444;
	font-size: 16px;
}

table
{
	margin: 0;
	color: #444;
	font-size: 16px;
}

body, table, input, textarea
{
	font-family: 'Merriweather';
}

h1, h2, h3
{
	margin-top: 0;
}

h1
{
	font-size: 34px;
}

h2
{
	font-size: 26px;
}

h3
{
	font-size: 22px;
	margin-bottom: 0.5em;
}



/* linki */
a:link, a:visited
{
	color: #c62020;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.2s;
}

a:hover
{
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}


/* kontener główny z tłem */
div.container_main
{
	width: 1400px;
	margin: auto;
	padding-bottom: 30px;
	background-image: url('../images/bg.jpg');
	background-size: 100%;
}

/* kontener na grafikę krakowa */
div.container_image
{
	background-image: url('../images/krakow.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

/* kontener na treść */
div.container
{
	width: 1000px;
	box-sizing: border-box;
	padding: 25px;
	margin: auto;
	margin-top: 30px;
	text-align: center;
	line-height: 1.5;
	background-color: rgba(255,255,255,0.9);
}

/* odstęp od góry strony */
div.spacer
{
	height: 100px;
}

/* nagłówek */
div.header
{
	margin-top: 0;
}

div.header h1
{
	margin-bottom: 12px;
}

div.header h2
{
	margin-bottom: 10px;
}

div.images img
{
	margin: 8px;
	border: 4px solid #fff;
}

/* opis mieszkania */
div.text
{
	margin-top: 15px;
	margin-bottom: 10px;
}

div.contact
{
	font-size: 18px;
}