@charset "utf-8";

#content #brnding {
width:565px;
height:198px;
float:left;
background:url(../index/img/bg_brnding.jpg) no-repeat left top;
}

#brnding h2 {
padding-left:60px;
padding-top:20px;
font-size:13px;
font-weight:bold;
}

#brnding p {
width:230px;
margin-top:10px;
margin-left:160px;
padding:10px;
line-height:1.2;
letter-spacing:2px;
font-size:12px;
text-indent:10px;
}

#recycle {
float:left;
width:285px;
height:132px;
margin-left:4px;
margin-top:10px;
background:url(img/content_recycle.jpg) no-repeat left top;
text-indent:-999px;
z-index:10;
}
#recycle a {
display:block;
width:285px;
height:132px;

}
#recycle a:hover{
background:url(img/content_recycle_hover.jpg) no-repeat left top;
}

#reuse {
float:left;
width:285px;
height:132px;
margin-left:4px;
margin-top:10px;
background:url(img/content_reuse.jpg) no-repeat left top;
text-indent:-999px;
z-index:10;
}
#reuse a {
display:block;
width:285px;
height:132px;

}
#reuse a:hover{
background:url(img/content_reuse_hover.jpg) no-repeat left top;
}
#rental {
float:left;
width:285px;
height:132px;
margin-left:4px;
margin-top:10px;
background:url(img/content_rental.jpg) no-repeat left top;
text-indent:-999px;
z-index:10;
}
#rental a {
display:block;
width:285px;
height:132px;
}
#rental a:hover{
background:url(img/content_rental_hover.jpg) no-repeat left top;
}

#news {
clear:both;
background:url(img/cntent_news.jpg) no-repeat left top;
height:132px;
margin-left:4px;
width:561px;
margin-bottom:10px;
z-index:10;
}

#news h3 {
padding:10px 0 10px 50px;
}
#news h3  a {
font-size:14px;
color:#ff9900;
font-weight:bold;
}

#news h3  a:hover {
color:#ccc;
text-decoration:underline;
}

#news ul {
padding-left:50px;
line-height:1.5;
}

#news ul li {
font-size:12px;
border-bottom:1px #ccc dashed;
}

#news ul li .day {
padding-left:50px;
}

#news ul li .coment {
padding-left:30px;
}