html {
}

body {
	margin:0;
	background:url(../img/bg.jpg) repeat scroll left top;

}
* {
	outline: none;
} 

img{
	border:0;
}

.hidden{
	display:none;
}


#centered{
	width:844px;
	left:50%;
	margin-left:-422px;
	position:relative;
}
#header {
	width:851px;
	height:553px;
	float:left;
}

#middle{
	background:url(../img/middle.png) repeat-y scroll left top;
	min-height:500px;
	float:left;
	width:851px;
	position:relative;
}
#footer {
	width:761px;
	height:67px;
	float:left;
	background:url(../img/footer.png) no-repeat scroll left top;
	font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",sans-serif;
	font-size:11px;
	padding-left:40px;
	padding-right:50px;
	padding-top:12px;
	color:#fff;
}
#footer span{
	float:left;
}
#footer i{
	float:right;
	font-style:normal;
}
#footer i a{
	text-decoration:none;
	color:#fff;
}

#menu{
	position:relative;
	left:12px;
	top:20px;
	margin-bottom:20px;

}
#menu .ribbon{
	background:url(../img/rib1.png) no-repeat scroll left top;
	padding-left:10px;
	height:55px;
	cursor:pointer;
}
#menu .ribbon span{
	background:url(../img/rib2.png) repeat-x scroll left top;
	display:block;
	position:relative;
	top:-8px;
	height:55px;
	float:left;
	width:260px;
	padding-left:10px;
}
#menu .ribbon>img{
	position:relative;
	top:-6px;
}
#menu .ribbon span img{
	position:relative;
	top:14px;
/*	opacity:0.75;*/
}
#menu .ribbon span.uslugi img{
/*	opacity:1;*/
}
#middle-text {
	padding-left:34px;
	padding-right:34px;
}
#middle-text .maska{
	position:relative;
	width:778px;
	min-height:400px;
	overflow:hidden;
}
#middle-text #box{
	position:absolute;
}
#middle-text #box>div{
	width:778px;
	float:left;
	font-family:Georgia, "Lucida Grande","Lucida Sans","Lucida Sans Unicode",sans-serif;
	font-size:14px;	
}
#middle-text #box>div a{
	color:#448877;

}
#middle-text #box>div p{
	float:left;
	margin-right:20px;

}
#box ul li{
	color:#dfefdb;
	margin-left:100px;
}
.email{
	color:#000;
}

#kontakt{
	margin-top:20px;
	margin-bottom:20px;
}
#kontakt form{
	width:100%;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:left;
}
#kontakt fieldset{
	border:0;
}
#kontakt label{
	float:left;
	width:80px;
	margin-right:20px;
	color:#000;
	font-weight:bold;
	font-size:12px;
}

#google-map{
	width:550px;
	height:550px;
	float:left;
}
input.readonly{
	border:0;
	background-color:#ddd8c2;	
}
input.text,input.textl{
	border:1px solid #000;
}
input.text:focus,input.textl:focus,textarea:focus{
	border:1px solid #f00;
}
input.text,input.textl,input.readonly{
	width:250px;
	margin-bottom:3px;
	font-family:Century Gothic;
	color:#000;
}
input.textl{
	width:400px;
}
#kontakt textarea{
	font-family:Century Gothic;
	font-size:14px;
	border:1px solid #000;
	width:400px;
	height:100px;
	float:left;	
	color:#000;	
	margin-bottom:3px;
}
#kontakt textarea:focus{
	border:1px solid #f00;
}
/*
#submit {
	border:1px solid #000;
	width:60px;
	height:22px;
	font-family: Century Gothic;
	font-weight:bold;
	color:#fff;
	margin-left:1px;
	background-color:#e85200;
}
*/
.button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 13px 0 0; 
  text-align:center; 
  background:url(../img/button_right.gif) right no-repeat; 
  font-size:12px; 
  width:auto;
  text-transform:uppercase;
}
.button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
  height:33px; 
  line-height:33px;
  background:url(../img/button_left.gif) left no-repeat;
  color:#fff; 
}