/* Import CSS */

@import url('reset.css');

/* Default CSS */

body{
	background: #342a18;
	color: #9f9677;
	font-family: Arial;
	font-size: 14px;
	line-height: 18px;
}

h1, h2{
	color: #f8eec8;
	font-weight: normal;
}

.center{
	width: 885px;
	margin: auto;
}

.left{
	float: left;
}

.right{
	float: right;
}

#title{
	background: #281e0f;
	height: 68px;
}

#title .center a img{
	float: left;
}

#title .center a img.title{
	margin: 28px 70px 0 0;
}

#title .center a img.www{
	margin: 34px 50px 0 0;
}

#title .center a img.right{
    float: right;
}

#content .center .left{
	padding-top: 50px;
	width: 420px;
}

#content .center .left h1,
#content .center .left h2,
#content .center .left p{
	margin-bottom: 23px;
}

#content .center .right img{
	margin-top: 15px;
}

#advert{
	clear: both;
}

.katalog{
	background: #2e2515;
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
 	margin-bottom: 15px;
        font-size: 13px;
}

.katalog .center .left img.photo{
	margin-right: 20px;
}

.katalog .center .left img.name{
	margin: 5px 0 5px 0;
}

.katalog .center .left ul{
	margin-top: 20px;
	width: 600px;
}

.katalog .center .left ul li{
	float: left;
	margin-bottom: 20px;
}

.color{
	color: #ded3b0;
}

#footer{
	background: #2e2515;
	clear: both;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 15px 0 15px 0;
	color: #9f9677;
        font-size: 13px;
}

a{
	color: #ded3b0;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

ul li.right{
	text-align: left;
	width: 240px;
}

ul li.left{
	text-align: left;
	width: 360px;
}

p.copyrights{
	color: #5f5943;
}

#footer .center .right{
	margin-right: 40px;
}

#footer .center .right{
	text-align: right;
}

#advert{
	color: #a09677;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
	float: left;
	width: 100%;
	font-size:  14px;
	font-weight: bold;
	line-height: 25px;
}

#advert a{
	color: #857b5f;
	font-size:  14px;
	font-weight: bold;
}