html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
body {
  font-size: 14px; 
  background-color: #ffffff; 
  font-family:  Arial, Verdana,  Tahoma;
  color: #393939;
  background:  url('/images/bg-top.gif') repeat-x;  
}
p             {font-size:100%; color: #393939;}
td            {font-size:100%; color: #393939;}
tr            {font-size:100%; color: #393939;}
div           {font-size:100%; color: #393939;}
li            {font-size:100%; color: #393939;}
#editor {
background: #fff;
}
.editor {
background: #fff;
}
.red {
color: #6633ff;
}
#left          { 
float:left;
width: 220px;
padding: 0 0 0 0;
margin: 0;
font-size:100%;
border: 0px solid #000;
}
#right         { 
float:right;
width: 220px;
padding: 0 0 0 0px;
margin: 0;
font-size:100%;
}
#middle_        {
margin:0 220px 0 240px;
padding: 0;
font-size:100%;
}
#middle        {
margin:0 280px 0 260px;
padding: 0;
font-size:100%;
}
#middle__        {
margin:0 20px 0 300px;
padding: 0;
font-size:100%;
}

#left h3, #middle h3, #right h3 {
padding: 0 0 15px 0;
margin: 0;
}

#middle__ table.catalog {
border: 1px solid #195275;
width: 98%;
}
#middle__ table.catalog th {
background: #195275;
color: #fff;
text-align: center;
height: 30px;
}
#middle table.catalog td {
padding: 10px;
margin: 0;
vertical-align: top;
}
#middle table.catalog {
border: 1px solid #195275;
width: 98%;
}
#middle table.catalog th {
background: #195275;
color: #fff;
text-align: center;
height: 30px;
}
#middle table.catalog td {
padding: 10px;
margin: 0;
vertical-align: top;
}

#conteiner {
position: relative;
min-height: 100%;
min-width: 1000px;
max-width: 1260px;
margin: 0 auto;
width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) < 1024? "1024px": "auto");
 width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1260? "1260px": "auto");

}
* html #conteiner {
  height: 100%;
}
a img {
border: 0;
}
.clear {
 clear: both;
}
a:link     { font-size:12px; color: #393939; text-decoration:underline; }
a:visited  { font-size:12px; color: #393939; text-decoration:underline; }
a:hover    { font-size:12px; color: #de0306; text-decoration:none }
a:active   { font-size:12px; color: #393939; text-decoration:underline; }

a.fat:link     { font-size:14px; color: #393939; font-weight:bold; text-decoration:underline; }
a.fat:visited  { font-size:14px; color: #393939; font-weight:bold; text-decoration:underline; }
a.fat:hover    { font-size:14px; color: #de0306; font-weight:bold; text-decoration:none }
a.fat:active   { font-size:14px; color: #393939; font-weight:bold; text-decoration:underline; }

a.fat2:link     { font-size:14px; color: #ffffff; font-weight:normal; text-decoration:none; }
a.fat2:visited  { font-size:14px; color: #ffffff; font-weight:normal; text-decoration:none; }
a.fat2:hover    { font-size:14px; color: #ffffff; font-weight:normal; text-decoration:none }
a.fat2:active   { font-size:14px; color: #ffffff; font-weight:normal; text-decoration:none; }

/*h1 { color: #195275; font-size:23px; font-weight:normal; text-align:center;}*/
/*h1 {color:#0033cc;font-size:15px;font-weight:bold;}*/
/*h1.h1 { font-size: 14px; 
   font-family:  Arial, Verdana,  Tahoma;
  color: #393939;}*/

h1 { color: #195275; font-size:23px; font-weight:normal; text-align:center;vertical-align:top;margin-top:-1px;  }
h2 { color: #393939; font-size:14px; font-weight:bold; text-align:left; border-bottom: 2px solid #74c6f6; padding-bottom: 5px;}
h3 { color: #195275; font-size:23px; font-weight:normal; text-align:center;vertical-align:top;margin-top:-1px;  }

h3.h { color: #e8401f; font-size:23px; font-weight:normal; text-align:left;  }
h4 { color: #393939; font-size:14px; font-weight:bold; text-align:center; }
h5 { color: #de0306; font-size:12px; font-weight:bold; text-align:left;  }
h6 { color: #393939; font-size:12px; font-weight:bold; text-align:center; }
.blue {
 color: #39a5e6;
 font-style: italic;
}
/* TOP */

#header { 
position: relative;
padding: 0;
margin: 0;
height: 220px;
width: 100%;
background:  url('/images/bg-top.jpg') repeat-x;
}
#logo {
position: absolute;
top: 20px;
left: 20px;
width: 356px;
height: 64px;
}
#slogan {
position: absolute;
top: 117px;
left: 0px;
width: 70%;
height: 32px;
text-align: right;
background: #195275;
}
#top-menu {
position: absolute;
top: 152px;
left: 0px;
width: 100%;
height: 28px;
list-style: none;
  margin:0;
  padding:0;
}
#top-menu li {
display: block;
float: left;
width: 14%;
height: 22px;
border-right: 1px solid #fff;
  margin:0;
  padding: 6px 0 0 0;
text-align: center;
}
#top-menu li.clicked {
display: block;
background: #39a5e6;
}
#top-menu a:link     { font-size:12px; color: #036eaf; font-weight: bold; text-decoration:none; }
#top-menu a:visited  { font-size:12px; color: #036eaf; font-weight: bold; text-decoration:none; }
#top-menu a:hover    { font-size:12px; color: #036eaf; font-weight: bold; text-decoration:underline; }
#top-menu a:active   { font-size:12px; color: #036eaf; font-weight: bold; text-decoration:none; }

#top-menu li.clicked a:link     { font-size:12px; color: #fff; font-weight: bold; text-decoration:none; }
#top-menu li.clicked a:visited  { font-size:12px; color: #fff; font-weight: bold; text-decoration:none; }
#top-menu li.clicked a:hover    { font-size:12px; color: #fff; font-weight: bold; text-decoration:underline; }
#top-menu li.clicked a:active   { font-size:12px; color: #fff; font-weight: bold; text-decoration:none; }


#phone {
position: absolute;
top: 20px;
right: 20px;
width: 270px;
height: 100px;
border: 0px solid #000;
color: #fff;
font-family: arial;
padding: 0;
margin: 0;
}
#phone ul {
list-style: none;
position: relative;
padding: 0;
margin: 0;
color: #fff;
}
#phone ul li{
position: relative;
display: block;
width: 100px;
border: 0px solid #000;
text-align: right;
height: 45px;
padding: 0;
margin: 0;
color: #fff;
font-weight: bold;
}
#phone ul li ul {
display: block;
position: absolute;
top: 0;
left: 100px;
text-align: left;
padding: 0;
margin: 0;
}
#phone ul li li {
height: 15px;
padding: 0 0 0 10px;
margin: 0;
text-align: left;
}
#phone ul li li a {
color: #fff;
}
/* LEFT */

.input-button {
display: block;
float: left;
width: 25px;
height: 20px;
background:  url('/images/lupa.gif') 5px 5px no-repeat;
}
.input-text {
width:170px;
height: 20px;
}
.submitt {
float: right;
width: 10px;
height: 11px;
padding: 5px 0 0 0;
background: #fff url('/images/submit.gif') 0px 5px no-repeat;
}
#left ul {
list-style: none;
padding: 0;
margin: 0;
}
#left ul li{
padding: 5px 0 5px 20px;
margin: 0;
background:  url('/images/bullet.gif') 0px 10px no-repeat;
}
#left ul li:hover{
padding: 5px 0 5px 20px;
margin: 0;
background:  url('/images/bullet-hover.gif') 0px 10px no-repeat;
}
#left ul li.clicked{
padding: 5px 0 5px 20px;
margin: 0;
background:  url('/images/bullet-clicked.gif') 0px 10px no-repeat;
}

#left ul li li{
padding: 2px 0 2px 20px;
margin: 0;
background: none;
}
#left ul li li:hover{
padding: 2px 0 2px 20px;
margin: 0;
background: none;
color: #
}
#left li a:link     { font-size:15px;  text-decoration:underline; }
#left li a:visited  { font-size:15px;  text-decoration:underline; }
#left li a:hover    { font-size:15px; color: #036eaf; text-decoration:none; }
#left li a:active   { font-size:15px; text-decoration:underline; }

#left li li a:link     { font-size:13px; color: #195275; text-decoration:underline; }
#left li li a:visited  { font-size:13px; color: #195275; text-decoration:underline; }
#left li li a:hover    { font-size:13px; color: #036eaf; text-decoration:none; }
#left li li a:active   { font-size:13px; color: #195275; text-decoration:underline; }


/* RIGHT */

.allactions {
padding: 10px 0 20px 10px;
margin: 0;
color: #036eaf;
}
.allactions a:link     { color: #036eaf;  text-decoration:underline; }
.allactions a:visited  { color: #036eaf; text-decoration:underline; }
.allactions a:hover    { color: #195275; text-decoration:none; }
.allactions a:active   { color: #036eaf; text-decoration:underline; }

.date {
background: #a0c8e1;
width: 100px;
padding: 3px 0;
text-align: center;
}
.new {
padding: 3px 0 10px 23px;
font-size: 12px;
}
/* MAIN */

.ramka {
display: block;
width: 149px;
height: 130px;
float: left;
background:  url('images/bg-main.gif') 0px 0px no-repeat;

}
a.m11:link, a.m12:link , a.m13:link , a.m21:link , a.m22:link , a.m23:link, a.m31:link, a.m32:link, a.m33:link, 
a.m11:visited, a.m12:visited, a.m13:visited, a.m21:visited, a.m22:visited, a.m23:visited, a.m31:visited, a.m32:visited, a.m33:visited, 
a.m11:hover, a.m12:hover, a.m13:hover, a.m21:hover, a.m22:hover , a.m23:hover, a.m31:hover, a.m32:hover, a.m33:hover, 
a.m11:active, a.m12:active, a.m13:active, a.m21:active, a.m22:active, a.m23:active, a.m31:active, a.m32:active, a.m33:active  {
display: block;
width: 136px;
height: 15px;
text-align: center;
color: #195275;
float: left;
padding: 115px 0 0 0;
border: 0px solid #000;
}
.m11 {
background:  url('images/mon1-1.jpg') 13px 13px no-repeat;
}
.m12 {
background:  url('images/mon1-2.jpg') 13px 13px no-repeat;
}
.m13 {
background:  url('images/mon1-3.jpg') 13px 13px no-repeat;
}
.m21 {
background:  url('images/sad-b.jpg') 13px 13px no-repeat;
}
.m22 {
background:  url('images/mon2-2.jpg') 13px 13px no-repeat;
}
.m23 {
background:  url('images/mon2-3.jpg') 13px 13px no-repeat;
}
.m31 {
background:  url('images/mon3-1.jpg') 13px 13px no-repeat;
}
.m32 {
background:  url('images/mon3-2.jpg') 13px 13px no-repeat;
}
.m33 {
background:  url('images/kroblya-b.jpg') 13px 13px no-repeat;
}

.m11:hover {
background:  url('images/col1-1.jpg') 13px 13px no-repeat;
}
.m12:hover {
background:  url('images/col1-2.jpg') 13px 13px no-repeat;
}
.m13:hover {
background:  url('images/col1-3.jpg') 13px 13px no-repeat;
}
.m21:hover {
background:  url('images/sad-a.jpg') 13px 13px no-repeat;
}
.m22:hover {
background:  url('images/col2-2.jpg') 13px 13px no-repeat;
}
.m23:hover {
background:  url('images/col2-3.jpg') 13px 13px no-repeat;
}
.m31:hover {
background:  url('images/col3-1.jpg') 13px 13px no-repeat;
}
.m32:hover {
background:  url('images/col3-2.jpg') 13px 13px no-repeat;
}
.m33:hover {
background:  url('images/kroblya-a.jpg') 13px 13px no-repeat;
}

/* NEWS */
.news {
overflow: hidden;
border-bottom: 1px solid #036eaf;
}
.news p img {
margin: 5px 5px 5px 0;
border: 1px solid #39a5e6;
}
.news p a:link     { font-size:14px; color: #036eaf; font-weight: bold; text-decoration:underline; }
.news p a:visited  { font-size:14px; color: #036eaf; font-weight: bold; text-decoration:underline; }
.news p a:hover    { font-size:14px; color: #fe0003; font-weight: bold; text-decoration:none; }
.news p a:active   { font-size:14px; color: #036eaf; font-weight: bold; text-decoration:underline; }

/* FOOTER */

#footer {
position: relative;
width: 100%;
margin: 20px auto 0 auto;
padding: 10px 0  10px 0;
font-size: 14px;
color: #fff;
background: #39a5e6 url('images/bg-foot.gif') repeat-x;
}
#footer p {
margin: 15px auto;
width: 550px;
color: #fff;
}
#counters {
position: absolute;
top: 20px;
left: 5px;
width: 200px;
height: 100px;
}
#counters img {
padding: 5px;
float: left;
}
#footer p.kleimo {
position: absolute;
top: 10px;
right: 5%;
width: 200px;
height: 50px;
border: 0px solid #000;
}

#footer p.kleimo2 {
position: absolute;
top: 50px;
right: 5%;
width: 200px;
height: 50px;
border: 0px solid #000;
}
a:active.foot, a:visited.foot, a:visited.foot, a:link.foot  {
font-size:14px; 
color: #fff;
text-decoration:underline;
}
a:hover.foot    { 
color: #de0306; 
}