/*============сетка=============*/
.header-hp, .menu-hp, .content-hp, footer-hp {float:left; width:100%; }

.col-, .col1- {float:left;
               width:16%;}
.footer-hp .col1- {width:39%;}
.col1-{margin-left:5%; _margin-left:2.5%;}

.cell2 {width:20%;}
.cell3 {width:14%;}

.footer-hp .cell4{width: 195px;}

.wrap-l {width: 37%; float: left;}
.wrap-r {width: 38%; float: left;}
.wrap-l .cell2{width:215px; background: url(../images/decor/arr-l.gif) no-repeat right top;}
.wrap-l .cell3{width:140px;}
.wrap-l .cell3 .pad{padding-right: 0;}
.wrap-r .cell4{width:195px;background: url(../images/decor/arr-r.gif) no-repeat 5px top;}
.wrap-r .cell5{width:160px;}
.wrap-r .cell5{padding-right: 0;}
.content-hp .wrap-r .cell5 .pad{padding-top: 10px;}
.p-container {width: 100%; height: 190px; position: relative;}
/*.wrap-l .p-container {text-align: center;}*/
.p-container .pict {display: block; width: 355px; position: relative;}
/*.wrap-l .p-container .pict {margin: 0 auto;}*/

.col1- .pad   {margin-left:47px;
               padding-right:30px;}
.col-  .pad   {padding-right:30px;}
.wrap-l .col- .pad, .wrap-r .col- .pad {padding-top: 27px;}

.cell5 {margin-right:-5%; /*_overflow:hidden;*/}

.res800 .header-hp input {width:100px;}
/* .res800 .guitar-img {background:url('../images/decor/guitar.gif') 650px top no-repeat; } */
.res800 .col- .pad   {padding-right:10px;}
.res800 .cell5 .pad  {padding-right:0px;}

.res800 .col1- .pad  {padding-right:0px;}


.res800 .col1- { margin-left: 10px;}
.res800 .col1- { //margin-left: 5px;}
html>body .res800 .col1- { //margin-left: 10px;}

.res800 .cell1 {width:141px}
.res800 .cell2 {width:175px}
.res800 .cell3 {width:175px}
.res800 .cell4 {width:125px}
.res800 .cell5 {width:145px;}

.res800 .header-hp .cell1 {width:220px}
.res800 .header-hp .cell2 {width:175px}
.res800 .header-hp .cell3 {width: 255px}
.res800 .header-hp .cell4 {width:125px}
.res800 .header-hp .cell5 {width:145px}

.res800 .header-hp .cell5 input.input- {margin-left: -24px;}


.res800 .footer-hp .cell1 {width:220px}
.res800 .footer-hp .cell2 {width:165px}
.res800 .footer-hp .cell3 {width:25px}
.res800 .footer-hp .cell4 {width:175px}
.res800 .footer-hp .cell5 {width:125px}


/*============гитара сверху=============*/
.guitar-img {background:url('../images/decor/guitar.gif') right -50px no-repeat;}
/*============хидер=============*/

.header-hp        {background:url(../images/decor/bird-cell2.gif) 207px 6px no-repeat;}
.header-hp form   {margin-top:38px;}
.header-hp input.input-  {
	width:153px;
    padding:1px 4px;
    font-size:1.20em;
    background:url('../images/decor/for-search.png') 0 0 repeat-x;
    //background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/for-search.png',sizingMethod='crop');
    color:#666;
	border:1px solid #f0f0f0; }

/*
.header-hp .cell3 {height:30px;
                   background:url(../images/decor/bird-cell3.gif) 151px 0 no-repeat; }
*/
.header-hp .col-,
.header-hp .col1-    {float:left;
                      margin-top:35px; }
.header-hp .logo     {float:left;
                      line-height:0.9em;
                      font-size:1.10em;}
.header-hp .logo img {clear:both;
                      margin-bottom:2px;
                      font-size:2em;
                      line-height:1.15em;}
.header-hp .logo a img {color:#6f6e6e; text-decoration:none; }
.header-hp .logo a:link img {color:#6f6e6e; text-decoration:none; }
.header-hp .logo a:visited img {color:#6f6e6e; text-decoration:none; }
.header-hp .logo a:hover img {color:#fe8d00; text-decoration:none; }
.header-hp .logo a:active img {color:#fe8d00; text-decoration:none; }

.header-hp .head-note {margin-top:31px;
                       color:#6f6e6e;
                       font-size:1em;
                       font-family:Tahoma; width: 200px; }
.header-hp .head-note .download- {margin-top:2px;
                                  line-height:1em;
                                  font-family:Tahoma; }
.header-hp .head-note small {clear:both;
                              font-size:0.9em; }
.header-hp .head-note a {display:block;
                         margin-bottom:2px;
                         font-size:2em;
                         font-family:Arial,Helvetica,"Sans Serif"; }
.header-hp .head-note a:link, .header-hp .head-note a:visited {color:#6f6e6e;}
.header-hp .head-note a:hover {color:#fe8d00;}
.header-hp .head-note a:active {color:#6f6e6e;}




/*============меню=============*/

.menu-hp    {background:url(../images/decor/bird-for-menu.gif) 0 bottom no-repeat;
             padding:16px 0px 19px 0px;}
.menu-hp h2 {font:2.5em Arial,Helvetica,"Sans Serif";}
.menu-hp a         {color:#9f4001;}
.menu-hp a:link    {color:#9f4001;}
.menu-hp a:visited {color:#9f4001;}
.menu-hp a:hover   {color:#fe8d00;}
.menu-hp a:active  {color:#9f4001;}

/*============контент=============*/
.content-hp      {padding-top:16px;
                  background:#ff9900 url('../images/decor/bird-for-content.gif') 0 0 no-repeat;}
.bottom-gradient {background:url('../images/decor/grad.gif') 0 bottom repeat-x; }
.bottom-parashut {padding-bottom:20px;
                  /*background:url('../images/decor/parashut-in-content.gif') 0 bottom no-repeat;*/}
.content-hp h1 {color:#000;
                font:2em Arial,Helvetica,"Sans Serif"; }
.content-hp h1 a {float:left;
                  display:block;
                  color:#fff; }
.content-hp h1 a:link    {color:#fff; }
.content-hp h1 a:visited {color:#fff; }
.content-hp h1 a:hover   {color:#fff; }
.content-hp h1 a:active  {color:#fff; }

.content-hp h3           {padding-bottom:0.75em;
                          font: 2em/1.2em Arial,Helvetica,"Sans Serif" ;}
.content-hp h3.no-link   {padding:0px;
                          margin: 0 0 0.2em 0;
                          line-height:0.8em;}
.content-hp h3 a         {color:#fff; font-size:0.95em;}
.content-hp h3 a:link,
.content-hp h3 a:visited {color:#fff;}
.content-hp h3 a:hover   {color:#fff600;}
.content-hp h3 a:active  {color:#fff600;}

/*----------Последние события---------------------------*/
.last-event- {clear:both;
              margin-bottom:1.8em; }
.last-event- h3 {margin:0px 0 0.2em 0;
                 padding:0px;
                 line-height:0.8em;}
.last-event- h3.link {line-height:1.15em;}
.before-last-event-  {clear:both;}
.before-last-event- h3 {margin:0px 0 0.2em 0;
                        padding:0px;
                        line-height:0.8em;}
.before-last-event- h3.link {line-height:1.15em;}
/*------------------------------------------------------*/


.content-hp h4 {font-size:1.5em;
                color:#fff;}
.content-hp h4 a:link,
.content-hp h4 a:visited {color:#fff;}
.content-hp h4 a:hover,
.content-hp h4 a:active {color:#FFF600;}

/*============футер=============*/

.footer-hp{
	position: relative; top: -50px; *top: -20px;
	margin-bottom:-50px;
	background: #fff url('../images/decor/parashut-in-footer-r.gif') right 0 no-repeat;}
.footer-hp .footer-background { padding-bottom:20px;
                                background:url('../images/decor/parashut-in-footer.gif') 0px 0px no-repeat;
                                height: 310px;}

.footer-hp .copychaif {float:left;
                       margin-top:1.4em;
                       font-family:"Sans Serif", Arial;
                       color:#7f7f7f;  }
.footer-hp .copychaif .copy-   {margin-top:0.5em; //margin-top:0.25em;
                                letter-spacing:-0.05em;
                                font:1.2em Tahoma;}
.footer-hp .copychaif .adress- {margin-top:0.4em; //margin-top:0.5em;
                                font:1.1em/1.4em Tahoma;  }
.footer-hp .copychaif img {clear:both;}
.footer-hp .copychaif a img {font-size:2em; color:#6f6e6e;}

.footer-hp .copychaif a:link,
.footer-hp .copychaif a:visited {color:#f39f85;}
.footer-hp .copychaif a:hover {color:#fe8d00;}
.footer-hp .copychaif a:active {color:#fe8d00;}

.footer-hp .bottom-nav-                     {margin: 3.9em 0 3.9em 0;}
.footer-hp .bottom-nav- ul                  {padding:0px;
                                             margin:0px;}
.footer-hp .bottom-nav- ul li               {padding:0px;
                                             margin:0 0 0.3em 0;
                                             list-style:none;
                                             color:#7f7f7f;
                                             font:1.3em/1.25em Arial,"Sans Serif";}
.footer-hp .bottom-nav- li a                {color:#7f7f7f;}
.footer-hp .bottom-nav- ul li a:link,
.footer-hp .bottom-nav- ul li a:visited {color:#7f7f7f;}
.footer-hp .bottom-nav- ul li a:hover  {color:#fe8d00;}
.footer-hp .bottom-nav- ul li a:active {color:#fe8d00;}

.footer-hp .copyjs           {margin-top:3.1em;
                              color:#7f7f7f; }

#jetstyle {display:block;
           background:url('../images/jetstyle.gif') no-repeat;
           height:23px;
           width:51px; }
.jetstyle {display:block;
           background:url('../images/jetstyle-.gif') no-repeat;
           width:51px;
           height:23px;}


.footer-hp .copyjs p         {font:1.1em/1.3em tahoma;
                              margin-top:0.6em;}
.footer-hp .copyjs a img {font-size:1.5em; font-weight:bolder;}
.footer-hp .copyjs a         {color:#7f7f7f;}
.footer-hp .copyjs a:link,
.footer-hp .copyjs a:visited {color:#7f7f7f;}
.footer-hp .copyjs a:hover {color:#fe8d00;}
.footer-hp .copyjs a:active  {color:#fe8d00;}


/*============элементы оформления=============*/
.link-block       {margin-top:0.6em;}
.link-block ul li {font:1em Arial,"Sans Serif";
                   list-style:none; }
.link-block ul li a {color:#fff;}
.link-block ul li a:link,
.link-block ul li a:visited {color:#fff;}
.link-block ul li a:hover,
.link-block ul li a:active {color:#fff600;}


.sostav {clear:both;
         margin:0.5em 0px 0.6em -47px;
         font-size:1.5em;}
.sostav p {margin:0px;
           padding:0px;
           line-height:1.3em;}
.sostav img {float:left;
             margin-right:9px; }
.sostav a, .sostav a:link, .sostav a:visited {color:#fff;}
.sostav a:hover, .sostav a:active {color:#fff600;}
.small-img {float:left;
            position:relative;
            height:40px;
            z-index:20;
            margin-top: 1px; }
.small-img .ramka- {
                  display:block;
                  position:absolute;
                  height:40px;
                  width:39px;
                  background:url('../images/decor/ramka-avatar.png') 0 0 no-repeat;
                  //background-image: none;
                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/ramka-avatar.png',sizingMethod='crop');
                  padding-top:1px; padding-left:1px;
                  z-index:50; top:0; left:0;
                  cursor:pointer; cursor:hand;}
.small-img .pic-   {position:relative;
                    z-index:20;
                    padding-left:1px;
                    padding-top:1px;}
.navigate- h3 {margin:0px; padding:0px; margin-bottom:0.6em;}
ul.navigate- {color:#fff; }
ul.navigate- li {margin:0px;
                 padding:0px;
                 list-style:none;
                 font:2em/1.2em Arial,Helvetica,"Sans Serif";
                }
ul.navigate- li a {color:#fff;}
ul.navigate- li a:link, .navigate- ul li a:visited {color:#fff;}
ul.navigate- li a:hover, .navigate- ul li a:active {color:#fff600;}
.from-blog-hp     {clear:both;
                   min-height:170px;
                   //height:170px;
                   }
html>body .from-blog-hp     {
                   //height:auto;
                  }
.from-blog-hp h3  {padding-bottom:0.4em;}



.blog-theme          {margin:0 0 1em 0;}
.blog-theme .author- {clear:both;
                      font:bold 1.5em "Arial Narrow", Arial, Helvetica,"Sans Serif";
                      color:#fff;
                      margin-bottom:0.2em; }
.blog-theme a:link, .blog-theme a:visited  {color:#fff;}
.blog-theme a:hover, .blog-theme a:active  {color:#fff600;}


.blog-theme .date- {clear:both;
                    font-size:1.10em;
                    color:#fff;
                    line-height:1.2em;}
.blog-theme .body- {font-size:1.10em;
                    color:#fff; }

.blog-theme h4 {font: 1.4em/1.2em Arial,Helvetica,"Sans Serif"; }
.hot-theme     {margin-bottom:2.1em;}
.hot-theme h3 {line-height:0.8em;
               margin:0px;
               padding:0px;}
.hot-theme h3 a {line-height:1.8em;}
.hot-theme .forum-theme  {clear:both;
							color: #fff;
                          margin-top:0.6em;
                          font-family:Arial,Helvetica,"Sans Serif";  }
.hot-theme .forum-theme a:link, .forum-theme a:visited {color:#fff;}
.forum-theme a:hover, .forum-theme a:active  {color:#fff600;}

.hot-theme .forum-theme .level-1 {font-size:1.1em;
                                  margin-bottom:0.1em;}
.hot-theme .forum-theme .level-2 {font-size:1.5em; margin-bottom: 15px;}
.hot-theme .forum-theme .level-2 small{font-size:0.8em;}
.hot-theme .forum-theme .status  {margin-top:0.4em;
                                  color:#fff;
                                  font-size:1em;}
.anonce {font-family:Arial,Helvetica,"Sans Serif";
         clear:both;
         color:#fff;
         margin-top:1em;}
.anonce a:link, .anonce a:visited {color:#fff;}
.anonce a:hover, .anonce a:active {color:#fff600;}
.anonce .date- {font-size:1.1em;
                margin-bottom:0.1em;}
.anonce p {font-size:1.50em;}
.anonce p .name- {font-size:0.8em;}








.grachi {margin-top:2px; margin-left:-1px;}
.cell3 .grachi {margin-left:2px; margin-top:1px; margin-bottom:1px;}

/*========================================================*/

.big-img {height:170px;
          margin-top:4px;
          background:url(../images/decor/pod-big-img-.gif) 20px 150px no-repeat;
          position:relative;
          z-index:20;
          }

.big-img .ramka- {
                  display:block;
                  position:absolute;
                  height:154px;
                  width:154px;
                  background:url('../images/decor/ramka-disc.png') 0 0 no-repeat;
                  //background-image: none;
                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/ramka-disc.png',sizingMethod='crop');
                  padding-top:2px; padding-left:2px;
                  z-index:50; top:0; left:0;
                  cursor:pointer; cursor:hand;}

.big-img .pic-   {position:relative; z-index:20; padding-left:2px; padding-top:2px;}



/*========================================================*/


/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**/
.content {
    color: #fff;
}
.content span {
	white-space: nowrap;
}
.content h3 {
    font-size:  1.3em;
    color: #000;
    margin-top:  1em;
    margin-bottom:  0.3em;
}

.content h3 strong {
    white-space: nowrap;
    color: #fff;
}

.content a:link    { color: #fff; }
.content a:visited { color: #fff; }
.content a:hover,
.content a:active  { color: #FFF600; }

.content p {
    margin:  0.3em 0;
}
.orange-plank{width: 100%; height: 50px; background: #ff8b04 url(../images/decor/guitar-or.gif) bottom right no-repeat;}
.pop-g{background: #ffffff; padding: 13px 13px 0; position: relative; height: 150px; _z-index: 300;}
.pop-g .aleft{
	position: relative;right: 50%;float: right;}
.pop-g .aright{
	position: relative;z-index: 1;right: -50%;}
.pop-g a{cursor: pointer;}
.pop-g .sm_pic{display: block;}
.pop-g .lg_pic{visibility: hidden; width: 1px; height: 1px; z-index: 600;}
.pop-g .lg_pic img{width: 1px; height: 1px;}
.pop-g a:hover {_height: 1%;}
.pop-g a:hover .sm_pic{display: none;}
.pop-g a:hover .lg_pic{visibility: visible; width: 150px; height: 150px;}
.pop-g a:hover .lg_pic img{width: 150px; height: 150px;}
.p-container .border {position: absolute; top: 0; left: 0; width: 355px; height: 190px; background: url(../images/decor/bigborder.gif); z-index: 50;}


.tl {
    background:url('../images/decor/t-l-ugol.png') 0 0 no-repeat;
   _background-image: none;   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/t-l-ugol.png',sizingMethod='crop');
    position: absolute;
    z-index: 50;
    width: 6px; height: 6px;
    top: 0px; left: 0px;
    font-size: 1px;
    }

.tr {
    background:url('../images/decor/t-r-ugol.png') 0 0 no-repeat;
    _background-image: none;                             filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/t-r-ugol.png',sizingMethod='crop');
    position: absolute;
    z-index: 50;
    width: 6px;
    //margin-right:-1px;
    height: 6px;
    top: 0px; right: 0px;
    font-size: 1px;
    }
.bl {
    background:url('../images/decor/b-l-ugol.png') 0 0 no-repeat;
    _background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/b-l-ugol.png',sizingMethod='crop');
    position: absolute;
    z-index: 50;
    width: 6px;
    height: 6px;
    bottom: 0px;
    left: 0px;
    //margin-bottom: -1px;
    font-size: 1px;
    }

.br {
    background:url('../images/decor/b-r-ugol.png') 0 0 no-repeat;
    _background-image: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/chaif/chaif/skins/design/images/decor/b-r-ugol.png',sizingMethod='crop');
    position:absolute;
    z-index:50;
    width:6px; height:6px;
    bottom:0px; right:0px;
    font-size:1px;
    //margin-right:-1px;
    //margin-bottom:-1px;
    }

.event{ color: #fff; margin-top: 10px;}
.event .date-{font-size: 1.1em;}
.event a:link, .event a:visited, .event a:hover, .event a:active{color: #fff; font-size: 1.5em;}
.link-list{margin-top: 13px;}
.link-list .link{padding-bottom: 5px;}

/* Added Bushuhin Ilya */
.header-hp .cell3 a { display: block; font-size: 2em; color: #a7411d; width: 120px; height: 53px; background: url('../images/header/lsv.png') 0 0 no-repeat; padding: 35px 0 0 135px; }
.header-hp .cell3 a:hover { color: #fe8d00; }


