/* COMMON */
*   {padding: 0; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000;}
strong {font-weight: bold;}
a {color: #003366;}
a:hover, a:active   {color: #FF0000;}
.clear  {float: none; clear: both;}

/* BODY */
body    {background: #fff; min-width: 820px;}

/* HEADER */
#grey               {width: 100%; height: 170px; background: url("images/top1-fon.jpg") repeat-x;}
#grey .left-img     {width: 467px; height: 170px;background: url("images/top1-fon.jpg") repeat-x;float: left;}
#grey .right-img    {width: 349px; height: 170px; background: url("images/top1-2.jpg") 100% 0 no-repeat; float: right;}
#yellow             {width: 300px; height: 36px; margin-top: 2px; float: right; border-top: 10px solid #000; padding-left: 60px;}
#yellow .panel      {width: 300px; height: 26px; float: right; background: #ff9e19;}
#yellow .corner     {width: 30px; height: 26px; background: url("images/g1.jpg") no-repeat; float: left;}
#yellow a           {display: block; float: left; padding: 0 10px 0 10px;}
#yellow img         {border: none;}

/* PAGE */
#page               {width: 100%;}

/* BREADCRUMBS */
#breadcrumbs        {width: auto; margin: -30px 0 15px; margin-left: 20px;}
#breadcrumbs span   {font-size: 10px; color: #666;}

/* LEFT COLUMN */
#left-column        {float: left; width: 220px; margin-right: -220px; margin-bottom: 30px;}

/* MENU */
#menu               {width: 220px; padding-top: 25px; background: url("images/menuline.jpg") no-repeat; border-bottom: 1px solid #ccc; margin-bottom: 30px;}
#menu ul            {list-style: none;}
#menu li            {border-top: 1px solid #ccc; display: block; height: 100%;}
#menu a             {display: block; padding: 3px 0 3px 12px; font-size: 12px; text-decoration: none; color: #000; height: 100%;}
#menu li a          {background: url("images/strel-zel.gif") 0 50% no-repeat; margin-left: 5px;}
#menu li li a       {background: url("images/strel-jolt.gif") 0 50% no-repeat; margin-left: 18px;}
#menu li.active a   {font-weight: bold; color: #000;}
#menu li.active li a   {font-weight: normal; color: #000;}
#menu li li.active a   {font-weight: bold; color: #d44a17;}
#menu li a:hover    {color: #3f9c36; font-weight: bold;}
#menu li li a:hover {color: #3f9c36; font-weight: bold;}

/* CONTENT */
#content        {width: auto; margin: 0 30px 30px 240px;}
#content ul, #content ol {margin: 10px 0 10px 20px;}
#content li     {margin: 10px 0 10px 20px;}
h1,h2,h3,h4, h1 a, h2 a, h3 a, h4 a {color: #006F8B; text-transform: uppercase; font-weight: bold;}
h1,h1 a   {font-size: 12px;} h1 {margin: 30px 0 30px 0;}
h2,h2 a   {font-size: 12px;} h2 {margin: 30px 0 20px 0;}
h3,h3 a   {font-size: 10px;} h3 {margin: 25px 0 15px 0;}
h4,h4 a   {font-size: 10px;} h4 {margin: 10px 0 10px 0;}
p {font-size: 12px; margin: 0 0 10px 20px;}
p p {margin: 0; padding: 0;}

/* FOOTER */
#footer                 {width: auto; height: 100px; text-align: center; padding: 10px; font-size: 12px;}
#footer img             {border: none; padding: 2px;}
#footer .left_block     {width: 220px; height: 90px; float: left; margin-top: 10px;}
#footer .left_block a   {display: block; float: left;}
#footer .right_block    {width: 220px; height: 90px; float: right; margin-top: 10px;}
#footer .right_block a  {display: block; float: right;}
.line {width: 100%; height: 10px; background: #ccc;}
#footer .design {width: 180px; padding-top: 20px;}
#footer a.studio {text-decoration: none; margin: 20px 10px 0 5px; text-align: left; color: #666;}
#footer a.studio span {font-family: georgia; font-style: italic; color: #666;}
#footer a.studio:hover {text-decoration: underline; color: #933906;}
#footer a.studio:hover span {text-decoration: underline; color: #933906;}

/* SITEMAP */
#sitemap ul,
#sitemap li {margin: 5px 0 5px 10px; padding: 0;}

/* KEY-SPECIALIST */
#spec       {width: 100%;}
#spec td    {padding: 10px 0; vertical-align: top;}
#spec .foto {width: 130px; padding-right: 10px; vertical-align: top;}
#spec .text {text-align: left; vertical-align: top;}
#spec p,
#spec h1,
#spec h2,
#spec h3    {padding: 0 0 10px 0; margin: 0;}

/* SEARCH */
#page_search, #page_search p, #page_search h3, #page_search h3 a {margin: 0; padding: 0;}
#search             {width: 220px; padding-left: 5px; margin: 20px 0 30px;}
#search .word,
#page_search .word  {width: 150px; height: 18px; margin: 0 2px; border: 1px solid #ccc; float: left; font-size: 12px;}
#search .button,
#page_search .button{width: 30px; height: 20px; margin: 0 2px; border: 1px solid #ccc; background: #ff9e19; color: #fff; font-size: 10px; float: left; cursor: pointer;}
#page_search .button{float: none;}
#page_search .B_crumbBox span, #page_search .B_crumbBox a {font-size: 10px; color: #999;}
#page_search h3 a {margin: 15px 0 5px 0; display: block;}
#page_search p {margin: 5px 0 5px 0;}
#page_search span.B_crumbBox {margin: 0px 0 20px 10px; display: block;}
span.ajaxSearch_highlight {background-color: #ffff99;}

/* PAGES */
.previous {display: block; float: left; width: 200px; text-align: left; margin-left: 10px;}
.next {display: block; float: right; width: 200px; text-align: right; margin-right: 10px;}
.pages {margin: 0 200px; text-align: center; width: auto; display: block;}
.ditto_page, .ditto_currentpage {margin: 0 2px;}
.ditto_currentpage {font-weight: bold;}