body
{
    margin:0;
    padding:0;
    font-family:Verdana, sans-serif;
    font-size:11px;
    line-height:14px;
    background:#2d76da;
    color:#000;
}

a{ outline:none; }

input, textarea
{
    font-family:Tahoma, sans-serif;
    font-size:11px;
    border:1px solid #555;
    background-color:#eee;
}

p, form
{
    margin:0;
    padding:0;
}

img
{
    border:0;
}

h1
{
    margin:0;
    padding:0;
    color:#08469b;
    font-family:Arial, sans-serif;
    font-weight: bold;
    font-size:16px;
}

h3
{
	margin: 3px auto;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-size: Verdana,sans-serif;
	color:#002331;
}

strong
{
    color:#08469b;
}

a
{
    text-decoration:none;
    color:#2d76da;
}

a:hover
{
    text-decoration:underline;
}

a.edytuj
{
    display:block;
    background-color:#ffd737;
    border:1px solid #404040;
    font-family:Arial,sans-serif;
    font-size:11px;
    color:black;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url('img/edytuj.gif');
    background-repeat:no-repeat;
    background-position:2px 1px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:25px;
    padding-right:1px;
    text-align:left;
    width:42px;
}

a.wyloguj
{
    display:block;
    background-color:#ffd737;
    border:1px solid #404040;
    font-family:Arial,sans-serif;
    font-size:11px;
    color:black;
    font-weight:bold;
    text-transform:uppercase;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    text-align:left;
    width:50px;
}

div.clear { height:1px; overflow:hidden; width:100%; background:transparent; clear:both; }

/* TEMPLATKA ================================== */

div.calosc
{
    width: 100%;
    background: url('img/dol-tlo.jpg') no-repeat bottom center transparent;
}

div.gora-tlo
{
    width: 100%;
    height: 112px;
    background: url('img/gora-tlo.png') repeat-x bottom left #fff;
}

div.gora
{
    text-align: left;
    margin: 0 auto;
    width: 1010px;
    height: 111px;
    background: url('img/gora.gif') no-repeat top center transparent;
    position: relative;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

a.logo
{
    display: block;
    position: absolute;
    left: 0px;
    top: 16px;
    width: 219px;
    height: 88px;
}

a.baner
{
	display:block;
	position:absolute;
	left:319px;
	top:0px;
	width:423px;
	height:67px;
}

a.katalog
{
    display: block;
    position: absolute;
    left: 853px;
    top: 15px;
    width: 122px;
    height: 127px;
}

a.email
{
    display: block;
    position: absolute;
    left: 941px;
    top: 4px;
    width: 21px;
    height: 19px;
}

a.home
{
    display: block;
    position: absolute;
    left: 961px;
    top: 4px;
    width: 21px;
    height: 19px;
}

a.mapa
{
    display: block;
    position: absolute;
    left: 981px;
    top: 4px;
    width: 21px;
    height: 19px;
}

div.menu-gorne
{
    position: absolute;
    left: 0px;
    top: 75px;
    width: 1010px;
    height: 36px;
}

div.srodkowanie
{
    text-align: left;
    margin: 0 auto;
    width: 1010px;
}

div.lewa
{
    width: 322px;
    float:left;
}

div.separator
{
    float:left;
    width:4px;
    overflow: hidden;
}

div.prawa
{
    width: 684px;
    float: left;
}

div.tresc-gora
{
    width: 684px;
    height: 8px;
    background: url('img/tresc-gora.png') repeat-y top left;
    overflow: hidden;
}

div.tresc-srodek
{
	float:left;
    width: 684px;
    background: url('img/tresc-srodek.png') repeat-y top left;
}

div.tresc-dol
{
    width: 684px;
    height: 8px;
    background: url('img/tresc-dol.png') repeat-y top left;
    overflow: hidden;
}

div.aktualnosci-gora
{
    width: 684px;
    height: 33px;
    background: url('img/aktualnosci-gora.png') repeat-y top left;
    overflow: hidden;
}

div.aktualnosci-srodek
{
    width: 684px;
    background: url('img/aktualnosci-srodek.png') repeat-y top left;
    min-height:200px;
	height:auto !important;
	height:200px;

}

div.aktualnosci-dol
{
    width: 684px;
    height: 14px;
    background: url('img/aktualnosci-dol.png') repeat-y top left;
    overflow: hidden;
}

div.folkpool-gora
{
    width: 322px;
    height: 181px;
    background: url('img/folkpool-gora.jpg') repeat-y top left;
    overflow: hidden;
}

div.folkpool-srodek
{
    width: 322px;
    background: url('img/folkpool-srodek.png') repeat-y top left;
}

div.folkpool-dol
{
    width: 322px;
    height: 12px;
    background: url('img/folkpool-dol.png') repeat-y top left;
    overflow: hidden;
}

div.promocje-gora
{
    width: 322px;
    height: 33px;
    background: url('img/promocje-gora.png') repeat-y top left;
    overflow: hidden;
}

div.promocje-srodek
{
    width: 322px;
    background: url('img/promocje-srodek.png') repeat-y top left;
}

div.promocje-dol
{
    width: 322px;
    height: 12px;
    background: url('img/promocje-dol.png') repeat-y top left;
    overflow: hidden;
}

div.newsletter
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 323px;
    height: 222px;
    background: url('img/newsletter.png') no-repeat top left;
}

div.newsletter input.email
{
    display: block;
    position: absolute;
    left: 14px;
    top: 76px;
    width: 128px;
    height: 15px;
    border: none;
    background: #fff;
}

div.newsletter input.zapisz
{
    display: block;
    position: absolute;
    left: 60px;
    top: 101px;
    width: 86px;
    height: 22px;
    background: transparent;
    border: none;
    cursor: pointer;
}

div.newsletter input.wypisz
{
    display: block;
    position: absolute;
    left: 60px;
    top: 128px;
    width: 86px;
    height: 22px;
    background: transparent;
    border: none;
    cursor: pointer;
}

a.wysylkowa
{
    display: block;
    position: absolute;
    left: 174px;
    top: 28px;
    width: 141px;
    height: 142px;
}

div.dol
{
    width: 684px;
    height: 130px;
    background: url('img/dol.png') no-repeat top right transparent;
    position: relative;
    left: 0px;
    top: 0px;
}

div.dol ul.kol1
{
    display: block;
    position: absolute;
    left: 50px;
    top: 13px;
    padding:0;
    margin:0;
}

div.dol ul.kol2
{
    display: block;
    position: absolute;
    left: 200px;
    top: 13px;
    padding:0;
    margin:0;
}

div.dol li
{
    list-style-type: square;
    color:#fff;
}

div.dol li a
{
    color:#0044a1;
}

div.dol a.zagraj
{
    display: block;
    position: absolute;
    left: 536px;
    top: 21px;
    width: 142px;
    height: 43px;
}

div.dol a.design
{
    display: block;
    position: absolute;
    left: 558px;
    top: 87px;
    width: 121px;
    height: 7px;
}

/* MENU GORNE ================================== */

div.menu-gorne a
{
    position: absolute;
    left:0px;
    top:0px;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 13px;
    text-shadow: black 0.1em 0.1em 0.2em;
    color: #fff;
    width:120px;
    padding-top:9px;
    padding-bottom: 9px;
    padding-left:10px;
    background: url('img/menu-gorne.png') right top transparent;
    text-decoration: none;
}

div.menu-gorne a#active, div.menu-gorne a:hover
{
    background: url('img/menu-gorne.png') right -32px transparent;
    text-decoration: none;
}

/* MENU LEWE ================================== */

div.menu-lewe
{
    width: 322px;
    
}

div.menu-lewe a
{
    display: block;
    width: 310px;
    padding: 6px 0px 6px 12px;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
}

div.menu-lewe a:hover, div.menu-lewe a#active
{
    background: #2160b7;
    text-decoration: none;
}

/* TRESC ====================================== */

div.tresc-zdjecia
{
    width: 200px;
    float: left;
}

div.tresc-zdjecia a
{
    display: block;
    text-align: center;
    text-decoration: none;
}

div.tresc-zdjecia a span
{
    color:#000;
}

div.tresc-separator
{
    float:left;
    width:20px;
    overflow: hidden;
}

div.tresc-tekst
{
    text-align: justify;
	margin:15px 0 15px 0;
}

/* AKTUALNOSCIMOD ============================== */

div.aktualnoscimod-lewa
{
    float:left;
    width:300px;
}

div.aktualnoscimod-separator
{
    float:left;
    width:40px;
    overflow: hidden;
}

div.aktualnoscimod-prawa
{
    float:left;
    width:300px;
}

a.aktualnoscimod-obrazek
{
    display: block;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

div.aktualnoscimod-txt
{
    float: left;
    text-align: justify;
    width: 200px;
}

a.aktualnoscimod-link
{
    display: block;
    margin-bottom: 4px;
    background: url('img/dalej.png') no-repeat center right transparent;
    border-bottom: 1px solid #dcdcdc;
    height: 20px;
    width:300px;
}

/* GALERIA===================================== */

table.galerie td
{
	background:#d5e4ea;
	width:170px;
	padding:10px 0px 4px 0px;
	overflow:hidden;
}

table.galerie td a
{
    color: #000;
}

table.galeria td
{
	background:#d5e4ea;
	width:160px;
	padding:5px 0px 5px 0px;
	overflow:hidden;
}

table.galeria td img
{
	margin:0; padding:0;
}

/* PROMOCJAMOD ================================= */

div.promocjamod
{
    background: url('img/promocja.png') no-repeat top right transparent;
    width: 303px;
    height: 84px;
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 10px;
    overflow: hidden;
}

div.promocjamod a.obrazek
{
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    overflow: hidden;
    width: 90px;
    height: 60px;
    border: 2px solid #cbcbcb;
}

div.promocjamod div.nazwa
{
    font-family: Arial,sans-serif;
    font-weight: bold;
    position: absolute;
    left: 110px;
    top: 12px;
    width: 120px;
    color: #0044a1;
    font-size: 11px;
}

div.promocjamod div.cena
{
    font-family: Arial,sans-serif;
    position: absolute;
    left: 110px;
    top: 54px;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

div.promocjamod div.rabat
{
    font-family: Arial,sans-serif;
    position: absolute;
    left: 255px;
    top: 32px;
    color: #b10000;
    font-weight: bold;
    font-size: 18px;
}

div.promocjamod a.dalej
{
    display: block;
    position: absolute;
    overflow: hidden;
    left: 217px;
    top: 71px;
    width: 88px;
    height: 13px;
}

a.akt_link,a.akt_link:hover
{
	text-decoration:none;
}

a.akt_link.zaz, a.akt_link.zaz:hover
{
	font-weight: bold;
	text-decoration:none;
}

/* PROMOCJA ==================================== */

span.cena-stara
{
    color: #7e7e7e;
    font-weight: bold;
    font-size: 11px;
}

span.cena
{
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

span.rabat
{
    color: #b10000;
    font-weight: bold;
    font-size: 15px;
}

a.obrazek-promo
{
	float: left;
    display: block;
    overflow: hidden;
    width: 90px;
    height: 60px;
    border: 2px solid #cbcbcb;
}

/* FACEBOOK WYSOWANY ============================================= */

div.facebook
{
	position: fixed;
	left: -276px;
	top: 55px;
	width: 320px;
	height: 329px;
	background: transparent url('img/facebook.png') no-repeat top center;
	z-index: 200;
}

div.facebook div.facebook-wnetrze
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 292px;
	height: 326px;
}

div.facebook div.facebook-przycisk
{
	position: absolute;
	left: 282px;
	top: 0px;
	width: 61px;
	height: 132px;
}
