@import url('https://fonts.googleapis.com/css?family=Lato:400,400i|Montserrat:400,400i&subset=latin-ext');

body { 
margin: 0;
padding: 0;

background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db9e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db9e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  font-family: 'Lato', sans-serif;

}


.contener{
  margin: 0 auto 50px;
  width: 100%;
  max-width: 500px;
  padding: 10px;
  border-bottom: 5px solid #1E5799;
  background: #fff;
  box-shadow: 6px 5px 19px 2px #3d3d3d;
}

.read-more-state {
  display: none;
}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Archiwum';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'zwiń';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #1e5799;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #1e5799;
  border-radius: .25em;
  font-family: 'Montserrat', sans-serif;
}

.show-text {
  display: none;
}

.show-text:target {
  display: block;
}


.menu {
    FONT-FAMILY: Trebuchet MS;
	COLOR: white;
	FONT-SIZE: 12px;   
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	background-image: url(img/th_menu_paski.png); 
	background-position: center;
	background-repeat: no-repeat;

}
.menu:hover   { color: lightgreen; text-align: none; text-decoration: none; }  

.menu_big {
    FONT-FAMILY: Trebuchet MS;
	COLOR: white;
	FONT-SIZE: 12px;   
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	background-image: url(img/th_menu_paski_b.png); 
	background-position: center;
	background-repeat: no-repeat;

}
.menu_big:hover   { color: lightgreen; text-align: none; text-decoration: none; }  



.stopka {
    FONT-FAMILY: Trebuchet MS;
	COLOR: gray;
	FONT-SIZE: 11px;   
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	line-height: 22px;

}

.kalendarium {
    FONT-FAMILY: Trebuchet MS;
	COLOR: white;
	FONT-SIZE: 11px;   
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	line-height: 18px;
	margin-left: 5px;
}

.publikacje {
    FONT-FAMILY: Trebuchet MS;
	COLOR: lightblack;
	TEXT-DECORATION: none;
}
.publikacje:hover   { color: red; text-align: none; text-decoration: none; }  


a#bg{display: block; width: 100%; height: 100%}