@import url(http://fonts.googleapis.com/css?family=Dosis:500,700);

/* Reset styles and more */
*{margin:0;padding:0;border:0}
article,aside,footer,header,nav,section{display:block}
h1,h2,h3,h4{font-size:100%;font-weight:normal}
ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
img{vertical-align:top}
hr{display:block;height:0;border-top:1px solid #ccc;margin:1em 0}
html{overflow-y:scroll}
:focus{outline:0}
.clear{clear:both;height:0;overflow:hidden}


/* === Fonts === */
body,input,select,textarea{color:#000;font:12px/1 "Trebuchet MS",arial,sans-serif;}


/* === BASE === */
html{background:#fff;}
body{width:980px;margin:0 auto;background:url(../img/header.jpg) 100% 0 no-repeat;}


/* === HEADER === */
#header{position:relative;height:387px;}

#header h1{position:absolute;left:0;top:70px;}


/* === FOOTER === */
#footer{position:relative;height:202px;background:url(../img/footer.jpg) 100% 0 no-repeat;margin-top:-25px;}
#footer .copy{position:absolute;left:370px;top:170px;}


/* === MAIN === */
#main{position:relative;z-index:3;overflow:hidden;}


/* === ASIDE === */
#aside{float:left;width:280px;margin-right:60px;}

#nav li{height:31px;line-height:31px;background:url(../img/aside_item.png) no-repeat;margin-bottom:5px;padding:0 0 0 40px;}
#nav li:first-child{background-position:0 -31px;}
#nav a{font-size:20px;color:#000;text-transform:uppercase;font-family:Dosis,sans-serif;font-weight:bold;}
#nav li.allegro a{color:#fc4900;}
#nav li.current a{padding:0 0 0 20px;background:url(../img/arrow.png) 0 50% no-repeat;margin-left:-3px;}
#nav img{vertical-align:top;}

#aside-kontakt{position:relative;background:url(../img/aside_kontakt.png) repeat-y;padding:30px 40px 90px;color:#fff;font-family:Dosis,sans-serif;}
#aside-kontakt a{color:#fff;text-decoration:underline;}
#aside-kontakt h2{font-size:30px;font-weight:bold;margin-bottom:.75em;}
#aside-kontakt h3{font-size:18px;line-height:125%;margin-bottom:1em;font-weight:bold;}
#aside-kontakt p{position:relative;z-index:3;font-size:16px;line-height:125%;margin-bottom:.75em;}
#aside-kontakt .tel{display:inline-block;width:50px;}
#aside-kontakt .bg{position:absolute;right:0px;bottom:0px;width:141px;height:141px;background:url(../img/naroznik.png) no-repeat;}


/* === CONTENT === */
#content{position:relative;float:left;width:540px;}


/* TEXT */
.text{font-size:12px;line-height:18px;}
.text h1{font-size:20px;color:#a1bf35;font-family:Dosis,sans-serif;margin:0 0 1em;font-weight:bold;}
.text h2{font-weight:bold;}
.text a{color:#a1bf35;text-decoration:underline;}
.text p,
.text ul{margin:0 0 1.5em;}
.text ul ul{margin-top:.5em;}
.text ul li{padding:0 0 0 70px;background:url(../img/ul_li.png) 35px 6px no-repeat;}
.text ol{margin:0 0 1.5em 2em;}
.text ol li{list-style:decimal;margin:.5em 0 0;}

img.left{float:left;margin:0 25px 15px 0;}



/* === page: ASORTYMENT === */
.produkt{position:relative;padding:0 0 0 150px;margin-left:-10px;margin-bottom:100px;}
.produkt img{position:absolute;left:0px;top:0px;}
.produkt h2{margin-bottom:1em;color:#356537;font-weight:bold;}
.produkt h3{margin-bottom:1em;color:#356537;font-weight:bold;}
.produkt ul li{position:relative;padding:0 0 20px 60px;border-bottom:1px solid #f8da0c;margin-bottom:20px;min-height:40px;background:none;}
.produkt ul li p{margin:0;}
.produkt ul li:last-child{border:0;padding-bottom:0px;}
.produkt ul.gramatura li{padding-bottom:15px;margin-bottom:15px;}
.produkt .wersja{position:absolute;left:0px;top:0px;width:37px;height:37px;background:url(../img/kolko.png) no-repeat;text-align:center;line-height:37px;font-weight:bold;}
.produkt:last-child{margin:0;}