/* COLORS
body : #2f2f2f
gray-text-color: #5a5a5a
yellow-text-color: #e7c927
bg: #a08833
border: #e2d479
gradient: #836413 #d2c05f
*/
header, nav, article, section, aside, footer {display:block}
* { margin: 0; padding: 0; }
html { /*overflow-y: scroll;*/}
body { background:url(images/body-bg.jpg) repeat-x #2f2f2f; font-family: Tahoma, sans-serif, Arial, Helvetica, Verdana, Georgia;}

h1, h2, h3, h4, h5 { font-family: Verdana, Tahoma, sans-serif, Arial; font-weight:normal;}
h1 {font-size:18px;color:#e7c927;}
h2 {font-size:16px;color:#e7c927;}		
h3 {font-size:11px;color:#e7c927;}		
h4 {font-size:12px;color:#ffffff;}		   
h5 {font-size:11px;color:#ffffff;}		 		 
h6 {font-size:11px;color:#ffffff;}			 
ul {overflow:hidden;}
li{ list-style: none; margin:0; padding:0;}
p { font-size: 12px; line-height: 18px;}
a { outline: none;text-decoration: none;}
a, img {border: none; margin:0; padding:0;}

.rounded {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear:both; }
h3.temp {font-size: 20px; color:03d162; margin:100px 0 auto; text-align:center}
h5.temp2 {font-size: 14px; color:03d162; margin:0 auto; text-align:center}

#page-wrap { max-width:988px; margin: 0 auto; }
header {max-width:988px; height:201px; background:url(images/header.jpg) no-repeat;}
#logo {float:left; background:url(images/hartbex.jpg); width:326px; height:115px; margin-left:15px; display:inline; text-indent:-9999px}
#logo a {width:326px; height:115px; display:block;}
#logo a:hover {background:url(images/hartbex.jpg); background-position: left bottom} 
#logo2 {float:left; background:url(images/bonarka.png); width:180px; height:75px; display:inline; text-indent:-9999px; margin-left:20px; margin-top:20px}
#logo2 a {width:180px; height:75px; display:block;}
#logo2 a:hover { background:url(images/bonarka.png); background-position: left bottom}

#development {float:right; display:inline;text-indent:-9999px; }
#development a { background:url(images/logo-pod-wiazami.jpg); width:127px;height:105px;margin-right:42px;margin-top:5px;display:block;}
#development a:hover { background: background:url(images/logo-nad-zalewem.jpg); background-position: left bottom}
#content-wrap {max-width:960px; height:450px; margin:0px auto;}
#content-wrap h2 {padding:10px 0;}
#banner {margin-left:10px; max-width:939px ; max-height:425px; background:url(images/banner.jpg) no-repeat scroll; position:relative;width: 100%;
height: 100%;}
#banner h2.banner-title {position:absolute; top:10px; left:10px; font-size:24px; text-shadow:0px 1px 0 #000}
#banner h2.banner-title span {color:#fff}
#banner h3.banner-title2 {position:absolute; top:65px; left:10px; font-size:16px; text-shadow:0px 1px 0 #000}
#banner h4.banner-title3 {position:absolute; top:100px; left:10px; font-size:16px; text-shadow:0px 1px 0 #000}
/*#small-banner {background:red; width:350px; height:200px; position:absolute; top: 140px; left:10px; cursor:pointer; 
				box-shadow: 2px 2px 1px #333; 
				-moz-box-shadow: 2px 2px 1px #333; 
				-webkit-box-shadow: 2px 2px 1px #333;		
				}
#small-banner h3 {font-size:24px; font-weight:bold; color:#fff; text-align:center; margin-top:10px}
#small-banner h4 {font-size:20px; font-weight:bold; color:#fff; text-align:center; margin-top:20px}
#small-banner h5 {font-size:16px; color:#fff; margin-top:5px; text-align:center} */

#search-result {max-width:960px; height:65px; margin:0px auto;}
#search-list {max-width:960px; height:295px; margin:0px auto; overflow:auto;}
#search-result p, #search-list p {color:#fff}
#search-result h3 {margin-left:30px; padding:10px 0;}
#main-text {max-width:900px; height:435px ;margin:0px auto; overflow:auto; background:url(images/flat.jpg) no-repeat scroll 210px 40px }
#main-text p {color:#fff; margin:10px; font-size:12px;line-height: 22px;}
#main-text strong {color:#e7c927}
#main-text li {color:#fff; font-size:12px;line-height: 18px; margin-left:25px; padding:5px 0;}
#main-text table {border-collapse: collapse; width:80%; margin:0 auto;}
#main-text table h2 {font-size:14px; text-align:center; color:#fff; font-weight:bold; padding:5px; text-shadow: 0px 0px 1px #000;}
#main-text tr {color:#e2d479}
#main-text td {border-top: 1px solid #e2d479; border-bottom: 1px solid #e2d479;font-size:12px; color:#fff; text-align:left;}
#main-text td+td {color:#fff; padding:2px; border-left: 1px solid #FFF; text-align:left;}
#map {max-width:960px; height:440x ;margin:0px auto;}
section.office {float:left;width:300px; height:400px;}
section.office h3 { text-align:center; padding-top:25px}
section.office p {text-align:center}
section.office a { color:#e7c927}
#galleria {height:400px}
.social {float:right; margin-right:25px; display:inline}
.social p.icon {float:left; padding-left:20px;padding-top:8px;}


/* NAVIGATION CSS-SPRITE*/
nav {clear:both; background:url(images/menu.jpg);margin:0px auto;max-width:960px; max-height:40px;}
nav li {float:left; display:inline; height:40px;text-align:center;  line-height:40px;}
nav a {display:block; height:40px; font-size:12px;color:#fff;}
nav a:hover {background-image:url(images/menu.jpg);} 
nav span {display:none}
#nav-description {width:80px;}
#nav-description a:hover, body#desc #nav-description {background-image:url(images/menu.jpg);background-position: bottom left;}
#nav-location {width:130px;}
#nav-location a:hover, body#local #nav-location {background-image:url(images/menu.jpg); background-position: -80px bottom;}
#nav-search {width:180px;}
#nav-search a:hover, body#search #nav-search {background-image:url(images/menu.jpg);background-position: -210px bottom;}
#nav-decoration {width:140px;}
#nav-decoration a:hover, body#decor #nav-decoration {background-image:url(images/menu.jpg);background-position: -390px bottom;}
#nav-finans {width:140px;}
#nav-finans a:hover, body#finans #nav-finans {background-image:url(images/menu.jpg);background-position: -530px bottom;}
#nav-gallery {width:170px;}
#nav-gallery a:hover, body#gallery #nav-gallery {background-image:url(images/menu.jpg);background-position: -670px bottom;}
#nav-contact {width:120px;}
#nav-contact a:hover, body#contact #nav-contact {background-image:url(images/menu.jpg);background-position: -840px bottom;}


/* FOOTER */
footer {width:100%;  background:url(images/footer-bg.jpg) repeat-x #2f2f2f;}
footer #footer-main { margin: 0 auto; background:url(images/footer.jpg); max-width:988px; height:168px;}
footer #footer-content { max-width:960px; height:110px; margin: 0 auto;}
section.footer {float:left; width:172px; padding-top:10px; padding-left:20px;}
section.footer a.garden {background-image:url(images/footer-garden-place.jpg); width:140px; height:92px; display:block;}
section.footer a.garden:hover {background-position:bottom left;}
section.footer a.zalew {background-image:url(images/footer-nad-zalewem.jpg); width:140px; height:92px; display:block;}
section.footer a.zalew:hover {background-position:bottom left;}
section.footer a.rocha {background-image:url(images/footer-rocha.jpg); width:170px; height:85px; display:block; margin-left:-10px; margin-top:10px;}
section.footer a.rocha:hover {background-position:bottom left;}
section.footer a.zamek {background-image:url(images/footer-zamkowe.jpg); width:140px; height:92px; display:block;}
section.footer a.zamek:hover {background-position:bottom left;}
section.footer h3 {margin-top:5px; color:#e7c927}
section.footer a {color:#e7c927}
section.footer p {margin:0; padding:0; color:#5a5a5a; font-size:10px; line-height:14px; }
section.footer p.icon {float:left;padding-left:10px;padding-top:65px;}

footer #copyright {clear:both;margin-left:15px;margin-top:38px;float:left;}
footer #author {float:right;margin-top:25px; margin-right:15px;}
footer #author a {color:#4F4F4F; font-size:10px;margin:0; padding:0;}

/* SEARCH FORM */
#search-form {margin:0; padding:0}
#search-form fieldset {margin: 0;  padding: 5px 0;  border: 1px solid #e2d479;}  
#search-form legend {  margin-left: 30px; color: #fff; font-weight: bold; font-size:12px;}  
#search-form  ul {margin-left:25px;padding: 5px;  list-style: none; }  
#search-form  li { float:left; margin-right:10px;}  
#search-form fieldset.submit {  border-style: none; }
#search-form label {display:block;width:150px;line-height:20px;padding-bottom:5px;font-size:12px;color:#fff; font-weight:bold}
#search-form select {width:192px;padding:2px 0 2px 3px;background:#a08833;border:1px solid #e2d479;color:#fff;}
#search-form .button {width:85px;height:48px; background:#a08833; color:#fff; border: 1px solid #fff; padding:0; margin:0; cursor:pointer}

/* SEARCH RESULT & SEARCH LIST TABLE*/
#search-result table, #search-list table {max-width:890px; margin:0px 0px 5px 32px; border-collapse: collapse;}
#search-result tr.color td {border-top: 1px solid #e2d479; border-bottom: 1px solid #e2d479; background-color:#0A6D37; font-weight:bold; color:#FFF;
    text-shadow:1px 2px 1px #000;padding:5px 5px; 
  background-image: -moz-linear-gradient(top, #836413, #d2c05f); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #836413),color-stop(1, #d2c05f)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#836413, #d2c05f); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #836413, #d2c05f);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#836413', EndColorStr='#d2c05f'); /* IE6–IE9 */
}
#search-result td, #search-list td {border-bottom: 1px solid #999;padding:5px 5px;}
#search-result td+td,  #search-list td+td { border-left: 1px solid #FFF; text-align: center;}

/*-- POPUP WINDOW  --*/
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes .window {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}
#boxes #dialog {width:375px; height:200px; padding:10px; background-color:red;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} 
#boxes #dialog h3 {font-size:22px; font-weight:bold; color:#fff; text-align:center; margin-top:10px}
#boxes #dialog h4 {font-size:18px; font-weight:bold; color:#fff; text-align:center; margin-top:20px}
#boxes #dialog h5 {font-size:14px; color:#fff; margin-top:5px; text-align:center}
#boxes #dialog p {font-size:14px; color:#fff; text-align:left}
#boxes #dialog ul {display:block; margin:20px auto;  text-align:left}
#boxes #dialog li {font-size:12px;padding:2px; color:#fff}
#boxes #dialog a.click {font-size:20px; font-weight:bold; color:#fff;margin-left:90px}
#boxes #dialog a.click:hover {color:#ccc}
#boxes #dialog a.close {margin:15px auto; width:90px; height:22px; display:block; padding-top:2px; text-align:center;cursor:pointer; background:#fff; color:#ff0000; -moz-border-radius:5px;
}
#boxes #dialog a.close:hover { background:red none repeat scroll 0% 0%; color:#fff; border-color:999 }
.breadcrumbs {
    display: block;
    padding: 0;
        padding-left: 0.875rem;
    overflow: hidden;
    padding-left: 1rem;
    list-style: none;
    border-style: solid;
    border-width: 0px;
    background-color: auto;
    border-color: gainsboro;
    border-radius: 3px;
	margin-top:-26px;

}
.breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #9d7e29;
}
.breadcrumbs > * a {
    color: #9d7e29;
}
.breadcrumbs > ::before {
    content: "/";
    color: #AAAAAA;
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
}
.breadcrumbs > :first-child::before {
    content: " ";
    margin: 0;
}

#flex-container {
  display: grid;
  grid-template-columns: 182px 182px 182px 182px 182px;

}
#flex-container > div {

  margin: 0px;
  padding: 0px;
  
}
 .menu > select {
  display: none;
}


@media (max-width: 960px) {
  nav ul     { display: none; }
  .menu > select { display: inline-block; float: left;
margin-left: 20px;
margin-top: 4px;
cursor: pointer;}
}
@media (max-width: 748px)  
{
#logo { transform:scale(0.8); margin-bottom: -11px;margin-top: -11px;margin-left: -25px;}
#logo2 { transform:scale(0.8); margin-bottom: -11px;margin-top: 12px;margin-left: -25px;}
#development a {transform:scale(0.66); margin-top: -2px;margin-right: -2px;margin-bottom: -5px}
}


@media (max-width: 580px)  
{ 
#logo { transform:scale(0.7); margin-bottom: -22px;margin-top: -15px;margin-left: -55px;}
#logo2 { transform:scale(0.7); margin-bottom: -22px;margin-top: 3px;margin-left: -65px;margin-right: -22px;}
#development a {transform:scale(0.6); margin-top: -9px;margin-right: -12px;margin-bottom: -13px}
}


@media (max-width: 480px)  
{
#logo { transform:scale(0.6); margin-bottom: -23px;margin-top: -21px;margin-left: -68px;}
#logo2 { transform:scale(0.6); margin-bottom: -23px;margin-top: -1px;margin-left: -68px;}
#development a {margin-top: -15px;margin-right: -42px;margin-bottom: -22px;transform: scale(0.5) !important;margin-left: -100px;}
header {height: 161px; }
}

@media (max-width: 400px)  
{
#logo { transform:scale(0.5); margin-bottom: -28px;margin-top: -26px;margin-left: -82px;}
#logo2 { transform:scale(0.45); margin-bottom: -23px;margin-top: -1px;margin-left: -138px;}
#development a {margin-top: -18px;margin-right: -42px;margin-bottom: -27px;transform: scale(0.48) !important;margin-left: -100px;}
}