body    { font-family:Verdana,Arial,Sans-serif; color: #0E3C63; font-size: 10pt;
          /*background-size:100%;
          background-image: url(http://www.pomorskie.eu/res/wizytowka/galerie/gminy/Rumia_miasto/widok_z_g__ry_markowca___panorama_rumi.jpg); */
          text-align:justify;}
b       { color: #000000; }
strong  { color: navy; }


/*div {
    background-image: url(plasma.png);
    background-size: 100%;
    background-origin: content}*/

.bmaly  { font-family:Arial,Sans-serif; font-size: 2pt; }
.just   { text-align:justify; }

.bantyt { text-decoration:none; font-family: "Times New Roman", serif; font-size:26px; color:white; /*#000063;*/ text-align:center; font-weight: bold;}
.banner { text-decoration:none; font-family: "Times New Roman", serif; font-size:26px; color:yellow; text-align:center; font-weight: bold;}
.podpis { text-decoration:none; font-family:Verdana,Arial,Sans-serif; font-size:9px; color:#010080; text-align:right; }

.news_t { font-family:Verdana,Arial,Sans-serif; color: #000063; font-size: 11pt; font-weight: bold; border-bottom:1px solid #010080; background: url("/sp9/img/sp9k.gif") no-repeat left center; padding-left: 10px; }
.news_b { font-family:Verdana,Arial,Sans-serif; color: #0E3C63; font-size: 11pt; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 70px;}
.na_skr { font-family:Verdana,Arial,Sans-serif; color: #000063; font-size: 9pt; text-decoration: none; }
.na_skr:hover { color: white; background-color: #000063 }
.sta    { text-decoration:none; font-family: Verdana,tahoma,arial; font-size:9pt;  color:#0E3C63; } 
.sta_a  { text-decoration:none; font-family: Verdana,tahoma,arial; font-size:9pt;  color:#3333FF   } 
.sta_a:hover  { text-decoration:none; font-family: Verdana,tahoma,arial; font-size:9pt;  color:violet   } 
.sta_t  { font-family:Verdana,tahoma,arial; color: #0E3C63; font-size: 14pt; font-weight: bold; border-bottom:1px solid #010080; text-align:left; }
.sta_p  { font-family:Verdana,tahoma,arial; color: #0E3C63; font-size: 14pt; font-weight: bold; border-bottom:1px solid #010080; text-align:center; }
.kol4   { 
    text-decoration:none; 
	font-family: Verdana,tahoma,arial; 
	font-size:9pt; 
    color: #000063; 
    }
.kol5  { font-family:Verdana,Arial,Sans-serif;	font: normal 9px arial; color: navy; }

.fot   { font-family:Verdana,Arial,Sans-serif;	font: normal 11px arial; color: #000000; text-decoration: none;}
.more  { font-family:Verdana,Arial,Sans-serif;	font: normal 11px arial; color: #3333ff; padding-left: 15px; padding-right: 5px; background: url("/sp9/img/point.gif") no-repeat left center; text-decoration: none;}
.more:hover {  color:#000000; 
               background: #ccc;
         	   border-color:#000063;
         	   background: url("/sp9/img/point_y.gif") no-repeat left center;
         	   border-width:1px;
         	   border-style:solid; }
.moreb       { font-family:Verdana,Arial,Sans-serif;	
               font: normal 14px arial; 
               color: #3333ff; 
               padding-left: 15px; padding-right: 5px; 
               background: url("/sp9/img/point.gif") no-repeat left center; 
               text-decoration: none;}
.moreb:hover {  color:#000000; 
               background: #ccc;
         	   border-color:#000063;
         	   background: url("/sp9/img/point_y.gif") no-repeat left center;
         	   border-width:1px;
         	   border-style:solid; }

.totop { font-family:Verdana,Arial,Sans-serif;	font: normal 11px arial; color: #000063; padding-left: 15px; background: url("/sp9/img/top.gif") no-repeat left center; text-decoration: none;}
.powro { font-family:Verdana,Arial,Sans-serif;	font: normal 11px arial; color: #000063; padding-left: 15px; padding-right: 5px; background: url("/sp9/img/point.gif") no-repeat left center; text-decoration: none;}

/* ==== H_menu ========
   Kolor tła menu 7d7d7d */
#cssmenu ul {margin: 0; 
             padding: 2px 4px 0; 
             background: #000063; /*202063 url(overlay.png) repeat-x 0 -110px; */
             line-height: 100%; 
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
            border-radius: 1em; font: normal .8em/1.5em Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); }
#cssmenu li {margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#cssmenu a,
/* Kolor tekstu menu e7e5e5 */
#cssmenu a:link { font-weight: bold; 
            color: #e7e5e5; 
			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			text-decoration: none; 
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			/*font-weight: 300;*/
            display: block; padding:  8px 20px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;	 text-shadow: 0 1px 1px rgba(0,0,0, .3); }
/* Kolor  */
#cssmenu a:hover {background: #000; color: #fff;}
/* #cssmenu .active a,  */
#cssmenu li:hover > a {background: #666 url(overlay.png) repeat-x 0 -40px; 
                       /* Kolor 444 */
                       color: #fff;
                       border-top: solid 1px #f8f8f8; 
                       -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
                       -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
                       box-shadow: 0 1px 1px rgba(0,0,0, .2); 
                       text-shadow: 0 1px 0 rgba(255,255,255, 1); 
			background: #202063 /*000063*/;
			background: -webkit-linear-gradient(bottom, #000063, #74d7f3);
			background: -ms-linear-gradient(bottom, #000063, #74d7f3); 
			background: -moz-linear-gradient(bottom, #000063, #74d7f3);
			background: -o-linear-gradient(bottom, #000063, #74d7f3);
			border-color: transparent;
			}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none;}
/* Kolor tła hover submenu * */
#cssmenu ul ul a:hover {background: #8f8f8f url(overlay.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .1);}
#cssmenu li:hover > ul {display: block;}
#cssmenu ul ul {display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 40px; left: 0; background: #ddd url(overlay.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#cssmenu ul ul li {float: none; margin: 0; padding: 3px; }
#cssmenu ul ul a {font-weight: normal; text-shadow: 0 1px 0 #fff; }
#cssmenu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

* html #cssmenu  ul {height: 1%;}
#cssmenu .active > a{
		color:yellow;
		font-weight: bold;
		}
#cssmenu .active > ul ul a{
		color:yellow;
		font-weight: bold;
		}

/* ==== konec H_menu ======== */

#options2{
	width:99%;
	background-color:#F7F7F7;
/*	opacity:0.75;
    filter:alpha(opacity=75); */
	border-color:#000063; /* 010080, B1DCF3*/
	border-width:1px;
	border-style:solid;
	padding:2px;
	margin:2px 0px 2px 0px;
}

#options3{
	width:99%;
	/*background-color:#F7F7F7;
	opacity:0.75;
    filter:alpha(opacity=75); */
	border-top: solid 4px #FFFFFF; /*B1DCF3*/
	/*border:1px solid navy;*/
	padding:5px 0px 0px 0px;
	margin:2px 2px 2px 2px;
	text-decoration:none; 
	font-family: Verdana,tahoma,arial; 
	font-size:9pt;  
	color:#000063;
}	
#options3 a:hover {
    text-decoration:none; 
	font-family: Verdana,tahoma,arial; 
	font-size:9pt;  
	color:#FFFFFF;
}
	
	
	
/* Some stylesheet reset - menu pionowe: cssvmenu*/
#cssvmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssvmenu > ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssvmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssvmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			/* 7d7d7d  */
			border-bottom: 1px dotted #1d1d1d;
			border-right: 1px solid #000000;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			/* kolor tekstu linku 3dafea  */
			color: #e7e5e5;

			text-decoration: none;
			font-weight: bold;
			/* text-transform: uppercase; */
			/*text-shadow: 0 1px 0 #fff;*/
			font-size: 13px;
			font-weight: 300;

			/* Background & effects eaeaea */
			background: #202050; /*7d7d7d;*/
			
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssvmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssvmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssvmenu > ul li>a:hover, #cssvmenu > ul li:hover>a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			/* kolor tla hoovera 000063  54cdf1*/
			background: #000063;
			background: -webkit-linear-gradient(bottom, #000063, #74d7f3);
			background: -ms-linear-gradient(bottom, #000063, #74d7f3); 
			background: -moz-linear-gradient(bottom, #000063, #74d7f3);
			background: -o-linear-gradient(bottom, #000063, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssvmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssvmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}


		/* Changing the color of the arrow on hover */
		#cssvmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssvmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

        #cssvmenu .active > a{
        background: #000063;
		color:yellow;
		font-weight: bold;
		}
		
        #cssvmenu > ul .disabled > a{
        background: #202040;
		color: #555555;
		}
	
		/* THE SUBMENUS */
		#cssvmenu > ul ul {
		    background: #000063;
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssvmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
		
.pagination {
	color: #0000EE;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
    padding-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
}
.pagination a, .pagination a:visited, .pagination a:active {
	background-color: #EAEBEB;
	color: #000;
	border-color: #D4D7DA;
	border: #D4D7DA 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #FFF;
	color: #666;
	border-color: #EAECEF;
	border: #EAECEF 1px solid;
	text-decoration: none;
	padding: 1px;
}


#galeria { 
    border:2px solid #a1a1a1;
    padding:10px 20px; 
    background:#C0C0C0;
    /*width:400px; F7F7F7*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; }
    
    
#gal_def { 
    border:2px solid #a1a1a1;
    padding:5px 10px; 
    background:#C0C0C0;
    /*width:400px;*/
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; }
    
#gal_news { 
    border:2px solid #a1a1a1;
    padding:2px 10px; 
    /*background:#C0C0C0;
    width:400px; F7F7F7*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    
    
/*            MENU lat galerii           */

#galcssmenu {
	border:1px solid #000000;
	background:#000000;
	}
#galcssmenu > ul {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#galcssmenu > ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:101px;
}
#galcssmenu > ul li a:link, #galcssmenu > ul li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	/*color:#ffffff;*/
	color:yellow;
	width:101px;
	height:13px;
}
#galcssmenu > ul li:hover a, #galcssmenu > ul li a:hover, #galcssmenu > ul li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:99px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#galcssmenu > ul li ul {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:99px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#galcssmenu > ul li:hover ul {
	display:block;
}
#galcssmenu > ul li ul li {
	width:99px;
	clear:left;
	width:99px;
}
#galcssmenu > ul li ul li a:link, #galcssmenu > ul li ul li a:visited {
	clear:left;
	background:#000000;
	padding:4px 0;
	width:99px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#galcssmenu > ul li ul li:hover a, #galcssmenu > ul li ul li a:active, #galcssmenu > ul li ul li a:hover {
	clear:left;
	background:#aaaaaa;
	padding:4px 0;
	width:99px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#galcssmenu > ul li ul li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#galcssmenu > ul li ul li:hover ul.navigation-3 {
	display:block;
}
#galcssmenu > ul li ul li ul.navigation-3 li a:link, #galcssmenu > ul li ul li ul.navigation-3 li a:visited {
	background:#000000;
}
#galcssmenu > ul li ul li ul.navigation-3 li:hover a, #galcssmenu > ul li ul li ul.navigation-3 li a:hover, #galcssmenu > ul li ul li ul.navigation-3 li a:active {
	background:#ec454e;
}

/*                   koniec MENU lat galerii               */


div.news {
     width: 846px;
     margin: 0px 5px 0px 5px;
     display:block;
     color:#033;
     background:#eff url("http://ptmkz.pl/style/informacja.gif") no-repeat 2px 2px;
     padding:10px 10px 10px 10px;
     border-width:1px 3px 1px 1px;
     border-style:solid;
     border-color:#088;
     } 


/* testy */
.info  {-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;display:block;background-color:#dff2bf;padding:2px 30px;border:1px solid #4f8a10;color:#4f8a10;background-image:url('http://sukcesstrony.pl/wp-content/themes/stardust/images/info.png');background-repeat:no-repeat;background-position:16px 10px;padding-left:61px;-moz-box-shadow:8px 8px 7px #888;-webkit-box-shadow:8px 8px 7px #888;box-shadow:8px 8px 7px #888;margin-bottom:30px;}
.tytul {
        -webkit-border-radius:18px;
        -moz-border-radius:18px;
        border-radius:18px;
        display:block;
        background-color:#F7F7F7; /* 202063; dff2bf; */
        padding:2px 30px;
        border:1px solid navy; /* #B1DCF3; 4f8a10;*/
        color:navy; /* #4f8a10; */
        /* background-image:url('http://sukcesstrony.pl/wp-content/themes/stardust/images/info.png'); */
        background-repeat:no-repeat;
        background-position:16px 10px;
        padding-left:61px;
        -moz-box-shadow:8px 8px 7px #888;
        -webkit-box-shadow:8px 8px 7px #888;
        box-shadow:8px 8px 7px #888;
        margin-bottom:30px;}
        
#options4{
	width:99%;
	background-color:#F7F7F7;
	/* opacity:0.75;
    filter:alpha(opacity=75); */
	border-top: solid 4px #FFFFFF; /*B1DCF3
	border-bottom: solid 1px #B1DCF3;
	border-left: solid 1px #B1DCF3;
	border-right: solid 1px #B1DCF3;*/
	/*border:1px solid navy;*/
	padding:5px 0px 0px 0px;
	margin:2px 2px 2px 2px;
	text-decoration:none; 
	font-family: Verdana,tahoma,arial; 
	font-size:9pt;  
	color:#000063;