body {

    background-color:black;
    color:white;

    margin: 0 auto;
    width: 100%;

    background-image:url(../img/layout/lewa.jpg);
    background-repeat:repeat-x;
    background-position:right top;
    font:13px verdana;

 }

 #granit_main {

    width: 780px;
    text-align:left;

 }

 #granit_menu {

    width: 216px;
    float:left;

 }

 #granit_marmur {

    padding-top:10px;
    text-align:center;

 }

 #granit_oferta {

    background-image:url(../img/layout/gora.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    padding-top:100px;
    margin-right:100px;

    float:right;
    width: 464px;
 }

 #granit_oferta h1 {
    font-size:16px;
    margin:0px;
    margin-top:8px;
    margin-bottom:10px;
 }

 #granit_oferta h1 a {
    text-decoration:none;
    color:white;
 }

 #granit_oferta h2 {
    font-size:14px;
    font-weight:bold;
 }

 #granit_oferta a {
    color: yellow;
    text-decoration:none;
 }

 #granit_oferta a:hover {
    color: red;
    text-decoration:underline;
 }

 #granit_oferta img {
    border:1px solid black;
    padding:1px;
    margin:4px;
 }

 #granit_oferta img:hover {
    border:1px dotted white;
 }

 #granit_oferta li b{
    font-weight:normal;
 }

 #granit_oferta .desc {
    font-weight:bold;
    color:white;
    padding:2px;
    text-align:center;
    background-color:#808080;
 }

 #granit_oferta .desc a {
    color:white;
 }

 #granit_oferta .desc a:hover {
    color:darkblue;
    text-decoration:none;
 }

 #stopka {
    background:#C4CABA;
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
    color:black;
    padding:5px;
    font-size:11px;
    background-image:url(../img/layout/bgcopy.jpg);
    background-repeat:repeat-x;
    background-position:left top;
 }

 #stopka ul {
    margin:0px;
    padding-left:15px;
 }

 #stopka a {
    text-decoration:none;
    color:darkred;
 }

 #stopka a:hover {
    text-decoration:underline;
    color:red;
 }

 #stopka li {
    list-style:none;
 }

 #menu_top { float:right; margin-right:11px;}
 #menu_top ul#navlist { font-family: arial; font-size:11px; }
 #menu_top ul#navlist a { font-weight: normal; text-decoration: none; }
 #menu_top ul#navlist, ul#navlist ul, ul#navlist li { margin: 0px; padding: 0px; list-style-type: none; }
 #menu_top ul#navlist li { float: left; }
 #menu_top ul#navlist li a { color: #ffffff; background-color: #9a9e90; padding: 2px; padding-left:5px; padding-right:5px; border-left: 1px #333333 solid; }
 #menu_top ul#navlist li a:hover { color: #ffff00; background-color: #333333; }
 #menu_top ul#navlist li a:active { color: #cccccc; background-color: #003366; border-left: 1px #ffffff inset; }

 #menu_top ul#subnavlist1 { display: none; }
 #menu_top ul#subnavlist1 li { float: none; }
 #menu_top ul#subnavlist1 li a { padding: 0px; margin: 0px; }
 #menu_top ul#navlist li:hover ul#subnavlist1 { display: block; position: absolute; font-size: 8pt; padding-top: 5px; }
 #menu_top ul#navlist li:hover ul#subnavlist1 li a { display: block; width: 12em; border: none; padding: 2px; }
 #menu_top ul#navlist li:hover ul#subnavlist1 li a:before { content: "   - "; }

 #menu_top ul#subnavlist2 { display: none; }
 #menu_top ul#subnavlist2 li { float: none; }
 #menu_top ul#subnavlist2 li a { padding: 0px; margin: 0px; }
 #menu_top ul#navlist li:hover ul#subnavlist2 { display: block; position: absolute; font-size: 8pt; padding-top: 5px; }
 #menu_top ul#navlist li:hover ul#subnavlist2 li a { display: block; width: 12em; border: none; padding: 2px; }
 #menu_top ul#navlist li:hover ul#subnavlist2 li a:before { content: "   - "; }