/* ------------------------------------------------------------ // global layout */
.editor_visible {display: block;}
.editor_invisible{display: none;}

#spravka {
  cursor: pointer;
  text-decoration: none;
  /*
  border-bottom: 1px dashed #FF0000;
  */
  position: relative;
}
#spravka span {
  position: absolute;
  top: 20px;
  left: 0;
  width: 250px;
  border: 1px solid #000;
  background: #ddd;
 padding: 10px;
}

#spravka1 {
  cursor: pointer;
  text-decoration: none;
  /*
  border-bottom: 1px dashed #FF0000;
  */
  position: relative;
}

#spravka1 span {

position: absolute;
  top: 20px;
  left: -250px;
  width: 250px;
  border: 1px solid #000;
  background: #ddd;
 padding: 10px;
}

body               {  background: #f0f0f0;
                      margin: 0;  padding: 0;
                      font-family: "Arial", sans-serif;  }

#table             {  width: 100%;
                      border: 0;
                      border-collapse: collapse;  }

#td-top            {  background: url(/images/grad.gif) top repeat-x;  height: 450px;  }
#td-bottom         {  background: url(/images/ungrad.gif) bottom repeat-x;  height: 150px;    }



/* ------------------------------------------------------------ // global appearance */

img                {  border: 0;  }

table              {  font-size: 100%;  }

.align-center      {  text-align: center;  }

a,
a:visited,
a:active,
a:link             {  text-decoration: underline;  color: #800;  }
a:hover            {  text-decoration: underline;  color: #000;  }

s                  {  text-decoration: none;  color: #888;  }

.relative          {  position: relative;  }

img.h1             {  margin-left: 40px;  }

h1                 {  margin: 0.5em 5px 0.5em 40px;
                      font-size: 180%;  font-weight: bold;  }

h2                 {  margin: 1em 5px 0.5em;
                      font-size: 125%;  font-weight: bold;  }

h3                 {  margin: -0.5em 5px 1em;
                      font-size: 90%;  font-weight: normal;  }

table.chars        {  table-layout: fixed;
                      width: 100%;
                      background: url(/images/white-grad.gif) repeat-x;
					  border: 0;
					  border-top: 1px #ccc solid;  }

table.chars-differ {  table-layout: fixed;
                      margin-top: 0.5em;
                      width: 100%;
					  border: 0;
					  border-top: 1px #ccc solid;  }

table.chars-differ-next
                   {  table-layout: fixed;
                      width: 100%;
					  border: 0;  }

div.chars-differ-end
                   {  width: 100%;
					  border: 0;
					  border-top: 1px #ccc solid;  }

div.model p        {  margin-left: 5px;  margin-right: 5px;  }


/* ------------------------------------------------------------ // head */

#head	           {  position: relative;
                      left: 0;  top: 0;
                      width: 100%;  height: 200px;  }
#menu              {  position: absolute;
                      left: 200px; height: 40px; width: auto; z-index: 50;
					  margin: 0 6% 0 4%; white-space: nowrap;
					  background: #fed000;  }
#menu-left         {  position: absolute;
                      left: -10px; bottom: 0; white-space: nowrap;
					  width: 10px;  height: 100%;
					  background: #fed000 url('/images/menu-left.gif') bottom no-repeat }
#menu-right        {  position: absolute;
                      right: -10px; bottom: 0;
					  width: 10px;  height: 100%; white-space: nowrap;
					  background: #fed000 url('/images/menu-right.gif') bottom no-repeat }
#the-menu          {  position: relative;
                      font-weight: bold;
                      top: 4px;
					  height: 100%; white-space: nowrap;
					  font-size: 90%;  }
#the-menu td       {  padding-top: 8px;  }
#the-menu td.current
                   {  border-bottom: 4px #006080 solid; }
#slashes           {  position: absolute;
                      left: 0;  top: 135px;
                      width: 100%;  height: 31px;
                      background: url(/images/slash.gif) center center;  }
#stripes           {  position: absolute;
                      right: 6%;  top: 130px;
                      width: 430px;  height: 41px;
					  background: url(/images/stripes.gif);  }
#blahblah          {  position: absolute;
                      left: 60%;  top: 43px;  }
#blahblah1         {  position: absolute;
                      left: 80%;  top: 43px;  }
#logo              {  position: absolute;
                      left: 4%;  top: 0;
                      width: 360px;  height: 190px;  }
#logo-print        {  position: absolute;  display: none;
                      left: 4%;  top: 0;
                      width: 360px;  height: 190px;  }
#homelink          {  position: absolute;
                      left: 4%;  top: 142px;
                      padding-left: 420px;  }

/* ------------------------------------------------------------ // frontpage and contacts */

#main              {  position: relative;  }

#layout            {  position: relative;
                      margin: 20px 6% 20px 4%;
                      width: 90%;
                      font-size: 85%;  }
#layout            
ul                 {  margin: 0 0 20px 40px;  padding: 0;
                      list-style: outside;  }

li
u                  {  display: block;
                      padding: 5px 0;
					  font-size: 125%;
					  font-weight: bold;
					  text-decoration: none;  }

#layout            
li                 {  margin: 8px 0;  padding: 0;
                      font-weight: normal;  }

#frontimage        {  position: relative;
                      background: url(/images/frontimage-bg.gif);
                      width: 100%; height: 200px;
					  margin-bottom: 10px;  }

#frontimage-left   {  position: absolute;
                      left: 0;  bottom: 0;  }
#frontimage-right  {  position: absolute;
                      right: 0;  bottom: 0;  }

#frontimage-photo  {  position: absolute;
                      left: 50%;  bottom: 0;
					  margin-left: -160px;  }

#partners          {  text-align: justify;  }
#partners img      {  vertical-align: middle;  margin: 10px;  }

/* ------------------------------------------------------------ // class */

#class             {  position: relative;  top: 20px;  }

#column1           {  position: relative;
                      left: 4%;  top: 0px;
                      width: 43%;  }
#column2           {  position: absolute;
                      right: 6%;  top: 0px;
                      width: 43%;  }

.item              {  position: relative;
                      width: 100%;
                      height: 160px;  }

.item-image        {  position: absolute;
                      left: 0;  top: 0;
                      width: 160px;  height: 160px;  }

.item-desc         {  position: absolute;
                      left: 180px;  top: 0;
                      padding: 20px 0;  }
.item-desc h2      {  margin: 0;
					  font-size: 100%;  font-weight: bold;  }
.item-desc ul      {  margin: 0 0 20px 0;  padding: 0 0 0 40px;
                      list-style: square outside;  }
.item-desc li      {  margin: 8px 0;
                      font-weight: normal;  }



/* ------------------------------------------------------------ // item */

#item              {  position: relative;  top: 20px;  }
#item-table        {  position: relative;
                      left: 4%;  top: 20px;
                      width: 90%;
                      font-size: 85%;  }

#td-big-image      {  }
#td-big-desc       {  width: 100%;  }

.big-desc          {  width: 100%;  margin: 20px 20px 20px 40px;  }
.big-desc h1       {  margin: 0 0 1em 0;
					  font-size: 150%;  font-weight: bold;  }
.big-desc table    {  width: 100%;
                      margin: 0;
                      border: 0;
                      border-collapse: collapse;  }
.big-desc tr       {  height: 2em;  }




/* ------------------------------------------------------------ // foot */

#foot              {    }

#stripes-2         {  position: absolute;
                      right: 6%;  top: -5px;
                      width: 430px;  height: 9px;
					  background: url(/images/stripes-2.gif);  }
#contact           {  position: relative;
                      left: 4%;
                      width: 70%;
                      padding: 40px 0 20px 180px;
                      font-size: 100%;  font-style: italic;  }

#address           {  position: relative;
                      left: 4%;
					  width: 340px;
                      padding: 0px 0 0px 20px;  }

#copyrights	       {  position: relative;
                      left: 4%;
                      width: 90%;  }
#copyrights img    {  position: absolute;
                      left: 37px;  top: 0.1em;
                      border: 0;  }
#copyrights p      {  position: relative;
                      left: 80px;
                      width: 75%;
					  margin: 0;
                      font-size: 75%;  }

#foot-spacer       {  position: relative;
                      height: 20px;  }



/* ------------------------------------------------------------ // printer friendly version */

@media print       {

  #td-top          {  background: none;  }
  #td-bottom       {  background: none;  }
  #stripes         {  display: none;  }
  #blahblah        {  display: none;  }
  #homelink        {  display: none;  }
  #class-title     {  display: none;  }
  #parts           {  display: none;  }
  #logo            {  display: none;  }
  #logo-print      {  display: block;  }
  /*
  #logo            {  width: 180px;  height: 95px;  content:  "ÓÄÑ «Ãåðìåñ»";  }
  #logo            {  margin-top: -55px;  margin-bottom: -50px;  width: 180px;  height: 95px;  }
  */

  #frontpage-table
  td               {  padding: 0;  }
  #td-first        {  display: none;  }

  /*
  #parts           {  position: absolute;
                      right: 6%;  top: 20px;
                      height: 1px;  }
					  */
  #td-big-image
  img              {  width: 160px;  }
                   
                   }