body{background-image: url("../gfx/bg.gif");}
a {text-decoration:none;color:#FFFFFF;}
a:hover {text-decoration:none; color: #EFEFEF}

.top-tytul{margin: 0 !important; min-height: 75px;background-color:#999;border-bottom-color: #000; vertical-align; middle;}
.top-tytul h1{margin: 0;padding: 16px 0 0 10px; font-size: 23px;font-weight: bold;text-shadow: 5px 5px 10px #000000;color: #FFF;}
.top-tytul img {height: 45px; width: 45px;}

.top-obrazek{margin: 0 !important; height: 320px;background-position: 0px -45px;position: relative;background-image: url("../gfx/top.png");}
div#grobonet-logo {width: 0;height: 0;position: absolute;bottom: 25px;right: 25px;font-family: Calibri;font-weight: bold;font-size: 0;text-align: center;-webkit-border-radius: 25px;-webkit-border-bottom-right-radius: 0;-moz-border-radius: 25px;-moz-border-radius-bottomright: 0;border-radius:25px;border-bottom-right-radius: 0;}
div#grobonet-logo span{position: relative;top:10%;}
div#grobonet-logo a {text-decoration: none;display: block;width: 100%;height: 100%;}
div#grobonet-logo {background-color: rgba(0,0,0,.50);color: #AAA;}
div#grobonet-logo span{color: #aaa;}
div#grobonet-logo .logo-net{color: #800;}
div#grobonet-logo a {color: #AAAAAA;}

.top-menu{margin: 0 !important; height: 50px;text-align:center;}
.top-menu ul{padding: 0 !important; list-style-type: none;height: 100%;}
.top-menu ul li{display: inline-block;border-right: 1px #ABABAB solid;height: 100%;margin: 0;padding: 0 14px;}
.top-menu ul li.last{border:0;}
.top-menu ul li a{position: relative;top: 14px;font-family: 'Source Sans Pro', 'sans-serif';letter-spacing: 2px; color: #ccc;font-size: 15px;}
.top-menu{background-color: #000;}

.page-content {background-color: #606060; color: #EEE; padding: 10px 5px;}

div#rin .odeszli_gfx {width: 300px;height: 30px;display: block;}
div#rin .rocznice_gfx {width: 300px;height: 30px;display: block;}
div#rin .odeszli_gfx {background-image: url("../gfx/odeszli.png");}
div#rin .rocznice_gfx {background-image: url("../gfx/rocznice.png");}

.page-footer {background-color: #3A3A3A; text-align: center; padding: 10px 0;}
.page-footer a {color: #FFFFFF;}
.bottom-footer {border-bottom: 15px #AAAAAA solid;}
.top-header {margin-top: 2%; border-top: 15px #AAAAAA solid;}

ul#rocznice {margin: 0; padding: 0;}		
ul#rocznice li {display: block; border-radius: 5px;background-color: #666;}
ul#rocznice .nazwisko {padding:10px;padding-bottom:0;margin-bottom:0}
ul#rocznice .data {padding:0px;margin-top:0px;margin-left:10px;}
ul#rocznice .nazwisko, .data, .rocznica {font-family: verdana;font-size: 10pt;text-align: center !important;}
ul#rocznice .rocznica {padding-bottom:10px;margin-left:10px;}

.d_rocznice {width: 50%; margin: 0 auto;}
.d_rocznice  ul {list-style-type: none; margin: 0 200px; padding: 0; -moz-column-gap: 1em; -moz-column-width: 15em;}
.d_rocznice  ul li {margin: 0 0 10px; padding-bottom: 10px; -moz-border-radius: 5px;border-radius: 5px; background-color: #333}

blockquote {border: 0 !important;}
blockquote footer {color: #CCC;}
}

/* dopisane */

/* for 1030px or less */
@media screen and (max-width: 1030px) {
	.container {
		width: 100%;
		height: auto;
	}
	.container img {
		max-width: 100%;
		height: auto;
	}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.top-tytul h1 {
		font-size: 18px;
	}
	.navbar-nav {
		float: none;
	}
	.nav > li > a {
    display: block;
    font-size: 10px;
    padding: 1px 5px;
    position: relative;
		line-height: 13px;
	}
	.nav.navbar-nav {
    margin-top: 2.5%;
	}
	.navbar-collapse {
		padding-left: 0px;
	}
}
/* for 736px or less */
@media screen and (max-width: 736px) {
	.nav > li > a {
    padding: 15px 10px;
	}
	.nav.navbar-nav {
    margin-top: 0;
	}
	.navbar-collapse {
		padding-right: 0px;
	}
	.navbar-nav {
    margin: 7.5px -30px;
	}
	.page-header h1 img {
    margin-right: 3%;
		display: block;
		padding-bottom: 4%;
	}
	.top-tytul h1 {
    font-size: 13px;
		padding-bottom: 4%;
	}
	div#rin .odeszli_gfx, div#rin .rocznice_gfx {
		width: 100%;
	}
	div#grobonet-logo {
		right: 0;
	}
	#grobonet-logo span {
    font-size: 26px;
	}
	.page-header.top-obrazek > div {
		height: 100px !important;
    width: 254px !important;
	}
	div#grobonet-logo a {
		line-height: 40px;
	}
	blockquote {
    font-size: 16px;
    font-weight: bold;
	}
	.top-obrazek {
		background-size: 100% 100%;
		background-position: 0px 0px;
	}
}