/*----- GLOBAL RESET -----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a,u{text-decoration:none;}


body {color: #44484A; font: normal 12px Arial, Tahoma, Verdana;
   background: #272727 url(./images/tlo.jpg) repeat-x; }

a { color: #A0A0A0; text-decoration: none;}
a:hover { color: #A0A0A0; font-weight: bold; text-decoration: none;}

div {display: block; }


h1 {margin: 11px 0 0 20px; color: #F2F2F2; font: bold 12px Arial, Tahoma, Verdana;}

h2 {padding: 10px 0 10px 0; font: bold 14px Arial, Tahoma, Verdana;}

#newsy h2 {padding: 10px 0 4px 0; font: bold 14px Arial, Tahoma, Verdana;}

h3 {clear: left; font: bold 16px Arial, Tahoma, Verdana;
   font-weight: bold;}

br {clear: both;}

p {padding: 10px 0 10px 0;}

table { font: normal 12px Arial, Tahoma, Verdana;}

td {padding: 2px 4px 2px 4px;}

.form {background: #D9D9D9; padding: 2px;}

.left {float: left;}
.center  {text-align: center;}
.right {text-align: right;}

span.wazne {color: maroon; font: bold 14px Arial, Tahoma, Verdana;}


#iefix { text-align:center; }

#glowny { width: 778px; margin: auto;}


/* gora */

#gora { width: 778px; height: 333px; margin: auto; float: left;  }

#tribal1 { width: 203px; height: 338px; float: left;
           background: url(./images/tribal1.jpg); }

#tribal2 { width: 575px; height: 338px; float: right; }

#tribal3 { width: 183px; height: 138px; float: left;
          text-align: left; padding: 200px 0 0 20px; }

/*lewa */


#lewa { width: 203px; float: left; background: url(./images/lewa.jpg) repeat-x;
        text-align: left; color: #A0A0A0;}

#lewa div.menu {padding: 10px 0 0 22px; text-align: left;}

#lewa div.menu ul {padding: 2px 2px 2px 16px;}

#lewa div.menu li {padding: 1px; list-style-type: none;}

#lewa div.menu ul ul li {padding: 1px; margin: 0 0 0 10px; list-style-type: circle;}


/* prawa */

#prawa {  float: right; width: 575px; }


#tytul {  float: right; width: 575px; height: 53px; background: url(./images/tytul.jpg);
        text-align: left; }

#tresc {float: right; width: 575px; text-align: left; background: url(./images/prawa.jpg);}

#tresc2 { text-align: left; padding: 0 12px 0 14px; margin: 0 26px 0 5px;
           background: #F1F1F1 url(./images/tresc.jpg) repeat-x;}

#tresc2 ul { list-style-position: inside ; margin: 0 0 0 14px;}

#tresc2 li {clear: left; list-style-position: outside; margin: 0 0 0 14px;}

/* produkty */

#produkty {width: 100%; text-align; center;}

#produkty div.produkt {  float: left; text-align: center;  width: 156px;  height: 280px; padding-bottom: 10px; margin: 0 6px 10px 5px;
                     border: 1px dotted #ABABAB; background: url(./images/produkt.jpg);}

#produkty h2 {padding: 20px 0 10px 0; color: #6F100F; font: bold 14px Arial, Tahoma, Verdana;}

#produkty img { margin: 10px 0 0 0; border: 1px solid #DCDCDC; }

#produkty div.podzial {clear: left; width: 100%; text-align: center; }

/* newsy */

div.news {padding:  0 0 20px 0; clear: left; width: 100%;}
div.news  img {float: right; padding: 2px; margin: 2px 6px 6px 2px;  border: 1px solid #DCDCDC; text-align: left;}

div.linia { background: url(./images/linia.jpg) repeat-x;
          height: 4px; width: 100%;}

div.wiecej { clear: left; text-align: right; width: 100%;}

/* opis produktu */

div.kategoria {padding: 10px 0 10px 0;}

td.produkt_l {  width: 140px; text-align: center;}
td.produkt_l img {margin: 10px 0 0 0; border: 1px solid #DCDCDC; }

td.produkt_p {  width: 378px; text-align: left; }

h3, h3.promocja, h3.skreslony {margin: 0 0 16px 0; color: #44484A; font: bold 14px Verdana, Arial, Tahoma;}

h3.promocja {color: maroon;}
h3.skreslony {text-decoration: line-through;}

div.cena_i_opis { float: left; margin: 20px 0 0 6px; }
div.zamawiam {float: right; padding: 20px 44px 0 0; text-align: center; }
div.zamawiam2 {float: right; padding: 20px 10px 0 0; text-align: right; }
div.ceny  {margin-right: 15px;}

div.zamawiam img {margin: 6px 0 0 0;}
div.zamawiam input  {margin: 0 0 0 4px;}

div.tresc3, div.tresc3b  { width: 350px;  padding: 30px 0 0 12px; text-align: left;  }
div.tresc3b {padding: 10px 0 0 12px; }

div.tresc3 h3 {padding: 10px 0 0 0;}

/* galeria */

td.galeria1, td.galeria2 {width: 240px;}

#tresc2 div.galeria img { padding: 2px; margin: 2px 6px 6px 2px;  border: 1px solid #DCDCDC; text-align: left;}


/* dol */

#dol {  float: right; width: 575px; height: 11px; background: url(./images/dol.jpg) repeat-x;}

/* do api */

table.list {width:100%;}
.ikona {width:30px;}
.wartosc {width:100px;}
td.order {text-align: right;}

ul.gallery-list {float:left;list-style:none;display:inline;width:200px;}

/* RADI ART */
div#radiart {float: right; width: 400px; text-align: right; margin: 0 0 45px 0; }
div#radiart_tresc { padding: 4px 30px 0 0; font-size: 8pt;}
div#radiart_tresc  a { color: #A0A0A0; text-decoration: none;}
div#radiart_tresc  a:hover { color: #ECECEC; text-decoration: underline; font-weight: normal;}