html, body, div, span, applet, object, iframe,
h1, h2, h3, h4,  h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline;
}
/* remember to define focus styles! */

body {
	line-height: 1;
	color: black;	
	font-family: Tahoma;
	background: white url('../imgs/bg-gradient.png') repeat-x top left;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	font-family: Arial, Verdana, Tahoma, sans-sefif;
	font-size: 12px;
    line-height: 1;
}

.clear-l {clear: left;}
.clear-r {clear: right;}
a {color: #3d94ca;}
a:hover {color: be272c;}
/*
*	Header + logo
*/
/*
.header {width: 1500px; margin-left: auto; margin-right: auto;}
.header .header-item {float: left;}
.header .header-info {float: right; margin-right: 15px;}
.header .header-last {float: right;}

.header-icons {float: right; margin-top: 10px;}
.header-logo {text-align: center; padding: 16px 0px 0px 16px;}
*/
/* Header- main*/

.header {width: 975px; text-align: left;}
.header .logo {float: left; margin: 10px 0px 0px 0px;}
.header .certificate {margin: 11px 0px 0px -28px;}
.header .image {float: right; margin-top: 0px; width: 724px;}
.header .image img {margin: 0px 0px 0px 1px; text-align: right;}

.main-header-icons {float: right; margin: 5px 23px 0px 0px;}

/*language list*/
div.header-language-list {float: right;	margin: 8px 40px 8px; height: 21px;}
div.header-language-list div {float: left; padding: 5px 18px; width: 80px;}
div.header-language-list a:link {color: #333;}
div.header-language-list .russian {margin-left: 24px;}
div.header-language-list div.active {background: url('../imgs/lang/background-language.gif') no-repeat top center;}

/*Menu*/
.main-menu {margin-top: 20px;}
ul.menu-level-0 {margin-left: 5px; float: left; }
ul.menu-level-0 li {float: left; padding: 10px 10px; margin-right: 10px; text-align: center; font-size: 14px; }
ul.menu-level-0 li.active {background-color: #4d4d4d;}
ul.menu-level-0 a:link {color: #666;}
ul.menu-level-0 a:visited {color: #666;}
ul.menu-level-0 li.active a:link {color: white;}
ul.menu-level-0 li.active a:visited {color: white;}

/*top: 190px; left: 45px;*/
ul.menu-level-1 {position: absolute; display: none; margin-left: -10px; background-color: #4d4d4d; text-align: left; z-index: 1}
ul.menu-level-1 li {font-size: 11px; width: 150px; background-color: #4d4d4d; float: none; margin: 0px; text-align: left;}
ul.menu-level-1 li.active {background-color: #999999;}
ul.menu-level-1 li a:link {color: white;}

ul.menu-level-2 {position: absolute; line-height: 1.3; display: none; left: 150px; top: auto; margin-top: -21px;}
ul.menu-level-2 li {font-size: 11px; float: none; padding: 10px 10px; background-color: #999999;}
ul.menu-level-2 li.active {background-color: #4d4d4d;}

ul.active {display: block;}

/* Search */
div.search {float: right; margin: 27px 0px 0px 0px;}
div.search input {width: 158px; border: 1px solid #a9aaac; vertical-align: middle;}
div.search .search-button {margin-left: 5px; width: 21px; height: 21px; cursor: pointer; vertical-align: middle;}

/*Content*/
.content {padding-top: 30px; width: 975px; text-align: left; color: #666666;}

/* Main Content*/
.main-column-left {float: left;}
.main-column-left h1 {font-size: 18px;}
.main-column-left ul {width: 333px; padding: 20px 0px;}
.main-column-left ul li {line-height: 2; text-indent: -14px; color: white; margin: 0px 20px;}
.main-column-left ul li a {color: white;}
.main-column-left ul li a:hover {text-decoration: none;}
.main-column-left h1.resolution {color: #666666; margin-bottom: 10px; text-align: center}
.main-column-left ul.resolution {background: #ed393a url('../imgs/main/column-left-background.gif') repeat-y;}
.main-column-left h1.products {color: #666666; margin-top: 20px; margin-bottom: 10px; text-align: center}
.main-column-left ul.products {background: #6d6e70 url('../imgs/main/column-right-background.gif') repeat-y;}

.main-news {float: right; line-height: 1.5; width: 600px; margin: 0px;}
.main-news h1 {font-size: 18px; color: #be272c; margin: 0px; line-height: 1;}
.main-news h1 a {color: #be272c; }
.main-news img {margin-right: 5px;}

.main-news .news-item {margin-bottom: 30px; list-style: none; //margin-bottom: -5px;}
.main-news .news-item li {margin-bottom: 15px; text-indent: 0px;}
.main-news .news-item a.name {font-size: 110%; font-weight: bold;}
.main-news .news-item p {color: #666;}
.main-news .news-item span.date {color: #666; font-size: 11px; font-style: italic; }
.main-news a.cross-link {float: right;}

/*Content Page*/
.content-page h1 {margin: 15px 0px; font-size: 18px; font-weight: bold;}
.content h2 {margin: 10px 0px; font-size: 16px; font-weight: bold;}
.content p {line-height: 1.5; margin-top: 10px; text-align: justify;}
.content-page ul {list-style: disc; line-height: 1.5; list-style-position: outside; margin: 15px 0px 15px 30px;}
.content ul li {text-indent: 0px;}
.content p.node-path {color: #999;}
.content p.node-path a:link, .content .column-left p.node-path a:visited, .content .column-left p.node-path a:hover {color: #999;}

.content strong, .content b {font-weight: bold;}
.content em, .content i {font-style: italic;}

/* Footer*/
.footer {border-top: 1px solid #666; width: 975px; margin-top: 20px; text-align: left; clear: both;}
.footer div {float: left; margin: 10px 0px;}
.footer p {color: #666; font-size: 10px;}
.footer .company {margin-left: 140px; font-style: italic; font-size: 11px; color: #666;}
.footer .favorite {float: right;}
.footer .favorite a {font-size: 10px; color: #666;}
/* News */

div.news {list-style: none; line-height: 1.5; text-indent: 0px;}
div.news h3 {background-color: #666666; color: white; display: inline; padding: 0px 5px; font-size: 120%;}
div.news .preview {margin-bottom: 20px;}
div.news p {margin: 0px!important;}
div.news img {margin-right: 5px;}

p.search {margin-bottom: 15px;}
p.search em {font-size: 90%; color:#333;}
p.search a:link {font-size: 110%;}


ul.sitemap {line-height: 1.3; margin: 0px 0px 0px 20px; list-style: circle;}
ul.sitemap ul {margin: 0px 0px 0px 20px; list-style: circle; }

/* form */

fieldset.form {margin-top: 20px;}
fieldset.form label {float: left; width: 200px; margin-top: 10px; font-weight: bold;}
fieldset.form textarea {float: left; width: 300px; height: 100px; margin-top: 10px;}
fieldset.form input {float: left; width: 300px; margin-top: 10px;}
fieldset.form input.button {margin-left: 200px; margin-top: 20px; height: 30px; width: auto;}
fieldset.form div.error-hint {color: red; margin: 20px 0px 0px 200px; display: none;}

a.lightbox img {margin: 0px 50px 50px 0px; border: 1px #ccc solid; padding: 2px;}

.todo {width: 975px; clear: both; text-align: left;}
.todo .item {margin: 10px 0px; padding: none; padding: 0px;}
.todo .item-1{float: left; }
.todo .item-2{float: right;}

/* corners */

.corners {
    margin: -2px 0 -6px 0;
    display: block;  
}

.corners span {
    display: block;
}

.top-left {
    background: url(../imgs/shape.png) top left no-repeat;
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
}

.top-right {
    background: url(../imgs/shape.png) top right no-repeat;
    position: relative;
    right: -16px;
}

.bottom-right {
    background: url(../imgs/shape.png) bottom right no-repeat;  
    position: relative;
    bottom: -16px;
}

.bottom-left {
    background: url(../imgs/shape.png) bottom left no-repeat;
    position: relative;
    left: -16px;
    padding: 0 12px 20px 28px;
    height: 1%; /* fix bugs with IE PNG FIX */
}

.main-news .corners p {color: #666666;}

/* css-cleaner */

.wrapper:after {
    content: ".";
    clear: both;
    visibility: hidden;
    height: 0;
    display: block;
}

* html .wrapper {
    height: 1%;
}

/* flower */

#flower {
    margin-left: -4px;
    width: 337px; height: 333px;
    position: relative;
    text-align: center;
}

#flower a {
    text-decoration: none;
    font-weight: bold;
    color: #496381;
}

#flower a:hover {
    text-decoration: underline;
}

#flower div {
    position: absolute;
}

#leaf1          {width: 125px; height: 93px; left: 45px; top: 42px; padding-top: 35px;}
#leaf2          {width: 118px; height: 78px; left: 126px; top: 0; padding-top: 64px;}
#leaf3          {width: 97px; height: 69px; right: 9px; top: 63px; padding: 57px 0 0 41px; text-align: left;}
#leaf4          {width: 109px; height: 54px; right: -2px; top: 151px; padding: 49px 29px 0 0; text-align: right;}
#leaf5          {width: 103px; height: 77px; right: 68px; bottom: 0; padding: 66px 0 0 23px; text-align: left;}
#leaf6          {width: 112px; height: 72px; left: 59px; bottom: 15px; padding-top: 54px;}
#leaf7          {width: 143px; height: 81px; left: -1px; top: 118px; padding-top: 41px;}
#flower-center  {width: 118px; height: 118px; left: 114px; top: 108px; position: absolute;}
#leaf1          {background: url(../imgs/leaf1.png)}
#leaf2          {background: url(../imgs/leaf2.png)}
#leaf3          {background: url(../imgs/leaf3.png)}
#leaf4          {background: url(../imgs/leaf4.png)}
#leaf5          {background: url(../imgs/leaf5.png)}
#leaf6          {background: url(../imgs/leaf6.png)}
#leaf7          {background: url(../imgs/leaf7.png)}
#flower-center  {background: url(../imgs/circle.png)}
#leaf1.active   {background: url(../imgs/leaf1_h.png)}
#leaf2.active   {background: url(../imgs/leaf2_h.png)}
#leaf3.active   {background: url(../imgs/leaf3_h.png)}
#leaf4.active   {background: url(../imgs/leaf4_h.png)}
#leaf5.active   {background: url(../imgs/leaf5_h.png)}
#leaf6.active   {background: url(../imgs/leaf6_h.png)}
#leaf7.active   {background: url(../imgs/leaf7_h.png)}
#flower-center.active {background: url(../imgs/circle_h.png)}

#flower-center a {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%
}

/* radar */

h1 {
    z-index: 1
}

#radar {
    margin-left: 13px;
    width: 320px; height: 319px;
    position: relative;
    overflow: hidden;
}

#radar img {
    position: absolute;
    left: 0; top: 0
}

#radar a {
    text-decoration: none;
    font-weight: bold;
    color: white;
    position: absolute;
}

#radar a:hover {
    text-decoration: underline;
}

#radar01 {left: 120px; top: 20px;}
#radar02 {left: 191px; top: 68px;}
#radar03 {left: 218px; top: 111px;}
#radar04 {left: 235px; top: 173px;}
#radar05 {left: 239px; top: 224px;}
#radar06 {left: 216px; top: 234px; display:none; }
#radar07 {left: 90px; top: 266px; text-align: center; width: 140px}
#radar08 {left: 49px; top: 239px; display:none; }
#radar09 {left: 37px; top: 228px;}
#radar10 {left: 20px; top: 174px; width: 100px}
#radar11 {left: 19px; top: 131px;}
#radar12 {left: 36px; top: 91px;}
#radar13 {left: 60px; top: 53px;}
#iasu    {left: 135px; top: 150px;}
#back-iasu {left: -67px; top: -67px; position: absolute;}

/* menu changes */

ul.menu-level-0 {
background:url(../imgs/back.menu.main.png) top left no-repeat;
padding-left:13px;
margin-left:0;}

.main-menu {
margin-top:24px;}

ul.menu-level-0 li {
display:inline;
background:url(../imgs/back.menu.main.item.png) top right no-repeat;
font-size:12px;
height:28px;
line-height:28px;
margin-left:-10px;
margin-right:0;
padding:0;
width:137px;
zoom:1;}

ul.menu-level-0 li.active {
background-color:transparent;}

ul.menu-level-0 a.active {
font-weight:bold;}

ul.menu-level-0 a:link {
color:#ddd;
text-decoration:none;}

ul.menu-level-0 a.active:link {
color:white;}

ul.menu-level-0 a:visited {
color:#ddd;
text-decoration:none;}

ul.menu-level-0 a.active:visited {
color:white;}

ul.menu-level-0 a:hover {
text-decoration:underline;}

ul.menu-level-1 {
margin-left:0;
margin-top:-2px;}

* html ul.menu-level-1 {
margin-left:-67px;}

*:first-child+html ul.menu-level-1 {
margin-left:-67px;}

ul.menu-level-1 li {
display:block;
width:150px;
padding:0 10px;
background-image:none;
font-size:11px;
margin:0;}

ul.menu-level-2 {
margin-top:-28px;
left:170px;}

ul.menu-level-2 li, li.active li.active, li.active ul.menu-level-2 li {
background-color:#999;}

/* footer changes */

.footer {
margin-top:0;
height:49px;
border-top:none;
background:url(../imgs/back.footer.png) repeat-x;}

.footer p {
color:#494949;
font-size:11px;}

.footer .company {
color:#494949;
height:23px;
background:url(../imgs/back.footer.left.png) top left no-repeat;
padding:13px;
margin:0;
font-style:normal;}

.footer .contacts {
background:url(../imgs/back.footer.right.png) top right no-repeat;
float:right;
margin:0;
padding:13px;}

