/* Layout by Lexx */

/* Global Setting Style */
body{
  font-family: Arial, Verdana, Tahoma; font-size: 10pt; color: #000000; /* общий шрифт */
  background: #EDDFBD;
}

a { color: #006AB2; }
a:hover { color: #004E82; }

a img { border:0px; }

h1{ margin:0px; padding:0px; font-size:18pt; }
h2{ margin:0px; padding:0px; font-size:16pt; }
h3{ margin:0px; padding:0px; font-size:14pt; }
h4{ margin:0px; padding:0px; font-size:12pt; }
h5{ margin:0px; padding:0px; font-size:10pt; }
/* Global Setting Style */

.png { filter:expression(fixPNG(this)); }

/* Basis Model */
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.start, 
.header, 
.content, 
.footer, 
.left_menu, 
.right_menu
{ position:relative; }


.nstyle{color:#CC0000; font-size:14px; text-transform:uppercase; white-space:nowrap; width:185px !important;}
.nstyle:hover{color:#CC0000;text-decoration:none;}

.start
{
    height: 100%; 
    width: expression(document.body.clientWidth > 980 ? '100%' : '980px');
    min-width: 980px;
}

.main{
  height: auto; min-height: 100%;/* _height: 100%;*/_width:100%;_overflow:hidden;
}


.header {
  height: 285px;
  background-image: url('/pic/header.jpg');
  background-position: top center;
   background-repeat: no-repeat;
    $overflow:hidden;
}


.wrap{ 
  width: 100%;
  height: 100%;
  margin-right: -100%;
  float: left;
  _margin-top:-412px; /* -(header_height + footer_height) */
  _overflow:hidden;
  padding-bottom:20px;
}


.content{
  _margin-top:412px;  /* (header_height + footer_height) */
  margin-left: 272px;  /* left_menu */
  margin-right: 268px; /* right_menu */
  background-image: url('/pic/gradient.jpg');
  background-repeat: repeat-x;
  min-height:730px;
  padding-bottom:20px;
}


.left_menu{
  float: left;
  width: 272px;
  background-image: url('/pic/gradient.jpg');
  background-repeat: repeat-x;
  _left:0px;
}



.right_menu{
  float: right;
  width: 268px;
  background-image: url('/pic/gradient.jpg');
  background-repeat: repeat-x;
}


.clear{
  clear: both;
}

.f{
  height: 127px;          /* ] */
}

.footer {
  height: 127px;          /* ] */
  margin-top: -127px;     /* ] */
  _margin-top: 0px;     /* ] */
  font-size:11px;
  _clear:both;
  padding-bottom:10px;
}

.m{
  zoom: 1;
  overflow: hidden;
}
/* Basis Model */

#contacts{
width: 312px; height: 100%; border-top:3px solid #006AB3;
}

#contacts .in1{ 
margin-left:10px;
margin-top:16px; 
}

#rule{ 
position:relative; top:141px; left:0px; background-repeat: no-repeat; background-position: center;
 }

#gradient{
 background-image: url('/pic/gradient.jpg'); 
 position:absolute; 
 top:286px; 
 width:100%; 
 height:245px; 
 background-repeat: repeat-x;
 }
 
 #lbg{
 width: 124px; height: 194px; background-image: url('/pic/l.jpg'); position:absolute; top:0px; left:0px; 
 }
 
 #rbg{
 width: 272px; height: 169px; background-image: url('/pic/r.jpg'); position:absolute; top:0px; right:0px;
 }

.right_menu .in1, .left_menu .in1{
    position:relative;
}

#lodka{
margin-top:10px;
}

#org{
position:absolute; top:26px; left:48px;
}

#org h2{ 
color:#ffffff; 
font-size:11pt; 
margin-bottom:20px;
}

#org img{ margin-right:20px; }

#post{
text-align:right;
color:#ffffff; 
width:200px; 
position:absolute; 
top:28px; 
right:38px; 
}

#post h1{ margin:0px; margin-bottom:-10px; padding:0px; font-size:40pt; }
#post h2{ margin:0px; padding:0px; font-size:20pt; font-weight:normal; }
#post h3{ margin:0px; padding:0px; font-size:14pt; font-weight:normal; }

#post img{ margin-top:12px; }

#pred1{ position:absolute; top:5px; right:220px; width:197px; }
#pred2{ position:absolute; top:5px; right:10px; width:197px; }
#pred1 img{ margin-top:8px; margin-bottom:8px; }
#pred2 img{ margin-top:4px; margin-bottom:8px; }

.k{ 
    background-image: url('/pic/k.gif');
    background-repeat: no-repeat;
    padding-left:30px;
    padding-top:4px;
    _padding-top: 2px;
    $padding-top: 2px;
    padding-bottom:4px;
    display:block;
 }

.l1{ 
    width:60px;
    position:absolute;
    top:18px;
    $top:22px;
    _top:22px;
    left:166px;
    background-position: left top;
    z-index:100;
	 font-weight:bold;
}
.l2{ 
    width:80px;
    position:absolute;
    top:23px;
    right:140px;
    background-position: left 6px;  
}
.l3{ 
    width:46px;
    position:absolute;
    top:23px;
    right:30px;
    background-position: left 6px;
}

#rc{
    margin-left:20px;
    position:relative;
    margin-top:140px;
}

#rc h4{ padding-bottom:10px; padding-top:10px; }
#rc small{ font-size:8pt; color:#7A7A7A; padding-bottom:6px; display:block; }
#rc table { width:100%; }
#rc table img{ margin-top:4px; }


#into .content{ margin-right: 0px; }
#into #logo{ padding-right:268px; }

#into .content .in{ 
    position: relative; 
    margin-top: 64px; 
    $margin-top: 54px; 
    padding-right: 80px;
    padding-left: 60px;
    _height:340px;
}

#into .content .in h1{ 
color:#006AB3; font-size:14pt; font-weight:bold; padding-bottom:20px;
}

#ucha td{ text-align:center; padding-top:24px; vertical-align:bottom; padding-left:40px; padding-right:40px; }
#ucha td a img{ margin-bottom:8px; }

.org .t1{ background-repeat: no-repeat; background-position: 32px 32px; }
.org .t2{ background-image: url('/pic/tc.gif'); background-repeat: repeat-x; width:100%; background-position: left 22px; padding-left:40px; }
.org .t3 img{ margin-top:22px; }
.org { margin-top:20px; }


.newsi { margin-bottom:20px; }
.newsi a{ font-weight: bold; }
.newsi font{ font-weight: bold; color:#000000; }
.newsi h5{ display:inline; margin-right:8px; font-size:8pt; color:#838383; }
.newsi div{ margin-top:4px; }


#pageslink { font-size:8pt;  padding-top:10px; margin-top:10px; border-top:1px solid #D1C3A7; }
#pageslink  a{ font-weight:bold; margin-left:6px; }

a#here {
    color:#000000;
    text-decoration:none;
}


form input{  font-size:11px; }
form .text{ padding:3px; border:1px solid #C1C1C1; }
form .submit{ padding:2px; background-color:#DBDBDB; border-top:1px solid #A0A0A0; border-left:1px solid #A0A0A0; border-right:1px solid #282828; border-bottom:1px solid #282828; }

/* form base */
.form{ position:relative; clear:both; }
.form input, .form textarea{ 
    display:block; 
    float:left;
    /*padding:1px;*/
    font-family: Verdana;
    font-size: 10pt;
    color: #000000; 
}
/*.form input.submit{ padding:1px; ~padding:0px; }*/
.form strong{ display:block; float:left; font-weight: normal; font-size:12px;  }
.form label{ 
    display:block;
    /*padding-top:6px;*/    
    width: 125px;
    float: left; 
}
.form strong span{ color:#4D7EA6; }

/* настройки общего стиля форм */
.form input.submit{ color:#757575; }

.form input.i, .form textarea{ border:1px solid #AAAAAA; }  /* ] */
.form input.submit{ background-color: #DCDCDC; padding:0px; }            /* ] */

.form input.i:hover, .form  textarea:hover, .form input.submit:hover{ border:1px solid #BAA984;  background-color:#F4F1E8; }
.form input.submit{ border:1px solid #AAAAAA; font-weight: bold; }
.form input.submit:hover {
    color:#938669;
    background-color: #EFE8DA;
    font-weight: bold;
}

#contact{ 
    position:relative;
    width: 590px;
    padding-top:10px;
    padding-bottom:20px;
}
#contact textarea{ display:block; height: 69px; }
#contact input.i, #contact textarea{ 
    width: 310px; 
}
#contact input.submit{ 
    width: 312px;
    margin-left:125px;
    _margin-left:63px;
    cursor: pointer;
}
#contact input.gfx{ 
    width: 227px;
    margin-left:6px;
}

#contact img{ 
    float: left;    
}
span.error {
    color:#BD3535;
    display:none;
    font-size:11px;
    float: left;
    /*margin-bottom:5px;
    margin-top:-7px;*/
    margin-left: 7px;
    text-align:left;
}
.clboth{
    width: 100%;
    clear: both;
    height: 7px;    
}
#flashtop{
    margin: 0 auto;
    width: 461px;
    height: 446px;
    background: transparent url(/pic/lodka.png) 0 0 no-repeat;
    position: relative; 
    margin-top:30px;
}
#flashtop object{
    top:71px;   
    left:86px;
    position:absolute;
}
/********** Галерея ***********/
.tops {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.tops .foto{
    float: left;
    overflow: hidden;
    width: 80px;
    height: 80px;
}
.tops .info{
    float: left;
    margin-left: 15px;
}
.foto_item{
    margin: 0px 0px 15px;
}
/********** Статьи ***********/
#author{
    width: 100%;
    text-align: right;
}
#author p{
    margin: 0px;
}

#centerb{
background-image: url('/pic/r.jpg'); 
background-repeat:no-repeat; 
background-position:right top; 
position:absolute; 
top:0px; 
right:-268px; 
_right:0px; 
width:60%; 
_width:50%; 
height:100%;
}

#centerb .cn{
position:relative; width:268px; margin:0 auto;
}


.counter{ width:190px; height:100px; position:absolute; top:45px; left:336px; }
.counter img{
    float:left;
    margin-right:10px;
    margin-bottom:18px;
}
#klemo{
    background:url(../pic/klemo.png) 0 3px no-repeat;
    padding-left:33px;
    height:30px;
    clear:both;
}
#klemo a{
    color:#006cb5;
    display:block;
    float:left;
    margin:-3px 0 0;
}
html:root #klemo a {    
    margin:0px 0 0;
}
#klemo a.grey{
    color:#000;
    text-decoration:none;
}
#klemo a.grey:hover{
    color:#000;
    text-decoration:none;
}
#nav { position:relative; padding-top:130px; left:0px; margin-bottom:150px; }
#nav li { list-style:none; text-align:right; padding:5px 10px 5px;  background-repeat: no-repeat; overflow:hidden; }
#nav li img{ float:right; margin-left:-9px; margin-top:8px; }
#nav li span{ float:right; margin-right:18px; text-align:right; text-transform:none; width:auto; }
#nav li a{ color:#000000; font-size:12pt; font-weight:bold; line-height:16pt; text-decoration:none; border-bottom:1px solid #000000; }
#nav li a:hover{ color:#000000; font-size:12pt; font-weight:bold; text-decoration:none; border-bottom:none; }
#nav li#action span a{ color:#5a3012; font-size:12pt; font-weight:bold; text-decoration:none; border-bottom:none; }
#nav li ul li#action a{ color:#5a3012; font-size:10pt; font-weight:normal; text-decoration:none; border-bottom:none; }
#nav li ul{ margin:0px; padding:0px; margin-right:17px; display:block; clear:both; }
#nav li ul li { padding:5px 0 2px; margin:0px;}
#nav li ul li a{ font-size:10pt; font-weight:normal; }
#nav li ul li a:hover{ font-size:10pt; font-weight:normal; }

/*#nav li img{  
    margin-left: 8px;       
}
#nav ul{ position:relative; }*/

.in1 span{
    text-transform:uppercase;
}
#logo{
    padding-top:3px;
}

.z{ overflow:hidden; zoom: 1; }
.newsi a img{ margin-right:10px; }

#contact h5{
    margin-top:15px;
    margin-bottom:10px;
}

#contact label.que{
    width:435px;
	 margin-bottom:5px;
}
#contact input.que{ 
    width: 435px; 
}
.form label.que input{
	margin-right:-20px;
}
.form label.que strong{
	margin-left:23px;
	padding-top:2px;
}