@CHARSET "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,
tfoot,thead,tr,th,td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/*---------style ogolne---------------------*/
body {background-color: #020B1A;font-family: Tahoma;text-align: center;margin: auto;}
a {color: red;font-size: .9em;text-decoration: none;}
p {color: white}
a:hover {color: green;}
h1 {margin: 0;padding: .2em;font-size: 1.2em;font-weight: normal;font-family: 'Trebuchet MS';border-bottom: 1px solid #ccc;}
ol,ul {list-style: none;}
.clearfix {clear: both;height: 1px;font-size: 1px;line-height: 1px;display:block;}
.clear{clear:both;}
/*------------------------------------------*/
/*--------bloki-----------------------------*/
#page_body {margin: 50px auto 0 auto;width: auto;height: auto;background: url('../../../graf/bg.gif') repeat-x 0px 0px;padding-bottom:130px;}
#center {width: 868px;height: auto;border-left: 1px solid #3f3f3f;border-right: 1px solid #3f3f3f;background-color: #000;background: url(../graf/lewa_2.jpg) bottom left no-repeat #000;margin: 0 auto 0 auto;}
#center_gastronomia{width: 868px;height: auto;border-left: 1px solid #3f3f3f;border-right: 1px solid #3f3f3f;background-color: #000;background: url(../../../graf/lewa_1.jpg) bottom left no-repeat #000;margin: 0 auto 0 auto;}
#glowna {width: 560px;height: auto;min-height:410px;float: right;display: inline;padding-bottom: 30px;}
/*------------------------------------------*/
/*-------BELKA------------------------------*/
#belka {width: 870px;height: 34px;background: url('../../../graf/belka_bg.gif') no-repeat bottom;padding-top: 57px;margin: 0 auto 0 auto;color: white;font-size: 0.75em;}
#belka a {color: white;font-size: 1em;padding: 0;margin: 0;}
#belka a:hover {text-decoration: underline;}
/*------------------------------------------*/
/*-------MENI-------------------------------*/
#meni {width: 290px;height: auto;float: left;display: inline;text-align:left;}
#meni div#glowne_start{text-align:left;margin-left:0;}
#meni div.glowne {height: auto;width: 202px;margin: 0px auto 20px auto;}
#meni div.glowne div#top {width: inherit;height: 7px;background: url('../../../graf/meni_top.gif') no-repeat;font-size:1px;}
#meni div.glowne div#middle {padding: 5px 0px 10px 0px;width: 200px;height:auto;border-left: 1px solid #4d4d4d;border-right: 1px solid #4d4d4d;background: #000;text-align: left;}
#meni div.glowne div#middle a.kategorii1 {display: block;padding-left: 10px;width: 189px;line-height: 20px;height: 20px;color: white;font-size: 0.8em;font-weight: bold;backgroud: #000;}
#meni div.glowne div#middle a.kategorii1:hover {background: #202020;}
#meni div.glowne div#middle a.kategorii1 img {padding-right: 5px;}
#meni div.glowne div#middle a.kategorii2 {display: block;padding-left: 25px;width: 174px;line-height: 20px;height: 20px;color: white;font-size: 0.8em;backgroud: #000;}
#meni div.glowne div#middle a.kategorii2:hover {background: #202020;color:#9F87F9;}
#meni div.glowne div#middle ol.kategorii2 {padding: 5px 0 5px 0;}
#meni div.glowne div#middle ol.kategorii2 li a#wyzej{padding: 0 0 0 5px;border-top:1px solid #222;border-bottom:1px solid #222;background:#111;}
#meni div.glowne div#middle ol.kategorii2 li a {display: block;line-height: 20px;height: 20px;color: #ccc;font-size: 0.7em;backgroud: #000;}
#meni div.glowne div#middle ol.kategorii2 li a img{padding:2px 3px 1px 0;}
#meni div.glowne div#middle ol.kategorii2 li a:hover {background: #202020;color:#9F87F9;}
/*------KOSZYK------------------------------*/
#meni div.glowne div#middle a.koszyk_title {background:black;color:white;margin:-20px 0 0 10px;padding-left:5px;width:40px;font-size:0.8em;display:block;position: relative;z-index:10;}
#meni div.glowne div#middle a.kategorie_title {background:black;color:white;margin:-20px 0 0 10px;padding-left:5px;width:58px;font-size:0.8em;display:block;position: relative;z-index:10;}
#meni div.glowne div#middle div#koszyk{font-size:1em;height:auto;padding-top:10px;color:#999;}
#meni div.glowne div#bottom {width: inherit;height: 7px;background: url('../../../graf/meni_bottom.gif') no-repeat;font-size:1px;}
ol.koszyk_sr { border:none;margin:0;padding:0;width:200px;height:auto;}
ol.koszyk_sr a{color:white;font-weight:bold;}
ol.koszyk_sr li{padding:5px; font-size:.8em;text-align:center}
ol.koszyk_sr li.line table{width:100%;font-size:1em;clear:both;}
ol.koszyk_sr li.line table tr th{text-align:left;margin-bottom:2px; padding:1px 1px 1px 5px;color:white;font-weight:bold;}
ol.koszyk_sr li.line table tr td {text-align:left;padding:1px 1px 1px 5px; border-bottom: 1px solid #333; color:#ccc;}
ol.koszyk_sr li.line table tfoot tr td.cloritas{padding:2px 5px 2px 2px;color:#ccc; text-align:right;font-size:0.9em; font-weight:bold; background-color:#111;}
ol.koszyk_sr li.line table tfoot tr td{padding:.2em .1em;color:#ccc; text-align:right; font-weight:normal; background-color:transparent;}
ol.koszyk_sr li.line ol {clear:both}
ol.koszyk_sr li.line {clear:both;}
ol.koszyk_sr ol.buttony li{float:right;padding:2px;margin:2px; background:#333;border:none;}
ol.koszyk_sr ol.buttony li a{clear:both;color:#fff;}
/*------------------------------------------*/
/*-------BANER------------------------------*/
#baner {height: auto;width: auto;margin: 0;text-align: left;}
/*------------------------------------------*/
/*-------CONTENT----------------------------*/
#content {height: auto;width: auto;padding-top: 10px;}
#content div#title h1 {float: left;width: 400px;color: #fff;text-align: left;padding: 0 0 15px 30px;font-size: 0.8em;font-weight: bold;border: none;}
#content a#do_koszyka {height: 27px;width: 26px;float: right;background: url('../../../graf/do_koszyka.gif') no-repeat;margin-right: 50px;}
#content p.text {clear: both;font-size: 11px;color: #ccc;padding: 0 30px 0 30px;text-align: left;line-height: 18px;}
#content p.text1 {clear: both;font-size: 11px;color: #ccc;padding: 10px 30px 0 30px;text-align: left;line-height: 18px;}
#content p.text span.bold {font-weight: bold;padding: right : 2px;}
#content div#galeria {padding: 10px 0 10px 0}
#content div#cena {float: right;padding: 0 50px 10px 0;height: 32px;width: 103px;background: url('../../../graf/cena.gif') no-repeat;color: #3333FF;font-size: 1.1em;line-height: 30px;text-align: center;}
/*------------------------------------------*/
/*-------STOPKA-----------------------------*/
#stopka {height: 53px;margin: auto;width: 870px;background: url(../../../graf/stopka_chlodnictwo.png) no-repeat;}
#stopka div#stopka_left {float: left;margin: 37px 0 0 30px;color: white;font-size: 0.7em;width: 300px;text-align: left;}
#stopka div#stopka_right {float: right;margin: 37px 30px 0 0;color: white;font-size: 0.7em;text-align: right;width: 300px;}
#stopka div#stopka_right a {color: white;font-size: 1em;padding: 0;margin: 0;}
#stopka div#stopka_right a:hover {text-decoration: underline;}
/*------------------------------------------*/
/*-------MENI O FIRMIE---------------------------*/
#stopka_start div.reklama{display:block;position:relative;z-index:10;height:auto;margin:-50px auto 12px auto;width:780px;color:white;text-align:left;padding:0 0px 0 0;}
#stopka_start div.reklama div.reklama_haslo{float:left;line-height:20px;font-size:16px;padding-left:55px;font-family:Tahoma; color:#3E76CD;}
#stopka_start div.reklama div.reklama_left{height:35px;width:250px;display:inline;float:left;margin:0;line-height:35px;}
#meni div#o_firmie{padding-left:20px;border:1px solid black;}
#center{width:868px;height:auto;border-left:1px solid #3f3f3f;border-right:1px solid #3f3f3f;background-color:#000;background:url(../graf/lewa_1.jpg)bottom left no-repeat #000; margin:0 auto 0 auto;}
/*-------STOPKA START-----------------------------*/
#stopka_start{height:20px;margin:auto;width:870px;background:url(../../graf/start/stopka_start.png) no-repeat;}
#stopka_start div#stopka_left{float:left;margin:0px 0 0 30px;color:white;font-size:0.7em;width:300px;text-align:left;}
#stopka_start div#stopka_right{float:right;margin:0px 30px 0 0 ;color:white;font-size:0.7em;text-align:right;width:300px;}
#stopka_start div#stopka_right a{color:white;font-size:1em; padding:0;margin:0;}
#stopka_start div#stopka_right a:hover{text-decoration:underline;}
/*------------------------------------------*/
/*-------STOPKA SKLEP 1 (gastronomia)-------*/
#stopka_sklep_1{height:20px;margin:auto;width:870px;background:none;margin-bottom:50px;}
#stopka_sklep_1 div#stopka_left{float:left;margin:0px 0 0 30px;color:white;font-size:0.7em;width:300px;text-align:left;}
#stopka_sklep_1 div#stopka_right{float:right;margin:0px 30px 0 0 ;color:white;font-size:0.7em;text-align:right;width:300px;}
#stopka_sklep_1 div#stopka_right a{color:white;font-size:1em; padding:0;margin:0;}
#stopka_sklep_1 div#stopka_right a:hover{text-decoration:underline;}
/*------------------------------------------*/
/*-------MENI O FIRMIE---------------------------*/
#meni div#serwis{padding-left:20px;padding-top:50px;}
#center{width:868px;height:auto;border-left:1px solid #3f3f3f;border-right:1px solid #3f3f3f;background-color:#000;background:url(../graf/lewa_1.jpg)bottom left no-repeat #000; margin:0 auto 0 auto;}
/*-------MENI AKTUALNOSCI---------------------------*/
#meni div#aktualnosci{padding-left:20px;padding-top:50px;}
#center{width:868px;height:auto;border-left:1px solid #3f3f3f;border-right:1px solid #3f3f3f;background-color:#000;background:url(../graf/lewa_1.jpg)bottom left no-repeat #000; margin:0 auto 0 auto;}
/*-------KONTAKT------------------------------------*/
#meni div#mapka{margin:30px 0 0 50px;height:200px;width:230px;position: relative;z-index:10;}
#meni div#kontakt{height:auto;width:222px;margin-left:20px;margin-top:-50px;padding-bottom:20px;}
#meni div#kontakt div#top_kontakt{height:11px; width:222px;font-size:1px;background:url('../../../graf/kontakt_top.gif') no-repeat;}
#meni div#kontakt div#middle_kontakt{border-left:1px solid #2E2E2E;border-right:1px solid #2E2E2E;width:220px;height:auto;background:#000;}
#meni div#kontakt div#bottom_kontakt{height:11px; width:222px;font-size:1px;background:url('../../../graf/kontakt_bottom.gif') no-repeat;}
#meni div#kontakt div#middle_kontakt p.title_blue{color:#3651F9; font-size:1.3em; padding-top:50px;text-align:left;padding-left:50px;}
#meni div#kontakt div#middle_kontakt p.text{ color:white;font-size:0.8em;text-align:left;padding-left:50px;padding-top:5px;}
#meni div#kontakt div#middle_kontakt p.text1{ color:#ccc;font-size:0.7em;text-align:left;padding-left:50px;padding-top:10px;}
#content div#content_left{float:left;height:auto;width:300px;text-align:left;padding-left:30px;}
#content div#content_left p.content_text{color:#ccc;font-size:0.8em;padding-top:15px;}
#content div#content_left p{padding-top:10px;}
#content div#content_left p .input{color:#ccc;font-size:0.8em;border:1px solid #545454;background:#101010;padding:2px;width:240px;}
#content div#content_left p textarea{height:95px;color:#ccc;font-size:0.8em;font-family: Tahoma;border:1px solid #545454;background:#101010;padding:2px;width:240px;}
#content div#content_left p .send{background:url('../../../graf/buttons/send.gif') no-repeat; border:none;height:27px;width:130px;cursor:pointer;}
#content div#content_right{float:right;height:250px;width:150px;margin-right:40px;}
/*-------LOGUJ----------------------------------------*/
div.loguj{position:absolute;z-index:20;height:auto;background:#000; border: 1px solid #222; -moz-border-radius: 5px; padding:0px 2px 0px 2px; margin-left:355px; width:200px; text-align:left;}
div.loguj ol li.loguje label{color:#ccc;font-size:0.9em;}
div.loguj ol li.loguje input{background:#222;border:none;padding:2px 2px 2px 2px;color:#ccc;font-size:0.9em;width:135px;}
div.loguj input.zaloguj{color:black;}
div.loguj ol.butons {padding-top:5px;padding-left:44px;}
div.loguj a.rozwin{color:#ccc;font-size:0.9em;padding-left:5px;display:block;width:194px;height:25px;line-height:25px;}
div.loguj a.rozwin:hover{color:#fff;}
div.loguj div.prawy{color:#ccc;padding:10px 5px 10px 5px; text-align:right;font-size:0.9em;line-height:20px;}
div.loguj div.prawy div.powitanie strong{font-weight:bold;color:#fff}
div.loguj div.prawy a.panel{color:#ccc;text-decoration:underline;}
div.loguj div.prawy a.panel:hover{color:#fff;text-decoration:none;}
/*-----ARTYKULY LISTA USER-----*/
#artykuly_lista{width:540px; margin-left:5px;}
#artykuly_lista .ramka{border:1px solid #333; background: #000; padding:1px 1px 1px 1px; margin-bottom:15px;-moz-border-radius: 5px;}
#artykuly_lista #ramka{border:1px solid #333; background:#000; -moz-border-radius: 5px;padding:1px 1px 1px 1px; margin-bottom:15px;}
#artykuly_lista .sklep_box{height:90px}
#artykuly_lista .sklep_box ol li {float:left;padding:15px}
#artykuly_lista .sklep_box ol li.add_new {float:right;padding:15px}
#artykuly_lista .sklep_box ol li.opis {width:280px;font-size:.8em}
#artykuly_lista div.nawigacja{padding:10px;height:20px; background: #fff;}
#artykuly_lista div.nawigacja ol li.sciezka{float:left;margin:0;padding:0;}
#artykuly_lista div.nawigacja ol li.sciezka a{color:#666;font-size:.8em;}
#artykuly_lista div.nawigacja ol li.sciezka a.expand{color:black;font-size:1em;}
#artykuly_lista div.nawigacja ol li font.strzalka{float:left; font-size:.8em;padding-left:5px;padding-right:5px;padding-top:3px;}
#artykuly_lista div.search{height:165px; width:765px; background: url("../../../../system/graf/wyszukiwarka_tlo.jpg");}
#artykuly_lista div.search ol { margin:15px 15px 15px 0px; margin-bottom:2px;}
#artykuly_lista div.search ol li.line{clear:both; width:600px}
#artykuly_lista div.search ol li label{}
#artykuly_lista div.search li.kategoria {text-align:right;width:120px;float:left; padding:0 5px 0 0;; margin:0; margin-top:5px; color: #776d64; font-size:.75em;}
#artykuly_lista div.search li.inputy {width:120px; float:left; padding:0 ; margin:0; margin-top:5px; color: #776d64; font-size:.75em;}
#artykuly_lista div.search li.inputy input {background-color: #e0dcdb; border:none; color: black;width:120px;}
#artykuly_lista div.search li.inputy select {background-color: #e0dcdb; border:none; color: #776d64;width:120px;}
#artykuly_lista div.search_button{clear:both; padding:5px; text-align:right;width:240px;}
#artykuly_lista div.search div.left {float:left; width:500px;}
#artykuly_lista div.search div.right {float:left; width:150px; margin-left:0px;}
#artykuly_lista div.search div.right li.kategoria{width:80px;}
#artykuly_lista div.sortowanie {background:#000;; width:540px; height:30px; padding:2px 0 5px 0px; clear:both; color: #ccc;}
#artykuly_lista div.sortowanie ol {clear:both; padding:0; margin:0;}
#artykuly_lista div.sortowanie li.kategoria {float:left; text-align:right; width:75px; height:22px; font-size:0.7em;color: #ccc;padding:8px 5px 0 10px;}
#artykuly_lista div.sortowanie li.inputy {float:left; width:85px; height:22px; padding-top:5px; font-size:1.0em; color: #ccc; }
#artykuly_lista div.sortowanie li.inputy select {background-color: #fff; border: #e0dcdb 1px solid; color:black; }
#artykuly_lista div.sortowanie li.inputy2 {float:left; width:65px; height:22px; padding-top:5px; font-size:1.0em; color: #ccc; }
#artykuly_lista div.sortowanie li.inputy2 select {background-color: #fff; border: #e0dcdb 1px solid; color:black; }
#artykuly_lista div.sortowanie li.inputy3 {float:left; width:60px; height:22px; padding-top:3px; font-size:1.0em; color: #ccc; }
#artykuly_lista div.sortowanie li.inputy3 input{float:left; width:50px; height:22px; padding-top:3px; font-size:1.0em; color: #ccc; }
#artykuly_lista div.sortowanie li.inputy3 select {background-color: #fff; border: #e0dcdb 1px solid; color: #ccc; }
#artykuly_lista div.sortowanie div.lewa { float:left;}
#artykuly_lista div.sortowanie div.prawa { float:left;}
/*buttons*/
.button_filtr{ background:none;color:#ccc;height:17px;border:none;line-height:17px;font-size:10px;padding-bottom:2px;cursor:pointer;}
p#click{color:#bbb;font-size:16px;}
div#clicked{height:20px;}
div.linki{text-align:left;padding:5px 0 0 20px;color:#ccc;font-size:12px;}
div.linki a{color:#555;font-size:12px;}
div.linki a:hover{color:#fff;font-size:12px;}
div.linki a.on{color:#fff;font-size:13px;}
div.linki a.on:hover{color:#fff;font-size:13px;}