@charset "utf-8";

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{color: #6d6e71; font-family: 'open_sansregular' !important;}

a{display: block; outline: 0; color: #6d6e71;}

/* HEADER - menu */
#headercontent{width: 1000px; height: 100px; margin: 0 auto; padding: 0;}
	#header{width: 100%; height: 100%; margin: 0 auto; padding: 0;}
		#logo{float: left;}
		#menu{list-style: none; float: right; right: 0; height: 100px; margin: 0; padding: 0;}
			#menu li{float: left; margin: 0; padding: 0; position: relative;}
				#menu li a{text-decoration: none; color: #58595b; margin: 47px 9px 0 9px; padding: 3px;}
		#submenu{display: none; list-style: none; margin: 10px 0 0 10px; left: 0; padding: 0; position: absolute; width: 200px; background-color: #ffcc00; z-index: 9999;}
			#submenu li{clear: both; margin: 0; padding: 0; width: 100%; }
			#submenu a:before{content: "-" !important; position: relative !important; left: -5px;}
				#submenu li a{text-decoration: none; margin: 0; padding: 13px 0px 13px 20px; width: 180px; color: #313232; text-indent: -5px;}
		
		#submenu a.active{background-color: #7fcefd !important; color: #ffffff !important; border: 0 !important;}
		#menu a.active{border: 1px solid #ffcc00;}
		#menu a:hover{color: #7fcefd;}
			#submenu a:hover{background-color: #7fcefd !important; color: #ffffff !important; border: 0 !important;}

#page{width: 100%; min-width: 1000px; min-height: 530px;}
	#page.main{background: url(../img/mainbg.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
		.content{width: 1000px; margin: 0 auto; padding: 0; position:relative;}

#uslugimenu{list-style: none; margin: 0 auto; padding: 0; padding-top: 5px;  width: 890px; height: 370px; overflow: hidden;}
	#uslugimenu li{float: left; width: 209px; height:370px; margin: 0 6px; padding: 0; background: #7fcefd; overflow: hidden; position: relative;}
	#uslugimenu li a{text-decoration: none; margin: 0; padding: 0; outline: 0; color: #ffffff; text-align: center; font-family: open_sanssemibold_italic; font-size: 18px; width:209px; height: 362px; border-bottom: 8px solid #7FCEFD;}
	#uslugimenu li a p{margin-top: 45px;}
	#uslugimenu li a .serviceicon{position: absolute; left: 0; top: 0; margin: 180px  0 0 70px ;}
	#uslugimenu li .zobacz{margin: 10px auto;}

.topicon{position: absolute; float: right; right: 0; margin: -40px 10px 0 0;}
div.txt{float: right; right: 0; width: 595px; min-height: 430px; padding: 10px;}
	div.txt p{padding: 5px 0; font-size: 12px; line-height: 14px;}
h1.heading{color: #7fcefd; font-size: 30px; margin: 60px 0 25px 0; padding: 0; font-family: open_sanslight}
	div.uslugi{width: 600px; height: 300px;}

.f{width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; min-height: 40px;}
	.f span{font-size: 12px; color: #59595b; width:100%; font-family: open_sanslight; text-align: right; display: block; float: left; padding-top: 9px;}

.punktor{margin: 5px 0 5px 40px; line-height: 18px !important}

#certyfikaty{width: 100%; height: 220px;}
	#certyfikaty a{float: left; border: 1px solid #333; margin: 0 5px; padding: 0; width: 130px; height: 183px;}
	
#ogrody{width: 850px; margin:0 auto; height: 220px;}
	#ogrody img{float: left; margin: 0 15px; padding: 0; width: 178px; height: 175px;}

#kontaktadres{margin: 270px 0 0 60px;}
	#kontaktadres p{font-size: 12px; font-family: open_sanslight; padding: 4px 0;}

.wycena{margin-top: 25px;}

strong{font-weight: bold;}

#komunikat{position: absolute; color: #ff6000; margin: -40px 0 0 120px; font-size: 14px; }
#komunikatWycena{position: absolute; color: #ff6000; margin: 0; font-size: 16px; }

.notmarked{background: url(../img/notmarked.png); font-weight: normal !important; background-position: left center; background-repeat: no-repeat; width: auto !important; padding: 4px 0 4px 25px !important; cursor: pointer; margin: 4px 0 0 10px;}
.marked{background: url(../img/marked.png); font-weight: normal !important; background-position: left center; background-repeat: no-repeat; width: auto !important; padding: 4px 0 4px 25px !important; cursor: pointer; margin: 4px 0 0 10px;}
.wycena .f span{width: auto; font-weight: bold;}
.bok{float: left !important;}

/* FOOTER */
#footercontent{width: 1000px; height: 250px; margin: 0 auto; padding: 0;}
	#footer{width: 100%; height: 100%; margin: 0 auto; padding: 0;}
		#ftop{width: 100%; border-bottom: 1px solid #dadada; padding: 5px 0; margin: 0;}
			#ftop a{float: left; margin: 58px 60px 0 10px;}
				#ftop a img{clear: both;}
			#ftop img{float: right; margin-right: 10px;}
		#fmiddle{padding: 15px 0 10px 60px;}
			#fmiddle a{text-decoration:none; margin-right: 35px;}
		#ftext{padding: 10px 0; width: 880px; margin: 0 auto;}
			#ftext p{font-size: 11px; line-height: 14px; text-align: justify;}
				#ftext ul{margin: 5px 0 5px 20px; }
		#fbottom{width: 395px; margin: 0 auto; border-top: 1px solid #dadada; padding: 5px 0;}
			#fbottom p{text-align: center;}