/* *1 common (общие)
----------------------------------------------------------------------------- */
html,body,p,form,input,label,h1,h2,h3,h4,h5,h6 {
padding:0px;
margin:0px;
}
html {
width:100%;
height:100%;
}
body {
width:100%;
height:100%;
font:11px tahoma,arial,verdana,sans-serif;
color:#292929;
background:#fff url('../img/body.jpg') repeat-x 0 0;
}

/* *2 text (ссылки, абзацы, заголовки, списки)
----------------------------------------------------------------------------- */
a {
color:#5458b2;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
img {
border:0px;
}
p {
margin-bottom:15px;
font:11px tahoma,arial,verdana,sans-serif;
color:#292929;
}
p a {
color:#5458b2;
}
ul {
width:100%;
padding:0;
margin:0;
list-style:none;
font-size:11px;
color:#5458b2;
}
ul li {
padding:0 0 8px 8px;
background:url('../img/ico/menu_li.gif') no-repeat 0 6px;
}
ul li a {
color:#5458b2;
}


/* *3 main (основные)
----------------------------------------------------------------------------- */
#wrap {
width:100%;
min-width:980px;
min-height:100%;
position:relative;
overflow:hidden;
z-index:1;
background:url('../img/wrap.jpg') repeat-x 100% 210px;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}
#spacer {
width:100%;
height:235px;
clear:both;
overflow:hidden;
}
#bg {
width:100%;
min-width:980px;
height:393px;
margin:-393px 0 0 0;
z-index:0;
background:url('../img/bg.jpg') repeat-x 85px 0;
}
#bg2 {
width:215px;
height:345px;
margin:-345px 0 0 0;
z-index:0;
background:url('../img/bg2.jpg') repeat-x 0 0;
}
#index #pix {
width:100%;
height:337px;
position:absolute;
top:63px;
left:0px;
z-index:1;
background:url('../img/pix/index.jpg') no-repeat 100% 0;
}
#news #pix {
width:100%;
height:333px;
position:absolute;
top:69px;
left:0px;
z-index:1;
background:url('../img/pix/news.jpg') no-repeat 100% 0;
}
#about #pix {
width:100%;
height:330px;
position:absolute;
top:76px;
left:0px;
z-index:1;
background:url('../img/pix/about.jpg') no-repeat 100% 0;
}
#photo #pix {
width:100%;
height:331px;
position:absolute;
top:70px;
left:0px;
z-index:1;
background:url('../img/pix/photo.jpg') no-repeat 100% 0;
}

/* *4 footer (подвал)
----------------------------------------------------------------------------- */
#footer {
width:100%;
min-width:980px;
height:177px;
margin:-177px 0 0 0;
position:relative;
overflow:hidden;
z-index:2;
}
#footer .space {
width:71%;
height:173px;
border-top:4px solid #dadcde;
position:absolute;
top:0px;
left:29%;
}
#copy {
position:absolute;
top:35px;
left:0px;
font-size:11px;
color:#292929;
}
#copy a {
color:#5458b2;
}
#address {
position:absolute;
top:35px;
left:36%;
font-size:11px;
font-style:normal;
color:#292929;
}
#address a {
color:#5458b2;
}

/* *5 header (шапка)
----------------------------------------------------------------------------- */
#header {
width:100%;
height:415px;
position:relative;
z-index:2;
overflow:hidden;
}
#logo {
width:265px;
height:125px;
position:absolute;
top:50px;
left:4%;
z-index:1;
}
#header img {display:block;}
h1 {
position:absolute;
top:132px;
left:8%;
z-index:2;
font:11px tahoma,arial,verdana,sans-serif;
color:#3e4453;
}
#ico {
width:auto;
height:11px;
overflow:hidden;
position:absolute;
top:33px;
left:46%;
}
#ico li {
padding:0 32px 0 0;
float:left;
background:none;
}
#menu {
width:200px;
position:absolute;
top:85px;
left:46%;
font-size:12px;
color:#5458b2;
}
#menu li {
width:189px;
padding:0 0 8px 11px;
font-weight:bold;
background:url('../img/ico/menu_li.gif') no-repeat 0 7px;
}
#menu li a {
font-weight:normal;
}
#search {
width:245px;
position:absolute;
top:28px;
right:5px;
}
#search form {
width:245px;
display:block;
overflow:hidden;
position:relative;
}
#search label {
width:52px;
padding:5px 0 0 0;
display:block;
color:#a4a4a4;
font-size:11px;
float:left;
}
#search input.text {
width:131px;
padding:4px 5px 3px 5px;
border:1px solid #cfdadc;
display:block;
color:#a4a4a4;
font-size:11px;
float:left;
}
#search input.submit {
width:22px;
height:22px;
border:none;
display:block;
float:left;
cursor:pointer;
position:relative;
left:15px;
background:url('../img/ico/search.gif') no-repeat 50% 50%;
}

/* *6 left (левая)
----------------------------------------------------------------------------- */
#content {
width:100%;
min-height:350px;
overflow:hidden;
position:relative;
z-index:2;
}
#left {
width:18%;
padding-bottom:185px;
position:relative;
left:6%;
float:left;
}
h3 {
margin:0 0 20px 0;
font:18px tahoma,arial,verdana,sans-serif;
color:#2e3192;
}
#submenu {
padding:0 0 60px 0;
margin:0 0 0 -8px;
position:relative;
s}
#submenu li {
padding:0 0 8px 8px;
}
p.more {
padding:0 0 0 18px;
background:url('../img/ico/more.gif') no-repeat 0 4px;
}

/* *7 right (правая)
----------------------------------------------------------------------------- */
#right {
width:68%;
position:relative;
right:2%;
float:right;
}
#cell_about {
width:66%;
padding:0 0 10px 0;
float:left;
}
#cell_about .pic {
padding:0 0 20px 10px;
}
#cell_about .pic img {
border:3px solid #d7d7d7;
display:block;
}
#cell_ekolog {
width:24%;
float:right;
position:relative;
right:5%;
}
#cell_ekolog .pic {
margin-left:-30px;
}
#cell_ekolog .pic img {
display:block;
position:relative;
}

#cell_publications {
width:30%;
float:left;
}
#cell_publications ul {
width:95%;
padding:0 0 20px 6px;
}
#cell_photo {
width:31%;
float:left;
position:relative;
left:3%;
}
#cell_photo .pic {
padding:0 0 20px 5px;
}
#cell_photo .pic img {
display:block;
}
#cell_news {
width:24%;
float:right;
position:relative;
right:5%;
}
#cell_news p {
margin-bottom:10px;
}
#cell_news p span.news {
color:#b5b5b5;
}


#news_list {
width:100%;
padding-bottom:30px;
}
#news_list p {
margin-bottom:20px;
}
#news_list p.title {
margin:0 0 2px 0;
font-size:12px;
font-weight:bold;
}
#news_list p.title a {
color:#292929;
}
#news_list p.date {
padding-left:30px;
margin-bottom:10px;
color:#697784;
}
ul.pager {
overflow:hidden;
}
ul.pager li {
padding:0;
float:left;
color:#292929;
text-align:center;
background:none;
}
ul.pager li a {
width:20px;
height:17px;
padding-top:3px;
display:block;
color:#292929;
text-decoration:none;
}
ul.pager li a:hover {
color:#5458b2;
text-decoration:underline;
}
ul.pager li.active {
width:20px;
height:17px;
padding-top:3px;
background:#dadcde;
}


p.bold {
width:95%;
padding-left:20px;
font-weight:bold;
background:url('../img/p_bold.gif') no-repeat 0px 6px;
}
.picture {
padding:0 20px;
float:left;
}
.picture img {
border:7px solid #d7d7d7;
display:block;
}
.padding {
padding:0 60px 15px 30px;
overflow:hidden;
}
.tab {
width:100%;
margin-bottom:10px;
font-size:11px;
clear:both;
}
.tab th {
padding:8px 16px;
border-bottom:1px solid #dadcde;
text-align:left;
color:#9ea2ab;
}
.tab td {
padding:8px 16px 0 16px;
font-size:10px;
}


.photo {
width:100%;
padding-bottom:40px;
overflow:hidden;
}
.photo .cell {
width:29%;
margin-right:4%;
float:left;
}
.photo .cell .pic {
width:100%;
height:110px;
position:relative;
}
.photo .cell .pic img {
display:block;
position:absolute;
bottom:10px;
}
.photo .cell p {
line-height:15px;
margin-bottom:11px;
}
.photo .cell p.date {
color:#b8c3cd;
}