div > * {
vertical-align:top;  // Align children to middle of line
}

html {
height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	
	text-decoration: none;
}

body{
min-width:200px;
height:100%;
margin:0px;
padding:0px;
background-color: #ffffff;
color:#333;
#text-shadow:#fff 0px 1px 0px;
font-family:"Myriad Pro", sans-serif;
text-align:center;
}

p {
line-height: 1.4;
}

a {
color: #595959;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:hover {
color: #69D6F5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.module {
background-color: #ffffff;
min-height:100%;
position:relative;
}

.module-head {
background-color: #ffffff;
padding:0px;
margin:6px auto 20px auto;
height:100px;
background-image: url("../img/head.jpg");
background-repeat: no-repeat;
background-position: center;
}

.module-menu {
background-color: #69D6F5;
#box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
padding:0px;
margin:30px 0px;
}

.module-menu-container {
#border-left: 1px solid #d5d5d5;
display: inline-block;
font-weight: bold;
font-weight: 600;
font-size: 0.9em;
}

.module-menu ul {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 0.9em;
color: #595959;
}

.module-menu li {
text-align: -webkit-match-parent;
display: inline-block;
}

.module-menu li a {
display: block;
min-width: 100px;
text-align: center;
color: #595959;
padding: 10px 20px;
margin: 0px;
#border-right: 1px solid #d5d5d5;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.module-menu li a:hover {
background-color: #F4F3F0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.module-logo {
height:260px;
margin-bottom:20px;
}

.module-logo-l {
width: 50%;
float:left;
height:100%;
background-image: url("../img/logo1.jpg");
background-position: center;
}

.module-logo-r {
width: 50%;
float:right;
height:100%;
background-image: url("../img/logo2.jpg");
background-position: center;
}

.module-logo-c {
position:absolute ;
height:260px;
width: 100%;
#left:50%;
#margin-left:-670px;
background-image: url("../img/logo.jpg");
background-repeat: no-repeat;
background-position: center;
}

.module-body {
padding:10px;
margin: auto;
max-width: 1600px;
}

.module-body-left {
width:280px;
#display: inline-block;
padding:10px;
margin:0px;
float: left;
}


.module-body-center {
#display: inline-block;
#border-left: 1px solid #d5d5d5;
#border-right: 1px solid #d5d5d5;
padding:10px;
margin: auto;
margin-left: 300px;
}

.module-before-footer0123 {
height: 10px;
margin: 0px;
padding:0px;
border: none;
background:none;
padding-bottom:80px;
}

.module-footer {
clear:both;
width:100%;
height:80px;
bottom:0;
left:0;
margin: 0px;
padding: 0px;
border: none;
color: #000;
font-weight: bold;
font-weight: 600;
font-size: 0.9em;
#border-top: 1px solid #D9D3CB;
#background-color: #F4F3F0;
background-color: #ffffff;
}

.module-footer0123 {
clear:both;
width:100%;
height:80px;
position:absolute;
bottom:0;
left:0;
margin: 0px;
padding: 0px;
border: none;
color: #000;
font-weight: bold;
font-weight: 600;
font-size: 0.9em;
border-top: 1px solid #D9D3CB;
background-color: #F4F3F0;
}

.thumb-holder {
display: inline-block;
width: 210px;
margin: 10px 5px 40px 5px;
padding: 0;
}

.thumb-holder a {
border: 1px solid #D9D3CB;
display: inline-block;
padding: 5px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
font-size: 0.8em;
font-weight: 400;
color: #797979;
text-decoration: none;
text-align: center;
background-color: #F4F3F0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.thumb-holder a:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #aaaaa8;
#background-color: #D9D3CB;
background-color: #dbdad8;
}


.thumb-holder-img {
width: 200px;
height: 200px;
transition: all .2s ease-in-out;
border: 1px solid #D9D3CB;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
position:relative;
margin-bottom:5px;
}

.thumb-holder a:hover  .thumb-holder-img {
border: 1px solid #aaaaa8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.thumb-holder a:hover  .thumb-title{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color:#69D6F5;
}

.thumb-title {
font-size: 1em;
font-weight: 600;
display: block;
position:absolute;
bottom:0;
background-color:rgba(0,0,0,0.6);
width:100%;
color:#F4F3F0;
padding: 10px 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.thumb-holder p {
text-align:justify;
font-size: 0.8em;
display: block;
padding: 5px 0px;
}

.image-holder {
position: relative;
#max-width: 100%;
#display: inline-block;
margin: 10px 5px 20px 5px;
padding: 0;
}

.image-holdera {
max-width:60%;
display: inline-block;
padding: 5px 7px 5px 5px;
border: 1px solid #D9D3CB;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
font-size: 0.8em;
font-weight: 400;
color: #797979;
text-decoration: none;
text-align: center;
background-color: #F4F3F0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.image-holdera:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #aaaaa8;
border: 1px solid #A39480;
background-color: #dbdad8;
}


.image-holder-img {
max-width: 100%;
height: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #D9D3CB;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
}

.image-holder-img:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #aaaaa8;
}

.image-holder h3 {
font-size: 1em;
color: #000;
font-weight: 600;
margin: 10px 0 5px 0;
display: block;
padding: 0;
}
.image-holder p {
display: block;
padding:10px 0px;
}

.description {
max-width: 80%;
margin: 20px auto;
padding: 10px 20px;
border-left: 5px solid #D9D3CB;
}

.description p {
text-align: justify;
font-size: 1.0em;
display: block;
margin: 15px auto;
}

.opis-bib {
max-width: 80%;
min-width: 50%;
#display: inline-block;
margin: 20px auto;
padding: 5px 20px;
transition: all .2s ease-in-out;
border: 1px solid #D9D3CB;
background-color: #F4F3F0;
text-align: left;
}
.opis-bib p {
font-size: 0.8em;
margin: 15px auto;
}

.category_list {
display: block;
background-color: #fff;
border: 1px solid #d5d5d5;
margin:80px auto;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

.category_title {
display: block;
#background: #fff url(../img/barbg.png) top left repeat-x;
font-size: 0.9em;
padding: 10px 10px;
font-weight: bold;
font-weight: 600;
color: #595959;
background-color: #F4F3F0;
}

.category_list ul {
list-style: none;
padding: 0px 0;
margin: 0;
font-size: 0.9em;
color: #595959;
}

.category_list li {
display: list-item;
text-align: -webkit-match-parent;
}

.category_list li .count {
font-style: italic;
color: #A39480;
}

.category_list li a {
display: block;
font-size: 0.8ek;m;
text-align:left;
color: #595959;
padding: 10px 10px;
margin: 0;
border-top: 1px solid #d5d5d5;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.category_list li li a {
padding-left:40px;
}

.category_list li a:hover {
background-color: #69D6F5;
}


.category_list ul ul {
background-color:#F4F3F0;
display:none;
}

.category_list > ul > li.has-sub > a {
background: url(../img/icon_plus.png) 96% center no-repeat;
}
.category_list > ul > li.has-sub.active > a {
background: url(../img/icon_minus.png) 96% center no-repeat;
}
.category_list > ul > li.has-sub > a:hover  {
background-color: #69D6F5;
}

.active ul {
display: block;
}

.article-info {
text-align: justify;
text-indent: 3em;
width: 80%;
margin: auto;

}

.article-info > p{
margin: 20px auto;
}

.module-body-center h1 {
display: block;
border-bottom: 1px solid #d5d5d5;
width: 80%;
color: #A39480;
font-weight: bold;
font-weight: 600;
font-size: 1.2em;
margin: 0px auto 30px auto;
padding: 10px;
}

.article {
width: 80%;
margin:auto;
}

.article p {
padding: 10px;
text-align: justify;
}
.arrow-prev {
width: 64px;
height: 64px;
position: absolute;
top: 64px;
left:10px;
#margin-top: -64px;
background-image: url("../img/arrow-prev.png");
background-repeat: no-repeat;
background-size:contain;
}
.arrow-prev {
width: 64px;
height: 64px;
position: absolute;
top: 100px;
left:10px;
#margin-top: -64px;
background-image: url("../img/arrow-prev.png");
background-repeat: no-repeat;
background-size:contain;
}
.arrow-prev:hover {
background-image: url("../img/arrow-prev-g.png");
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.arrow-next {
width: 64px;
height: 64px;
position: absolute;
top: 100px;
right:10px;
#margin-top: -64px;
background-image: url("../img/arrow-prev.png");
background-repeat: no-repeat;
background-size:contain;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.arrow-next:hover {
background-image: url("../img/arrow-prev-g.png");
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

@media screen and (max-width: 1700px){
.module-body-left {
width: 250px;
}

.module-body-center {
margin-left: 270px;
}
}

@media screen and (max-width: 1400px){
.module-body-left {
width: 220px;
}

.module-body-center {
margin-left: 240px;
}
}

@media screen and (max-width: 800px){
.module-body-left {
width: 60%;
padding: 10px;
margin: 0px auto;
float: none;
}

.module-body-center {
padding: 10px;
margin: 20px 0px; 	
}

.category_list {
margin: 0px auto;
}
}

@media screen and (max-width: 1319px) {
.module-logo-c {
background-image: url("../img/logo-s.jpg");
}
}

@media screen and (max-width: 1133px) {
.module-logo-l, .module-logo-r {
background-image: url("../img/logo1.jpg");
}
.module-logo-c {
background-image: url("../img/logo-xs.jpg");
background-size: contain;
}
}

@media screen and (max-width: 600px) {

.module-body-left {
width: 90%;
padding: 10px;
margin: 0px auto;
float: none;
}

.category_list {
margin: 0px auto;
}

.module-menu li {
display: block;
}

.module-menu-container {
display: block;
}
}