/* glowne  */
BODY {font-family: Verdana, sans-serif;font-size: 10px;color:#000;margin:0;text-align:center;background:#E8F4A3;}
BODY.popup {font-family: Verdana, sans-serif;font-size: 10px;color:#000;margin:0;text-align:center;background:#fff;}
P {color: #000;font-size: 10px;text-align:justify;line-height: 15px;margin: 8px;}
a {color: #000;text-decoration:none;}
a:hover {color:#62b946;text-decoration:none;}
img {border:0}
/* glowne koniec  */

/* tla  */
#main {width:820px;text-align:center;background:#fff;margin:auto;}
#box {position:relative;width: 798px;margin: auto;text-align: left;}
.baner {width:798px; height:250px;}

div.menu {width:514px;height:44px;background:#62b946; margin-right: 4px; margin-top: 2px; float:left;}
div.menu img {margin:0 30px}
.miesznaglow {width:280px;height:44px;background: #ffc000 url('mieszanki.jpg'); margin-top: 2px; margin-bottom: 4px; float:left;}
.zwijacz {clear: both}

#tresc {width:514px; float:left;}
.trescglow {border:1px solid #b8b6b6}
div.trescglow p {color: #000;font-size: 10px;text-align:justify;line-height: 15px;margin: 8px;}

div.mieszanki {width:280px; margin-left: 4px; background:url('mieszanki_tlo.jpg'); padding: 10px 0 5px 0}
div.mieszanki a {color: #fff; text-decoration:none; text-transform: capitalize}
div.mieszanki a:hover {color:#62b946; text-decoration:none;}

ul li {font-size:10px; list-style:none; font-weight:bold;line-height:20px; list-style-image:url('kropka.jpg');}

#dol1 {width:798px;height:42px;background:url('dol_tlo.jpg') repeat-x;text-align:right; margin-top: 4px}
#dol2 {width:798px;height:49px;}


img.naglowek {margin:15px 0 10px 8px}
p.naglowek {font-size: 12pt; font-weight: bold; color: #ffc000; text-transform: capitalize}
.cytryna {width:280px;height:190px;background:url('cytryna.jpg') center no-repeat; margin:10px 0 0 0}
span.dol1 {margin:2px 0 0 0;color:#000}
span.dol2 {margin:2px 0 0 490px;color:#000}

table.zajawka_mini {border: 0}
table.zajawka_mini td {border: 1px solid #DDDCDC; width: 120px; height: 120px; text-align: center}

table.zajawka_index {border: 0}
table.zajawka_index td {border: 1px solid #DDDCDC; width: 248px; height: 122px; text-align: center}
table.zajawka_index div.left {width: 120px; height: 122px; float: left; margin-top: 5px}
table.zajawka_index div.wew {float: left}
table.zajawka_index div.naglowek {color: #62B946; font-size: 10px; font-weight: bold; margin: 5px; height: 25px; width: 110px; text-align: left; text-transform: uppercase}
table.zajawka_index div.kr_opis {color: #999; font-size: 10px; text-align: left; margin-right: 5px; width: 120px; height: 70px}
table.zajawka_index div.button_war {margin-right: 5px; margin-bottom: 5px; height: 12px; width: 120px; text-align: right}
div.more {background: #62B946; width: 42px; height: 15px; padding-top: 2px; font-size: 10px; color: #fff; text-align: center; float: right}
div.more a {color: #fff; text-decoration:none;}
div.more a:hover {color: #ffc000; text-decoration:none;}
a.more {color: #fff; text-decoration:none;}
a.more:hover {color: #ffc000; text-decoration:none;}table.form {}
table.form td {text-align: left}

/* popup */
div.pop_main {width: 441px; height: 550px; margin:auto}
div.pop_rog {width: 21px; height: 21px; float: left}
div.pop_poziom {width: 420px; height: 21px; background: url('popup_poziom.jpg') left bottom no-repeat; float: left}
div.pop_pion {width: 21px; height: 500px; background: url('popup_pion.jpg') right top no-repeat; float: left}
div.pop_tresc {width: 420px; height: 455px; float: left}
div.pop_naglowek {color: #62B946; font-size: 12px; font-weight: bold; text-align: right; margin: 10px; text-transform: uppercase}
div.pop_tresc img {border: 1px solid #DDDCDC}
/* div.pop_opis {color: #000; font-size: 10px; text-align: justify; margin: 10px} */