body {
	background-color: #293f56;
	margin: auto;
}

#logo {
	text-align: center;
	padding-top: 24px;
	padding-bottom: 24px;
	@background-color: #cccccc;
}

#logo2 {
	width: 1024px;
	margin: auto;
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: center;
}

#content {
	width: 1024px;
	margin: auto;
	text-align: center;
}

#tiles {
	margin: auto;
	width: 1021px;
	height: 454px;
	padding-bottom: 76px;
}

#tiles1 {
	float: left;
	width: 681px;
}

.tile {
	float: left;
	width: 213px;
	height: 213px;
	padding: 7px;
	font-family: Calibri;
	font-size: 165%;
}

.tile1 {
	width: 213px;
	height: 213px;
	background-color: #002480;
}

.tile-small-text {
	font-size: 70%;
}

.tile2 {
	width: 213px;
	height: 213px;
	background-color: #cf142b;
	color: #e6e6e6;
}

#tiles2 {
	width: 340px;
	float: left;
}

#tilet {
	float: left;
	width: 326px;
	height: 326px;
	padding: 7px;
}

#tile3 {
	width: 326px;
	height: 326px;
	background-color: white;
}

#tilet2 {
	float: left;
	width: 99px;
	height: 99px;
	padding: 7px;
}

.tile4 {
	width: 99px;
	height: 99px;
	background-color: #3b5998;
}

#tilet3 {
	float: left;
	width: 212px;
	height: 99px;
	padding: 7px;
}

.tile5 {
	width: 212px;
	height: 65px;
	padding-top: 17px;
	padding-bottom: 17px;
	background-color: #cf142b;
	color: #e6e6e6;
	font-family: Calibri;
	font-size: 150%;
}

.header {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 300%;
	text-align: center;
}

.header h1 {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 100%;
	text-align: center;
	margin: 0;
}

.header1 {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 200%;
	text-align: center;
}

.header1 h1 {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 100%;
	text-align: center;
	margin: 0;
}

.header2 {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 170%;
	text-align: left;
	clear: both;
}

.header2 h2 {
	font-family: Calibri;
	color: #ed1c24;
	font-size: 100%;
	text-align: left;
	margin: 0;
	clear: both;
}

.uheader {
	margin: auto;
	width: 72px;
	height: 3px;
	background-color: #ed1c24
}

#newscontent {
	width: 768px;
	margin: auto;
	padding-top: 64px;
	padding-bottom: 64px;
}

#news {
	font-family: Calibri;
	text-align: left;
}

#newstitle {
	font-family: Calibri;
	font-size: 175%;
	text-align: left;
	color: #ed1c24;
}

#newstitle h2 {
	font-family: Calibri;
	font-size: 100%;
	text-align: left;
	color: #ed1c24;
	margin: 0;
}

#newsdate {
	font-family: Calibri;
	font-size: 75%;
	text-align: left;
	color: #ed1c24;
}

#newstext {
	font-family: Calibri;
	font-size: 125%;
	text-align: left;
	color: #e6e6e6;
}

#contentleft {
	float: left;
	width: 768px;
	color: #e6e6e6;
	font-family: Calibri;
	font-size: 150%;
	text-align: justify;
	padding-bottom: 100px;
}

#contentlefttext {
	@width: 480px;
	float: left;
	color: #e6e6e6;
	font-family: Calibri;
	padding-top: 24px;
	padding-right: 16px;
}

#contentlefttextteachers {
	width: 750px;
	float: left;
	color: #e6e6e6;
	font-family: Calibri;
	font-size: 90%;
	text-align: left;
	padding-top: 24px;
	padding-right: 16px;
}

#img {
	float: right;
	width: 256px;
	height: 341px;
	padding-top: 7px;
	padding-bottom: 25.09px;
	padding-left: 16px;
	@padding-right: 16px;
}

#imgteachers {
	float: right;

	padding-top: 7px;
	padding-bottom: 25.09px;
	padding-left: 16px;
	@padding-right: 16px;
}

#map {
	float: right;
	width: 371px;
	height: 371px;
	padding-top: 30.5px;
	padding-bottom: 25.09px;
	@padding-left: 16px;
	padding-right: 16px;
}

#contentright {
	float: left;
	width: 256px;
	padding-top: 87px
}

.cennik {
	width: 376px;
	float: left;
}

.cennik p {
	margin: 3px;
}

.tileti {
	float: left;
	width: 116px;
	height: 116px;
	padding: 5px;
	font-family: Calibri;
	font-size: 90%;
	margin: auto;
}

.tile6 {
	width: 116px;
	height: 116px;
	background-color: #cf142b;
}

.tile7 {
	width: 116px;
	height: 116px;
	background-color: #002480;
}

.tile8 {
	width: 116px;
	height: 116px;
	background-color: #3b5998;
}

#foot {
	background-color: #324c67;
	text-align: center;
	color: #e6e6e6;
	font-family: Calibri;
}

a.tilelink {
	color: #e6e6e6;
	text-decoration: none;
}

a.tilelink2 {
	color: white;
	text-decoration: none;
}

a.link {
	color: #ed1c24
}

a.link1 {
	color: #ed1c24;
	text-decoration: none;
}

a.link2 {
	color: #002480;
	text-decoration: none;
}

/* Improve touch target size for ActiveNow form checkboxes */
.activenow-form-field input[type="checkbox"],
.activenow-required-checkbox,
.activenow-enabled-checkbox {
	width: 24px !important;
	height: 24px !important;
	margin: 4px !important;
	cursor: pointer;
	min-width: 24px !important;
	min-height: 24px !important;
}