html
{
height:100%;
}

html{font-size:120%;} 
@media(min-width:60em){html{font-size: 100%}}

body
{
height:inherit;
background:#f2f2f2;
margin:0px;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:0.9em;
line-height:1.5em;
color:#333333;
}

form
{
	padding:0px;
	margin:0px;
}

hr
{
	clear: both;
	display: block;
	width:99%;
    margin-bottom: 0.3em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px; 
    background-color: #CCCCCC;
	border-color: #CCCCCC;
    border:0px;
    height: 1px;
	margin-top:1em;
}

a, a:visited, a:active, a:hover {text-decoration: none; color:#006699; background:inherit}

#main
{
background:white;
height:auto;
min-height:100%;
width:100%;
margin-left:auto;
margin-right:auto;
overflow-x:auto;
}
@media(min-width:60em){#main
{
width:1200px;
}}

#main p
{
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:5px;
}

#main h2
{
    display: block;
	padding-left:10px;
    font-weight: normal;
	margin-bottom:7px;
	line-height:1.5em;
}

#banner
{
margin-top:0px;
padding-bottom:0px;
padding-top:10px;
display:block;
margin-bottom:0px;
}

#bannerpic
{
width:100%;
margin-bottom:10px;
vertical-align: middle;
}
@media(min-width:60em){#bannerpic
{
width:259px;
height:51px;
float:left;
margin-bottom:15px;
}}

#search
{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-left:10px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
padding-left:3px;
width:80%;
height:40px;
font-size:1.5em;
vertical-align: middle;
border: solid 1px grey;
border-radius: 5px;
outline: none;
}
@media(min-width:60em){#search
{
margin:0px;
width:300px;
}}

#searchsubmit
{
	margin:0px;
	padding:0px;
	width:50px;
    height:50px;
	border: 0px;
	vertical-align: middle;
	background-image: url("images/search.png");
	background-size: 50px 50px;
	background-color:white;
	cursor: pointer;
}


@media(min-width:60em){#searchspan
{
float:right;	
}}

#redirect
{
	font-size:0.8em;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:7px;
	color: grey;
}

#timestamp
{
background-color:white;
text-align:right;
width:inherit;
clear:both;
}

#timestamp p
{
	margin-right:10px;
	color: grey;
	font-size:0.8em;
}

.highlight1
{
	color: #006699;
}

#googleMap
{
width:300px;
height:300px;
margin-left:auto;
margin-right:auto;
}
@media(min-width:60em){#googleMap
{
	width:300px;
	height:300px;
}}

#googleMapFrame
{
	display:table-footer-group;
}
@media(min-width:60em){#googleMapFrame
{
	display:inline;
	margin-right:10px;
	margin-left:10px;
	float:right;
	padding:5px;
	border: solid 1px #cccccc;
	width:300px;
	height:300px;
	text-align: left;
}}

#tekst
{
	clear:both;
	display:table;
	/*width:100%; */
	width:inherit;
}
@media(min-width:60em) {#tekst
{
	clear:both;
	display: block;
	overflow: auto;
}}

.threecolumn
{
	margin-top:15px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.onecolumn
{
	margin-top:15px;
}

#listbox
{
position:absolute;
display:none;
border: solid 1px grey;
background:white;
z-index: 100;
padding-top:0px;
padding-bottom:0px;
}

#podpowiedzi
{
margin: 0px;
padding: 0px;
font-size:1.2em;
list-style-type: none;
}

#podpowiedzi a
{
	 color:black;
	 display:block;
}

#podpowiedzi li
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-right:5px;
	width:inherit;
}

#podpowiedzi .podswietlone
{
	background:#336699;
}

#podpowiedzi .podswietlone a
{
	color: white;
}

#podpowiedzi .podswietlone span
{
	color: white;
}

#zawiera
{
	font-size:1em;
	color:grey;
	font-style:italic;
}

#lastelem
{
	border-top: solid 1px #CCCCCC; 
}

figure.image
{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border: solid 1px #cccccc;
	padding:5px;
	width:35%;
	max-width:35%;
	display: inline-table;
	clear:left
}
@media(min-width:60em){
figure.image
{
	 width:20%;
	 max-width:20%;
}}


figure.image figcaption
{
	font-size:0.8em;
	line-height: 1.1em;
	text-align:left;
	display: table-footer-group;
	color:grey;
}
figure.image img
{
	width: 100%;
	height: auto;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

figure.align-left
{
	float:left;	
}

figure.align-right
{
	float:right;
}

.figcent
{
clear:both;
display: block;
text-align: center;
}

#tlo
{
display:none;
position:fixed;
left:0px;
top:0px;
width:100%;
height:inherit;
background:black;
opacity:.6;
text-align:center;
}

#large_pic
{
display:none;
position:fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background:white;
padding:0px;
max-width:10px;
max-height:10px;
margin: auto;
overflow: hidden;
text-align:center;
width:100%;
height:100%;
-webkit-transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
-ms-transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out, max-width 0.5s ease-in-out;
}

.large_pic_style
{
padding:5px;
cursor:pointer;
width:auto;
height:auto;
}

.kategoria
{
	border-right: solid 1px #cccccc
}

.kategoria, .kategoria_last
{
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
}

iframe
{
	max-width:100%;
	margin-top:10px;
}

#KrolowieRiukiu
{
	width:97%;
	margin-left:8px;
}

@media(max-width:30em){
#KrolowieRiukiu, #RangiDworskie
{
	font-size:0.9em;
}
}
@media(min-width:60em){
#KrolowieRiukiu
{
	width:50%;
}
}

#RangiDworskie
{
border: 1px solid #cccccc; border-collapse: collapse;
width:98%;
margin-left: auto;
margin-right: auto;
}


#RangiDworskie td
{
border: 1px solid #cccccc;
}


#prevnext
{
	display:block;
	padding-bottom:2em;
}

#listaLiteratura
{
	list-style-type: none;
    margin:0;
	padding:0;
}

#listaLiteratura li
{
display: block;
float: left;
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #cccccc;
}