/* | Сделано в psd2html.biz (с) mail@psd2html.biz ----*/
/* | Дата: 09.11.08 ----*/
/* | Выполнил: Владимир Туронок ----*/
/* | Адрес поддержки: u.turanok@psd2html.biz, waldeh@gmail.com ----*/

@import url(null.css);
@import url(maintag.css);
@import url(layout.css);
@import url(widgets.css);

/*--------- Контейнеры ---------*/
#container {

}

#wrapper {

}
/*///////////////////////////////*/

/*--------- Шапка сайта ---------*/
#header {
	height: 228px;
	position: relative;
	z-index: 1
}
#header a {color: #54b0ea; text-decoration: underline}
#header a:visited {color: #54b0ea; text-decoration: underline}
#header a:hover {color: #54b0ea; text-decoration: none}
#header a:active {color: #54b0ea; text-decoration: none}

#header #logo {position:absolute; left:34px;top:73px; z-index:2}
#menu-funct {color: #c8c8c8; font-size: 0.9em; position: relative; z-index: 2; top: 100px; text-align: right; height: 26px; line-height: 26px}
#menu-funct img {padding-left: 5px; padding-right: 4px; }
#menu-funct a {padding-right: 8px; }
#menu-funct span {padding: 0 8px 0 0;}
#menu-funct span span {font-weight: bold; padding-right: 0;}
#container #enter {display: none; position: absolute; z-index: 3; left: 590px; top: 25px; height: 55px; width: 200px;background-color: #374C59; opacity: 0; color: #333; text-align: left}
#container #enter #clos{float: right; cursor: pointer; margin-top: 3px;}
#menu-header {background: url(/images/bg-mh.gif) no-repeat; height: 44px; position: absolute; left:0;top:184px; z-index: 2; padding-left: 25px; width: 930px}
#menu-header li {height:44px; background: url(/images/bg-mh-li.gif) right 0 no-repeat; position: relative; padding-right: 15px}
#menu-header li:hover ul, #header #menu-header li.iehover ul {display: block;}
#menu-header li:hover, #header #menu-header li.iehover {background: url(/images/bg-mh-lih.gif) right 0 no-repeat}
#header #menu-header a {color: #fff; text-decoration: none; padding-left: 15px; display: block; float: left; height: 44px; line-height: 52px} #menu-header a:visited {color: #fff}
#header #menu-header li:hover a, #header #menu-header li.iehover a {background: url(/images/bg-mh-ah.gif) 0 0 no-repeat; color: #3d3d3d;}
#menu-header ul {display: none; position: absolute; z-index: 100;left:0;top:44px; width:auto; _width: 350px; padding: 7px 0 1px 0; background: url(/images/bg-mhhovul.gif) #eeeeee repeat-x;}
#header #menu-header ul li {float: none; height: 36px; border-bottom: #c4d8e8 1px solid; padding-left: 15px; background: none; line-height: 36px} 
#header #menu-header ul li.iehover, #header #menu-header ul li:hover {background: none}
#header #menu-header ul li a {color: #416277; line-height: 36px; float: none; height: auto; padding-left: 0; display: inline} #menu-header ul li a:hover {color: #416277}
#header #menu-header ul li:hover a, #header #menu-header ul li.iehover a, #header #menu-header li:hover ul a, #header #menu-header li.iehover ul a {background: none; color: #416277}

#container #partner {position: absolute; top:0; right: 95px; z-index: 2; font-size: 0.86em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; height: 34px; width: 175px; padding: 6px 95px 0 0; color: #8f8f8f; background: url(/images/bg-partner.gif) no-repeat; display: block; text-decoration: none}
#partner img {position: absolute; right: 19px; top: 3px; z-index: 3}

#search {position: absolute; z-index: 2; right: 13px; top: 192px; height: 28px}
.s_text {height: 19px; width: 160px; padding-left: 6px; border: #fff 0px solid; background: #fff; padding-top: 4px; color: #515151; margin-right: 2px; font-size: 0.9em}

#container #enter form {
  margin-top: 3px;
}

#container #enter input {
  display:block;
  float:left;
  width:100px;
  margin: 2px;
  font-size: 9pt;
}

#container #enter label {
  display:block;
  text-align:right;
  float:left;
  width:50px;
  padding-right:5px;
  color: #fff;
}
/*///////////////////////////////*/

/*----- Основное содержимое -----*/
#content {
	background: url(/images/bg-content.gif) #fff right bottom no-repeat;
	padding: 0 0 15px 0;
}

#content .otv{
background-color:#ebf3f8;
padding:5px;
padding-bottom: 10px;
}

#content  img {
  margin: 5px;
}

#content  form {
  margin-top: 10px;
}

#content input {
  display:block;
  width:120px;
  margin-left:10px;
  font-size: 10pt;
  background: url(../images/bg-textarea.gif) #fff 0 0 repeat-y;
  border: #a4c6e9 1px solid;
}

#content input.tx,#content textarea,#content select {
  display:block;
  width:250px;
  margin-left:10px;
  margin-bottom:5px;
  font-size: 10pt;
  background: url(../images/bg-textarea.gif) #fff 0 0 repeat-y;
  border: #a4c6e9 1px solid;
}

#content .submit{
  margin-left: 120px;
  background: none;
  border: 0;
}

#content .submit1{
  margin-left: 10px;
  background: none;
  border: 0;
}

#content textarea {
  height: 50px;
}

#content label {
  position:relative;
  display:block;
  text-align:right;
  float:left;
  width:115px;
  padding-right:5px;
}
#content label em {
  position:absolute;
  right:-260px;
  top:-15px;
  font-size:.8em;
  color: #f00;
  padding: 1px;
  padding-right: 5px;
}

#content table td{
border-color: #cccccc;
}

#YMapsID table td{
border: 0;
}

#content_itself {padding: 0 13px 0 13px}

#frame {padding: 13px 13px 0 13px; height: 277px; background: url(/images/bg-frame.gif) right top no-repeat; color: #fff; overflow: hidden}
.block, .activeframe {background: url(/images/bg-frame.gif) -14px -13px no-repeat; display: none; height: 235px; width: 587px; padding: 35px 300px 0 42px; float: left; opacity: 0}
.notopacity {opacity: 1; display: block}
.activeframe {display: block}

#tabs {height: 84px; background: url(/images/bg-tabss.gif) 0 0 no-repeat; margin: 0 13px}
#tabs li {height: 84px}
#tabs li a {text-indent: -10000px; display: block; height: 84px}
#t1 a {width: 189px; background: url(/images/bg-tabs.gif) 0 -84px no-repeat} #t1 a.active {background: url(/images/bg-tabs.gif) 0 0 no-repeat}
#t2 a {width: 185px; background: url(/images/bg-tabs.gif) -189px 0 no-repeat} #t2 a.active {background: url(/images/bg-tabs.gif) -189px -84px no-repeat}
#t3 a {width: 185px; background: url(/images/bg-tabs.gif) -374px 0 no-repeat} #t3 a.active {background: url(/images/bg-tabs.gif) -374px -84px no-repeat}
#t4 a {width: 186px; background: url(/images/bg-tabs.gif) -559px 0 no-repeat} #t4 a.active {background: url(/images/bg-tabs.gif) -559px -84px no-repeat}
#t5 a {width: 184px; background: url(/images/bg-tabs.gif) -745px 0 no-repeat} #t5 a.active {background: url(/images/bg-tabs.gif) -745px -84px no-repeat}
/*///////////////////////////////*/

/*---------- Навигация ----------*/
#navigation {
	background: url(/images/bg-navigation.gif) no-repeat;
	padding: 24px 0 0 0;
	text-align: center;
}
#navigation img {padding: 0 0 10px 0}

#navigation-menu {text-align: left;}
#navigation-menu li {padding: 10px 10px 10px 33px; line-height: 1.425em; color: #416277; font-weight: bold; background:url(/images/bg-nav-li.gif) 0 bottom no-repeat}
#navigation-menu a {color: #0091eb; text-decoration: none; font-weight: normal} #navigation-menu a:hover {text-decoration: underline}
/*///////////////////////////////*/

/*----------- Подошва -----------*/
#footer {
	color: #d9e7f9;
	height: 182px;
	font-size: 0.9em;
	overflow: hidden;
	position: relative;
	z-index: 2
}
#footer a {color: #d9e7f9}
#copyright {display: block; position: absolute; left: 27px; top: 55px;}

#madein {position: absolute; right: 28px; top: 48px; z-index: 3;
background: url(/images/img-madein.gif) #fff no-repeat left top;
display: block;
height: 40px; 
width: 104px;
}
#madein:hover{
background-position: 0 -40px;
}

.develop {position:relative; float:right; padding:0; margin: 48px 30px 0 0;}
.develop a {text-decoration:none; padding:0; margin: 0}
.develop i {position:absolute; left:-42px; top: -2px; width:34px; height:34px; background-image:url(/img/prosto.png)}
.develop a:hover {text-indent:0}
.develop a:hover i {background-position:0 100%}

/*///////////////////////////////*/

.col2 #wrapper {background: url(/images/bg-2col-wrapper.gif) #fff right repeat-y}
.col2 #content {background: url(/images/bg-2col-content.gif) #fff 0 0 repeat-x; color: #000; padding-bottom: 10px}
.col2 #footer {background: url(/images/bg-2col-footer.gif) 0 0 no-repeat; padding-top: 6px}
.col2 #footer #copyright {top: 61px}
.col2 #footer #madein {top:54px}
.col2 #content p {padding-bottom: 1.425em}
.col2 #content ul {margin: 0 0 0 16px; padding: 0 0 1.425em 0; list-style: none; line-height: 1.425}
.col2 #content ul li {text-indent: 16px; background: url(/images/bullet-content.gif) 0 7px no-repeat}
#header #menu-header li#activeli {background: url(/images/bg-mh-lih.gif) right 0 no-repeat; top: 1px}
#header #menu-header li#activeli a {background: url(/images/bg-mh-ah.gif) 0 0 no-repeat; color: #3d3d3d;}
#header #menu-header li ul li{white-space: nowrap; width: auto;}
#header #menu-header li#activeli ul li a{background: none; color: #416277;}
#header #menu-header li ul li a:hover, #header #menu-header li#activeli ul li a:hover {color: black; text-decoration: underline;}
#act {font-weight: bold;}