* {
margin: 0px;
padding: 0px;
font-family: Tahoma;
font-size: 14px;
}

#belka-top {
height: 18px;
width: 100%;
min-width: 1000px;
text-align: center;
letter-spacing: 5px;
color: white;
background-color: #375d81;
}

#top-main {
min-width: 1000px;
height: 150px;
background-color: white;
z-index: 99;
position: relative;
text-align:center;
background-image: url('../grafika/logo.jpg');
background-repeat: no-repeat;
background-position: center;
}

#top-baner {
width: 1000px;
height: 150px;
margin: auto;
}

#menu-main {
width: 1000px;
height: 40px;
margin: 0px auto;
background-color: #375d81; //#412603; //#6A3F04;
color: white;
}

#tresc {
width: 980px;
margin: auto;
padding: 10px;
background-color: white;
line-height: 25px;
border-right: 1px solid #412603;
border-bottom: 1px solid #412603;
border-left: 1px solid #412603;
}

#tresc ul, #tresc ol {
margin-left: 30px;
}

#stopka {
width: 1000px;
height: 75px;
margin: 20px auto 10px;
background-color: white;
text-align: center;
color: white;
line-height: 24px;
background-color: #015172;
}

#stopka a {
text-decoration: none;
color: white;
}

.menu {
list-style: none;
position: relative;

}

.menu li {
float: left;
height: 40px;
position: relative;
z-index: 999;
}

.menu li a {
display: block;
padding: 9px 19px 10px 20px;
height: 21px;
color: white;
text-decoration: none;
font-size: 16px;
border-right: 1px solid white;
}

ul.menu li a:hover {
background-color: white;
color: #375d81; //#412603;
}

ul.menu li:hover ul {
visibility:visible;
transform:scaleY(1);
}

ul.submenu {
list-style: none;
position: absolute;
visibility:hidden;
transform:scaleY(0);
transform-origin:50% 0%;
transition:350ms;
top: 40px;
left: 0px;
background-color: white;
border-right: 1px solid #015172;
border-bottom: 1px solid #015172;
border-left: 1px solid #015172;
}

ul.submenu li {
background-color: white;
display: block;
height: 33px;
float: none;
min-width: 120px;
}

ul.submenu li a {
width: parent;
background-color: white;
border: 0px;
color:#015172;
font-size: 16px;
border-radius: 0px;
text-shadow: none;
display: block;
white-space: nowrap;
height: 22px;
padding: 6px 15px 5px 15px;
margin: 0px;
}

ul.submenu li a:hover {
background-color: #015172;
color: white;
}

a.start {
background-image: url('../grafika/logo-statek.png');
background-repeat: no-repeat;
background-position: top left;
}

.news-butt {
height: 20px;
width: 120px;
text-align: center;
padding-top: 2px;
float: right;
position: relative;
top: 121px;
background-color: #015172;
border-radius: 0px 0px 0px 0px;
}

.news-butt a {
font-size: 12px;
font-weight: bold;
color: white;
text-decoration: none;
padding: 2px 10px 4px 10px;
border-radius: 10px 0px 0px 0px;
}

a.sub-ico {
border-width: 0px;
display: block;
}

a.sub-ico:hover {
box-shadow: 0px 0px 8px black;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

.img_gal {
border-width: 0px;
display: block;
}

.img_gal:hover {
box-shadow: 0px 0px 10px black;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.news-link-title-big {
display: block;
padding: 3px 0px 0px 0px;
font-weight: bold;
color: #1C526C;
text-decoration: none;

}

a.news-link-title {
display: block;
padding: 1px 0px 5px 0px;
font-weight: bold;
color: #1C526C;
}

a.news-link-shortcut {
display: block;
color: #9B9B9B;
text-decoration: none;
text-align: justify;
padding: 5px 5px 0px 0px;
}

a.news-link-shortcut:hover {
color: #4F4F4F;
}

a.special-wedding {
display: block;
float: left;
height: 225px;
width: 181px;
text-decoration: none;
text-align: justify;
background-image: url('../grafika/wesela1.jpg');
margin: 0px 24px 0px 0px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.special-wedding:hover {
background-image: url('../grafika/wesela2.jpg');
box-shadow: 0px 0px 8px black;
}

a.special-chrzest {
display: block;
float: left;
height: 225px;
width: 181px;
text-decoration: none;
text-align: justify;
background-image: url('../grafika/chrzciny1.jpg');
margin: 0px 24px 0px 0px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.special-chrzest:hover {
background-image: url('../grafika/chrzciny2.jpg');
box-shadow: 0px 0px 8px black;
}

a.special-kinder {
display: block;
float: left;
height: 225px;
width: 181px;
text-decoration: none;
text-align: justify;
background-image: url('../grafika/kinderbal1.jpg');
margin: 0px 24px 0px 0px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.special-kinder:hover {
background-image: url('../grafika/kinderbal2.jpg');
box-shadow: 0px 0px 8px black;
}

a.special-ryby {
display: block;
float: left;
height: 225px;
width: 181px;
text-decoration: none;
text-align: justify;
background-image: url('../grafika/na_ryby1.jpg');
margin: 0px 23px 0px 0px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.special-ryby:hover {
background-image: url('../grafika/na_ryby2.jpg');
box-shadow: 0px 0px 8px black;
}

a.special-kolonie {
display: block;
float: left;
height: 225px;
width: 181px;
text-decoration: none;
text-align: justify;
background-image: url('../grafika/kolonie1.jpg');
margin: 0px 0px 0px 0px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz--transition-duration: 0.3s;
}

a.special-kolonie:hover {
background-image: url('../grafika/kolonie2.jpg');
box-shadow: 0px 0px 8px black;
}

.view-news-title {
width: 980px;
padding: 10px 15px;
margin-bottom: 5px;
text-align: justify;
font-weight: bold;
}

.view-news-data-author {
width: 770px;
height: 16px;
padding: 5px 0px 0px 10px;
color: gray;
font-size: 11px;
font-weight: bold;
}

.find-butt {
height: 21px;
width: 120px;
text-align: center;
padding-top: 2px;
float: right;
position: relative;
top: 82px;
background-color: gray;
}

.find-butt a {
font-size: 12px;
font-weight: bold;
color: white;
text-decoration: none;
padding: 2px 10px 3px 10px;
}

#rumac {
width: 1000px;
color: gray;
font-size: 10px;
margin: 0px auto 20px;
text-align: right;
}

#rumac a {
font-size: 10px;
text-decoration: none;
color: gray;
}

#rumac a:hover, #rumac a.over {
text-decoration: underline;
color: #f6921e;
}