html{
background: url(../images/fon.jpg) no-repeat; 
height: 830px;
max-width:1920px;
}

body{
margin: 0;
padding: 0;
}

a{
	color:#308ACB;
	text-decoration: none;
}

.clear{
clear:both;
}

#wrapper{
	
}





#header{
	width: 1000px;
	height: 130px;
	margin: auto;
}

#logo{
	width:250px;
	height: 120px;
	float:left;
	margin-top:10px;
}

#contacts{
	width:690px;
	height: 130px;
	float:right;
}

.motto{
	
}

.motto h2{
	margin:0;
	color: #666666;
    font: bold 19px tahoma;
    margin: 0;
    padding: 5px 0 5px 194px;
}

.foneText{
	float:right;
	
}

.foneText p{
	margin:0;
	color: #308acb;
    font: bold 16px/30px tahoma;
    padding-right:20px;
	text-align:right;
}

.foneRoom{
	float:right;
	
}

.foneRoom p{
	margin:5px 0 0 0;
	color: #666666;
    font: bold 21px/23px tahoma;
	text-align:right;
	padding-right:5px;
}

#content{
	width: 1000px;
	height: 670px;
	border:1px solid #818282;
	border-radius:10px;
	margin: 20px auto;
	box-shadow:0 3px 25px rgba(0, 0, 0, 0.7);
}

#info{
	width:980px;
	height: 190px;
	border:1px solid #818282;
	border-radius:10px;
	margin: 10px 0 0 10px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
	background-color:#FAFAFA;
	float:left;
}

.infoLeft{
	float:left;
	width: 600px;
}

.infoLeft h2{
	margin:25px 0 0 10px;
	color: #666666;
    font: bold 21px/23px tahoma;
	text-align:left;
}

.infoLeft p{
	margin:10px 0 0 10px;
	color: #666666;
    font: bold 18px/25px tahoma;
	text-align:left;
}

.infoRight{
	float:right;
	width:250px;
}

.infoRight h2{
	margin:40px 10px 0 0;
	color: #666666;
    font: bold 21px/23px tahoma;
	text-align:left;
}

.infoRight p{
	margin:25px 10px 0 0;
	color: #666666;
    font: bold 12px/23px tahoma;
	text-align:left;
}

#item{
	width:1000px;
	height: 670px;
	float:left;
}

.imgItem{
	width:200px;
	height:200px;
	float:left;
	margin-left:24px;
	margin-right:24px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	border:1px solid #818282;
	border-radius:10px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}



#forms{
	width:315px;
	height: 643px;
	border:1px solid #818282;
	border-radius:10px;
	float:right;
	margin:10px 10px 0 0;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}

#item img{
    display: block;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}
#item img:hover {
    opacity: .9;
    -webkit-transform: scale(1.11,1.17);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.11,1.17);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}