/* ################################################*/
/* ----  1  #### DEFINICJE OGÓLNE #### ----------- */
/* ################################################*/

body 			{
			background-color: #2F6891;
			/* background-image: url('../img/zwykly/bg.png');  krawat */
			background-image: url('../img/zwykly/background.png'); /* pasiak */
			background-repeat: repeat-x; /* powielanie pasiaka */
			font-family: 'Verdana', 'Arial', sans-serif;
			font-size: 9.5pt;
			}


a			{
			border: 0px;
			padding-bottom: 0px;
			font-weight: bold;
			color: #364F63;
			}
			
			
p			{
			margin: 0px;
			}


img			{
			border: 0px;
			margin: 3px;
			}	

/*** tabelki ***/
table			{
			background-color: #FFFFFF;
			border: 2px solid #D9E0ED;
			width: 660px;
			height: auto;
			margin-bottom: 6px;
			border-spacing: 0px;
			border-collapse: collapse;
			}
			
td			{
			padding: 2px;
			padding-top: 4px;
			padding-bottom: 4px;
			}
			
table th		{
			background-color: #D9E0ED;
			border: 1px solid #D9E0ED;
			width: 658px;
			height: auto;
			padding-top: 6px;
			padding-bottom: 4px;
			font-size: 14px;
			font-weight: bold;
			color: #6E88B8;
			text-align: center;
			}

/* ################################################*/
/* ---- 2 #### SZKIELET, TOP #### ---------------- */
/* ################################################*/

/*** szkielet ***/
#main, #main_bottom	{
			margin-left: auto;
			margin-right: auto;
			}
	
#main			{
			background: #fff;
			width: 900px;
			height: auto;
			position: relative;
/*			overflow: hidden;*/
			margin-top: -8px;
			padding-top: 0px;
			z-index: 2;
			box-shadow: 0 0 17px #000;
			}

#main_bottom		{
			background: url(../img/zwykly/main_bottom.png) no-repeat;
			width: 934px;
			height: 50px;
			margin-bottom: 20px;
			}
			
/*** top ***/
div#cookiesmsg 		{
			background-color: #ffffcc;
			border-bottom: 1px solid #2F6891;
			text-align: center;
			width: 900px;
			margin: auto;
			position: relative;
			top: 0px;
			padding: 4px;
			font-size: 10px;
			box-sizing: border-box;
			}

div#header 		{
			background: url(../img/zwykly/header_img.jpg) no-repeat;
			background-color: #b6dcf1;
			width: 900px;
			height: 195px;
			position: relative;
			top: 0px;
			}
			
div#odznaka		{
			width: 143px;
			height: 195px;
			float: left;
			position: relative;
			left: 40px;
			}

div#title		{
			width: 640px;
			height: 195px;
			float: right;
			position: relative;
			right: 60px;
			}

div#godlo 		{
			background: url(../img/zwykly/godlo_polski.png) no-repeat;
			width: 100px;
			height: 100px;
			position: absolute;
			top: 100px;
			right: 30px;
			background-size: 100px 100px;
			}

/*** blok treści ***/
#content		{
			width: 660px;
			height: auto;
			float: left;
			padding-top: 5px;
			}

/* ################################################*/
/* ---- 3 #### BELKA, KONTAKT #### --------------- */
/* ################################################*/

#bar {
        height: 34px;
        background: #ac0419;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac0419', endColorstr='#6d080d',GradientType=0 );
        background: -moz-linear-gradient(top, #ac0419 0%, #6d080d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac0419), color-stop(100%,#6d080d));
        background: -webkit-linear-gradient(top, #ac0419 0%,#6d080d 100%);
        background: -o-linear-gradient(top, #ac0419 0%,#6d080d 100%);
        background: -ms-linear-gradient(top, #ac0419 0%,#6d080d 100%);
        background: linear-gradient(to bottom, #ac0419 0%,#6d080d 100%);
        box-shadow: 0 0 6px #000;
	margin-bottom: 10px;
}


li.bbutton > a		{
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			display: block;
			padding: 9px 12px 0px 12px;
			text-shadow: 1px 1px 1px #333333;
			color: #FFFFFF;
			}*/

.navbar-nav {
float: left;
margin: 0;
}

.nav {
margin: 0;
padding-left: 0;
list-style: none;
}

.navbar-nav>li {
float: left;
}

.nav>li {
position: relative;
display: block;
}

.navbar-nav>li>a {
text-shadow: 1px 1px 1px #333;
text-decoration: none;
}

.navbar-nav>li>a {
padding-top: 7px;
padding-bottom: 7px;
}

.nav>li>a {
line-height: 18px;
position: relative;
display: block;
padding: 8px 10px;
}

.navbar-right {
float: right !important;
}

.navbar-nav > li > a {
color: #FFF;
}

.navbar-nav > li:hover {
background: rgba(0, 0, 0, 0.4);
}

			
#contact		{
/*			background: #fff;
			box-shadow: 1px 1px 1px #999;
			border: 1px solid #CCC;
			position: absolute;
			top: 229px;
			right: 59px;
			padding: 15px;*/
			font-size: 12px;
			font-weight: bold;
			color: #6E88B8;
			text-align: center;
/*			display: none;*/
			}

#contact_button		{
			float: right;
			}
			
#bip-link			{
			width: 46px;
			height: 34px;
			line-height: 34px;
			}

#bip-link img {
	margin: 0;
	padding: 2px 0;
}
	
#bip-link a {
	margin: 0;
	padding: 0;
			display: block;
			width: 100%;
			height: 100%;
			font-family: 'Comic Sans MS';
			text-transform: lowercase;
}
		
img.head		{
			margin-left: 5px;
			margin-right: 5px;
			}
			
div.ziomalskieLinki	{
			margin: 0px 10px 10px 0px;
			overflow: hidden;
			}
			
div.ziomalskieLinki a	{
			display: block;
			float: right;
			overflow: hidden;
			border: 1px solid white;
			margin-left: 5px;
			}
			
div.ziomalskieLinki a:hover	{
			background-color: #c8d3ea;
			border: 1px solid #6E88B8;
			}

div.ziomalskieLinki a.x:hover	{
				background-color: white;
				}
						
.article .ziomalskieLinki, .overview .ziomalskieLinki, .login .ziomalskieLinki {
			display: none;
}

/* ################################################*/
/* ---- 4 #### MENU/PODMENU PIONOWE #### --------- */
/* ################################################*/

#menu			{
			width: 205px;
			height: auto;
			float: left;
			font-size: 9pt;
			overflow: hidden;
			}

#bar > ul > li > div {
        right: 0;
        display: none;
        position: absolute;
        border: 1px solid #ccc;
        box-shadow: 1px 1px 1px #999;
        background: #fff;
        padding: 16px;
        text-align: center;
	min-width: 165px;
}

#bar > ul > li:hover > div {
        display: block;
}

ul#menu_content {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			}

#menu_content > li {
        background: #e1e8f6;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e8f6', endColorstr='#d0d7e5',GradientType=0 );
        background: -moz-linear-gradient(top, #e1e8f6 0%, #d0d7e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e8f6), color-stop(100%,#d0d7e5));
        background: -webkit-linear-gradient(top, #e1e8f6 0%,#d0d7e5 100%);
        background: -o-linear-gradient(top, #e1e8f6 0%,#d0d7e5 100%);
        background: -ms-linear-gradient(top, #e1e8f6 0%,#d0d7e5 100%);
        background: linear-gradient(to bottom, #e1e8f6 0%,#d0d7e5 100%);
        margin-bottom: 16px;
        box-shadow: 1px 1px 4px #999;
	margin-top: 10px;
	width: 180px;
}

#menu_content > li > a {
        display: block;
        line-height: 16px;
        padding: 4px 8px;
        position: relative;
        z-index: 2;
}

#menu_content a {
        text-decoration: none;
        color: #526da0;
}

#menu_content > li:hover {
        background: #2b498b;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b498b', endColorstr='#0f1e3f',GradientType=0 );
        background: -moz-linear-gradient(top, #2b498b 0%, #0f1e3f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b498b), color-stop(100%,#0f1e3f));
        background: -webkit-linear-gradient(top, #2b498b 0%,#0f1e3f 100%);
        background: -o-linear-gradient(top, #2b498b 0%,#0f1e3f 100%);
        background: -ms-linear-gradient(top, #2b498b 0%,#0f1e3f 100%);
        background: linear-gradient(to bottom, #2b498b 0%,#0f1e3f 100%);
}

#menu_content > li:hover > a {
        color: #fff;
}

#menu_content > li:nth-child(even):hover {
        background: #a31512;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a31512', endColorstr='#4c0402',GradientType=0 );
        background: -moz-linear-gradient(top, #a31512 0%, #4c0402 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a31512), color-stop(100%,#4c0402));
        background: -webkit-linear-gradient(top, #a31512 0%,#4c0402 100%);
        background: -o-linear-gradient(top, #a31512 0%,#4c0402 100%);
        background: -ms-linear-gradient(top, #a31512 0%,#4c0402 100%);
        background: linear-gradient(to bottom, #a31512 0%,#4c0402 100%);
}

/*** podmenu ***/
ul.submenu_content, ul.submenu_content li {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			}

div.submenu		{
			display: none;
			}

ul.submenu_content:before {
        position: absolute;
        left: -10px;
        top: 12px;
        content: '';
        width: 10px;
        height: 16px;
        background: url('images/arrow.png');
}
	
ul.submenu_content
			{
			background: #FFF;
			height: auto;
			text-align: center;
			border: 1px solid #CCC;
			box-shadow: 1px 1px 1px #999;
			min-width: 150px;
			max-width: 200px;
			list-style: none;
			padding: 8px;
			position: absolute;
			z-index: 1;
			margin: -33px 0 0 175px;
			}

#menu_content > li:hover > ul {
	display: block;
	margin-bottom: 10px;
}

ul.submenu_content > li {
        text-align: center;
}

ul.submenu_content > li > a {
        display: block;
        line-height: 16px;
        padding: 4px 8px;
}

ul.submenu_content > li > a:hover {
        background: #c8d3ea;
}

/* ################################################*/
/* ---- 6 #### STYLIZACJA TEKSTU #### ------------ */
/* ################################################*/

div.post		{
			margin-left: 10px;
			}

div.post h2		{
			font-family: 'Arial', sans-serif;
			font-size: 23px;
			font-weight: bold;
			text-shadow: 1px 1px 1px #999999;
			color: #324c7c;
			padding: 3px 0px 0px 0px;
			margin-bottom: 0px;
			}
			
div.post h3		{
			font-family: 'Arial', sans-serif;
			text-shadow: 1px 1px 1px #999999;
			color: #324c7c;
			font-size: 17px;
			font-weight: bold;
			}
			
div.post h4		{
			font-family: 'Arial', sans-serif;
			text-shadow: 1px 1px 1px #AAAAAA;
			color: #222222;
			font-size: 14px;
			font-weight: bold;
			}
			

div.post .info		{
			border-bottom: 2px solid #a4abc4;
			display: block;
			font-family: 'Georgia', 'Verdana', sans-serif;
			font-weight: normal;
			font-style: italic;
			font-size: 13px;
			color: #696969;
			padding: 0px 0px 1px 0px;
			margin-top: 0px;
			}

div.post p		{
			font-size: 9.5pt;
			color: #333333;
			text-align: left;
			margin-top: 15px;
			}

div.imgDesc		{
			font-size: 9.5pt;
			text-align: center;
			margin-top: 0px;
			margin-bottom: 5px;
			}
			
div.post ul, div.post ol{
			font-size: 9.5pt;
			color: #222222;
			}
div.post ol > li	{margin-bottom: 8px;}

/* ################################################*/
/* ---- 7 #### STYLIZACJE TABELEK #### ----------- */
/* ################################################*/

div.post h3.table_title, td.table_header {
			background-color: #d9e0ed;
			border: 1px solid #d9e0ed;
			width: 658px;
			height: auto;
			padding-top: 5px;
			padding-bottom: 2px;
			/*font-size: 16px;
			color: #324c7c;*/
			/**/font-family: 'Arial', sans-serif;
			text-shadow: 1px 1px 1px #999999;
			color: #324c7c;
			font-size: 17px;/*/*/
			font-weight: bold;
			text-align: center;
			}
			
h3.table_title, table.roller	{margin: 0px;}

td.table_header		{
			width: auto;
			}

td.lp, td.record_1, td.record_2, td.record_3, td.record_4, td.record_5 {
			height: 20px;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 12px;
			color: #696969;
			}


td.lp *, td.record_1 *, td.record_2 *, td.record_3 *, td.record_4 *, td.record_5 * {color: #696969;}

td.lp			{
			border-right: 1px solid #d9e0ed;
			width: 15px;
			padding-left: 5px;
			padding-right: 5px;
			text-align: right;
			font-weight: bold;
			}
	
td.record_1, td.record_2, td.record_3
			{
			padding-left: 10px;
			text-align: left;
			}
	
td.record_1		{
			width: 250px;
			font-weight: bold;
			}
		
td.record_2, td.record_4{
			width: 150px;
			}
		
td.record_3		{
			width: 300px;
			}
		
td.record_4		{
			border-top: 1px solid #D9E0ED;
			border-left: 1px solid #D9E0ED;
			padding-left: 5px;
			}
		
td.record_5		{
			border-top: 1px solid #D9E0ED;
			width: 30px;
			padding-right: 5px;
			text-align: right;
			font-weight: bold;
			}
			
td.block		{
			background-color: #FFFFFF;
			padding-top: 14px;
			padding-bottom: 14px;
			text-align: center;
			width: 160px;
			}
			
td.empty		{
			border-left: 1px solid #D9E0ED;
			}
			
/* konsultacje */	
table.konsultacje td	{
			padding: 5px;
			font-size: 9.5pt;
			border-bottom: 1px solid #D9E0ED;
			color: #222222;
			}
			
/* rada rodziców */
table.rada				{width: 600px;}
table.rada td.lp, table.rada th.lp	{width: 30px;}

tr.clickable:hover	{
			background-color: #F0F0FF;
			cursor: pointer;
			}

/* plan lekcji*/

.schedule_row0,
.schedule_row1,
.schedule_row2,
.schedule_row3,
    border-top: 1px solid #d9e0ed;
}
/* ################################################*/
/* ---- X #### INNE #### ------------------------- */
/* ################################################*/

img.ilustracja		{float: right; margin-top: 5px;} /* ilustracja */
td.block span		{font-size: 9pt; font-weight: bold; color: #8080A0;} /* podpisy w tabelkach (dedykowane dla nauczycieli */

.pagination-block {
  text-align: center;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-weight: normal;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

h2 a {
  text-decoration: none;
}

.clearfix {
  clear: both;
  height: 1px
}

.footer {
  overflow: hidden;
  margin: 5px;
  padding: 5px;
  color: #505050;
  font-size: 10pt;
  font-family: Tahoma;
  border-top: 1px solid #707070;
  text-align: center;
  clear: both;
}

.post:first-child > .post > h2 {
  margin-top: 0;
}