body {
font-family : tahoma;
font-size : 13px;
margin : 0;
padding : 0;
background-image : url(/images/top-fon.png);
background-repeat : repeat-x;
}
header, footer, article {display:block; clear:both; margin:0px; padding:0px; }
.header {
margin : 0 auto;
padding : 0;
width : 960px;
height : 80px;
color : #3300cc;
display : block;
overflow : hidden;
}
h1 {
font-size : 22px;
text-align : left;
display : block;
margin-bottom : 11px;
margin-top : 11px;
margin-left : 0;
margin-right : 0;
background-color : #ddd;
padding : 10px 25px;
}
h2 {
font-size : 17px;
text-align : left;
display : block;
margin-bottom : 11px;
margin-top : 11px;
margin-left : 0;
margin-right : 0;
background-color : #ddd;
padding : 10px 25px;
}
h3 {
width : 100%;
text-align : center;
float : left;
margin : 3px;
}
a {
text-decoration : none;
font-size : 12px;
color : #333;
}
img {
border : 0;
}
.tab {
width : 80px;
float : left;
}
.header ul {
margin-right : 14px;
float : right;
list-style : none;
min-width : 400px;
margin-top : 46px;
list-style-type: none;
}
.header ul li {
float : left;
position : relative;
list-style : none;
min-width : 90px;
text-align : center;
display: inline;
margin-right:20px;
}
.header ul li a {
font-family : "Lucida Grande", Tahoma, "Bitstream Vera Sans", Arial, sans-serif;
font-weight : normal;
display : block;
line-height : 34px;
padding : 0 9px;
font-size : 14px;
color : #000;
min-width : 90px;
font-weight:bold;
background-color: #eff7ff;
}
.header ul li a:hover {
color : #3b85d0;
}
.header ul li a.current {
color : #3b85d0;
background : #f7f7f7;
border : 1px solid #c6c6c6;
border-bottom : none;
margin-top : -1px;
}

.logolink{float:left;}
.slogan {float:left; color:white; width:200px; font-weight:bold; margin-top:20px;}

article {
width : 960px;
margin : 50px auto;
border-bottom : 1px solid #ccc;
padding-bottom : 30px;
}
.footer {
width : 100%;
padding : 0px 0 20 0;
background-color : #aaa;
display : block;
float : left;
color:white;

}
.footerline {background-image: url(/images/bot-fon.png); background-repeat: repeat-x; width : 100%; height:50px;}


address {
width : 300px;
float : right;
font-style : normal;
margin-bottom:30px;
margin-top:20px;
}
.footerspan{
display:block;
width : 960px;
margin : 0 auto;
line-height: 50px;
color:white;
}
.footerspan a {color:white; margin-left:30px; }

.footerend {
display:block;
width : 960px;
margin : 0 auto;
padding-bottom:30px;
}

.footer i {
font-size : 12px;
float : left;
text-align : center;
font-style : normal;
margin : 30px 0 10px 0;
}
.projects li {
height : 50px;
margin : 5px;
list-style-type : none;
line-height : 70px;
font-size : 17px;
}
.projects li a {
height : 70px;
margin : 0;
list-style-type : none;
line-height : 70px;
font-size : 17px;
color : #333;
}
.contacts li {
list-style-type : none;
}
.contacts label {
display : block;
width : 100%;
font-size : 11px;
padding-top : 10px;
}
.required, .txtar {
width : 250px;
padding : 4px 1px 4px 4px;
margin : 1px 0;
border : 1px solid;
background-color : white;
color : #202020;
border-color : #666 #ccc #ccc #ccc;
font-family : "Droid Sans", arial, sans-serif;
}
.contacts {
padding-top : 30px;
padding-bottom : 30px;
width : 600px;
}
.sbmt {
margin : 0 8px 0 0;
padding : 7px 18px;
text-align : center;
vertical-align : middle;
white-space : nowrap;
cursor : default;
outline : none;
font : 110% "Droid Sans", arial, sans-serif;
color : black;
border : 1px solid #bbb;
border-top-color : #eee;
border-bottom-color : #a0a0a0;
}
.error {
color : red;
}