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

/* font reset etc.. */


@font-face {
 font-family: bold;
 src: url("font/JosefinSans-SemiBoldItalic.ttf") 
}

@font-face {
 font-family: regular;
 src: url("font/JosefinSans-Regular.ttf") 
}



span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object, ul {margin: 0; border: 0; padding: 0; text-decoration: none; color: #062151; list-style-type: none;   font-size:18px; }

h1 { font-size:24px; margin:0 0 25px 0;}

div {   font-family:regular;}
#banerglowny { width:100%; }
#banerglowny img { width:100%; }

a.logo { position:absolute; top:5%; left:15%; width: 434px; height: 430px; overflow: hidden; background: url(img/logo.png) no-repeat; text-indent: -9999px;  z-index: 20; }

#menu { position:absolute; top:5%; right:10%;  background:#fff; display:block; z-index: 21; padding:45px; }

#menu ul li { display:inline; }
#menu ul li a { font-size:16px; font-weight:bold; text-transform: uppercase; padding:0 5px 0 5px;   }



#texts { width:40%; text-align:center; padding:35px 30% 35px 30%; }
#boxes { display:block; overflow:hidden; float:left; width:30%; height:350px; text-align:center; padding:250px 10% 0 10%; color:#fff;}

#boxes h1, #boxes p {color:#fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); position:relative;}

#stopka { width:100%; background:#4d0c10; isplay:block; overflow:hidden;}
#stopka_wrap { max-width:1000px; position:relative; margin:0 auto; padding:25px; }
#stopka_wrap p , #stopka_wrap h1 { color:#fff; font-weight:normal; padding:0 0 0 0;  }

#box_stopka {  width: 249px; float:left; overflow:hidden; display:inline-block; padding:15px 0 0 0; height:150px;}
#box_stopka a { color:#fff;}


#box_c {  width: 50%; float:left; overflow:hidden; display:block; padding:15px 0 0 0; height:150px;}
#box_c a { color:#fff;}




@media only screen and (max-width: 1150px) { 
a.logo { position:absolute; top:5%; left:15%; width: 234px; height: 230px; overflow: hidden; background: url(img/logo1.png) no-repeat; text-indent: -9999px;  z-index: 20; }
}

@media only screen and (max-width: 890px) { 
a.logo { position:absolute; top:5%; left:15%; width: 114px; height: 122px; overflow: hidden; background: url(img/logo2.png) no-repeat; text-indent: -9999px;  z-index: 20; }
}


@media only screen and (max-width: 750px) { 
#menu { position:relative; margin:10px 0 10px 30px; background:#fff; display:block; z-index: 21; padding:5px; width:100%; text-align:center; }
#menu ul li a { font-size:12px; font-weight:bold; text-transform: uppercase; padding:0 5px 0 5px;   }

a.logo { position:absolute; top:60px; left:40%; width: 114px; height: 122px; overflow: hidden; background: url(img/logo2.png) no-repeat; text-indent: -9999px;  z-index: 20; }
}


@media only screen and (max-width: 500px) { 
 
a.logo { position:absolute; top:60px; left:35%; width: 114px; height: 122px; overflow: hidden; background: url(img/logo2.png) no-repeat; text-indent: -9999px;  z-index: 20; }
}