/*	
	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 { width:100%; color: #777; background-color:#f2f2eb; min-height:100%;  } 
body {  font-size: 11px; text-align: justify;  font-family:  Verdana, Arial, Tahoma, sans-serif; min-width: 845px; background-image:url(img/bg.jpg); background-repeat:no-repeat; background-position: 50% 0px;  }

#document { width: 845px; margin-left:auto; margin-right:auto; font-size: 11px;}

#header { position: relative;background-image:url(img/top.gif); background-repeat:no-repeat; height:115px; background-position: 50% 0; padding-top:5px}

p { font-size: 11px }
h4 { font-size:12px; color: #1f9561; }

#logo { position:relative; }
#logo-noflash { z-index: 10;margin-top: 15px;background-image:url(img/logo.gif); background-repeat:no-repeat; height:50px; width: 244px; padding-top:50px;  }
#logo h1 { display:none }
#logo p { display:none}

#menu li {    }
#menu { position: absolute; top:15px; left:370px; height: 62px; width:433px;  }
#menu a { }


#content {	width:825px; display: block; margin-left:auto; margin-right:auto;background-image:url(img/bgmini.jpg); background-repeat:no-repeat; background-position: 100% 100%;  padding-top: 10px; padding-bottom: 10px; }

#content a { color: #1a7048; text-decoration:underline;}
#content a:hover { color: #555 }
.p70 {
	
	width: 400px;
}
#content p {
	 margin-top: 10px; ;
}

.imgo { margin-top:20px}
.imgo img { margin-right:20px }

#promo-flash { z-index:10}
.cleft { width:500px; float: left; }
.cright { width:280px; float: right; }
.columa1 { width:600px; float: left; }
.glowna b {  display: none; }
.glowna { position:absolute; width:244px; height:50px; top:0; left:1px; z-index:1;}



#realizacje { background-color:#fff; display:block; width:480px; padding:10px; padding-left: 20px !important; margin-top:10px; border:1px solid #ddd; overflow:hidden}
.realizacja { width: 200px; height:85px; float:left; margin-top: 8px; margin-right: 15px; overflow:hidden}
.realizacja h4 { width: 170px;   display:inline;}
.realizacja img { float: left; margin-right:10px; margin-bottom:10px }
.realizacja div { margin-left: 30px; width: 100px;  }
.realizacje p { font-size: 11px; margin-top:5px; display:inline;}

.obr { float:left; margin-right:20px; margin-bottom:10px; }
.obrr { float:right; margin-left:30px; margin-bottom:10px; }

.big { width:100%; height:150px; text-align: center;vertical-align:middle;}

.data {background-image:url(/img/data.gif);  background-repeat:no-repeat; color: #fff; font-size: 10px; letter-spacing: -1px; width: 56px; height: 16px; display: block; margin-right:5px; padding-top: 1px;; text-align: center; float:left; }
.aktualnosci-naglowek { }
.m01 { width: 68px; float: left; height: 62px; display:block; }
.l01 { width: 68px; background-position: 0px -0px; height: 66px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}
.l01:hover { background-position: 0px -124px; }

.m02 { width: 72px;float: left; height: 62px; display:block; }
.l02 { width: 72px; background-position: -68px -0px; height: 66px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}
.l02:hover { background-position: -68px -124px; }

.m03 { width: 91px;float: left; height: 62px; display:block; }
.l03 { width: 91px;  background-position: -140px -0px; height: 66px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}
.l03:hover { background-position: -140px -124px; }

.m04 { width: 105px;float: left; height: 62px; display:block; }
.l04 { width: 105px;  background-position: -231px -0px; height: 66px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}
.l04:hover { background-position: -231px -124px; }

.m05 { width: 82px;float: left; height: 62px; display:block; }
.l05 { width: 82px;  background-position: -336px -0px; height: 66px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}
.l05:hover { background-position: -336px -124px; }


.m01s { width: 68px;float: left; height: 62px; display:block; }
.l01s  { width: 68px; background-position: 0px -62px!important; height: 62px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}

.m02s { width: 72px;float: left; height: 62px; display:block; }
.l02s  { width: 72px; background-position: -68px -62px!important; height: 62px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}

.m03s { width: 91px;float: left; height: 62px; display:block; }
.l03s  { width: 91px;  background-position: -140px -62px !important; height: 62px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}

.m04s { width: 105px;float: left; height: 62px; display:block;}
.l04s  { width: 105px;  background-position: -231px -62px!important;  height: 62px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat;}

.m05s { width: 82px;float: left; height: 62px; display:block;}
.l05s  { width: 82px;  background-position: -336px -62px!important;height: 62px; display: block; text-indent: -50000px; overflow: hidden; background-image:url(img/menu.gif);  background-repeat:no-repeat; }



div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


.submenu li {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/70.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.submenu li[class] {
  background-image:url(/img/70.png);
}
.w100 {
	width: 150px !important;
}

.w200 {
	width: 650px !important;
}
.submenu { margin-top:-3px}
.submenu li { width:200px !important; background-image: url(/img/70.png);#35b27b !important; margin-left:1px; margin-top:0px; }
.submenu a { color:#fff; width: 185px; display: block;
	 padding-top:5px; padding-bottom:5px; padding-left:15px; 
  }
.submenu a:hover { color:#35b27b; background-color: #fff;}
.mar4 {margin-left:3px !important;}
.aktualnosc { margin-top:10px; padding-bottom: 10px; background-image: url(/img/aktualnosc.gif); background-repeat: repeat-x; background-position: 0 100%; }
.aktualnosc p { margin-top:5px; }

.refa { margin-top:10px; padding-bottom: 10px; background-image: url(/img/aktualnosc.gif); background-repeat: repeat-x; background-position: 0 100%; }
.refa p { margin-top:5px; }

.break {
	width: 500px; clear: both; float: none; display: block;height: 10px;
}
.break:#after {
	 content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}

.opa {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.apa {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.kont:after,#header-in:after, #menu:after,#footer:after,#content:after, .cz:after, .aktualnosci-naglowek:after, .refa-naglowek:after, .realizacje:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#footer, #prefooter { font-size: 11px; margin-top: 0px; padding-top: 10px ;width:845px; margin-left:auto; margin-right:auto;background-image:url(img/br-stopka.gif); background-repeat:no-repeat; background-position: 50% 0; }
#prefooter { margin-top:10px;text-align:center;padding:14px 0 2px 0;margin-top:30px; }
.footer-left { float:left; width:400px; padding-left: 0px;   }
.footer-right { float:right; width:200px; text-align:right; color:#999}

#footer a { color:#555;  }
#footer a:hover { color:#1a7048}

.link { padding-left: 15px; background-image: url(/img/link.gif); background-repeat: no-repeat; background-position: 2px 3px ; }
.link, .link:visited { color:#888; text-decoration:underline; }
.link:hover { color:#1a7048; }

.m10 { margin-top:15px!important}
.m20 { margin-top:35px!important}
.m0 { margin-top:0px!important}
.m5 { margin-top:5px !important}


.contact-form { width:500px }

#i06 { margin-left: 260px;margin-top: 10px; }
#i05 { margin-top: 10px;width:400px; height: 50px; font-size:12px; color:#666; padding: 5px;; display:block;  }


.wiadomosc { 	width: 400px; margin-top:10px}
.wiadomosc label { font-size:12px; color:#666; display:block; float: clear !important; height:20px}
.linia { width:600px;margin-top: 6px; height: 30px; }
.linia label { width:150px; font-size:12px; color:#666; display:block; float:left;}
.linia input { width:250px; font-size:12px; color:#666; padding: 5px;; display:block; float:left}

.kontakt { margin-top:20px!important; font-weight:normal}
.kontakt p { margin-top:5px!important}
.kontakt h4 { margin-top:5px!important; font-size:12px;color:#1a7048;}

.kontakt h5 {  margin-top:5px!important; font-size:11px; font-weight:normal;color:#1a7048;}

.galeria { 	margin-top: 10px;margin-right: 5px; display: block; float: left; padding: 2px; background-color:#fff; }
.galeria img { margin-top:1px; }
.m1 { margin-top:5px!important ; margin-bottom:0px !important;  }
.m5 { margin-top:2px!important ; padding-bottom:10px!important ; }
.galeria { text-decoration:none !important; }	

.galeria h4 { margin-left: 5px; }
.galeria p { margin-left: 5px; color:#aaa; margin-top:2px!important; padding-bottom:4px}

.kontakta	{ width:240px; float:left; margin-top:2px }
.kontakta2  { width:240px; float:left; margin-left:40px; margin-top:2px }
.kontakta3  { width:240px; float:right;; margin-top:2px  }
.mapa { 	 margin-top: 20px;}

#content { line-height:13pt}

.ramka img { border: 4px solid rgb(210, 210, 210); }

#content li { list-style: square; list-style-position: inside; margin-left: 20px; }
#content ul { }

h1 {
    color: #25A76E;
    font-family: verdana;
    font-size: 14px;
    margin-bottom:15px;
}
/*	
	*arszenik - www.arszenik.pl
*/