/*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: #464646; list-style-type: none; font:14px Trebuchet MS;}
div {display:block; }
h1 { font:24px; font-weight:bold; color:#6a8b18; text-transform:uppercase; float:left; display:block; overflow:hidden; width:95%; border-bottom:2px solid #6a8b18; margin:20px 0; }
h2 { font-size:18px; font-weight:bold; color:#000; margin: 0 0 15px 0;}
a.logo { margin:70px 0 0 20px; width:359px; height:58px; display:block; overflow:hidden; float:left; background:url(img/logo.png) no-repeat; text-indent:-9999px} 
 
body {background:url(img/tlo.gif) repeat-x #fff;}

#main { position:relative; margin:0 auto; width:800px; overflow:hidden;   }

#baner { width:763px; height:290px; background:url(img/baner.png) no-repeat; display:block; overflow:hidden;  }


#menu { display:block; overflow:hidden;   width:750px; height:62px;  padding:0; }

#menu li {list-style-type: none; margin: 0 auto; float: left; }

#menu li a {display: block;  text-decoration: none; padding:3px; font-size:18px;   color: #fff; margin:10px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); text-transform:uppercase;  }

#menu li a:hover {background: #cde283; color: #000; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #414141;}
#menu li:hover ul {position: absolute; padding: 0 20px 0 0; display: block; width: 160px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
 

#menu *:hover {transition: 0.3s ease-in;}
 

 
#menu li ul {border-radius: 0 0 3px 3px;}

#stopka {width:100%; height:90px; overflow:hidden; display:block; background:#698c18; margin:30px 0 0 0; color:#fff; box-shadow: 0 0 5px 3px #929292;} 
#stopka p { position:relative; margin:15px auto; width:800px; overflow:hidden; color:#FFFFFF; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}

#foto_podklad { width:174px; height:150px; margin:4px; padding:3px; background:#698c18; color:#fff; display:block; overflow:hidden; float:left; text-align:center;   }
#foto_podklad a { width:174px; float:left; overflow:hidden;}
#foto_podklad img { height:130px; display:block; overflow:hidden;}

 .kontaktowy { width: 280px; float:left;}
 
.agrafnet_logo {
    background: rgba(0, 0, 0, 0) url("img/agr_logo.png") no-repeat scroll 0 0;
    bottom: 50px;
    display: block;
    height: 124px;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-indent: -9999px;
    width: 34px;
    z-index: 999999;
}

/*

#layout {width:1000px; overflow:hidden; float:left;}
#layout_l { width:250px; overflow:hidden; float:left; }
#layout_r { width:720px; overflow:hidden; float:left; padding:0 0 45px 0; }
#link_box { display:block; width:200; margin:0 25px 25px 25px; background: #414141; padding:20px; -webkit-border-radius: 10px;   
-moz-border-radius: 10px;
border-radius: 10px; }
#link_box a { color:#fff;}

#link_box a:hover {transition: 0.3s ease-in; color:#f00; font-size:16px;}

#stopka {width:100%; height:66px; overflow:hidden; display:block; background:#606060; margin:30px 0 10px 0; color:#fff;} 
#stopka p { position:relative; margin:0 auto; width:1002px; overflow:hidden;}

.logo{ margin:22px 0 0 0; float:right;}

.copy {margin:22px 0 0 0; float:left; color:#fff;}


#foto_podklad { width:200px; height:350px; margin:5px; padding:5px; background:#414141; color:#fff; display:block; overflow:hidden; float:left; -webkit-border-radius: 10px;   
-moz-border-radius: 10px;
border-radius: 10px;  }

#foto_podklad img { width:200px; height:140px;  -webkit-border-radius: 10px;   
-moz-border-radius: 10px;
border-radius: 10px;}

#foto_podklad a { font-size:16px; color:#fff; background:#9A0002;  -webkit-border-radius: 10px;   
-moz-border-radius: 10px;
border-radius: 10px;}


 
#menu {width:200px;  display: block; overflow:hidden; float:left;   margin:15px 0 0 15px; position:relative; z-index:99; }
#menu ul { margin:0 0 0 15px; }
#active a { color:#A70002; font-weight:bold;}

#active ul li a  { color:#000;}

#menu > ul > li    { height:25px; display:block; overflow:hidden;}

#menu > ul > li.active { margin:15px;  height:500px; display:block; overflow:hidden; }

#menu > ul > li  > ul > li.active { margin:15px; }

#menu a:hover { color:#A70002;}  



#menu { display:block; overflow:hidden;   width:200px;    padding:20px 0 0 0; }

#menu ul li {list-style-type: none; margin: 0 auto; float: left;   -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;  }
#menu ul li:hover {background: #cdcdcd; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;  }
#menu ul li a {display: block; text-decoration: none; padding: 7px 10px 7px; font-size:14px; color:#000;  }

#menu ul li a:hover { color:#000;  }

#menu ul li.active {background: #cdcdcd; color:#000;}

#menu ul li ul li.active a {background: #707070; color:#fff;   font-weight:bold; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}

#menu ul li a.active {background: #eed6ba; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:block; overflow:hidden;}

#menu ul li li a {width: 160px; color:#fff;}
#menu ul li ul { display: none; background: #5c1717;    }
#menu ul li.active ul { padding: 0 20px 0 0; display: block; width: 160px;-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px; display:block; overflow:hidden; color:#fff;  }
 


#menu *:hover {transition: 0.3s ease-in;}
 

#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}



#naglowki_01 { margin:45px 0 0 25px; font-size:18px; float:left; overflow:hidden; color:#e7e7e7; }

#layout {width:1000px; overflow:hidden; float:left;}
#layout_l { width:250px; overflow:hidden; float:left; }
#layout_r { width:750px; overflow:hidden; float:left; }


#foto_podklad { width:200px; margin:5px; padding:5px; background:#606060; color:#fff; display:block; overflow:hidden; float:left; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#foto_podklad img { width:200px; height:140px; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}


#div_galeria { display:block; float:left; width:800px; }

#ostrzezenie { background:#5c1717; color:#fff; display:block; float:left; padding:15px; margin:15px 0 0 0; width:200px; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;  }


a.materialy { width:150px; height:150px; padding:0 15px;  float:left; z-index:1; text-align:center; }
a.materialy img { position:relative; z-index:1; width:97px; height:74px; opacity:0.6; filter:alpha(opacity=60); margin:10px auto; display:block;  
transition-duration:1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all;
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all; }

a.materialy img:hover {opacity:1; filter:alpha(opacity=100); position:relative; z-index:9999; width:150px; height:114px;   
transform:translate(0px,-0px); 
-webkit-transform:translate(-0px,-0px);
-ms-transform:translate(-0px,-0px);} */