@charset "utf-8";
/* CSS Document */
*{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px;} 
body{ background:url(../image/bg.gif) top repeat-x; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:12px;  background-color:#f1f1f1 ; color:#ffffff; }


.baner {background:url(../image/bg_bot.png) bottom repeat-x; height:113px;background-color: #f1f1f1;}
.baner a img{margin-top:25px}
.jezyk {
	position:absolute;
	right:10px;
	z-index:3;

}

.menu {height:43px;}
.menu ul {margin-top:10px; position:absolute; z-index:2}
.menu ul li { float:left; margin:0 0 0 5px; border-right:1px solid #e3e1e1; height:25px}
.menu ul li.first { float:left; margin:0; border-right:1px solid #e3e1e1}
.menu ul li.last { float:left; margin:0 0px 0 5px; border-right: none}
.menu a {display: block;float: left;height: 25px;margin-right: 5px;padding-right: 13px; text-decoration: none;color: #000000;font-size:12px;font-weight:bold}
.menu a span {display: block;line-height: 25px; padding: 0 0 0 13px; } 
.menu a:hover {background: transparent url('../image/li_pr.png') no-repeat scroll top right; background-color:#f56c06; text-decoration:none;color:#FFF;}
.menu a:hover span {background: transparent url('../image/li_le.png') no-repeat;}

.content { background:url(../image/bg_bott.png) bottom right no-repeat #FFF; width:970px}
.content .gora-obla{background:url(../image/bg_bott2.png) top right no-repeat; padding:0 0 0 5px;}

.lewa_kolumna { background:url(../image/bg_lewa_kolumna.png) left top no-repeat #f56c06; }
.lewa_kolumna .tekst {margin:25px 20px 50px 20px; min-height:270px}
.lewa_kolumna .tekst p {text-align: justify; line-height:14px}
.lewa_kolumna .bot {width:14px; height:17px; background:url(../image/bg_lewa_kolumna_bot.png) no-repeat}
.baner3 {height:100px ;}
.baner2 {position:absolute; margin:-50px 0 0 37px}
.wiecej {position:absolute; margin:42px 0 0 0px; right:0}


.prawa_kolumna {background:url(../image/bg_prawa_kolumna.png) right top no-repeat #f56c06; width:640px!important}
.prawa_kolumna .produkt {position:absolute; margin:-91px 0 0 325px}
.slogan {background:url(../image/bg_prawa_kolumna_bot.png) left  bottom no-repeat ;}
.prawa_kolumna .haslo {margin:30px 0 35px 0}

.flash { width:640px !important; height:300px; }
.flash .tekst {margin:5px 0 0 15px; padding-bottom:5px; border-bottom:1px solid #f0f0f0; }
.flash .slider {margin-left:5px}
.gren {background:url(../image/gren.png) no-repeat; width:271px; height:102px; position:absolute; margin:-20px 0 0 55px; z-index:200}
.gren2 {background:url(../image/gren_en.png) no-repeat; width:271px; height:102px; position:absolute; margin:-20px 0 0 55px; z-index:200}


.stopka { color:#7a7272; font-size:11px; line-height:130%;   }
.stopka p { margin:-23px 0 0 0; position:relative  }
.stopka a{color:#7a7272}


p {margin-top:16px}
.left {float:left}
.right {float:right}
a {text-decoration:none;}
a:hover {text-decoration:underline;}


/*PODSTRONA */
.podstrona .baner {background:none #f1f1f1; height:100%; width:100%; position: relative; }
.logo img {margin-top:20px; margin-left:3px}
.podstrona  .menu_podstrona {margin:-29px 0 0 0; background:url(../image/bg_menu.png) right ; height:29px; width:970px !important}

.podstrona  .menu_podstrona ul {margin-top:6px; z-index:2; margin-left:5px}
.menu_podstrona ul li { float:left; margin:0 0 0 5px; border-right:1px solid #e3e1e1; height:19px}
.menu_podstrona ul li.first { float:left; margin:0; border-right:1px solid #e3e1e1}
.menu_podstrona ul li.last { float:left; margin:0 0px 0 0px; border-right: none}
.menu_podstrona a {display: block;float: left;height: 19px;margin-right: 5px;padding-right: 7px; text-decoration: none;color: #000000;font-size:11px;font-weight:bold}
.menu_podstrona a span {display: block;line-height: 19px; padding: 0 0 0 7px; } 
.menu_podstrona a:hover {background: transparent url('../image/li_pr2.png') no-repeat scroll top right; background-color:#f56c06; text-decoration:none;color:;}
.menu_podstrona a:hover span {background: transparent url('../image/li_le2.png') no-repeat;}



.lewa_kolumna ul {margin-bottom:40px}
.podstrona .lewa_kolumna ul li{ width:200px; height:26px; background:url(../image/bg_li.png) no-repeat; text-transform:uppercase}
.podstrona .lewa_kolumna ul li a {color:#FFF; padding:4px 0 0 5px; margin-left:20px; margin-top:3px; font-weight:bold; display:block; width:178px; height:19px; position: absolute  }
.podstrona .lewa_kolumna ul li a:hover, .podstrona .lewa_kolumna ul li a.active  {background:url(../image/bg_a.png) no-repeat; color:#f56c06; text-decoration:none}

.podstrona .lewa_kolumna { width:240px !important; }
.podstrona .lewa_kolumna .tekst {margin:15px 20px 20px 15px}
.podstrona .baner2 {position:absolute; margin:-35px 0 0 20px; }
.podstrona .wiecej {position:absolute; margin:30px 0 0 0px; right:0;}
.podstrona .baner3 {height:80px ; width:240px; }
.podstrona .lewa_kolumna ul li.submenu ul {margin-bottom:0}
.podstrona .lewa_kolumna ul li.submenu {padding-top:1px}
.podstrona .lewa_kolumna ul li.submenu a{background:url(../image/bg_a.png) no-repeat; color:#f56c06; text-decoration:none; position: inherit; }
.podstrona .lewa_kolumna ul li.submenu {background:url(../image/bg_li_sub.png) no-repeat !important}
.podstrona .lewa_kolumna ul li.submenu{ width:200px; height: auto; background:url(../image/bg_li.png) no-repeat; text-transform:uppercase}
.podstrona .lewa_kolumna ul li.submenu ul li {background:none; height:auto !important; }
.podstrona .lewa_kolumna ul li.submenu ul li a {color:#ffffff; background: none; background:url(../image/arrow.png) left top no-repeat; height:auto; padding:0 0 0 10px; margin:0 30px 3px 30px; text-transform:none; font-weight:normal; line-height:120%; width:auto; font-size:11px}
.podstrona .lewa_kolumna ul li.submenu ul li a:hover, .podstrona .lewa_kolumna ul li.submenu ul li a.active  { font-weight:bold;}
.podstrona .lewa_kolumna ul li.submenu ul li a.active  { color:#a14500; }
.podstrona .lewa_kolumna ul li.submenu ul  {background:url(../image/bg_li2.png) bottom no-repeat; padding:0px 0 10px 0;  }
.podstrona .zdjecie {float:right}

.podstrona .prawa_kolumna {background:url(../image/bg_prawa.png) right top no-repeat #fffffF; width:710px!important;  margin-left:10px ; }


.prawa_kolumna .tresc {margin:30px 5px 0 5px ; color:#7a7272; font-size:11px; border-bottom:1px solid #eaeaea; padding:0 30px 30px 15px; }
h2.title { background:url(../image/bg_h2.png) left top no-repeat; color:#000000; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-left:30px; margin:30px 0 0 15px; border-bottom:1px solid  #eaeaea; padding-bottom:5px }
.prawa_kolumna .tresc a{color:#f56c06; text-decoration: underline;}
.prawa_kolumna .tresc a:hover{color:#f56c06; text-decoration: none;}
.prawa_kolumna .tresc p {text-align:justify; line-height:130%; margin-top:20px; margin-left:30px}
.prawa_kolumna .tresc .prawy {float:right; width:180px; text-align:center; margin: 15px 0px 0 35px}
.prawa_kolumna .tresc .prawy p{ margin:5px 0 20px 5px;  font-size:11px; color:#a6a6a6}
.prawa_kolumna .tresc  img.zdjecie { border:#f56c06 solid 4px;  }
.prawa_kolumna .tresc .zdjecie { margin:0 0 3px 0;  padding:1px; background-color: #FFF}
.podstrona .stopka p { margin:0px 0 30px 0; position:relative  }

.podstrona .stopka {  height:20px; margin:35px 5px 0 5px;}
.podstron .stopka p { margin:0px 10px 0 10px; position:relative  }


/*PRODUKTY */
.lista_produktowa {margin:30px 5px 0 5px ; color:#7a7272; font-size:11px;  padding-left:40px }
.produkty {background:url(../image/bg_produkt.png) bottom center no-repeat; padding-bottom:20px; margin-left:20px; font-size:12px; }
.opis {padding-top:25px; width:150px; float: right; margin-right:36px;    }
.opis p {margin:0 0px 20px 0; line-height:130%;  }
.opis h4 {padding:5px 0 0 0}
.opis h3 {color:#f56c06; text-transform:uppercase}
.opis img {float:left; margin-right:0px; margin-left:10px}
.produkty a img {position:absolute; bottom:50px; left:125px}

.prawa_kolumna .podtekst { color:#7a7272; font-size:12px; border-bottom:1px solid #eaeaea; padding:10px 30px 30px 15px; clear:both; line-height:130% }

ul.lista {margin:15px 0 15px 15px}
ul.lista_lewo {padding:0px 0 15px 0px}
.lista li {background:url(../image/arrow2.jpg) left  no-repeat; padding-left:10px; line-height:130%}
.lista_lewo li {float:left; background:url(../image/arrow2.jpg) left  no-repeat; padding-left:10px; line-height:130%; margin-right:10px}
.pomarancz {color:#f56c06}
h2 {color:#000; font-size:14px}

/*KARTA PRODUKTU */
.prawa_kolumna .opisproduktu {margin:30px 5px 0 5px ; color:#7a7272; font-size:11px; border-bottom:1px solid #eaeaea; padding:0 30px 30px 15px;  }
.prawa_kolumna .opisproduktu  p{margin-top:0px; }

table { width:343px; border:none; margin-bottom:20px}
table caption {padding:5px 0}
table tr.caption th  { background: url(../image/bg_th3.png) left center no-repeat; color:#FFF; border:none; text-align:center; vertical-align:middle }
table tr.caption2 th  { background: url(../image/th_3.png) left center no-repeat; color:#000; font-weight:normal; border:none; text-align:center; vertical-align:middle }

table tr td {margin:10px; padding:5px; border-bottom:1px solid #fde2cd; border-left:1px solid #fde2cd; vertical-align:middle; text-align:center }
table tr th {margin:10px; padding:5px; border-bottom:1px solid #fde2cd; font-weight:normal; text-align:left}
table tr th.none {background:none; font-weight:bold; text-align:left; vertical-align: top; padding-top:10px }

tr.caption {background-image:url(../image/bg_table.jpg);  height:31px; border:1px solid red; text-align:center; color:#F00 }
tr.caption2 {background:url(../image/bg_th.png) left top no-repeat !important;  height:46px; border:5px solid #093  }


.table-dieta {width:625px; border:none; margin:10px 0 0 30px;}
.table-dieta caption {padding:5px 0}
.table-dieta tr.caption th  { left center no-repeat; color:#FFF; border:none; text-align:center; vertical-align:middle }
.table-dieta tr.caption2 th  { background: url(../image/th_3.png) left center no-repeat; color:#000; font-weight:normal; border:none; text-align:center; vertical-align:middle }

.table-dieta tr td {margin:10px; padding:5px; border-bottom:none; border-left:none; vertical-align:middle; text-align:center }
.table-dieta tr th {margin:10px; padding:5px; border-bottom:none; font-weight:normal; text-align:left}
.table-dieta tr td.none {margin:10px; padding:5px; border-bottom:none; border-left:none; vertical-align:middle; text-align: left; line-height:14px;}

.table-dieta tr.caption4 { background-image: url(../image/tlo_ta_belka1.png); background-repeat:no-repeat;  height:42px; text-align:center; color:#FFF; font-size:12px; }
.table-dieta tr.caption3 { background-image: url(../image/tlo_ta_belka2.gif); background-repeat:no-repeat;  height:30px; font-size:12px; }
.table-dieta tr.caption3 td.prawa{ border-right:solid 1px #e0c1aa;}
.table-dieta tr.caption5 {height:30px;}
.table-dieta tr.caption5 td{border-bottom:solid 1px #fde2cd; height:20px;}
.table-dieta tr td.prawa2{border-right:solid 1px #fde2cd; border-bottom:solid 1px #fde2cd;}
.table-dieta tr td.dol{border-bottom:solid 1px #fde2cd; text-align:left; line-height:14px;}

.table-logistyka td{border-right:1px solid #e0c1aa; border-left:0; border-bottom:1px solid #e0c1aa;}
.table-logistyka tr.caption6 { background-color:#f56c06; text-align:center; color:#FFF; font-size:12px; }
.table-logistyka tr.caption6 td{ height:40px;}
.table-logistyka tr.caption7 td.kolor{ background-color:#fde2cd; text-align:center; color:#FFF; font-size:12px; color:#7a7272;}

.dot {height:1px; background:url(../image/dot.png) repeat-x; clear:both; margin:15px 0}
.gory {float:right; font-size:11px; color:#f56c06; margin-top:7px; line-height:130%}
.wroc {float:left; font-size:11px; color:#f56c06; margin-top:7px; margin-left:10px; line-height:130%}
p {line-height:130%}

.fotka {float:right}

/*** dopisane ***/
#news{border-bottom:1px solid #eaeaea; padding:0 0 8px 0; margin:0 0 10px 26px;}
#news p{margin:0 0 0 0;}
#news p.tytul{ font-size:14px; font-weight:bold; margin:0 0 10px 0;}
#news p.tytul a{text-decoration: underline; color:#7a7272;}
#news p.tytul a:hover{text-decoration: none;}
#news .wiecej-news{ margin:5px 0 0 0;}
#news a{color:#f56c06; text-decoration:none;}
#news a:hover{text-decoration: underline;}

.prawa_kolumna .tresc .foto-tlo1{background-image:url(../image/tlo_fota_gora.gif); background-position:top; background-repeat:no-repeat; width:179px;}
.prawa_kolumna .tresc .foto-tlo2{background-image:url(../image/tlo_fota_dol.gif); background-position:bottom; background-repeat:no-repeat;}
.prawa_kolumna .tresc .foto-tlo2 .zdjecie2{border: 1px solid #FFF; margin:4px 5px 3px 4px;}