@font-face {
  font-family: 'Gabriola';
  src: url('css/fonts/ufonts.com_gabriola.woff') format('woff'),
       url('css/fonts/ufonts.com_gabriola.eot') format('eot'),
       url('css/fonts/ufonts.com_gabriola.ttf') format('truetype');
}

.DoNotDisplay { display: none;}

html, body {
//    min-width: 980px;
//    min-width: 640px;
    margin:0;
    padding:0;
//    background-position: top center;
    width: 100%;
    height: 100%;
/*	overflow-y: hidden;					//odblokowanie pionowego paska przewijania	*/
}
 
#left-side-outer { display: none; }
#left-side{ display: none; }
#center-column { color: #FFFFFF; width: 100%; height:100%; }
#right-side-outer { display: none; }
#right-side { display: none; }

.head, .headlite {
	width : 100%;
	height : 110px;
	background-color: #988672;
	font: normal normal 600 9pt Arial;
	overflow: hidden;
}
.headlite {
		background-image: url('img/White_1x1_op80.png');
/*		background-color: yellow;	*/
		opacity: 0.2;
}
#MidArea {
	width: 100%;
//	height: auto;
/*	max-height: 470px;	*/
	color : black;
/*	min-height: 500px;	*/
//	height: 200px;
	height: calc(100% - 153px);
/*	background-image: url('img/White_1x1_op80.png');
	background-repeat: repeat;
*/	overflow: hidden;
}
#Footer {
	width: 100%;
	height: 30px;
	padding-top: 12px;
	text-align: center;
	color : white;
	font: normal normal 400 13px Tahoma;
	border-top: 1px dotted #333333;
	background-color: #988672;
}
#Footer a {
	text-decoration: none;
	color: inherit;
}

#MidMid {
	float: left;
	margin: 0 0 0 0;
	padding: 1% 1% 0% 1%;
	width: 77%;
	border-right: dotted 1px gray;
	color: #3d3328;
	font: normal normal 600 10pt Arial; text-align: justify;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}
#MidMid div {
	-webkit-overflow-scrolling: touch;	
}
#MidRight {
	float: right;
	text-align: center;
	color: #3d3328;
	font: normal normal 900 15pt Arial;
	margin: 0 0 0 0;
	width: 20%;
	height : 100%;
	overflow: hidden;
}
#MidMid h1 {	font: normal normal 900 20pt Arial; text-align: center;}
#MidMid h2 {	font: normal normal 900 18pt Arial; text-align: center;}
#MidMid h3 {	font: normal normal 900 14pt Arial; text-align: left;}
#MidMid h4 {	font: normal normal 600 12pt Arial; text-align: justify;}
#MidMid h5 {	font: normal normal 600 10pt Arial; text-align: justify;}

#MidRight a { text-decoration: none; color:#3d3328;}
#MidRight a:hover {	color: red;}
#MidRight a img {	height: 30pt;	}

div.LogoText { float: left; width: 200px; color:white; height:100%; text-align: center; font-family: Gabriola;}
div.LogoText h3, div.LogoText h5 { font: 900 26pt Gabriola; margin: 25px auto 3px auto; padding: 0; height: 30pt;}
div.LogoText h5 { font: 500 14pt Gabriola; margin: 1px auto 0px auto; height:12pt;}


.box {
	margin: 5px auto;
	border-bottom: dashed 1px #333333;
	width: 90%;
	height: auto;
	padding: 5px 5px 25px 5px;
	font: normal normal 500 13px Tahoma;
}
.box div:first-child {
	font-weight: bold;
}
.box img
{
  float: right;
}
.btn {
	float: left;
	margin: 10px auto;
	width: 120px;
	height: 30px;
	background-color: #273481;
	color: white;
	text-align: center;
	padding-top: 7px;
	font: normal normal 600 15px Tahoma;
}
.btn:hover {
	background-color: #2A2D62;
}

#Fotki {
	float: left;
	width: 180px;
	height: 100%;
	margin-left: 20px;
	margin-right: 20px;
}
#Fotki img {
	margin-top: 35px;
}
#Opis {
	float: left;
	width: 520px;
}
.headicons { float: right; margin-top: 10px; text-align: center;}
.headicons div { width:64px; float: right; margin-right: 10px; text-align: center;}
.headicons div a { text-decoration: none; color: inherit;}
.LZturnus, .LZgrupa { float:left; width : 60%; font: normal normal 900 13pt Tahoma; margin-top: 15px; overflow: hidden; }
.LZgrupa { float: right; width:30%; }
.LZtytul { float:left; width : 98%; font: normal normal 900 15pt Tahoma; margin-top: 10px; overflow: hidden; }
.LZopis { float:left; width : 98%; height: auto; font: normal normal 500 13pt Tahoma; overflow: hidden; margin : 5px 0 5px 0;}
/*.LZopis:hover { height: auto; } */
.LZnauczyciel { float:left; width : 98%; font: normal normal 900 12pt Tahoma; margin : 5px 0 25px 0;;overflow: hidden; clear: both;}