/* 
    Document   : main
    Created on : 2009-10-09, 08:51:40
    Author     : Wojciech Machniak
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*****Reset*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

/*****Basic Elements*****/

body { background: url('../images/bg.jpg') repeat-x #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;}
h1 {}
h2 { color: #1f285b; font-size: 14px; }
h3 { text-indent: -9999px; }
h4 {}
h5 {}
h6 {}
ol, ul { list-style: none; }
img { border: 0px; }
strong { font-weight: 100; }
.hidden { text-indent: -9999px; }

div#wrapper { margin: 0px auto 0px auto; text-align: left; width: 842px; }

/*****Top*****/

h1.hidden { text-indent: -9999px; }
img.logo { margin: 34px 0px 0px 42px; }
li.top1 { background: url('../images/top1.jpg') no-repeat 382px bottom; height: 143px; }
li.top2 { background: url('../images/top2.jpg') no-repeat; height: 104px; }
li.top3 { background: url('../images/top3.jpg') no-repeat 382px top; height: 31px; }
li.welders { background: url('../images/opakowania.jpg') no-repeat 23px top; margin: -13px 0px 0px 0px; }

/*****Content*****/

ul.products { margin: 38px 0px 0px 7px; width: 842px; }
ul.products li { background: url('../images/bg_p.jpg') no-repeat; float: left; height: 222px; margin: 0px 5px 0px 5px; width: 197px; }
ul.products li img { margin: 10px 0px 0px 10px; }

ul.description { margin: 17px 0px 0px 12px; width: 197px; }
ul.description li.arrow1 { background: none; height: auto; list-style: url('../images/arrow1.jpg'); }
ul.description li.arrow2 { background: none; color: #878787; height: auto; list-style: url('../images/arrow2.jpg'); }

img.metro { margin: 28px 0px 0px 35px; float: left; }
p.about { border-bottom: 1px solid #ededed; color: #383838; margin: 0px 0px 0px 0px; padding: 0px 10px 20px 10px; }
div#contact { background: url('../images/bg_ora.jpg') repeat-y right; float: left; width: 441px; height: 111px; }
p.right { color: #767676; float: right; padding: 25px 40px 0px 0px; text-align: right; }
div#catalog { float: left; margin: 20px 0px 0px 40px; }
div#opis { float: left; }
div#footer { background:url('../images/foot.jpg') repeat-x; float: left; height: 70px; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: 100%; }
div.rights { background: url('../images/copy.jpg') no-repeat 5px; margin: 30px auto; text-align: left; width: 842px; }