/* Webfont: BloggerSans */@font-face {
    font-family: 'BloggerSans';
    src: url('./font/BloggerSans.eot'); /* IE9 Compat Modes */
    src: url('./font/BloggerSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./font/BloggerSans.woff') format('woff'), /* Modern Browsers */
         url('./font/BloggerSans.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./font/BloggerSans.svg#BloggerSans') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body, form, a, p, span, div, h2, h3, h4, 
h4, h5, h6, li, label, strong, em{
	font-family: "BloggerSans", Tahoma, Arial, sans-serif;
}

a:link {
	text-decoration: none;
	color: #000099;
}
a:visited {
	text-decoration: none;
	color: #000099;
}
a:active {
	text-decoration: none;
	color: #000099;
}
a:hover {
	text-decoration: underline;
	
	color: #00CCCC;
}




.tczerw {
color:#FF0000;
}

.t1 {
	font-size: 100%;
	text-align: justify;
}

.ramka {
	border: 0px;
	margin-left: 15px;
	margin-right: 25px;	
	margin-bottom: 2px;
	padding: 0px;
}

.ramkaartykulu {
	border: 0px;
	margin-left: 15px;
	margin-right: 25px;	
	margin-bottom: 2px;
	padding: 0px;
	max-height:500px;
	overflow:hidden;
}

.ramkamala {
	border: 0px;
	margin-left: 5px;
	margin-right: 10px;	
	margin-bottom: 2px;
	padding: 0px;
}

.obrleft {
	border: 0px;
	margin-left: 0px;
	margin-right: 15px;	
	margin-bottom: 2px;
	padding: 0px;
	float:left;
}



.t1ml {
	font-size: 100%;
	text-align: justify;
}

.tcentr {
	text-align: center;
}

.t1tab {
	font-size: 90%;
	text-align: center;
	background-color: #FFFFCC;
}
.t2wyroznij {
	background-color: #A7C4E6;
	color: #FFFFFF;
	font-weight: bold;	
}
.t2zaznacz {
	background-color: #BCCFDE;
	color: #FFFFFF;
}

.ramkatab {
	border: 1px solid #999999;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	background-color: #FFFFCC;
	padding: 0px;
}
.t2 {
	text-align: justify;
	font-size: 200%;
}

.t2ml {
	text-align: left;
	font-size: 170%;
}

.t1pr {
float: right; 
display:inline;
}


.t2cz {
	font-size: 100%;
	color: #FF0000;
	font-weight: bold;
}
.t2bi {
	font-size: 100%;
	color: #FFFFFF;
	text-align: justify;
}

.liniabr{
background-color: #f5f2ab;

}

.galeria {
font-size:0.6em;
display: inline-block;
max-width:300px;
border: solid 1px #ccc;
background-color:#FFFFFF;
margin:3px;
padding:2px;
}

.galeriaend {
content:'';
display:block;
clear:both;
}

.galeria:hover{
	opacity : 0.80;
	filter : alpha(opacity=80);
	 filter:contrast(200%);
	background-color:#FF9933;
}

.oposgalerii {
font-size:0.8em;
max-width:310px;
height:30px;
margin:1px;
padding:2px;
}

.galeriamini {
font-size:0.8em;
display: inline-block;
max-width:310px;
margin:1px;
padding:2px;
}

.galeriaminiend {
content:'';
display:block;
clear:both;
}



body
{
font-size: 15px;
margin:0px;
padding:0px;
line-height: 1.6em;
background-color:#DDDDDD;
}


.top
{
height:50px;
max-width:100%;
margin:0px;
padding:0px;
background-color:#FFFFFF;
text-align:justify;
overflow:hidden;
}

.top_left{ float:left; padding-top:5px;overflow:hidden;}
.top_ico{ float:right; width:155px; height:50px;overflow:hidden;}

#infospol {
	float:right;
	margin-top:5px;
	height: 40px;
	position:relative;
	font-size:1.1em;
	overflow:hidden;
}

#bip {
float:left;
margin:5px;
background-image: url(../img/bip.png);
background-repeat: no-repeat;
opacity : 0.60;
filter : alpha(opacity=60);
width: 40px;
height: 40px;
}

#bip:hover {
background-repeat: no-repeat;
opacity : 1;
filter : alpha(opacity=100);
width: 40px;
height: 40px;
cursor:pointer;
}


div#facebook {
float:left;
margin:5px;
background-image: url(../img/facebook.png);
background-repeat: no-repeat;
opacity : 0.60;
filter : alpha(opacity=60);
width: 40px;
height: 40px;
}

div#facebook:hover {
background-repeat: no-repeat;
opacity : 1;
filter : alpha(opacity=100);
width: 40px;
height: 40px;
cursor:pointer;
}
div#youtube {
float:left;
margin:5px;
background-image: url(../img/youtube.png);
background-repeat: no-repeat;
opacity : 0.60;
filter : alpha(opacity=60);
width: 40px;
height: 40px;
}

div#youtube:hover {
background-repeat: no-repeat;
opacity : 1;
filter : alpha(opacity=100);
width: 40px;
height: 40px;
cursor:pointer;
}

.zdj_menuprawe{ 
vertical-align:middle;
margin-right:5px;
max-height:75px;
}

#zdj_div{ 
 background-color:#FFFF00;
 width:100%;
 position:relative;
}


#zdj_gl{
	background-color:#FFFFFF;
	width:100%;
	display:block;
}


.swieto  {
left:30px;
bottom: 0;
float: left;
position:absolute;
clear:both;



}


.herb  {
/*width:7%; 
height:37%;*/
top: 10%;
left:30px;
position:absolute;
overflow:hidden;
}

#tytul  {
width:380px; 
height:60px;
top: 5%;
left:11%;
position:absolute;
transition: transform 0.3s;
overflow:hidden;
}


#tytul:hover { 
    transform: scale(1.3);
}

#zamek  {
width:309px; 
height:300px;
bottom:0;
right:0;
float:right;
position:absolute;
clear:both;
background-image: url(../img/zamek.png);
background-repeat:no-repeat;
}




div#globus  {
width:90px; 
height:90px;
bottom:0;
right:0;
float:right;
position:absolute;
clear:both;
background-image:url(../img/globus.png);
background-repeat:no-repeat;

}

div#globus:hover {
width:306px; 
height:244px;
bottom:0;
right:0;
float:right;
position:absolute;
clear:both;
transition-duration:1s;
-webkit-transition-duration:1s;
background-image:url(../img/globus2.png);
background-repeat:no-repeat;
transition-duration:1s;
-webkit-transition-duration:1s;
}






.pasekmenu
{ 
position:static;
overflow:visible;
width: 100%;
padding: 0 0;
background-color: #bc5858;
text-align: center;
color:#ffFFFF;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
}

/*
#menudiv
{
float:left;
margin:0px;
padding:10px;
text-align:justify;
border:solid;
border-right: solid, 1px, #000000;
}

#podmenu
{
margin:0px;
padding:5px;
text-align:justify;
border:solid;
border-right: solid, 1px, #000000;
display:none;
}
*/

.menu600 {
display:none;
height:0;
}

.pokazukryjmenu {
display:none;
}

.sticky
{
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}


.nav
{
overflow:visible;
width: 100%;
padding: 5px 0;
background-color: #c34f4f;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
min-height:35px;
}

/* podmenu */
mainmenu, #mainmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	min-height: 34px;
	line-height: 200%;
}


#mainmenu ul { min-width:160px;font-size: 1.0em; }
#mainmenu ul li {clear: both;}
#mainmenu > li {
float: left; 
margin-right: 20px; 
margin-right:20px; 
padding-right:20px; 
position: relative;
border-right: 1px dashed #751b1b;}
#mainmenu > li li {position: relative;}
#mainmenu > li ul { position: absolute; left: 0;}/*position: absolute;*/
#mainmenu > li ul li ul { left: 160px; top: 0px;}/**/
ul ul {display: none;}
ul li:hover > ul {display: block;}
/*POZIOM 1*/
#mainmenu {margin: 5px 15px; min-width:160px; list-style-type:none; border-right-style:dashed;	font-size: 1.2em; border:thin;}
#mainmenu > li > a {padding: 8px; border-radius: 3px; text-align: center; text-decoration: none; color: #ffffff;}
#mainmenu > li:hover > a {background:  #a31f1f; color: #ffffff;}

/*POZIOMY NIZSZE*/
#mainmenu ul { border-radius: 3px; background: #c34f4f;font-size: 1.0em;}
#mainmenu ul li > a {color: #fff; background-color:#c34f4f; display: block; padding: 5px; border-radius: 3px; text-decoration: none;}
#mainmenu ul li:hover > a {color: #fff; background: #a31f1f; }
.arrow {display: inline-block; margin: 0 5px 0; height: 0; vertical-align: top; content: ""; position: absolute;}
#mainmenu > li > a > .arrow {top: 17px; right: 0; margin-right: -8px; border-top: 3px solid #00ff00; border-right: 3px solid transparent; border-left: 3px solid transparent;}
ul ul .arrow {top: 15px; right: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #fff; border-bottom: 5px solid transparent;}


.blokmenuboczneurzad
{
	float:left;
	background-image:url(../img/urzad_tlo_bok.jpg);
	background-repeat:no-repeat;
	background-position:right 0 bottom 0;
	width:300px;
	/*margin:5px;*/
padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	background-color:white;
	border:1px solid #EEEEEE;
	overflow:hidden;
}

.blok50 { 
	height: 200px;
	width:100%;	
	
	}


.divmenuboczne { 
    text-align: center;
	background-repeat:no-repeat;
	background-position: 10px center;

    height: 75px;
	float:left;
	width:300px;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	margin-left:5px;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	overflow:hidden; 
	}
.tmenuboczne { 
	padding-top:25px;
	padding-left:100px;
    }



.wewnblokmenuboczne { background-color:#CCFFFF; top: 50%; transform: translateY(50%);text-align: center; }
 
.imageb
{
padding-right:20px;
display:block;
float:left;
width:100px;
height:75px;
}

.blokmenuboczne
{
	float:left;
	width:300px;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	margin-left:5px;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	overflow:hidden;
}

#contpogoda
{
    text-align: justify;
	padding-top: 0px;
	background-color:#FFFFFF;
	display:none;
}



.rightpogoda
{
float:right;
width:150px;
margin:0px;
padding:0px;
overflow:hidden;
border-left: solid, 1px, #000000;
}

.leftpogoda
{
float:left;
width:50%;
margin:0px;
padding:0px;
text-align:justify;
border-right: solid, 1px, #000000;
}










.content
{
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
	text-align: justify;
	padding:5px;
	background-color:#FFFFCC;
	clear:both;
}

.leftpanel
{
/*	float:left;
	width:inherit;*/
	padding:5px;
	border:1px solid #AAAAAA;
	text-align:justify;
}


.rightpanel
{
float:right;
width:312px;
margin:0;
padding:0;
overflow:hidden;


}

#wiatr {display:none;}
#wiatr:target {display:block;}
#roza { position: static; z-index:20; top:-20px; width:100px; left:10px; background-color: #FFFFFF; display:none}

#pog_1 { float:left; }
#pog_2 { float:left; width:32%; padding-top:17px; line-height:1.2em; font-size: 2.4em; color:#FF0000; }
#pog_3 { float:left; width:25%; min-width:98px; min-height:100px; overflow:hidden; padding-top:10px; line-height:0.8em; height:70px; }
#pog_4 { clear:both;}



.footer
{
margin:5px;
padding:5px;
margin-top:10px;
margin-bottom:10px;

}


.stopkalinia{
width:1px;
border-right:1px solid #999999;
position:absolute;
top:0px;
height:100%;

/*margin: 0 0 -20000px 2px;
padding-top: 20000px;*/

}

.ciastko {
background-color:#FF3366;
font-size: 300%;
width:100%;

text-align:center;
font-size:0.9em;
font-weight:normal;
border:1px solid #CCAAAA;


}

.stopka {
float:left;
width:24%;
margin: 0 2px -20000px 2px;
padding-bottom: 20000px;
}


#stopkarodzic {
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;

position:relative;
margin-left: auto;
margin-right: auto;

max-width:1000px;

text-align:center;
font-size:0.9em;
font-weight:normal;
border:1px solid #CCAAAA;
background-color:white;
}


#preview
{
color:#cc0000;
font-size:12px
}
.imgList 
{
max-height:150px;
margin-left:5px;
border:1px solid #dedede;
padding:4px;	
float:left;	
}


.fixed {position: fixed; top:0; left:0px; opacity: 0.98; width: 100%; overflow:visible}
.static {position: static;}
div {overflow: auto;}