@charset "utf-8";
/* Common */
html, body { width: 100%; }
body { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #1f2224; /* background: #dbe4eb url(images/main-bg.gif) repeat-x left top; */ }
img { border: 0; }
ul, li, form { padding: 0; margin: 0; }
p { margin: 0 0 10px 0; }
.wrapper { clear: both; }

/* news */
p.news-list { margin: 0 0 10px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.news-line { margin: 0 0 10px 0; font-size: 16px;}

.special {visibility: hidden; }

div { text-align: left;}

div#main-content { width: 80%; margin: 10px; padding: 21px 0 0 0; }
.content {padding: 10px; margin: 10px;}

/* Layout */
div#top-bar-in { height: 81px; background: url(images/top-bg.gif) repeat-x left top; margin: 0 9px; }
div#top-bar-left { height: 81px; width: 100%; background: url(images/top-left.gif) no-repeat left top; margin: 0 auto 10px auto; }
div#top-bar-right { height: 81px; width: 100%; background: url(images/top-right.gif) no-repeat right top; }  
div#logotype { height: 81px; width: 193px; float: left; }
div#left-column { float: left; width: 190px; font-size: 10px; color: #7a8792; }
div#right-column { float: left; width: 100%; margin-left: 10px; line-height: 150%; }
div#footer { height: 24px; color: #7a8792; font-size: 10px; padding: 10px 20px 0 10px; }
div#copyright { vertical-align: bottom }
div#privacy { float: right; }

/* Languages */
div.languages { height: 22px; padding: 29px 0 0 10px; float: left; }
div.languages ul, div.languages li { padding: 0; margin: 0; }
div.languages ul li { float: left; width: 22px; height: 22px; margin: 0 5px 0 0; list-style: none; }
div.languages ul li a { display: block; width: 16px; height: 12px; padding: 5px 3px; }
div.languages ul li span { display: block; width: 16px; height: 12px; padding: 5px 3px; background: #d2d9e1 url(images/flags/empty.gif) no-repeat left top; }

/* Main block */
div#main-block { margin: auto; background: #fff; }
div#main-block div.mb-c {  padding: 16px; }
div#main-block div.mb-l { background: url(images/mb-left.gif) repeat-y left top; }
div#main-block div.mb-t {  background: url(images/mb-top.gif) repeat-x left top; }
div#main-block div.mb-r {  background: url(images/mb-right.gif) repeat-y right top; }
div#main-block div.mb-b {  background: url(images/mb-bottom.gif) repeat-x left bottom; }
div#main-block div.mb-tl {  background: url(images/mb-left-top.gif) no-repeat left top; }
div#main-block div.mb-tr {  background: url(images/mb-right-top.gif) no-repeat right top; }
div#main-block div.mb-br { background: url(images/mb-right-bottom.gif) no-repeat right bottom; }
div#main-block div.mb-bl {  background: url(images/mb-left-bottom.gif) no-repeat left bottom; }

/* Left blocks */
div.left-block { width: 190px; margin: 0 0 1em 0; }
div.left-block div.lb-l { width: 190px; background: url(images/lb-left.gif) repeat-y left top; }
div.left-block div.lb-r { width: 190px; background: url(images/lb-right.gif) repeat-y right top; }
div.left-block div.lb-t { width: 190px; background: url(images/lb-top.gif) repeat-x left top; }
div.left-block div.lb-b { width: 190px; background: url(images/lb-bottom.gif) repeat-x left bottom; }
div.left-block div.lb-lt { width: 190px; background: url(images/lb-left-top.gif) no-repeat left top; }
div.left-block div.lb-rt { width: 190px; background: url(images/lb-right-top.gif) no-repeat right top; }
div.left-block div.lb-rb { width: 190px; background: url(images/lb-right-bottom.gif) no-repeat right bottom; }
div.left-block div.lb-lb { width: 190px; background: url(images/lb-left-bottom.gif) no-repeat left bottom; }
div.left-block div.lb-c { width: 158px; padding: 16px; }

/* Right blocks */
div.right-block { widthe: 100% min-height: 120px; background: url(images/rb-bottom.gif) repeat-x left bottom; margin: 0 0 15px 0; }
div.right-block div.rb-l { width: 100%; min-height: 120px; background: url(images/rb-left.gif) no-repeat left bottom; }
div.right-block div.rb-r { width: 100%; min-height: 120px; background: url(images/rb-right.gif) no-repeat right bottom; }
div.right-block div.rb-c { padding: 10px 10px 15px 10px; }
p.right-block table { margin: 0 0 10px 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* Fonts */
h1 { font-size: 24px; font-weight: normal; color: #00a3b9; margin: 0 0 15px 0; }
h1 a { color: #00a3b9; }
h1 a:visited { color: #00a3b9; }
h1 a:hover { color: #04899b; }
h2 { font-size: 18px; font-weight: normal; color: #00a3b9; margin: 0 0 10px 0; }
a { color: #169ef4; text-decoration: underline; }
a:visited { color: #169ef4; text-decoration: underline; }
a:hover { color: #053a5c; text-decoration: underline; }
div.date { font-size: 14px; font-weight: normal; color: #d2d9e1; }
a.more { background: url(images/i-more.gif) no-repeat left 2px; padding: 0 0 0 20px; }
.testim { font-style: italic; }
/* li { padding-left: 15px; background: url(images/bul.gif) no-repeat 3px 5px; margin: 0 0 10px 0; list-style: none; } */
.small { font-size: 10px; color: #7a8792; line-height: normal; }

/* common elements */

.top { font-size: 0; position: absolute; width: 100%; top: 0px; background-repeat: repeat-x; }
.bottom { font-size: 0; position: absolute; width: 100%; bottom: 0px; background-repeat: repeat-x; }
.left { font-size: 0; position: absolute; height: 100%; top: 0px; left: 0px; background-repeat: repeat-y; }
.right { font-size: 0; position: absolute; height: 100%; top: 0px; right: 0px; background-repeat: repeat-y; }
.bottom-left { font-size: 0; position: absolute; left: 0px; bottom: 0px; background-repeat: no-repeat; }
.bottom-right { font-size: 0; position: absolute; right: 0px; bottom: 0px; background-repeat: no-repeat; }
.top-left { font-size: 0; position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; }
.top-right { font-size: 0; position: absolute; right: 0px; top: 0px; background-repeat: no-repeat; }


/* Header */
#header{
	width: 100% !important;
	position: relative;
	margin-top: 0px;
	z-index: 20;
	background: url('http://www.mipko.ru/media/images/root1/header_center_bg.png') repeat-x;
	height: 81px;
}

#header_left{
	width: 22px; height: 81px; background: url('http://www.mipko.ru/media/images/root1/header_left.png') no-repeat; float: left; position: relative;
}
#header_center{
	height: 81px; float: left; position: relative;
	width: auto !important;
	width: 900px;
}
#header_right{
	width: 22px; height: 81px; background: url('http://www.mipko.ru/media/images/root1/header_right.png') no-repeat; float: right; position: relative;
}
#logo-mipko {
	width: 195px;
	height: 78px;
	float: left;
	padding: 0;
}

#laguage{
	float: right; width: 200px;
}

/* Top menu */
div.top-menu ul, div.top-menu li { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
div.top-menu { z-index: 80; float: right; height: 30px; padding: 26px 0 0 80px; font-size: 12px; }

div.top-menu ul li { 
    display: inline-block; 
    position: relative; 
    background: none;
    padding: 10px 15px 10px 15px;
    z-index: 90;
    height: 12px;
    zoom:1; *display: inline;
}

div.top-menu ul li a { 
    display: block;
	color: #169EF4;
    font-size: 12px;
	text-decoration: underline;
}

div.top-menu ul li a:visited { 
	color: #169EF4;
	text-decoration: underline;
}

div.top-menu ul li a:hover { 
	color: #169EF4;
	text-decoration: none;
}


div.top-menu ul li div ul li {
    display: block;
    margin-left: 4px;
    margin-right: -4px;
    margin-bottom: 0;
    padding: 0;
    height: auto;
}

div.top-menu ul li div ul li a {
   display: block;
    padding: 5px 7px 5px 16px;
}
div.top-menu ul li div ul li a:hover {
   background: #CED5DE;
}

div.top-menu ul li div {
    display: none;
}

div.top-menu ul li.ddown div.ddown {
    position: absolute;
    width: 248px;
    top: 32px;
    left: 0;
    z-index: 100;
    background-image: url(http://www.mipko.ru/media/images/ddmenu.png);
    background-position: 0 -34px;
    background-repeat: no-repeat;
    padding: 10px 10px 15px 0;
    margin-bottom: 10px;
}

div.ddown ul {
    padding-left: 0;
    margin-left: 0;
}

div.ddown ul li {
    list-style-type: none;
}

div.top-menu ul li.hovering div {
    display: block;
}

div.top-menu ul li.hovering  {
    background: url(http://www.mipko.ru/media/images/ddmenu.png) repeat-x scroll 0 0;
}

div.top-menu ul li.nohovering  {
    background: none;
}

div.top-menu ul li.hovering a {
    color: #333333;
    font-weight: bold;
}

.dmh-top-right {
    width: 8px;
    height: 32px;
    background: url(http://www.mipko.ru/media/images/ddmenu.png) no-repeat scroll -189px 0px;
}

.dm-bottom-left {
    height: 10px; width: 255px;
    bottom: -10px;
    background: url(http://www.mipko.ru/media/images/ddmenu.png) no-repeat scroll 0px -499px;
}

#page-footer ul.links {
	font-size: 11px;
	list-style-type: none;
}

#page-footer ul.links li {
	float: left;
}