@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color: white;	
}
html { padding:0; margin:0;}

.main { 
	margin:0 auto;
	padding:0;
	background:url(images/background_motyw.png) top center no-repeat;
}

/******************** header ********************/
.header {
	padding:0;
	margin:0 auto;
}
.header_resize {
	width:900px;
	margin:0 auto;
	padding:0;
	height: 274px;
}
.logo {
	padding:0;
	margin:45px 0 0 25px;
	float:left;
	background:url(images/logo.png);
	height: 128px;
	width: 245px;
}

/********************menu********************/
.menu {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;

}
.menu ul {
	clear: left;
   	float: left;
   	list-style: none;
   	margin: 0;
   	padding: 0;
   	position: relative;
  	left: 50%;
   	text-align: center;
}
.menu ul li {
	display: block;
   	float: left;
   	list-style: none;
   	margin: 0;
   	padding: 0;
   	position: relative;
   	right: 50%;

}
.menu ul li a {
	color:#888;
	font:12px Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 0 1px;
	padding: 20px 16px 0 16px;
	text-decoration: none;
	line-height: 30px;
}
.menu ul li a:hover {
	color: #333;
}
.menu ul li a.zaznaczony, #menu ul li a.zaznaczony:hover {
	color: #333;
}
		
/******************** krecha ********************/
.krecha {
	width:900px;
	margin:0 auto;
	padding:0;
	height: 20px;
	background-color:#666
}

/******************** body ********************/
.body {
	padding:0;
	margin:0 auto;
	height: auto;
}
.body_resize {
	width:900px;
	margin:0 auto;
	padding:0;
	height: auto;
}
.body a:hover {
	color:#94C43D;
	text-decoration:none;
}
.body h2 {
	font: normal 14px Tahoma, Helvetica, sans-serif;
	color:#333;
	padding:5px 0 5px 0px;
	margin:0;
}
.body h3 {
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#999;
	padding:100px 0 5px 20px;
	margin:0;
}
.body h2 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#999;
	padding:0;
	margin:0;
}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.8em;
	padding:10px 0 0 20px;
	margin:0;
	text-align: justify;
}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a {
	text-decoration:none;
	color: #868686;
}
.body img {
	margin:0;
	padding:0;
	padding:0;
	float: left;
}
.body img.link {
	margin:5px auto;
	padding:0;
	text-align:center;
	float: right;
}
.body li {
	border-bottom:1px solid #E4E4E4;
	padding:10px 0px 10px 20px;
	margin:0;
}
.body li a { font: bold 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none;}

/******************** start panel ********************/
.start {
	width:900px;
	margin:0 0 5px 0;
	padding:0;
	height:92px;
}
.start_h {
         float: left;
         height: 92px;
         width: 900px;
         background-position: 0 0px;
}

.start_h:hover {
         float: left;
         height: 92px;
         width: 900px;
         background-position: 0 -92px !important;
}

/******************** tytuł podstrony ********************/
.tytul {
	width:900px;
	margin:0 0 5px 0;
	padding:0;
	height:92px;
}
.t_opracowni { height:92px; background:url(images/naglowek_opracowni.png) left no-repeat; }
.t_zielenpubliczna { height:92px; background:url(images/naglowek_zielenpubliczna.png) left no-repeat; }
.t_ogrodyprywatne { height:92px; background:url(images/naglowek_ogrodyprywatne.png) left no-repeat; }
.t_realizacja { height:92px; background:url(images/naglowek_realizacja.png) left no-repeat; }
.t_pielegnacja { height:92px; background:url(images/naglowek_pielegnacja.png) left no-repeat; }
.t_dendrologia { height:92px; background:url(images/naglowek_dendrologia.png) left no-repeat; }
.t_referencje { height:92px; background:url(images/naglowek_referencje.png) left no-repeat; }
.t_kontakt { height:92px; background:url(images/naglowek_kontakt.png) left no-repeat; }

/******************** kolumny z tekstem ********************/
.jedna {
	width:300px;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	height: auto !important;
	height: 350px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: justify;
}
.dwie {
	width:600px;
	margin:40px 0 40px 0;
	padding:0;
	float:left;
	height: auto !important;
	height: 350px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #868686;
}
.trzy {
	width:900px;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	height: auto !important;
	height: 200px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #868686;
}

.jedna2 {
	width:300px;
	margin:10px 0 0 0 !important;
	padding:0;
	float:left;
	height: auto !important;
	height: 350px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: justify;
}
.dwie2 {
	width:600px;
	margin:7px 0 0 0 !important;
	padding:0;
	float:left;
	height: auto !important;
	height: 350px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #868686;
}
.trzy2 {
	width:900px;
	margin:10px 0 0 0 !important;
	padding:0;
	float:left;
	height: auto !important;
	height: 200px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #868686;
}

/******************** main_wspolpraca ********************/

.wspolpraca {
	width:900px;
	height:auto;
	float:left;
	margin: 0;
}
.wspolpraca_t {
	width:150px;
	height:90px;
	float:left;
}
.wspolpraca_modul{
	width:300px;
	height:auto;
	float:left;
	text-align: center;
	padding-bottom: 40px;
}
.wspolpraca a {
	text-decoration:none;
	font-weight:bold;
	color: #999;
}
.wspolpraca a:hover {
	color:#94C43D;
	font-weight:bold;
	text-decoration:underline;
}
.wspolpraca h1 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#94C43D;
	padding:5px 0 5px 0;
	margin:0;
}
.wspolpraca p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.8em;
	padding:10px 0 0 0;
	margin:0;
	text-align: center;
}
.wspolpraca p span { font-size:18px; font-weight:bold; color:#888;}

.wspolpraca img {
	margin:0 0 0 30pt;
	padding:0;
	padding:0;
	float: left;
}

/******************** inne ********************/

.artykul {
	width:580px;
	margin: 0px 0 12px 20px ;
	padding: 0px 0 20px 0;
	float:left;
	border-bottom:1px solid #E4E4E4;
}
.virdis {
	width:160px;
	height:80px;
	margin: 15px 20px 0 0px;
	padding:0;
	float:left;
	background:url(images/viridis.jpg);
}
.virdis:hover {
    background-position: 0 -80px !important;
}
.sadeczanin1 {
	width:160px;
	height:80px;
	margin: 15px 20px 0 0px;
	padding:0;
	float:left;
	background:url(images/sadeczanin1.jpg);
}
.sadeczanin1:hover {
    background-position: 0 -80px !important;
}
.sadeczanin2 {
	width:160px;
	height:80px;
	margin: 15px 20px 0 0px;
	padding:0;
	float:left;
	background:url(images/sadeczanin2.jpg);
}
.sadeczanin2:hover {
    background-position: 0 -80px !important;
}
.rz24{
	width:160px;
	height:80px;
	margin: 15px 20px 0 0px;
	padding:0;
	float:left;
	background:url(images/rz24.jpg);
}
.rz24:hover {
    background-position: 0 -80px !important;
}

/******************** galeria conteiner ********************/
.galeria_conteiner {
	width:900px;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	height:auto;
}
.galeria_new {
	width:900px;
	margin:0 0 5px 0;
	padding:0;
	float:left;
	height:92px;
}
.galeria_conteiner  p {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:1.8em;
	padding:0;
	margin:0;
	text-align: left;
}
.galeria {
         float: left;
         height: 92px;
         width: 300px;
         background-position: 0 0px;
}

.galeria:hover {
         float: left;
         height: 92px;
         width: 300px;
         background-position: 0 -92px !important;
}

/******************** schemat conteiner ********************/
.schemat {
	width:900px;
	margin:0;
	padding:0;
	float:left;
	height:400px;
	background:url(images/schemat.png);
}
/******************** schemat conteiner ********************/
.porady {
	width:250px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	height:auto;
}
.porady p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.8em;
	padding:20px 0 0 0;
	margin:0;
	text-align: left;
}
.porady img {
	margin:0;
	padding:0;
	padding:0;
	float: left;
}

/******************** mapka conteiner ********************/
.mapa1 {
	width:445px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
	height:200px;
}
.mapa2 {
	width:445px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
	height:200px;
}

/******************** footer ********************/
.footer {
	padding:0;
	margin:0 auto;
}
.footer_resize {
	font: normal 12px Arial, Helvetica, sans-serif;
	width:900px;
	margin:0 auto;
	padding:40px 0 0 0;
	height: auto;
	border-bottom:21px solid;
	border-bottom-color: #666;
}
.footer img {
	margin:0;
	padding:0;
}
.footer p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.8em;
	padding:22px 0 0 0;
	margin:0;
	text-align: left;
}
.footer a {
	text-decoration:none;
	color: #666;
}
.footer a:hover {
	color:#94C43D;
}

/******************** footer_klienci ********************/
.klienci {
	width:900px;
	height: 368px;
	float:left;
	margin: 0;
	padding: 0;
	background:url(images/klienci.png);
	border-bottom:1px solid;
	border-bottom-color: #DDD;
	border-top: 1px solid;
	border-top-color: #FFF;
}

/******************** footer_stowarzyszenia ********************/
.stowarzyszenia {
	width:700px;
	height: 92px;
	float:left;
	padding: 0 0 20px 0;
	margin: 60px 0 0 0;
}
.stowarzyszenia img {
	margin:30px 0 0 0;
	padding:0;
	float: left;
}

/******************** footer_rzetelnafirma ********************/
.rzetelnafirma {
	display:block;
	width:480px;
	height: 60px;
	float:left;
	padding: 0 118px 30px 102px;
	margin: 0px 0 0 0;
}

/******************** footer_kontakt ********************/


.kontakt_f {
	width:200px;
	height:190px;
	margin: 60px 0 0 0;
	float:right;
}

.kontakt {
	width:900px;
	height:92px;
	float:left;
}
.kontakt_t {
	width:180px;
	height:90px;
	float:right;
}
.kontakt_t2 {
	display:block;
	width:900px;
	height:22px;
	float:left;
	margin-top: 25px;
	text-align:center;
}
.kontakt_tlo{
	width:150px;
	height:75px;
	float:right;
	background:url(images/footer_logo.png);
	margin: 22px 30px 0 0;
}

	
/******************** + + + ********************/
IMG { border: none; }

.grafika {
	width:900px;
	height:200px;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	height: 0px;
}
.main .body .body_resize .jedna p strong {
	text-align: justify;
}

/******************** dymki ********************/
.tip {
	font:14px Arial, Helvetica, sans-serif;
    color: #333;
    background:#eee;
	border:#999999 solid 1px;
    display:none; /*--Domyślnie ukryty--*/
    padding:10px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tip img{
	margin-bottom:7px;
}