/*	
	CSS
	arszenik | nowe media - www.arszenik.pl

*/

/* init */

* { margin:0; padding:0 } 
ul, li {list-style:none; }
a, a:visited { text-decoration: none; }	
fieldset, img { border: none; }

/* styl podstawowy */
    
 
    
html, body {  color: #333; background-color:#fff; min-height:100%;  background-image:url(img/bg.gif);  background-repeat:repeat-x; height:100%} 
body {  font-size: 12px; text-align: left;  font-family:  Trebuchet MS, Helvetica, Arial, Tahoma, sans-serif;    }

#logo { position:absolute; display:block; width:170px; height:144px; left:387px; top:25px; }

.menua { position:absolute; display:block; width:384px; height:45px; left:4px; top:92px; background-image:url(img/menu-02.gif);  background-repeat:no-repeat; }
.menub { position:absolute; display:block; width:384px; height:45px; left:563px; top:92px; background-image:url(img/menu-01.gif);  background-repeat:no-repeat; overflow:hidden;}

#top li { float:left; disply:block; height:45px; }
#top a {  float: none;disply:block !important;}

#top b { display:none; }

.menua a { background-image:url(img/menu-02.gif);  background-repeat:no-repeat;  }
.menub a { background-image:url(img/menu-01.gif);  background-repeat:no-repeat;  }

.menu-01 a { width: 117px; height:45px; display:block; background-position: 0 0 }  
.menu-02 a { width: 113px; height:45px; display:block; background-position: -117px 0} 
.menu-03 a { width: 154px; height:45px; display:block; background-position: -230px 0} 

.menu-01 a:hover { width: 117px; height:45px; display:block; background-position: 0 -45px; }  
.menu-02 a:hover { width: 113px; height:45px; display:block; background-position: -117px -45px} 
.menu-03 a:hover { width: 154px; height:45px; display:block; background-position: -230px -45px} 


.menu-04 a { width: 134px; height:45px; display:block; background-position: 0 0}
.menu-05 a { width: 121px; height:45px; display:block; background-position:-134px 0}
.menu-06 a { width: 129px; height:45px; display:block; background-position: -255px 0}

.menu-04 a:hover { width: 134px; height:45px; display:block; background-position: 0 -45px;}
.menu-05 a:hover { width: 121px; height:45px; display:block; background-position:-134px -45px;}
.menu-06 a:hover { width: 129px; height:45px; display:block; background-position: -255px -45px;}

.menu-01sel a { width: 117px; height:45px; display:block; background-position: 0 -45px; }  
.menu-02sel a { width: 113px; height:45px; display:block; background-position: -117px -45px;} 
.menu-03sel a { width: 154px; height:45px; display:block; background-position: -230px -45px;} 

.menu-01sel a:hover { width: 117px; height:45px; display:block; background-position: 0 -45px; }  
.menu-02sel a:hover { width: 113px; height:45px; display:block; background-position: -117px -45px} 
.menu-03sel a:hover { width: 154px; height:45px; display:block; background-position: -230px -45px} 


.menu-04sel a { width: 134px; height:45px; display:block; background-position: 0 -45px;}
.menu-05sel a { width: 121px; height:45px; display:block; background-position:-134px -45px;}
.menu-06sel a { width: 129px; height:45px; display:block; background-position: -255px -45px;}

.menu-04sel a:hover { width: 134px; height:45px; display:block; background-position: 0 -45px;}
.menu-05sel a:hover { width: 121px; height:45px; display:block; background-position:-134px -45px;}
.menu-06sel a:hover { width: 129px; height:45px; display:block; background-position: -255px -45px;}


#content ul { margin-top: 15px; }
#content li { margin-top: 3px;}

#content a { color: #557E07; }
#content a:hover { color: #000; text-decoration: underline; }

#stopka a { color: #4e9600; } 
#stopka a:hover { color: #000;}

#document { width: 100%;  background-image:url(img/bg-dokument.gif);  background-repeat:no-repeat; background-position: 100% 100%; display:block; min-height:100%; text-align: center; }

#tops { width: 100%;  background-image:url(img/title-bg.gif);  background-repeat:no-repeat; background-position: 50% 30px; display:block; height: 190px; min-width: 970px; }

#top { margin-left:auto; margin-right:auto; width: 960px; height: 190px; display:block; position:relative }
#top h2, #top h1 { display:none;}

.pline p { float:left; width:330px!important; display: block; overflow: hidden; height: 30px; margin-left: 20px; padding-top:15px; }

.pline { clear: both; width: 600px; height: 75px; display: block; }
.pline img { float: left; }
.pline a:hover { color:#669611 !important; text-decoration: underline;  }
.pline a p { color: #669611 !important; }
#kontakt { margin-top:35px}
#content { margin-top: -10px ;margin-left:auto; margin-right:auto; width: 960px;  display:block; color:#4a750e; text-align: left;}
#content h2 { font-size: 25px; font-family:  Trebuchet MS, Helvetica, Arial, Tahoma, sans-serif; font-weight:normal; color:#5d3123; margin-top: 10px; } 
#content h3 { font-size: 20px; font-family:  Trebuchet MS, Helvetica, Arial, Tahoma, sans-serif; font-weight:normal; color:#5d3123; margin-top: 10px;  } 
#content p { margin-top: 10px; font-family:  Tahoma, sans-serif; padding-bottom:5px; color:#555;}
#cleft p { color: #555; }

.mk { padding-top: 26px; }
.mk b { display: block; }
.mk a { display: inline-block; width: 175px; text-align: center; vertical-align: top; }

.cleft { width: 550px; float:left}
.cright { width: 330px; float: right; }

.cleft2 { width: 550px; float:left}
.cright2 { width: 330px; float: right; }

.osoba p { margin-top: 5px !important; padding-bottom: 0!important; }

.linia { width:600px;margin-top: 6px; height: 30px; }
.linia label { width:200px; font-size:12px; color:#4a750e; display:block; float:left;}
.linia input { width:300px; font-size:12px; color:#4a750e; padding: 5px;; display:block; float:left}
.wiadomosc { 	width: 500px; margin-top:10px}
.wiadomosc label { font-size:12px; color:#4a750e; display:block; float: clear !important; height:20px}
#i06 { margin-left: 355px; }
#i05 { margin-top: 10px;width:500px; height: 50px; font-size:12px; color:#4a750e; padding: 5px;; display:block;  }

#stopka { margin-top: 30px ;margin-left:auto; margin-right:auto; width: 960px; height: 50px; display:block; color:#4a750e; background-image:url(img/stopka-bg.gif);  background-repeat:repeat-x; padding-top:5px; text-align: left;}

.stopka-r { width:200px; float: right; text-align: right; display: block; height:auto; }
.stopka-l { width:400px; float: left;  display: block; height:auto;}

.alto { position:relative;  margin-right:10px}
.obraz:after, .titleb:after,.obrazki:after, .obrazek:after, #content:after,#stopka:after, #top:after,  #linia:after, .menua:after, .menub:after,.pline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.gal { width:185px; float:left; margin-left:6px; margin-top:20px}
.gal h4 { width:30px !important; line-height:14px !important; font-size:15px !important; }
.gal a:link, .gal a:visited, .gal a { color:#4a750e ; }
.gal a:hover { color:#5d3123 }


.box { display: block; margin-top:10px; background-image:url(img/box-bg.gif);  background-repeat:repeat-y; width:320px; }
.box-top { display: block;background-image:url(img/box-top.gif);  background-repeat:no-repeat;width:320px; background-position: 0 0; height:12px;}
.box-bottom {display: block;background-image:url(img/box-bottom.gif);  background-repeat:no-repeat; width:320px; height:14px; background-position: 0 100%}

.box h2 { margin-left: 15px; font-size:18px !important; padding-bottom:10px !important; margin-top:4px !important}
.box h3 { margin-left: 15px; font-size:15px !important; padding-bottom:10px !important; margin-top:10px !important}
.box p { margin-left: 15px; ;margin-top:-2px !important;}
.m10 { margin-top:20px !important}
.m2 { margin-top:2px !important}

.obrazek { margin-left:15px; margin-top:10px; padding-bottom:10px; height:105px; margin-right:10px; width:290px}
.obrazek img { float:left; margin-right:10px; padding-top: 5px; padding-bottom:10px}
.obrazek h4 { color:#5d3123; font-size:14px; font-weight:normal }
.obrazek p { color:#555; font-size:12px; font-weight:normal; padding-top: 5px;  }

.plik,.pdf { color: #557e07; font-size: 12px; }
.plik:hover,.pdf:hover { color: #000; text-decoration: underline; }

.plik { background-image:url(img/bplik.jpg);  background-repeat:no-repeat; display: inline-block; padding-left: 50px; padding-top: 8px; height: 60px; width: 130px; margin-right: 10px; margin-top: 20px; }
.pdf { background-image:url(img/bpdf.jpg);  background-repeat:no-repeat; display: inline-block; padding-left: 50px; padding-top: 8px; height: 60px; width: 130px; margin-right: 10px; margin-top: 20px; }

.kl {  margin-top: 15px; width: 390px !important; }
.kl img { padding-left: 20px; }
#promo-flash { 	width: 970px; margin-left: auto; margin-right: auto; height: 140px; margin-top:15px }

.obrazek a { color: #4e9600; padding-top: 10px; } 
.obrazek a:hover { color: #000;} 

.obrazek2 {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.zielen {
	font-weight: normal !important; color:#4a750e !important ; font-size: 17px !important; padding-bottom: 10px;
}
.obrazki {
	width: 300px; margin-left: 15px;
}

.h3p1 { float:left ; font-size:15px ; color: #4e9600!important;}
.h3p2 { float:right ; font-size:15px ; color: #4e9600!important;}

.obraz {
	margin-top: 10px;
}
.titleb { width:550px; display:block}
obraz p {
	width: 550px; display: block; overflow: hidden; clear: both;
}

.obraz2 { width: 550px; text-align: center; }
	

/*	
	*arszenik - www.arszenik.pl
*/




