html {
  height:100%;
}

body {
margin:0;
padding:0;
/*height:auto !important;
height:100%;
min-height:100%;*/
text-align:center;
background-image:url("../images/fon.gif");
}

/*шапка сайта*/
#title {
height: 120px;
width:100%;
padding:0;
margin:0;
border-collapse: collapse;
border:0;
}
#title td.cen {
background:url("../ru/images/title-ru.jpg") no-repeat;
width:745px;
}

#title td.cen-en {
background:url("../images/title-en.jpg") no-repeat;
width:744px;
}
#title td.cen-de {
background:url("../de/images/title-de.jpg") no-repeat;
width:743px;
}

#title td.cen-fr {
background:url("../fr/images/title-fr.jpg") no-repeat;
width:742px;
}

#title td.cen-it {
background:url("../it/images/title-it.jpg") no-repeat;
width:742px;
}

#title td.right {
background:url("../images/title-fon-r.jpg") repeat-x top left;
}

#title td.left {
background:url("../images/title-fon-l.jpg") repeat-x top right;
}


#container {
width: 100%;
height:100%;
min-height:100%;
height:auto !important;
margin: 0  auto;
border: 1px solid #600;
background-color: #F9F793;
position: relative;
max-width: 1124px;
min-width: 780px;
width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 781 ? '780px' : '100%' && (documentElement.offsetWidth || document.body.offsetWidth) > 1125 ? '1124px' : '100%');
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}


/* --------------cтатьи о природе---------------------*/
#content {
padding:20px; 
margin: 0px 35px 0px 195px; 
background-color:#FAF8B6;
}

/* --------------видеогалерея-аудио--------------------*/
#content2 {
height:100%;
padding:0px; 
margin: 10px 10px 0 290px; 
background-color:#FAF8B6;
}
/* --------------обои-менеджер-плеер-скринсейверы-голоса птиц------------------*/
#content3 {
height:100%;
padding:0 5px; 
margin: 5px; 
background-color:#FAF8B6;
}

#menu-g1{
border-top: 2px solid #FFFF99;
background-color: #F0A6A6; 
height:20px;
padding:1px 0; 
}
#menu-g2{
height: 28px; 
padding: 0; 
background: #600 url('../images/menu-p.jpg');
}

#vid2 {
font-family: Palatino Linotype;
font-size: 11pt;
font-weight:bold;
color: #660000;
background-color:#F9F793;
padding: 2px 15px 2px 0;
text-align: right;
}

.text,.right,.cen { 
font-family: Palatino Linotype; 
font-size: 15pt; 
text-indent: 20pt; 
line-height: 22pt; 
margin: 0; 
}

.right { 
text-align: right; 
}

.text { 
text-align: justify; 
}

.cen { 
text-align: center;
}

a.text { color: #841918}

a:hover.text  {color: #FF0000; text-decoration:none}

.navig { 
font-family: Verdana; 
text-indent: 0; 
margin: 0; 
font-size:13pt; 
color:#660000 
}

a.navig{ text-decoration:none}

a:hover.navig {color:#990000; text-decoration:underline}

.text2  { 
font-family: Arial; 
font-size: 17px; 
text-align: justify; 
text-indent: 0; 
line-height: 14pt; 
margin: 0 
}

a.text2 { color:#660000 }

.list, a.list { 
font-family: Arial; 
font-size: 15px; 
line-height: 14pt; 
color:#660000; 
text-align:left; 
padding-left: 0;
margin-left: 0;
list-style: outside circle;
}

a:hover.list { color: red; text-decoration:none }

a:hover.text2 { text-decoration:none }

.title  { 
font-family: Verdana; 
font-size: 17px; 
text-align: center; 
margin: 0; 
color:#600; 
font-style:italic; 
text-decoration:none 
}

a:hover.title  {color: #FFFFFF}

.menu  { 
font: bold 13px/15px Verdana;
text-align: right; 
margin: 4px;
color:#FFFF35;
text-decoration:none;  
}
a.menu-top  { 
color:#841918; 
text-decoration:none; 
}

a:hover.menu-top  {color: #FFFF35}

.poems  { 
font-family: Palatino Linotype; 
font-size: 14pt; 
text-align: left; 
line-height: 22pt;
margin: 0; 
}

h1, h2, h3, h4, a.h4, a.h3 {
font-family: Palatino Linotype; 
text-align: center;
}

h1  {
font-size: 30px;
color: #660000; 
}

a.h1 {color: #660000; text-decoration: none }

h2{
font-size: 24px; 
color: #990000; 
margin: 20px 0 15px 0;
}
 
a.h2  { 
font-family: Verdana; 
font-size: 17px; 
color: #841918; 
text-decoration: none; 
} 

h3, a.h3{
font-size: 21px; 
margin: 0; 
color:#8B0000; 
text-decoration:none 
}

h4, a.h4{
font-size: 18px; 
margin: 0; 
color:#990000; 
text-decoration:none 
}

a.h3, a.4 { color:#8B0000; text-decoration:none }

a:hover.h3, a:hover.h4 {color: #FF0000}

p.z  { font-family: Times New Roman; 
 text-decoration: none; 
 font-size: 18pt; 
 text-align: center; 
 margin: 25px 0 7px 0; 
}

#dv1 {
border: 1px solid #660000; 
background-color: #F0A6A6; 
margin-bottom:5px;
padding-bottom: 3px;
}


LI.biblio { 
font-family: Palatino Linotype; 
font-size: 15pt; 
text-align: left; 
text-indent: 0; 
line-height: 22pt; 
margin: 0; 
}



div.footlayerIE {
position:absolute;
border:2px solid #600;
padding:0.6em;
background:#FAF8B6;
visibility:hidden;
width:70%;
z-index: 30;
}

A.footlink {
cursor:hand;
color:#600;
text-decoration:none;
font-size:17pt;
font-family:Times New Roman;
}

a:hover.footlink {
color:red;
}

P.foottext {
text-align:justify;
text-indent:2ex;
font-style:normal;
font-variant:normal;
font-size:15pt;
font-family:Palatino Linotype, Verdana, Arial;
color:#000;
margin:0;
padding:0.1ex 0.5em;
}

