/*www.agrafnet.pl - projektowanie stron www */

span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #ccc; list-style-type: none; font:11px arial;}
div {display:block; }
h1 { color:#ccc; font:18px Arial; font-weight:bold;  }
h2 { color:#fff; font:18px Arial; font-weight:bold;}
/*lay*/
body {background:url(..//img/tlo.gif) repeat-x #000;}
#main { position:relative; margin:0 auto; width:900px; overflow:hidden; }
#baner { background:url(..//img/baner.jpg) no-repeat; width:900px; height:265px; margin:45px 0 0 0;  } 
a.logo { margin:90px  0 0 0px; width:278px; height:96px; display:block; overflow:hidden; float:left; background:url(..//img/logo_crown.gif) no-repeat; text-indent:-9999px}
#lay { display:block; width:900px; overflow:hidden; float:left; margin:15px 0 0 0;}

#m {margin:0 0 0 30px; padding:0; height:45px; width:341px; float:left; overflow:hidden;}
#m ul { margin:0; padding:0; overflow:hidden;}
#m li { margin:0; padding:0; list-style:none; float:left; display:block; height:45px; text-indent:-9999px;overflow:hidden;}
#m li a {margin:0; padding:0; display:block; background: no-repeat; height:45px; overflow:hidden;}
#m li a.m1 {background:url(..//img/m1.gif) 0 0; width:60px;}
#m li a.m2 {background:url(..//img/m1.gif) -60px 0; width:180px;}

#m li a.m1:hover {background:url(..//img/m1.gif)  0px -45px; width:60px;}
#m li a.m2:hover {background:url(..//img/m1.gif) -60px -45px; width:180px;}


#d {margin:0; padding:0; height:154px; width:900px; float:left; overflow:hidden;}
#d ul { margin:0; padding:0; overflow:hidden;}
#d li { margin:0; padding:0; list-style:none; float:left; display:block; height:154px; text-indent:-9999px;overflow:hidden;}
#d li a {margin:0; padding:0; display:block; background: no-repeat; height:154px; overflow:hidden;}
#d li a.d1 {background:url(..//img/m2.gif) 0 0; width:180px;}
#d li a.d2 {background:url(..//img/m2.gif) -180px 0; width:180px;}
#d li a.d3 {background:url(..//img/m2.gif) -360px 0; width:180px;}
#d li a.d4 {background:url(..//img/m2.gif) -540px 0; width:180px;}
#d li a.d5 {background:url(..//img/m2.gif) -720px 0; width:180px;}

#d li a.d1:hover {background:url(..//img/m2.gif)  0px -154px; width:180px;}
#d li a.d2:hover {background:url(..//img/m2.gif) -180px -154px; width:180px;}
#d li a.d3:hover {background:url(..//img/m2.gif) -360px -154px; width:180px;}
#d li a.d4:hover {background:url(..//img/m2.gif) -540px -154px; width:180px;}
#d li a.d5:hover {background:url(..//img/m2.gif) -720px -154px; width:180px;}

#lewy {float:left; width:400px; overflow:hidden; margin:30px 0 50px 40px;}
#prawy {float:left; width:400px; overflow:hidden; margin:30px 0 50px 40px; background: url(..//img/c1.png) repeat-x, url(..//img/c2.png) repeat-y #fff; padding:10px; }
#prawy p { margin:5px 0 0 10px}
#prawy p img { margin:5px 0 0 10px}
#stopka { width:100%; background: url(..//img/tlo_stopka.gif) repeat-x #69090d;}
#stopka_sr {position:relative; margin:0 auto; width:800px; overflow:hidden; }
#stopka_sr p { margin:10px 0 0 0; display:block; float:left; overflow:hidden}
#stopka_sr a { display:block; float:right; overflow:hidden}

#galeria {float:left; width:795px; overflow:hidden; margin:30px 0 50px 30px;  }
#galeria a { float:left; background:#69090d; margin:3px; text-align:center;}
#galeria img { border:1px #69090d solid;}
.kontaktowy { width: 300px; float:left;}
.prawy { float:right; overflow:hidden; }