body {
    padding:0px;
    margin:0;
    background:#c4c4c4;
    font-size:0.9em;
    font-family: Arial, Sans, Helvatica;
    color:#7d7b7b;
  }


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


a {
    color:#99c000;
    text-decoration:underline;
  }


a:hover {
    color:#99c000;
    text-decoration: none;
  }


h2 {
    color : #99c000;
    font-size : 1.2em;
    font-weight : bold;
  }


.h2 {
    color : #99c000;
    font-size : 1.3em;
    font-weight : bold;
  }


.tit {
    color: #666;
    font-size: 70%;
    font-weight: bold;
    letter-spacing: -1px;
  }


.grey {
    color: #999;
  }


#header {
    width: 100%;
    background: #424241;
  }


#top {
    width: 990px;
    height:26px;
    margin:auto;
    background:#565655;
    border-left: 6px solid #6f6f6f;
    border-right: 6px solid #6f6f6f;
    font-size: 13px;
    line-height: 22px;
  }


#top a {
    color: #7d7d7d;
    font-variant: small-caps;
    padding-left:20px;
    text-decoration: none;
  }


#top a:hover {
    color:#99c000;
  }


#middle {
    background: #fff url(gfx/bg_hed_li.gif) top left repeat-x;
    height: 300px;
    width:1002px;
    margin:0 auto;
  }


#logo {
    margin-left: 40px;
    float:left;
    display:inline;
    width: 251px;
    height:44px;
    margin-top: 130px;
    background: url(gfx/logo.gif) no-repeat left bottom;
  }


#house {
    margin-left: 50px;
    padding-top: 10px;
    float:left;
    display: inline;
    width: 375px;
    height: 255px;
    background: url(gfx/bg_header.jpg) no-repeat left bottom;
  }


#menu {
    margin-top: 60px;
    float: right;
    display: inline;
    margin-right: 50px;
    width: 200px;
  }


#menu ul {
    list-style: none;
    padding:0px;
    margin:0px;
  }


#menu li {
    background: url(gfx/list_style.gif) no-repeat left bottom;
    border-bottom: 1px dotted #95bd00;
    font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
    color: #333;
    padding-left: 15px;
  }


#menu a {
	line-height: 10px;
    width: 100%;
    height: 20px;
    padding: 10px 0px 5px 6px;
    display: block;
    color: #333;
    text-decoration: none;
  }


#menu a:hover {
    display: block;
    color: #95bd00;
    padding: 10px 3px 5px 3px;
    text-decoration: none;
  }


#content {
    width:1002px;
    margin:0 auto;
    padding:0px;
    padding-bottom:20px;
    background: #ffffff;
    height:auto;
    border-top: 8px solid #b2b2b2;
    border-bottom: 6px solid #b2b2b2;
    overflow: hidden;
  }


#shibumi {
    width: 705px;
    height: 200px;
    margin: 2px 11px;
    padding: 1px 0;
    border-left: 1px solid #111;
    background: #494848 url(http://shibumi.pl/gfx/floral_bg2.gif) repeat-x 210px bottom;
	position:relative;
	overflow:hidden;
  }
#shibumi p{
text-align:center;
padding-top:50px;
padding-right:280px;
color:#f2f4f2;
}
#rightBox {
    float:right;
    display:inline;
    width:280px;
    padding:20px;
    padding-top:10px;
    background: #222 url(http://shibumi.pl/gfx/right_bg.gif) no-repeat -27px -12px;
    border:1px solid #111;
  }

#oferta {
    list-style-type:none;
    margin:0;
    padding:0;
    margin-bottom:30px;
  }


#oferta li {
    color:#f2f4f2;
    padding-left:45px;
    padding-top:4px;
    height:40px;
    background: url(http://shibumi.pl/gfx/list_style.gif) no-repeat left;
  }


#oferta li .small {
    font-size:80%;
    color:#bdb3a7;
  }
#logo2 {
    background: url(http://shibumi.pl/gfx/shibumi_logo2.gif) no-repeat;
    width: 240px;
    height: 52px;
    margin-left: 20px;
    margin-top: 15px;
  }

.CatBox {
width: 233px;
float:left;
display: inline;
border: 1px solid #ddd;
margin:1px;
margin-bottom: 20px;
}
#roof{
width: 233px;
height: 210px;
background: #aaa url(gfx/roof.jpg) no-repeat 6px 5px;
}
#city {
width: 233px;
height: 210px;
background: #aaa url(gfx/city.jpg) no-repeat 6px 5px;
}
#grass {
width: 233px;
height: 210px;
background: #aaa url(gfx/grass.jpg) no-repeat 6px 5px;
}

#roof_big{
width: 680px;
margin-left:40px;
margin-right:20px;
height: auto !important;
height: 220px; /*ie*/
min-height: 220px;
background: #eee url(gfx/roof_big.jpg) no-repeat 360px 5px;
border: 1px solid #ccc;
font-size: 90%;
}

#city_big {
width: 680px;
margin-left:40px;
margin-right:20px;
height: auto !important;
height: 220px; /*ie*/
min-height: 220px;
background: #eee url(gfx/city_big.jpg) no-repeat 360px 5px;
border: 1px solid #ccc;
font-size: 90%;
}
#grass_big {
width: 680px;
margin-left:40px;
margin-right:20px;
height: auto !important;
height: 220px; /*ie*/
min-height: 220px;
background: #eee url(gfx/grass_big.jpg) no-repeat 360px 5px;
border: 1px solid #ccc;
font-size: 90%;
}

#roof_big h3, #city_big h3, #grass_big h3 {
margin:10px;
}
#roof_big p, #city_big p, #grass_big p {
padding:5px;
padding-right: 320px;
}
.cat{
background: #000 url(gfx/grey.gif);
padding: 3px;
font-weight: bold;
text-align: center;
color: #f2f2f2;
}
.cat a{
color: #f2f2f2;
text-decoration: none;
}
.cat a:hover{
color: #f2f2f2;
text-decoration: none;
border-bottom: 1px dotted #95bd00;
}
.first {
    margin-left:10px;
  }

.CatBox .title{
margin-top:10px;
font-weight:bold;
height: 80px;
}

#stat {
float: right;
width: auto;
}

.stat{
background: #f2f2f2;
margin-top: 20px;
padding: 10px;
font-size: 90%;
border-top: 1px dotted #95bd00;
color: #666;
}
#content p {
    line-height:1.3em;
}
#content img {
margin: 5px;
border: 5px solid #aaa;
}

#content .ContBox{
text-align: justify;
    border-bottom: 1px dotted #95bd00;
  }


#content p.h2 {
    padding:20px 0;
    border-bottom: 0px;
    line-height:10px;
  }


#content h3 {
    color: #666;
    font-weight: bold;
    text-align: left;
    letter-spacing: -1px;
    padding-bottom: 1px;
    background: url(gfx/underline.gif) no-repeat bottom left;
  }


.cont_left .ContBox, .cont_left h3 {
    margin:40px;
    margin-right: 290px;
  }


.cont_right .ContBox, .cont_right h3 {
    margin:40px;
    margin-left: 290px;
  }

.CatBox h3, .CatBox .data {
    margin:10px 10px 0 10px;
}
.data {
    display:inline;
    float: left;
    width:38px;
    background: #f2f2f2;
    border: 1px solid #d3d3d3;
    padding:1px 4px;
    margin:0 10px 0 40px;
    border-bottom: 3px solid #95bd00;
    font-size: 20px;
    color: #999;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
  }


.data a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-decoration: none;
  }


.comment_cont{
margin: 0px;
padding:0px;
float:left;
display:inline;
background: url(gfx/dym_bottom_bg.gif) no-repeat bottom left;
}

#comment{
border:0px;
margin: 0px;
padding:0px;
width: 720px;
}
.comment_dat{
padding: 3px 10px 0px 5px;
margin:0px;
background: url(gfx/dym_top_bg.gif) no-repeat top left;
text-align: right;
width: 580px;
border:0px;
font-size: 80%;
}
.comment_middle{
background: url(gfx/dym_middle_bg.gif) repeat-y top left;
width: 585px;
height: auto !important;
height: 80px;
min-height:80px;
padding:5px 5px 0px 5px;
margin-bottom:20px;
font-size: 80%;
}

.arow {
position:relative;
float:left;
width: 12px;
height: 24px;
left: -16px;
background: url(gfx/dym_arow.gif) no-repeat;
}


.aviator{
background: url(gfx/user.gif) no-repeat center top;
width:80px;
padding-top: 80px;
font-size: 80%;
margin-left: 20px;
text-align: center;
float:left;
}

.contact {
    width: 450px;
    display: block;
    margin: auto;
    text-align: right;
  }

.contact input, textarea {
    width: 300px;
    border: 1px solid #d2d2d2;
  }


.contact textarea {
    height:80px;
    vertical-align: top;
  }


#autor{
	text-align:right;
    margin-right: 10px;
	margin-bottom: 10px;
    font-size: 11px;
	font-style: italic;
  }
.link{
	width: auto !important;
	width: 82px; /*ie*/
    min-width:82px;
    background: #95bd00;
    padding:0px;
    float:right;
    margin-right: 10px;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
	text-decoration: none;
	color: #fff;
  }
.link:hover{
	text-decoration: none;
	color: #fff;
}
#rss a{
display: block;
width: 140px;
height: 40px;
background: url(gfx/rss.gif) no-repeat right;
padding:40px 80px 0 10px;
color: #333;
text-decoration: none;
}

#submenu {
    display:inline;
	 width: 250px;
    background: #f2f2f2;
    font-size: 90%;
  }


.left {
    margin-left: 20px;
    float:left;
  }


.right {
    margin-right: 20px;
    float:right;
  }


#submenu h3 {
    font-size: 14px;
    margin:20px 10px 10px 10px;
border-top: 1px solid #95bd00;
}


#submenu p {
    margin:0 10px;
color: #95bd00;
  }
#submenu a {
color: #666;
  }

.CatList {
list-style: none;
margin:10px 3px 10px 10px;
padding:0;
}
.CatList li{
    background: url(gfx/list_style.gif) no-repeat left bottom;
padding: 6px 0 3px 10px;
border-bottom: 1px dotted #95bd00;
}
.CatList a{
color: #666;
font-weight: bold;
text-decoration: none;
}
.CatList a:hover{
text-decoration: underline;
}
#footer {
    height:54px;
    width: 100%;
    background: #6f6f6f;
	clear:both;
  }


#footer_cont {
    height:39px;
    width:992px;
    margin:auto;
    background:#919190;
    color:#FFFFFF;
    font-size:11px;
    line-height:1;
    padding-top: 15px;
    padding-left:10px;
  }


#footer .small {
    margin: 0 20px;
    padding: 0 20px;
    border-left: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    font-size: 10px;
    color: #d6d6d6;
  }

#valid {
float: right;
display: inline;
margin-right:10px;
}
#valid a img{
border: 0px;
}