/* _default styles reset
========================================== */
html {width:100%;height:100%;font:12px/14px Arial, Tahoma, Verdana, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#2a2a2a;background:#dadada;}

p {margin:0 0 10px 0;}
dfn,var,address {font-style:normal;}
a {color:#3f3f3f;text-decoration:underline;}
a:hover {text-decoration:none;}
a img, img {border:none;vertical-align: middle;}

ul {list-style:none; padding:0;margin:0 0 16px 0px;}
td,th {padding:0;}

form {margin:0px;}
input,select,label,textarea,button {margin:0;}
input.text,textarea {padding:2px 7px;border:1px solid #acadb2;font:12px Arial, Tahoma, Verdana, Helvetica, sans-serif;color:#333;background:#fff;}
input.submit,button {font:12px  Arial, Tahoma, Verdana, Helvetica, sans-serif;cursor:pointer;}
input.checkbox {width:14px;height:14px;margin:0;padding:0;}
small {font-size: 11px;}

/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:0px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:1000px;
min-width:1000px;
min-height:100%;
position:relative;
margin:0 auto;
overflow: hidden;
z-index:1;
background: url('../img/wrap.png') repeat-y 0 0;
}
#spacer {
width:100%;
height:190px;
position:relative;
clear:both;
}

/*
== headers ================================ */
h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight: normal;
}
h1 {
padding: 0px 0 7px 0;
font-size:36px;
line-height: 36px;
color:#000;
}
h2 {
padding:10px 0 20px 0;
font-size:24px;
line-height: 24px;
color:#000;
}
h3 {
padding:8px 0 15px 0;
font-size:18px;
line-height: 24px;
color:#000;
}
h4 {
padding:5px 0;
font-size:14px;
line-height:20px;
color:#000;
}


/*======= footer ================================ */
#footer {
width:850px;
height:150px;
position:absolute;
left:80px;bottom:0;
color:#3f3f3f;
font-size:10px;
z-index:2;
background: url('../img/spacer.jpg') repeat-x 0 0;
}
#footer a {color:#3f3f3f;}
#footer .logo-small {
position: absolute;
top:28px;left:0;
}
#footer .info {
position: absolute;
top:28px;left:168px;
width: 320px;
}
#copy {
position: absolute;
top:28px;right:90px;
}


/*======== header ================================ */
#header {
width:100%;
height:510px;
position:relative;
z-index:3;
}
#header img.sheader {
width:1000px;
height:282px;
left:0;
position:absolute;
top:189px;
z-index:1;
}
#logo {
position: absolute;
top:26px;left:83px;
}
#logo img {
width:221px;
height:74px;
}
#logo a {outline:none;}
#header .contacts {
width: 162px;
position: absolute;
top:25px;right:130px;
padding-left:32px;
color:#3f3f3f;
font-size:10px;
line-height:12px;
background: url('../img/contacts.png') repeat-y 0 0;
}
#header .contacts strong {
display: block;
font-size: 14px;
padding-bottom: 2px;
}
#header .contacts a {color:#3f3f3f;}
#header .contacts a:hover {
color:#f0f4f7;
background:#b8b8b8;
}
#menu {
position: absolute;
top:145px;left:83px;
z-index: 10;
} 
#menu li {
float: left;
position: relative;
font-size: 14px;    
background: url('../img/bg/menu-li.png') no-repeat 0 2px;
}
#menu li.first {background: none;}
#menu li a {
color:#28536e;
padding: 5px 15px 8px 16px; 
margin:0 1px 0 2px;
display: block;
position: relative;
}
#menu li.selected a {color:#6b6b6b;}
#menu div {
position:relative;  
z-index:10;
}
#menu li:hover div ul, #menu li.jshover div ul {
display:block;
text-align:left;
}
#menu li a:hover {
background:url('../img/bg/menu-li-hover.png') no-repeat 0 0; 
}
#menu li a:hover i {
width:5px;
height: 27px;
display: block;
position: absolute;
top:0px;right:0;
background:url('../img/bg/menu-li-hover-i.png') no-repeat 0 0; 
}
#menu li ul {
display: none;
width:149px;
height: 200px; 
position:absolute;
top:0px;left:-7px; 
padding:0px;
margin:0;
z-index:10;  
background:url('../img/bg/menu.png') no-repeat 0 0;
}
#menu li ul li {
float: none;
padding: 0;
font-size: 11px;
border-left:1px solid #b4b3b3;
border-right:1px solid #b4b3b3;
border-top:1px solid #cbcbcb;
background: none;
}
#menu li ul li a {
display: block;
padding: 2px 0 2px 18px;
margin: 0;
text-decoration: none;
background: #e6e6e6;
}
#menu ul li a:hover, #menu ul li a:hover {
color:#6e6f6f;
background: #d6d6d6;
}
#menu li ul li.sub-last, #menu li ul li.sub-first {border-left: none;border-right: none;}
#menu li ul li.sub-last a {
width: 131px;
padding: 2px 0 4px 18px;
background: #e6e6e6 url('../img/bg/menu-li-ul-li-last.png') no-repeat 0 100%;
}
#menu li ul li.sub-last a:hover {
background: url('../img/bg/menu-li-ul-li-last-hover1.png') no-repeat 0 100%;
}
#menu li ul li.sub-first a {
padding: 4px 0 2px 18px;
background: #e6e6e6 url('../img/bg/menu-li-ul-li-first.png') no-repeat 0 0;
}
#menu li ul li.sub-first a:hover {
background: #e6e6e6 url('../img/bg/menu-li-ul-li-first-hover.png') no-repeat 0 0;
}
#menu li ul li.sub-last b {
display: block;
width: 149px;
height: 3px;
position: absolute;
bottom: 0;left:0;
background: url('../img/bg/menu-li-ul-li-last.png') no-repeat 0 100%;
}
#menu li ul li.sub-last a:hover b { 
background: url('../img/bg/menu-li-ul-li-last-hover.png') no-repeat 0 100%;
}


/*==================================content===================*/
#content {
width:100%;
position: relative;
z-index:2;
}
#content ul {list-style: disc; padding:0;margin:0 0 16px 30px;}
/*== стандартный блок ================================ */
.block {
padding:5px;
margin:0 0 10px 0;
border: 1px solid #b4b3b3;
position:relative;
}
.block .tl,.block .tr,
.block .bl,.block .br {
width:10px;
height:10px;
overflow:hidden;
position:absolute;
}
.block .tl i,.block .tr i,
.block .bl i,.block .br i {
width:20px;
height:20px;
display:block;
overflow:hidden;
position:absolute;
z-index:2;
background:url('../img/bg/block.png') no-repeat 0 0;
}
.block .tl {top:-1px;left:-1px;}
.block .tr {top:-1px;right:-1px;}
.block .bl {bottom:-1px;left:-1px;}
.block .br {bottom:-1px;right:-1px;}
.block .tl i {top:0;left:0;}
.block .tr i {top:0;left:-10px;}
.block .bl i {top:-10px;left:0;}
.block .br i {top:-10px;left:-10px;}


/*==================================левая колонка===================*/
#left {
width:485px;
position: relative;
float:left;
left:80px;
}
p.more {
position: relative;
font-size: 18px;
}
p.more a {
position: relative;
padding: 2px 40px 2px 8px;
color:#28536e;
background: url('../img/ico/all-arrow.png') no-repeat 87% 10px;
}
#left p.more a { margin-left: -8px; }
p.more a:hover {
color:#fff;
background:#b8b8b8 url('../img/ico/all-arrow.png') no-repeat 87% -5px;
}
/*p.more {
font-size: 18px;
}
p.more img {margin: 0 0 0 5px;}
p.more a {
padding: 0 23px 0 0;
color:#28536e;
background: url('../img/ico/arrow-right.png') no-repeat 100% 9px;
}*/
p.more a span {text-decoration: underline;}
p.more a:hover span {text-decoration: none;}

/*===========новости на главной==============*/
#left .news-list {
width: 100%;
padding-top:25px;
overflow: hidden;
}
#left .news-item {
margin: 0 0 15px 0;
font-size: 11px;
}
.news-item strong {
font-size: 12px;
display: block;
padding: 0 0 10px 0;
}
.news-item span.date {
font-size: 9px;
display: block;
}
.news-item p.morenews {
font-size: 12px;
font-weight: bold;
}


/*==================================правая колонка===================*/
#right {
width:290px;
position: relative;
right:80px;
float:right;
}

/*================список проектов в правой колонке================*/
.projectlist h1 {
padding:5px 0 25px 0;
line-height:31px;
}
.projectlist {
padding: 0 0 20px 0;
}
.projectlist .item {
line-height: 17px;
padding:5px 0 12px 0;
overflow:hidden;
}
.projectlist .item img {
display: block;
float: left;
border: 1px solid #000;
margin: 0 10px 0 0;
}
.projectlist .item p {
margin:-2px 0 0 91px;
position:relative;
}
.projectlist .item a {
color:#454545;
}
.projectlist .item a:hover {
color:#fff;
background:#b8b8b8;
}
.projectlist p.all {
font-size: 18px;
margin-top:13px;
}
.projectlist p.all a {
padding: 2px 40px 2px 8px;
color:#28536e;
background: url('../img/ico/all-arrow.png') no-repeat 87% 10px;
}
.projectlist p.all a:hover {
color:#fff;
background:#b8b8b8 url('../img/ico/all-arrow.png') no-repeat 87% -5px;
}
/*===разделитель==*/
.spacer {
width: 100%;
height: 3px;
overflow: hidden;
background: url('../img/spacer.jpg') repeat-x 0 0;
margin: 20px 0;
}


/*===========новости на отдельной странице==============*/
#left .morenews {
padding: 0;
}
#left .morenews .spacer {
margin: 0 0 20px 0;
}
#wrap .newslist {
width: 545px;
}
#wrap .rightnewslist {
width: 245px;
}

ul.pager li {
float: left;
padding: 0 4px 0 4px;
font-size: 14px;
list-style: none;
}
ul.pager li a {
color: #28536e;
}

/*===========специальные стили для правой левой и хедера на разных страницах==============*/
.card #header, .project #header {
height: 190px;
background: none;
}
.card #left {
width: 540px;
}
.card #right, .project #right {
width: 240px;
}
.project #left {
width:570px;
}



/*===========страница карточки проекта==============*/
.textpage #left .preview {
width:  630px;
height: 233px;
overflow:  hidden;
position: relative;
left:-90px;
margin-bottom: 24px;
}
.card #left .preview img {
position: relative;
left:-90px;
margin-bottom: 24px;
}
#left .preview .buttons {
width: 225px;
float: left;
padding-bottom: 24px;
}
#left .preview .buttons .small {
width: 124px;
display: block;
line-height: 27px;
padding-left: 22px;
margin-bottom: 5px;
text-decoration: none;
outline: none;
background: url('../img/buttons/buttongrey-small.png') no-repeat 0 0;
}
#left .preview .buttons .map {
width: 156px;
display: block;
line-height: 27px;
padding-left: 22px;
text-decoration: none;
outline: none;
background: url('../img/buttons/buttongrey-map.png') no-repeat 0 0;
}
#left .preview .small-pictures {
width: 313px;
position: relative;
float: right;
left:4px;
padding-bottom: 24px;
}
#left .preview .small-pictures img {
float: left;
border: 1px solid #000;
position: relative;
margin: 0 4px 0 0;
left:0;
}
#left .description-project {
font-size: 11px;
}
#left .description-project p {margin: 0 0 13px 0;}
#left .description-project strong {
font-size: 14px;
}
#left .text-project {
font-size: 10px;
padding: 10px 0 0 0;
}

/*===========правая колонка в проектах==============*/
#right .project-type {
padding: 0 0 10px 17px;
}
#right .project-type ul {
margin: 3px 0 3px -17px;
list-style: none;
}
#right .project-type ul li {
padding:0;
}
#right .project-type ul li a {
display: block;
color:#28536e;
outline: none;
padding: 3px 0 3px 17px;
background: url('../img/bg/project-type-li-a.png') no-repeat 5px 7px;
}
#right .project-type ul li a:hover, #right .project-type ul li a.hov {
background:#d9d9d9 url('../img/bg/project-type-li-a.png') no-repeat
5px -27px; 
}
#right .materials {
padding-top: 0px;
}
#right .materials p {line-height: 18px;}
#right .materials img {
display: block;
float: left;
position: relative;
}
#right .materials a {
color:#28536e;
}
#right .materials var {
display: block;
margin: 0 0 0 25px;
}



/*===========страница списка проектов==============*/
.projects {
height: 737px;
position: relative;
margin: 10px 0;
padding: 0 25px 0 0 ;
overflow-y:auto;
width:545px;
overflow-x:hidden;
}
.projects p.title {
font-size: 16px;
}
.projects .project-item {
width: 490px;
position: relative;
padding: 15px 15px 15px 38px;
margin:0 0 10px 0;
border-left:1px solid #B4B3B3;
border-right:1px solid #B4B3B3;
background: url('../img/bg/project-item.png') repeat-y 0 0;
}
.projects .project-item i {
width: 545px;
height: 5px;
position: absolute;
top:0;left:-1px;
background: url('../img/bg/project-item-top.png') no-repeat 0 0;
}
.projects .project-item b {
width: 545px;
height: 5px;
position: absolute;
bottom:0;left:-1px;
background: url('../img/bg/project-item-bottom.png') no-repeat 0 0;
}
.projects .project-item .picture {
width: 202px;
float: left;
}
.projects .project-item .picture span {
width: 198px;
height: 146px;
display: block;
background-color: #efefef;
}
.projects .project-item .picture img {
margin: 0px 0 0 0px;
border: 1px solid #777;
}
.projects .project-item .description {
margin: 0 0 0 235px;
font-size: 11px;
line-height:15px;
}
.projects .project-item .description p.name {
padding: 0px;
color:#222222;
font-size: 18px;
line-height: 18px;
}
.projects .project-item .description p.name a {
color:#222222;
font-size: 18px;
text-decoration: none;	
}
.projects .project-item .description .spacer {
	margin: 11px 0 7px 0;
}
.projects .project-item .description p {
line-height: 11px;
}
.projects .project-item .description var {
font-size: 16px;
line-height:18px;
display: block;
font-weight: 100;
}
.projects .project-item .description strong {
font-size: 14px;
}
.projects .project-item .description a {
color:#28536e;
font-size: 12px;
}
sup {
vertical-align:text-top;
font-size:65%;
}

.textpage #header {
height: 190px;
background: none;
}
.textpage #left {
width:570px;
}
.textpage #right {
width: 240px;
}