body {
 margin: 0;
 padding: 0;
 min-width: 1024px;
 font-family: Segoe UI;
}
#upline {
 width: 100%;
 height: 4px;
 background-color: #3399cc; 
}
#header {
 width: 100%;
 height: 662px;
 background-color: #2f3438;
}
#logoh {
 width: 239px;
 height: 248px;
 background: url(img/Logob.png);
 float: left;
 margin-left: 13.5%;
 margin-top: 12px;
 cursor:pointer 
}
#login {
 width: 147px;
 height: 36px;
 background: url(img/login.png);
 float: right;
 margin-right: 13.5%;
}

#vhod {
 margin-top: 4px;
 margin-left: 16px;
}
#vhod a {
 color: #fff;
 text-decoration: none;

}
#vhod a:hover {
 text-decoration:underline;

}
#vhod li{
 display: inline;
 font-size: 12px;
 margin-left: 3px;
 color: #fff;
}
#menup {
 float: right;
 margin-right: 20px;
 margin-top: 4px;
}
#menup a {
 color: #fff;
 text-decoration: none;

}
#menup a:hover {
 text-decoration: none;
 color: #3399cc;
}

#menup li{
 display: inline;
 font-size: 12px;
 margin-left: 14px;
 color: #fff;
 
}
#head1{
 width: auto;
 height: 252px;
}
#portfolio {
 width: 646px;
 font-family: Century Gothic;
 left:50%;
 margin-left:-323px; /*Смещаем блок на половину всей ширины влево*/
 position: absolute; 
 clear: both;
}
#content {
 width: 73%;
 height: auto;
 margin: 20px 13.5%;
}
#News1 {
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#News2 {
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#News3 {
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#News4 {
 margin-top: 20px;
 clear: left;
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#News5 {
 margin-top: 20px;
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#News6 {
 margin-top: 20px;
 width: 33%;
 height: auto;
 display: inline-block;
 float: left;
}
#footer {
 width: 100%;
 height: 500px;
 background-color: #2f3438;
 clear: both;
}
#infooter {
 float: left;
 width: 73%;
 height: auto;
 margin: 30px 13.5%;
}
#infooter li{
 color: #fff;
 list-style-type: none;
 font-family: Segoe UI;
 font-size: 19;

}
#link {
 width: 33%;
 height: auto;
 float: left;
}
#uslugi {
 float: left;
 width: 33%;
 height: auto;
 color: #fff;
}

#uslugi li{
 font-family: segoe UI;
 font-size: 14px;
 text-decoration: none;
}


#uslugi h3 {
 margin: 0;
}
#uslugi a {
 color: #fff;
 text-decoration: none;
}
#uslugi a:hover {
 text-decoration: none;

}
#uslugi li{
 color: #fff;
}
#zakaz {
 width: 33%;
 height: auto;
 float: left;
 text-align: right;
}

#mywork {
 width: 33%;
 height: auto;
 float: left;
 margin: 30px 0;
}
#mywork li{
 font-family: segoe UI;
 font-size: 14px;
 text-decoration: none;
 color: #fff;
}
#mywork h3{ 
 margin: 0;
 color: #fff;
}
#mywork a {
 color: #fff;
 text-decoration: none;
}
#mywork a:hover {
 text-decoration: none;

}
#none {
 float: left;
 width: 33%;
 height: auto;
}
#soc {
 float: right;
 width: 33%;
 height: auto;
}
#soc li{
 display: inline-block;
}
#soc h3 {
 color: #fff;
 margin: 30px 0px;
 margin-bottom: 5px;
}