/* 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;
}

.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%;
}




.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:#000000;
	width:100%;
	position:relative;
}


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


.swietoimg {

max-width: 50%;
position:relative;
}


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




.herbimg {

max-width: 50%;
position:relative;
}

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

.tytulimg {
height:40px;
max-width: 100%; 
}

#tytul  {
height:40px;
top: 5%;
left:15%;
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:70px; 
height:70px;
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: 10 0;
background-color: #bc5858;
text-align: center;
color:#ffFFFF;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
}



/*
.nav
{
overflow:visible;
padding: 0px 0;
background-color: #c34f4f;
text-align: left;
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;
}

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

.menu600 {
display:block;
height: 40px;
padding: 15;
margin-top:5px;
text-align:center;
font-size:110%;
}

.pokazukryjmenu {
}

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

}
#mainmenu ul { ;font-size: 110%; text-align:left; }
#mainmenu > li { font-size:110%; position: relative; border-bottom:: 1px dashed #751b1b; border-top:solid; border-top-width:medium;list-style-type:none;}
#mainmenu > li ul { position: relative; margin-left:20px; }/*position: absolute;*/
ul li:hover > ul {display: block;}
/*POZIOM 1*/
#mainmenu {margin: 1px 1px; min-width:80px; list-style-type:disc; border-right-style:dashed;	font-size: 100%; border:thin;}
#mainmenu > li > a {padding: 3px; border-radius: 3px; text-align: center; text-decoration: none; color: #ffffff;}
#mainmenu > li:hover > a {background: #a31f1f; color: #ffffff;}

/*POZIOMY NIZSZE*/
#mainmenu ul {margin: 1px 1px; min-width:80px; list-style-type:disc; border-right-style:dashed;	font-size: 100%; border:thin;}
#mainmenu ul li > a {color: #fff; background-color:#c34f4f; padding: 0px; border-radius: 3px; text-decoration: none;}
#mainmenu ul li:hover > a {color: #fff; background: #a31f1f; }




.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;
}

.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
{

        display: -webkit-box;
        display: -moz-box;
        display: box;
     
      -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;

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


.leftpanel
{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;


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


.rightpanel
{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;


/*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;
text-align:center;
font-size:0.9em;
font-weight:normal;
border:1px solid #CCAAAA;
margin-top:10px;
margin-bottom:10px;
background-color:white;
}


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

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

}


.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;
}


#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;}