body {height: 100%; font-family: "Roboto Condensed", "Open Sans", Helvetica, sans-serif; background: #f5f5dc;}
html {height: 100%;}

.header0{height: 100%; min-height: 820px;}
#header {margin-top: 10px;} 

#main-image{ position:absolute; width:100%; min-height:960px; height:100%; z-index:1; left: 0; top: 0; background: url('../images/bug8.jpg') no-repeat;  background-position: center center; background-color: #003b00;}

#top { width: 100%; height: 40px; }
#top_logosy { float: right; margin-right: 15px; }
#top_logosy img { height: 50px;}
#search{ float: right; }
#search label {margin-right: 14px; font-size: 120%; color:white;}
#search button{margin-left: 16px;}

#font-resize{float: right;  position: fixed; right: 10px; top: 5%; z-index: 20; text-align: center; font-weight: 300;}
#font-resize a{color: white;}
#font-normal{font-size: 14px; padding-bottom: 3px;}
#font-big{font-size: 18px; padding-bottom: 7px;}
#font-bigger{font-size: 22px; padding-bottom: 5px;}

#normal-contrast{margin: 5px 0;}
#normal-contrast a{color: black; background: white;  padding: 1px 6px; font-size: 14px;}
#high-contrast{margin: 2px 0; }
#high-contrast a{color: yellow; background: black; border: 1px solid yellow; padding: 1px 5px; font-size: 14px;}

#font-resize-background{background-color: rgba(0,0,0,0.5); position: fixed; width: 50px; height: 150px; right: -8px; top: 4%; z-index: 10; border-radius: 12px;}

.menu-small{}
#top_logosy li a{padding: 1px 5px; background:none; margin: 0;}
#top_logosy img{height: 35px;}

#logotyp{  }
#logo{width: 230px; margin-left: auto; margin-right: auto;}
#napis_logo h1{ text-align: center; text-shadow: 2px 1px 1px #111; font-size: 48px; color: #fff; font-family: "Roboto Condensed", "Open Sans", Helvetica, sans-serif; font-weight: 300; margin-top: -25px; margin-bottom: 50px; }

.menu ul{ border: none;}
.menu li a {
	color: #FFFFFF; font-size: 22px; font-weight: 100; margin: 4px 2px; padding: 20px 34px ; text-decoration: none; text-shadow: 1px 1px #000; border-radius: 0;} 

.menu li a:hover, #menu li.active a{
	color: #FFFFFF; font-size: 22px; font-weight: 100; margin: 4px 2px; padding: 20px 34px ; text-decoration: none;  border-radius: 0; }
	
.menu li a {
	background: #003b00; /* Old browsers */
	background: -moz-linear-gradient(top, #003b00 76%, #001a00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(76%,#003b00), color-stop(100%,#001a00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #003b00 76%,#001a00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #234745 97%,#002a29 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #234745 97%,#002a29 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002b00 97%,#000600 100%); /* W3C */
	
	border:0;
}

.menu li a:hover, #menu li.active a{

	background: #e86700; /* Old browsers */
	background: -moz-linear-gradient(top, #e86700 0%, #be5601 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86700), color-stop(65%,#be5601)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e86700 0%,#be5601 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e86700 0%,#be5601 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e86700 0%,#be5601 65%); /* IE10+ */
	background: linear-gradient(to bottom, #e86700 0%,#be5601 65%); /* W3C */

	
}
.menu li a:focus, #menu li.active a{

	background: #e86700; /* Old browsers */
	background: -moz-linear-gradient(top, #e86700 0%, #be5601 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86700), color-stop(65%,#be5601)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e86700 0%,#be5601 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e86700 0%,#be5601 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e86700 0%,#be5601 65%); /* IE10+ */
	background: linear-gradient(to bottom, #e86700 0%,#be5601 65%); /* W3C */

	
}

#fast-view { clear: both;  text-align: center; color:white; }
#fast-view h2{font-size: 150%; text-align: center; font-weight: 300; }
#fast-view h3{}
#fast-view p{font-size: 75%; text-align: left; margin-bottom: -15px;}
#fast-view a{color: white;}
#fast-view a:hover{color: #f5f5dc;}
#news{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); padding: 1px 30px 10px; 
     
      
}
#news h3 {line-height: 21px; margin-bottom: 40px;}
#calendar{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); padding: 1px 30px 10px; }
#baner{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); padding: 1px 30px 10px}
#baner h3{font-size: 45px; margin-bottom: 30px;}

.fc-button{height: 1.5em; line-height: 1.2em; font-size: 0.7em;}
#dpcalendar_module_92_loading{position: absolute; margin-top: -44px;}
.fc-today{ background-color: green; font-weight:600;}


#wrapper{width: 100%; margin:0; margin-top: 140px;}
.wrapper-light{ min-height: auto; margin-bottom: 25px;}

.image-light {float: left; text-align: center; margin-top:30px; }
.image-light img {box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.5); padding: 2px; } 

.wrapper-light-title{float: none;}
h2.wrapper-light-title {margin-bottom: 20px; font-style: normal; padding-top: 15px; font-size: 180%;}
.wrapper-light-title a {color: black;}
.wrapper-light-content{margin-left: auto; margin-right:auto;}
.menu-light { margin-bottom: 5px; }
.menu-light ul { margin: 39px auto; border: none;}
.menu-light li { padding:4px;  }
.menu-light li a {color: #FFFFFF; font-size: 118%; font-weight: 100; margin: 0px 2px; padding: 12px 28px ; text-decoration: none; text-shadow: 1px 1px #000; border-radius: 0;} 

.menu-light li a:hover, #menu li.active a{color: #FFFFFF; font-size: 118%; font-weight: 100; margin: 0px 2px; padding: 12px 28px ; text-decoration: none; border-radius: 0;}

.menu-light li a {

	background: #002b00; /* Old browsers */
	background: -moz-linear-gradient(top, #002b00 97%, #000600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(97%,#002b00), color-stop(100%,#000600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #002b00 97%,#000600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #002b00 97%,#000600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #002b00 97%,#000600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002b00 97%,#000600 100%); /* W3C */
	
	
	
}


.menu-light li a:hover, #menu-light li.active a{

	background: #e86700; /* Old browsers */
	background: -moz-linear-gradient(top, #e86700 0%, #be5601 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86700), color-stop(65%,#be5601)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e86700 0%,#be5601 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e86700 0%,#be5601 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e86700 0%,#be5601 65%); /* IE10+ */
	background: linear-gradient(to bottom, #e86700 0%,#be5601 65%); /* W3C */
	
	
}

.wrapper-dark{width: 100%;  background: #002b00; min-height: 400px;}
.wrapper-dark-content{ }
.wrapper-dark-title{float: none;}
h2.wrapper-dark-title{ margin-bottom: 30px; font-style: normal; padding-top: 15px; color:#f5f5dc; font-size: 180%;}
.wrapper-dark-title a{color: #f5f5dc;}
.image-dark{ float: left; text-align: center; }
.image-dark img {box-shadow:0 0 5px 1px rgba(255, 255, 255, 0.5); padding: 2px; margin-left:-30px; } 

.menu-dark { margin-bottom: 15px; float: right; margin-bottom: 15px;  margin-top: -94px; }
.menu-dark ul {margin: 39px auto; border: none; }
.menu-dark li { padding:4px; }
.menu-dark li a {
	
	color: #002b00; font-size: 118%; font-weight: 100; margin: 0; padding: 12px 28px; text-decoration: none; text-shadow: 1px 1px #aaa; border-radius: 0;} 

.menu-dark li a:hover, #menu li.active a{
	
	color: #FFFFFF; font-size: 118%; font-weight: 100; margin: 0; padding: 12px 28px; text-decoration: none; border-radius: 0;}

.menu-dark li a {

	background: #f5f5dc; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5dc 60%, #f5f5b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5dc), color-stop(100%,#f5f5b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5dc 60%,#f5f5b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5dc 60%,#f5f5b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f5dc 60%,#f5f5b0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f5dc 60%,#f5f5b0 100%); /* W3C */
	
	
}

.menu-dark li a:hover, .menu-dark li.active a{

	background: #e86700; /* Old browsers */
	background: -moz-linear-gradient(top, #e86700 0%, #be5601 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e86700), color-stop(65%,#be5601)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e86700 0%,#be5601 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e86700 0%,#be5601 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e86700 0%,#be5601 65%); /* IE10+ */
	background: linear-gradient(to bottom, #e86700 0%,#be5601 65%); /* W3C */
	
	
	}
	
.contact-content {color: #f5f5dc;}	
	
.inwestycje-content{margin-left: 10px; margin-right: 10px;}	
.inwestycje-content img{float: left;margin: 15px; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.5); padding: 2px; }
.inwestycje-promo{float: right; }
.inwestycje-promo a{color: white;}

.polecane-content{margin-top: 20px}
.polecane-content img{float: left; margin: 10px;}

.wyroznione{font-weight: 600!important; }


/* media queries */


@media (max-width: 1199px){

	#logotyp{margin-left: 0; margin-top:15px; }
	#napis_logo h1{font-size: 35px; }
	#main-image{min-height: 990px;}
	.header0{min-height: 1000px;}
}

@media (max-width: 979px){

	#main-image{min-height: 940px;}
	.header0{min-height: 915px;}
	#logo{width: 140px;}
	
	.menu li a{padding: 18px 33px; font-size: 16px;}
	.menu li a:hover, #menu li.active a{padding: 18px 33px; font-size: 16px;}
	.wrapper-light{width: 100%;}
	.wrapper-dark-content{width: 100%;}
	.image-light{width: auto; float: none;}
	.menu-light{width: auto; float: left;}
	.image-dark{float: none; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
	.menu-dark{width: auto; float: left; margin-top: 0; margin-left: 30px; margin-right: 10px;}
	#baner h1{font-size: 32px;}
	.wrapper-light-title h2{margin-left: 20px;}
	.wrapper-dark-title h2{margin-left: 20px;}
	.contact-content .image-dark{float: left;}
}

@media (max-width: 767px){

	#logo{margin: 0 auto; width: 160px;	}
	.menu-small{text-align: center;}
	#search{float: none; margin: 0 auto; padding-left: 50px;}
	#logotyp{width: 100%;}
	#napis_logo h1{text-align: center;}
	#top_logosy{float: none; margin:0 auto; padding-left: 30px;}
	#top{width: 95%; height: 100px;}
	.menu{margin: 0 10px;}
	#news{margin: 10px 4px;}
	#calendar{margin: 10px 4px;}
	#baner{margin: 10px 4px;}
	.image-dark img{margin-left: 0;}
	.header0{height: initial; min-height:inherit;}
	.contact-content {text-align: center;}
	#main-image{position: relative; margin-top:-10px; margin-left:-21px; width:107%; background:url("../images/bug.jpg") no-repeat scroll top center rgba(0, 0, 0, 0.7)}
	.contact-content .image-dark{float: none;}
	

}
@media (max-width: 525px) {
	.menu-light li{width: 90%; text-align: center;}
	#logotyp{margin-top:45px;}
	.menu-dark li{width: 90%; text-align: center;}
	#main-image{width: 113%;}
	.menu{margin: 0 30px;}
	.menu ul{width:100%;}
	.menu li{text-align: center;}
	.image-dark img{width: 90%; margin: 40px auto;}
}
