@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700);

body
{
	margin:0;
	font:14px 'Roboto Slab', serif;
	color:#86816b;	
	background:url('../images/body.jpg') repeat;
	overflow-x:hidden;
}

a
{
	color:#86816b;
	text-decoration:none;
}

a:hover
{
	color:#81743f;
	text-decoration:underline;
}

img
{
	border:0;
}

.content
{
	width:960px;
	margin:0 auto;
	position:relative;
}

div.header
{
	width:100%;
	height:126px;
	color:#81743f;
	background:#F1EDDC;
}

div.header a
{
	color:#81743f;
}

div.header div.content a img
{
	position:absolute;
	left:0;
	top:20px;
}

div.header div.content span
{
	position:absolute;
	top:24px;
}

div.header div.content span.mail
{
	padding:4px 0 4px 25px;
	background:url('../images/mail-header.jpg') 0 center no-repeat;
	right:180px;	
}

div.header div.content span.phone
{
	padding:4px 0 4px 14px;
	background:url('../images/phone-header.jpg') 0 center no-repeat;
	right:0;
}

div.header div.content div.menu
{
	height:51px;
	background:#86816B;
	position:absolute;
	right:0;
	top:75px;
}

div.header div.content div.menu a
{
	padding:16px 26px;
	text-transform:uppercase;
	color:#FFF;	
	display:block;
	float:left;
}

div.header div.content div.menu a.this, div.header div.content div.menu a:hover
{
	color:#353535;
	text-decoration:none;
	background:url('../images/menu-hover.jpg') 0 0 no-repeat;
}

div.content div.contact
{
	width:118px;
	height:326px;
	padding:14px 20px;
	color:#FFF;
	float:left;
	background:#86816B url('../images/div-contact.jpg') no-repeat;
	position:relative;
}

div.content div.right
{
	width:158px;
	margin:0 0 0 20px;
	float:right;
}

div.content div.right div.news
{
	height:374px;
	padding:14px 0;
	margin:0 0 20px;
	color:#FFF;
	background:#353535 url('../images/div.jpg') no-repeat;
}

div.content div.right div.news h2
{
	margin:0 20px 10px;
	font-size:24px;	
	text-transform:uppercase;
}

div.content div.right div.news div.item
{
	padding:0 20px;
	margin:0 0 10px;
}

div.content div.right div.news div.item h2
{
	padding:0 0 0 18px;
	margin:0;
	font-size:12px;
	font-weight:normal;
	background:url('../images/data.jpg') 0 center no-repeat;
}

div.content div.right div.news div.item p
{
	margin:0 0 10px;
	line-height:18px;
}

div.content div.right div.news div.item a img:hover
{
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}

div.content div.right div.news div.item_first
{
	padding:0 20px 16px;
	margin:0 0 12px;
	border-bottom:1px solid #5D5D5D;
}

div.content div.contact h2
{
	margin:0 0 4px;
	font-size:22px;
	color:#353535;
	text-transform:uppercase;
}

div.content div.contact p
{
	margin:0;
	line-height:18px;
}

div.content div.contact p.phone
{
	padding:10px 0 0 20px;
	font-size:14px;
	background:url('../images/phone-contact.jpg') 0 15px no-repeat;
}

div.content div.contact div.media
{
	position:absolute;
	left:0;
	bottom:0;
}

div.content div.contact div.media a
{
	width:78px;
	height:19px;
	padding:15px 20px 15px 60px;
	color:#FFF;
	display:block;
	border-bottom:1px solid #202020;
	background:#605C4C url('../images/in.jpg') 0 0 no-repeat;
}

div.content div.contact div.media a:first-child
{
	background:#605C4C url('../images/mail.jpg') 0 0 no-repeat;
}

div.content div.contact div.media a:last-child
{
	background:#605C4C url('../images/facebook.jpg') 0 0 no-repeat;
}

div.content div.contact div.media a:hover
{
	text-decoration:none;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}

div.content div.page
{
	width:782px;
}

div.content div.page h2
{
	margin:20px 0;
	font-weight:bold;
	font-size:32px;
	text-transform:uppercase;
}

div.footer
{
	width:100%;
	height:118px;
	font-size:12px;
	color:#FFF;
	background:url('../images/footer.jpg') repeat-x;
	clear:both;
	position:relative;
	top:20px;
}

div.footer div.content div
{
	position:absolute;
}

div.footer div.content div.menu
{
	top:28px;
}

div.footer div.content div.menu a
{
	color:#FFF;
	margin:0 23px 0 0;
	text-transform:uppercase;
}

div.footer div.content div.menu a:hover
{
	color:#FFF;
}

div.footer div.content div.midia
{
	padding:0 0 0 40px;
	font-size:16px;
	background:url('../images/phone-footer.jpg') 0 center no-repeat;
	top:10px;
	right:0px;	
}

div.footer div.content div.midia span
{
	position:relative;
	bottom:16px;
	right:20px;
}

div.footer div.content div.midia a img
{
	margin-left:1px;
}

div.footer div.content div.midia a img:hover
{
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}

div.footer div.content div.credits, div.footer div.content div.address
{
	top:86px;
}

div.footer div.content div.address
{
	right:0px;
}