body {color:#555;background:#7CBAE0 repeat-x url(bg-2.gif);font:12px Verdana, Arial, sans-serif;line-height:1.7em;margin: 0 auto;}
h1 {color:#fff;background:#256CE8/*7AAEEA*//*no-repeat url(header.jpg)*/;font: 20px Verdana, Sans-Serif;padding:10px 0 10px 24px;margin:0;letter-spacing:0px;
    border-bottom:2px solid #739BB8;text-transform:uppercase;}
h2 {color:#333/*5A666C*/;font:bold 1.6em Tahoma, Arial, Sans-Serif;letter-spacing:0px;margin:20px 0 0 10px;padding:0 0 0px 0;}
h5 {position:relative;color:#555;font: normal bolder 12px Tahoma,arial,sans-serif; margin:0 0 0 0;padding:0px 0px 0px 15px;}
#rightside h2{margin:0 0 0 5px;padding:7px 5px;}
a {color:#256CE8;text-decoration:none}
a:hover {color:#f00;}
p {margin:0 0 5px 0;}
ul {list-style:none;margin:0;padding:0;}
img {border:0;}
.clear{width:100%;height:14px;clear:both;background:#fff repeat-x url(tile.gif);margin:0px 0 2px 0;}
.cleat{width:100%;height:400px;clear:both;background:#fff;text-align:center;margin:0px 0 2px 0;}
.thumbs img{position:relative;padding:0px;margin:2px 3px 3px 4px;border:3px solid #2f0e00;}
.thumbs img:hover{border:3px solid #9a8a7a;}
#container {position:relative;width:980px;background:#fff;margin:15px auto;border:2px solid #739BB8;}
#pic {width:100%;height:188px;background:transparent /*right top no-repeat url(banner.jpg)*/;margin:0px;}
#pic p {color:#fff;background:transparent;font-weight:bold;font-size:12px;line-height:1.2em;padding:0 10px 0px 25px;margin:-40px 0 0 0;}
#menu {float:right;margin:8px 12px 8px 0px;padding:0;}
#menu a {color:#fff;background:#256CE8; /*7AAEEA*/ font:10px Tahoma, Arial, sans-serif;text-transform:uppercase;text-decoration:none;
         line-height:2.7em;font-weight:bold;padding:6px 20px;margin:0;}
#menu a:hover {color:#000;background:#C5D6F4;}
#leftside {float:left;width:330px;/*border-right:1px solid #bbafa3;*/margin:10px 0 8px 0;}
.category {color:#9c8c7d;background:#fff;padding:6px;margin:0 0 5px 0;}
.leftdata {color:#9c8c7d;background:#fff;padding:8px;margin:0 0 5px 0;}

#rightside {float:right;width:635px;margin:10px 0 10px 0;}
.headline {color:#9c8c7d;background:#fff;margin:0 0 5px 0;padding:8px;}
.rightdata {color:#333;background:#fff;padding:10px 15px 5px 10px;margin:0px 0 5px 0;}
.rightdata p {font:12px Verdana, Arial, sans-serif;}
.rightdata table {background:#fff; /*#ddd;*/font:12px Verdana, Arial, sans-serif;line-height:1.7em;margin:10px 5px 10px 0px}
.rightdata td {background:#fff;font:12px Verdana, Arial, sans-serif;line-height:1.7em;padding:5px 10px}
.rightdata table td {vertical-align:top}
.rightdata menu {padding:10px 0px 10px 0px;list-style-type:square;font-size:12px;margin:0px 0px 0px 20px;}
.rightdata menu li {padding:0px 10px 0px 0px;margin:0px;}
.rightdata img {padding:0;margin:0; }
.windows {float:left;clear:left;background:#fff;margin:0 10px 2px 0;padding:8px;border:1px solid #2877BC;}
.gallery {color:#9c8c7d;background:#fff;padding:20px 10px 10px 10px;margin:0 0 5px 0;}
#footer {clear:both;color:#555;background:#fff;padding:20px 15px;}
#footer .copyright {float:right;}
#footer a{color:#bbb}
#footer a:hover{color:#000}

div.block{margin:0;padding:0 10px 10px 10px;background:transparent; color:#333;}
.ssilki {list-style-type:square;color:#256CE8;}
h3 {color:#256CE8/*7AAEEA*/;font:bold 1.3em Tahoma, Arial, Sans-Serif;}
#save {padding:0 5px 0 0; margin:0 }
.news {font-size:14px;}
.news b {color:#256CE8}
.en {padding-left:12px;}
.ramka {display:block;margin:5px;border:3px solid #2f0e00;}

.t { width:90%;}
.t td {border-bottom:1px solid #ccc;padding:10px 0 10px 0;}

#boil {background-color:#fff;margin:20px}
#boil td {padding:3px;}

.tab {border-collapse:collapse;width:90%}
.tab td {padding:3px;border:1px solid #ccc;}

.rightdata .im1 {float:none;}

#tabsh {border-collapse:collapse;width:90%;}
#tabsh td {padding:5px 0 5px 10px;border:1px solid #ccc;}

.ra {color:#f00;}

/*#leftnav {width:310px;color:#9c8c7d;font-size:10px;padding:0;margin-bottom:0px;}*/
/*
#leftnav ul {list-style:none;margin:0;padding:0;border:none;margin-left:10px;}
#leftnav li {width:auto;margin:0;border-bottom:1px solid #fff;}
#leftnav li a {display:block;width:auto;color:#fff;background:#256CE8;padding:10px 0px 9px 12px;
               text-transform:uppercase;font-weight:bold;text-decoration:none;line-height:1.6;
			   border-left:5px solid #3180d8;}
#leftnav li a:hover {color:#000;background:#e7edf3;font-weight:bold;border-left:5px solid #f00;}
*/
               
#leftnav {position:relative;top:0px;left:15px;height:270px;width:300px;font:10px Tahoma, Arial, sans-serif;font-weight:bold;text-align:left;margin:0;}

/* remove all the bullets, borders and padding from the default list styling */
#leftnav ul {position:relative;width:300px;font-weight:bold;list-style-type:none;padding:0;margin:0;z-index:500;}
/* style the list items */#leftnav li {background:#256CE8;height:40px;/* for IE7 */float:left;}
#leftnav li.sub {background:#256CE8;} 
/* get rid of the table */#leftnav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
#leftnav a, #leftnav a:visited {display:block;text-decoration:none;height:39px;line-height:39px;width:298px;color:#fff;text-indent:19px;
                          text-transform:uppercase;border:1px solid #fff;border-width:0 1px 1px 1px;}
/* hack for IE5.5 */* html #leftnav a, * html .menu a:visited {width:299px; w\idth:298px;}
/* style the link hover */* html #leftnav a:hover {color:#000; background:#C5D6F4; position:relative;}
#leftnav li:hover {position:relative;}
/* For accessibility of the top level menu when tabbing */#leftnav a:active, .menu a:focus {color:#000; background:#C5D6F4;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */#leftnav li:hover > a {color:#000; background:#C5D6F4;} 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#leftnav li ul {visibility:hidden;position:absolute;top:-30px;/* set up the overlap (minus the overrun) */left:261px;/* set up the overrun area */
padding:30px;/* this is for IE to make it interpret the overrrun padding */background:transparent url(index_files/transpar.gif);}
/* for browsers that understand this is all you need for the flyouts */#leftnav li:hover > ul {visibility:visible;}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */#leftnav ul a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */#leftnav ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */#leftnav ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
/* make the second level visible when hover on first level link */#leftnav ul a:hover ul {visibility:visible;}
/* make the third level visible when you hover over second level link */#leftnav ul a:hover ul a:hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level link */#leftnav ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */#leftnav ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
#leftnav p {display:block;position:relative;padding:10px;margin:0;width:210px;text-align:justify; }

#leftnav #im {text-indent:0px;}


.logo {padding-left:405px;text-align:left;color:#f00;font-size:1.6em;}

.big {font-size:14px;}

.tabimpl {border-collapse:collapse;width:95%; }
.tabimpl td {padding:4px;border:1px solid #ccc;}

.nob {clear:both}

img.leftphoto {float:left;padding:0 15px 10px 0;}