body {
    color: gray;/*#bc8f8f;*/
    background: #f9f9f7 url('../gfx/background.gif') top left repeat-x;
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

a, img {border: 0; text-decoration: none; color: gray;}

a:hover {text-decoration: underline;}

img.png {
    border: 0;
    behavior: url(http://artpromo.com.pl/js/iepngfix.htc);
}

 ul.nav {
            list-style:none;
            margin:0;
            padding:0;
        }
        ul.nav li {
            float:left;
            width:100px;
            margin:0;
            padding:0;
            text-align:center;
        }
        ul.nav li a {
            display:block;
            padding:5px;
            height:100%;
            color:#cdcdcd;
            text-decoration:none;
            margin-right:3px;
            border-bottom:5px solid #cdcdcd;
            background:url('../gfx/bg.jpg') repeat 0 0;
        }
        ul.nav li a:hover {
            background-position:0 -200px;
            color:#ffffff;
            text-decoration:none;
            border-bottom:5px solid #198cb0;
        }        

h2.symbol {
    font-size: 14px;
}

span.caption {    
    text-align: right;
}

.text {
    text-align: justify;    
    font-size: 12px;
}

.text:first-line {
    font-size: 14px;
    font-weight: bold;
}

.text:first-letter { 
    font-size: 16px;
    font-family: georgia, serif;
    font-weight: bold;
}

.indent {margin: 0 20px 20px 20px;}

.layout {width:760px; min-heightheight: 400px}

.layout .text {float: right;  width: 450px; height: 288px; padding: 0 30px 20px 0;}

.kontakt{
    padding: 10px;
}

img.inline {display: inline; float: left;}

#content{
    display: block;
    text-align: left;
    background: #fff !important;
    border: 1px solid rgb(88,88,88);
    width: 760px;
    margin: 0 auto 0 auto;
}

#headline {
    background: rgb(88,88,88);
    color: #fff;
    padding:0;
    border:0;
    height:130px;
    width: 760px;
}

#headline a {
    color: #fff;
}

#menu {
    width: 760px;
    background: url('../gfx/menu_hr.gif') top left repeat-x;
}

.menu_item {
    display: block;
    float: left;    
    padding:0;
    border:0;
    height:50px;
    width: 98px;
}

.menu_item a {
    color: gray;
}

div.menu {margin: 0 0 0 35px;}

table.zdjecie_lista {margin: 0 0 20px 0;}
table.zdjecie_lista td {padding: 0 0 0 35px;}
table.zdjecie_lista th {padding: 0 0 0 35px;}

a.link_print {margin: 0 0 0 35px;}

.width {margin: 0 0 0 35px;}

.left {float: left;}

.right {float: right;}

.clear {clear:both;}

.zdjecie_lista_wiersz td {border-bottom: 1px solid lightgray; padding: 5px 0 5px 0; margin: 0;}

/* strona glonwa */

#first_row {width:760px; text-align: center;}

#samo_srebro {float: left; margin: 0 0 0 25px; border: 1px solid rgb(88,88,88); text-align: right;}

#z_bursztynem {float: left; margin: 0 0 0 80px; border: 1px solid rgb(88,88,88); text-align: right;}

#z_cyrkonia {float: right; margin: 0 25px 0 0px; border: 1px solid rgb(88,88,88); text-align: right;}

#secon_row {width:760px; text-align: center;}

#z_kamieniem {float: left; margin: 0 0 0 25px; border: 1px solid rgb(88,88,88); text-align: right;}

#z_hebanem {float: left; margin: 0 0 0 80px; border: 1px solid rgb(88,88,88); text-align: right;}    

#autorska {float: right; margin: 0 25px 0 0px; border: 1px solid rgb(88,88,88); text-align: right;}

#dla_hurtownikow {float: left; margin: 0 0 0 125px; border: 1px solid rgb(88,88,88);}

#dla_detalistow {float: left; margin: 0 0 0 80px; border: 1px solid rgb(88,88,88);}

.intro { margin: 10px auto; width: 710px; text-align: justify; }

/* formularze */
div.login {margin: 0 0 250px 0;}
h1 {margin: 0 0 0 25px;}
fieldset.login_fieldset {border: 1px solid rgb(88,88,88); width: 300px; padding: 5px; margin: 0 0 0 25px;}
label.login_label {float: left;}
input.login_input {float: right;}
input.login_submit {float: right;}

#edycja_zdjecia table td textarea {height: 140px !important;}

.register {color: gray; margin: 0 0 0 25px;}

label {
    display: block;
    float: left;
    width: 130px;
}

input.invalid {
    background-color: #ff9;
    border: 1px red inset;
}

#register {
    margin: 0 0 0 35px;
}
       
.alert {margin: 20px 0 20px 35px; color: red;}
       
/* google map*/
#map {
    border-top: 1px solid rgb(88,88,88);
    width: 760px;
    height: 400px;
}

/* produkty */
td.material{padding-right: 10px !important;}

/* linki kategorii */
#menu_kategorie {margin-bottom: 10px}
#menu_kategorie a {padding: 0 3px 0 2px;}
